default.css

   1 /*#############################################################
   2 Name: Summer Breeze
   3 Date: 2006-07-04
   4 Author: Viktor Persson
   5 Edited by Gustav Eek and Stefan Kangas
   6 URL: http://arcsin.se
   7
   8 Feel free to use and modify but please provide credits.
   9 #############################################################*/
  10
  11 /* standard elements */
  12 * {
  13         font: normal 1em "Lucida Sans Unicode",sans-serif;
  14         margin: 0; padding: 0;
  15 }
  16 a {
  17         color: #362;
  18 }
  19 a:hover, .footer a:hover
  20 {
  21     color: #111;
  22 }
  23 body
  24 {
  25   background: #769359 url(img/bg.jpg) repeat-y center top;
  26   color: #443;
  27   font-size: 100%;
  28   margin: 0;
  29 }
  30 p,cite,code,ul
  31 {
  32   font-size: 0.8em;
  33   margin-bottom: 1.7em;
  34   line-height: 1.7em;
  35   text-align: justify;
  36 }
  37 h1
  38 {
  39   font: normal 1.2em "Lucida Sans Unicode",sans-serif;
  40 }
  41 ul
  42 {
  43   margin-left: 1em;
  44 }
  45 li
  46 {
  47   list-style: url(img/li.gif);
  48   margin-left: 18px;
  49   margin-bottom: 0.5em;
  50 }
  51 table
  52 {
  53   margin-left: 1.8em;
  54 }
  55 td
  56 {
  57   font-size: 0.8em;
  58   padding-right: 0.5em;
  59 }
  60 code {
  61         background: url(img/bgcode.gif);
  62         border: 1px dotted #AAA;
  63         color: #444;
  64         display: block;
  65         font: normal 1em "Lucida Sans Unicode",serif;
  66         margin-bottom: 12px;
  67         padding: 8px 10px;
  68         white-space: pre;
  69 }
  70
  71 cite {
  72         display: block;
  73         background: url(img/quote.gif) no-repeat;
  74         color: #663;
  75         font: normal 1.1em "Lucida Sans Unicode",serif;
  76         padding-left: 28px;
  77 }
  78
  79 /* misc */
  80 .divider {
  81         background: url(img/divider.gif) no-repeat;
  82         height: 24px;
  83         margin: 16px 0;
  84 }
  85 .clearer {
  86         clear: both;
  87 }
  88
  89 /* structure */
  90 p.incitement
  91 {
  92   text-align: center;
  93 }
  94
  95 .container {
  96         font-size: 1em;
  97         margin: 0 auto;
  98         width: 590px;
  99 }
 100
 101 /* header */
 102 .header
 103 {
 104   background: #597F93 url(img/header.jpg) no-repeat center top;
 105   border-bottom: 1px solid #CCC;
 106   height: 180px;
 107   text-align: center;
 108 }
 109 .header h1
 110 {
 111   color: #FFF;
 112   font: normal 50px "Trebuchet MS",sans-serif;
 113   line-height: 180px;
 114 }
 115
 116 /* navigation */
 117 .navigation
 118 {
 119   height: 36px;
 120   margin: 0 auto;
 121   width: 632px;
 122 }
 123 .navigation a
 124 {
 125   background: url(img/navigation.jpg) no-repeat;
 126   color: #FFF;
 127   float: left;
 128   font: bold 16px serif;
 129   height: 31px;
 130   letter-spacing: 1px;
 131   line-height: 31px;
 132   text-align: center;
 133   text-decoration: none;
 134   width: 120px;
 135 }
 136 .navigation a:hover
 137 {
 138   color: #FFF;
 139   background-position: left bottom;
 140 }
 141
 142 /* content */
 143 .content {
 144         padding: 18px 0;
 145 }
 146 .content h1
 147 {
 148   color: #553;
 149   font-size: 1.4em;
 150   margin-bottom: 4px;
 151   text-align: center;
 152 }
 153 .content h2
 154 {
 155   font: normal 1em "Lucida Sans Unicode",sans-serif;
 156   margin-top: 1.5em;
 157   margin-bottom: 1em;
 158 }
 159
 160 /* footer */
 161 .footer
 162 {
 163         color: #886;
 164         font-size: 0.65em;
 165         padding-left: 4em;
 166         padding-right: 4em;
 167         padding-bottom: 12px;
 168         text-align: center;
 169 }
 170 .footer a {
 171         color: #664;
 172 }