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