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   text-align: center;
  30 }
  31 p,cite,code,ul
  32 {
  33   font-size: 0.8em;
  34   margin-bottom: 1.7em;
  35   line-height: 1.7em;
  36   text-align: justify;
  37 }
  38 i
  39 {
  40   font-style: italic;
  41 }
  42 b
  43 {
  44   font-style: bold;
  45 }
  46 h1
  47 {
  48   font: normal 1.2em "Lucida Sans Unicode",sans-serif;
  49 }
  50 ul
  51 {
  52   margin-left: 1em;
  53 }
  54 li
  55 {
  56   list-style: url(img/li.gif);
  57   line-height: 1.7em;
  58   margin-left: 18px;
  59   margin-bottom: 0.5em;
  60 }
  61 table
  62 {
  63   margin-left: 1.8em;
  64 }
  65 td
  66 {
  67   font-size: 0.8em;
  68   padding-right: 0.5em;
  69 }
  70 div.square
  71 {
  72   background: url(img/bgcode.gif);
  73   border: 1px dotted #AAA;
  74   color: #444;
  75   display: float;
  76   float: right;
  77   width: 30%;
  78   font: normal 1em "Lucida Sans Unicode",serif;
  79   margin-left: 2em;
  80   margin-bottom: 1em;
  81   padding: 8px 10px;
  82 }
  83
  84 code {
  85         background: url(img/bgcode.gif);
  86         border: 1px dotted #AAA;
  87         color: #444;
  88         display: block;
  89         font: normal 1em "Lucida Sans Unicode",serif;
  90         margin-bottom: 12px;
  91         padding: 8px 10px;
  92         white-space: pre;
  93 }
  94
  95 cite {
  96         display: block;
  97         background: url(img/quote.gif) no-repeat;
  98         color: #663;
  99         font: normal 1.1em "Lucida Sans Unicode",serif;
 100         padding-left: 28px;
 101 }
 102
 103 /* misc */
 104 .divider {
 105         background: url(img/divider.gif) no-repeat;
 106         height: 24px;
 107         margin: 16px 0;
 108 }
 109 .clearer {
 110         clear: both;
 111 }
 112
 113 /* structure */
 114 p.incitement
 115 {
 116   text-align: center;
 117 }
 118
 119 .container {
 120         font-size: 1em;
 121         margin: 0 auto;
 122         width: 590px;
 123 }
 124
 125 /* header */
 126 .header
 127 {
 128   background: #597F93 url(img/header.jpg) no-repeat center top;
 129   border-bottom: 1px solid #CCC;
 130   height: 180px;
 131   text-align: center;
 132 }
 133 .header h1
 134 {
 135   color: #FFF;
 136   font: normal 50px "Trebuchet MS",sans-serif;
 137   line-height: 180px;
 138 }
 139 /* navigation */
 140 .navigation
 141 {
 142   text-align: left;
 143   height: 36px;
 144   margin: 0 auto;
 145   /* width: 632px; */
 146   width: 600px;
 147 }
 148 .navigation a
 149 {
 150   background: url(img/navigation.jpg) no-repeat;
 151   color: #FFF;
 152   float: left;
 153   font: bold 16px serif;
 154   height: 31px;
 155   letter-spacing: 1px;
 156   line-height: 31px;
 157   text-align: center;
 158   text-decoration: none;
 159   width: 120px;
 160 }
 161 .navigation a:hover
 162 {
 163   color: #FFF;
 164   background-position: left bottom;
 165 }
 166 /* content */
 167 .content
 168 {
 169   padding: 18px 0;
 170   text-align: left;
 171 }
 172 .content h1
 173 {
 174   color: #553;
 175   font-size: 1.4em;
 176   margin-bottom: 1em;
 177   text-align: center;
 178 }
 179 .content h2 /* equivalent to h1 above */
 180 {
 181   color: #553;
 182   font-size: 1.4em;
 183   margin-bottom: 1em;
 184   text-align: center;
 185 }
 186 .content h3
 187 {
 188   font: normal 1em "Lucida Sans Unicode",sans-serif;
 189   margin-top: 1.5em;
 190   margin-bottom: 1em;
 191 }
 192
 193 /* special styles */
 194 .square h1
 195 {
 196   font: bold 0.8em "Lucida Sans Unicode",sans-serif;
 197   margin-bottom: 0.2em;
 198 }
 199 .square p
 200 {
 201   border-top: dotted 1px black;
 202   padding-top: 5px;
 203   text-align: left;
 204   margin-bottom: 0em;
 205 }
 206 .header a.translate
 207 {
 208   color: #FFF;
 209   font-size: 0.8em;
 210   position: absolute;
 211   top: 10px;
 212   left: 27.5%;
 213 }
 214 .header a.translate:hover
 215 {
 216   color: #00F;
 217 }
 218 /* footer */
 219 .footer
 220 {
 221         color: #886;
 222         font-size: 0.65em;
 223         padding-left: 4em;
 224         padding-right: 4em;
 225         padding-bottom: 12px;
 226         text-align: center;
 227 }
 228 .footer a {
 229         color: #664;
 230 }