home | career | drupal | java | mac | mysql | perl | php | scala | uml | unix

Drupal example source code file (style.css)

This example Drupal source code file (style.css) is included in the DevDaily.com "Drupal Source Code Warehouse" project. The intent of this project is to help you "Learn Drupal by Example".

PHP - Drupal tags/keywords

0em, 1em, 1px, 5px, 888, border, color, font-size, ltr, margin, node, padding, path, solid

The style.css Drupal example source code

/* $Id: style.css,v 1.8 2007/06/04 11:10:38 goba Exp $ */

/*
** HTML elements
*/
body {
  background: #fff url(druplicon-watermark.png) no-repeat top right; /* LTR */
  font-family: arial, helvetica, sans-serif;
}
a:link {
  color: #656
}
a:visited {
  color: #656
}
a:active {
  color: #ccc
}
h2 {
  background-color: #eaeaea;
  border: solid 1px #777;
  font-size: 1.1em;
  margin: 0.5em 0em 0.5em 0em;
  padding: 0.5em;
}
h2.title {
  background-color: #fff;
  border: solid 1px #888;
  margin-top: 1em;
}
p {
  margin: 0 1em 1em 0; /* LTR */
  padding: 0;
}
table {
  font-size: 1em;
}

/*
** Page layout blocks / IDs
*/
#main {
  width: 80%;
}
#header .title {
  padding-top: .75em;
}
#subnavlist {
  font-size: 0.8em;
}
ul.links li {
  border-left: 1px solid #888; /* LTR */
}
ul.links li.first {
  border: none;
}

/*
** Common declarations for child classes of node, comment, block, box etc
*/
.node .submitted {
  color: #7c7c7c;
  font-size: 0.9em;
  float: left; /* LTR */
  padding: 0.5em 0em 0.5em 1em; /* LTR */
}
.node .taxonomy {
  color: #7c7c7c;
  font-size: 0.9em;
  float: right; /* LTR */
}
.node .content {
  clear: both;
  padding-left: 1em; /* LTR */
}
.node .links {
  padding: 1em 0 1em 0.2em; /* LTR */
}
.comment {
  border: solid 1px #777;
  margin: 0.5em 0;
  padding: 0.5em;
}
.block {
  margin-bottom: 10px;
  font-size: 0.9em;
}
.block .content {
  border: solid 1px #888;
  border-top: none;
  margin: 0;
  padding: 5px;
}
.block h2.title {
  margin: 0;
}

/*
** Administration page styles
*/
div.admin-panel .description {
  color: #999;
}

div.admin-panel .body {
  background: #f4f4f4;
}

div.admin-panel h3 {
  background-color: #888;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}

/*
** Module specific styles
*/
.item-list ul li {
  list-style-image: url(bullet.png);
}
.path, .path a, .path a:visited {
  color: #888;
}

Other Drupal examples (source code examples)

Here is a short list of links related to this Drupal style.css source code file:

new blog posts

"Drupal" is a registered trademark of Dries Buytaert.

my drupal tutorials and examples  

Copyright 1998-2016 Alvin Alexander, alvinalexander.com
All Rights Reserved.

Beginning in 2016, a portion of the proceeds from pages under the '/drupal-code-examples/' URI will be donated to charity.