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 /* navigation */
 142 .navigation
 143 {
 144   text-align: left;
 145   height: 36px;
 146   margin: 0 auto;
 147   /* width: 632px; */
 148   width: 600px;
 149 }
 150 .navigation a
 151 {
 152   background: url(img/navigation.jpg) no-repeat;
 153   color: #FFF;
 154   float: left;
 155   font: bold 16px serif;
 156   height: 31px;
 157   letter-spacing: 1px;
 158   line-height: 31px;
 159   text-align: center;
 160   text-decoration: none;
 161   width: 120px;
 162 }
 163 .navigation a:hover
 164 {
 165   color: #FFF;
 166   background-position: left bottom;
 167 }
 168 /* content */
 169 .content
 170 {
 171   padding: 18px 0;
 172   text-align: left;
 173 }
 174 .content h1
 175 {
 176   color: #553;
 177   font-size: 1.4em;
 178   margin-bottom: 1em;
 179   text-align: center;
 180 }
 181 .content h2 /* equivalent to h1 above */
 182 {
 183   color: #553;
 184   font-size: 1.4em;
 185   margin-bottom: 1em;
 186   text-align: center;
 187 }
 188 .content h3
 189 {
 190   font: normal 1em "Lucida Sans Unicode",sans-serif;
 191   margin-top: 1.5em;
 192   margin-bottom: 1em;
 193 }
 194
 195 /* special styles */
 196 .square h1
 197 {
 198   font: bold 0.8em "Lucida Sans Unicode",sans-serif;
 199   margin-bottom: 0.2em;
 200 }
 201 .square p
 202 {
 203   border-top: dotted 1px black;
 204   padding-top: 5px;
 205   text-align: left;
 206   margin-bottom: 0em;
 207 }
 208 .header a.translate
 209 {
 210   color: #FFF;
 211   font-size: 0.8em;
 212   position: relative;
 213   top: -170px;
 214   left: -235px;
 215 }
 216 .header a.translate:hover
 217 {
 218   color: #00F;
 219 }
 220 /* footer */
 221 .footer
 222 {
 223   color: #886;
 224   font-size: 0.65em;
 225   padding-left: 4em;
 226   padding-right: 4em;
 227   padding-bottom: 12px;
 228   text-align: center;
 229 }
 230 .footer a
 231 {
 232   color: #664;
 233 }