local.css

   1 /* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */
   2
   3 html {
   4         overflow: auto;
   5 }
   6
   7 body {
   8         margin: 0;
   9         padding: 0;
  10         font-size: 9pt;
  11         font-family: sans-serif;
  12         color: #012345;
  13         background: #eeeeaa;
  14 }
  15
  16 a {
  17         color: #bb2112;
  18         text-decoration: none;
  19 }
  20
  21 a:hover { text-decoration: underline; }
  22 /*a:visited { color: #aa00bb; }*/
  23
  24 em {
  25         font-family: serif;
  26 }
  27
  28 .page {
  29         overflow: hidden;
  30         min-width: 50em;
  31         max-width: 80em;
  32         margin: 2em auto 0 auto;
  33         border-radius: 16px 16px 0 0;
  34         box-shadow: 0 0 0.6em 0 #333366;
  35         background: #f5f5f5;
  36 }
  37
  38 /* {{{ .pageheader */
  39 .pageheader {
  40         position: relative;
  41         min-height: 95px;
  42         padding: 0 1em;
  43         color: #eeeeaa;
  44         background: #333366;
  45         background: -webkit-linear-gradient(#333366, #001030);
  46         background:    -moz-linear-gradient(#333366, #001030);
  47         background:         linear-gradient(#333366, #001030);
  48         box-shadow: 0 0 0.6em 0 #333366;
  49         border-radius: 16px 16px 0 0;
  50 }
  51
  52 .pageheader .header {
  53         font-size: 10pt;
  54         margin-left: 12em;
  55 }
  56
  57 .pageheader .header > span {
  58         display: block;
  59         margin: auto;
  60         min-width: 30em;
  61         padding: 1em;
  62 }
  63
  64 .pageheader .parentlinks {
  65         display: block;
  66         min-height: 1.5em;
  67         margin-top: 0.75em;
  68 }
  69
  70 .pageheader a,
  71 .pageheader .parentlinks a {
  72         color: #eeeeaa;
  73         text-decoration: none;
  74 }
  75
  76 .pageheader a:hover {
  77         text-decoration: underline;
  78 }
  79
  80 .pageheader .title {
  81         line-height: 1.5em;
  82         font-size: 16pt;
  83 }
  84
  85 /* {{{ .actions */
  86 .actions {
  87         text-align: right;
  88 }
  89
  90 .actions ul li {
  91         background: #eeeeaa;
  92         border-radius: 0.8em 0.8em 0 0;
  93 }
  94
  95 .actions ul li a {
  96         padding: 0 0.8em;
  97         color: black;
  98 }
  99 /* .actions }}} */
 100 /* {{{ #otherlanguages */
 101 #otherlanguages,
 102 #otherlanguages ul li a {
 103         color: #012345;
 104         background: white;
 105 }
 106
 107 #otherlanguages ul li {
 108         margin-left: 1em;
 109 }
 110
 111 .pageheader #otherlanguages {
 112         border: none;
 113 }
 114 /* #otherlanguages }}} */
 115 /* .pageheader }}} */
 116
 117 #pagebody {
 118         position: relative;
 119         min-width: 32em;
 120         min-height: 48em;
 121         margin: 0 0 0 12em;
 122         padding: 1em 2em;
 123         background: white;
 124         z-index: 110;
 125         box-shadow: 0 3px 0.4em 0 #333366;
 126 }
 127
 128 /* {{{ .sidebar */
 129 .sidebar {
 130         position: absolute;
 131         top: 14em;
 132         overflow: hidden;
 133         width: 12em;
 134         margin: 0;
 135         padding: 0;
 136         border: none;
 137         z-index: 100;
 138         background: #f5f5f5;
 139 }
 140
 141 .sidebar ul {
 142         margin: 0;
 143         padding: 0;
 144         list-style: none;
 145         background: transparent;
 146 }
 147
 148 .sidebar li {
 149         text-align: left;
 150 }
 151
 152 .sidebar ul li .selflink {
 153         color: #012345;
 154         font-weight: bold;
 155 }
 156
 157 .sidebar ul li > span,
 158 .sidebar ul li > a {
 159         display: block;
 160         padding: 0.5em;
 161         font-size: 11pt;
 162         font-weight: bold;
 163         text-decoration: none;
 164         border: 1px solid #f5f5f5;
 165         color: #aaaaaa;
 166         background: transparent;
 167 }
 168
 169 .sidebar ul li .selflink:hover {
 170         border-top: 1px dotted #012345;
 171         border-bottom: 1px dotted #012345;
 172         background: #ffffdd;
 173 }
 174
 175 .sidebar a:hover {
 176         border-top: 1px dotted #012345;
 177         border-bottom: 1px dotted #012345;
 178         color: #012345;
 179         background: #ffffdd;
 180 }
 181 /* .sidebar }}} */
 182 /* {{{ #content */
 183 #content {
 184         line-height: 1.5em;
 185         overflow: auto;
 186 }
 187
 188 #content p {
 189         text-align: justify;
 190         margin: 1em 0 1em 0;
 191 }
 192
 193 #content hr {
 194         border: none;
 195         border-bottom: dotted 2px #bbbbbb;
 196         margin: 2em auto;
 197 }
 198
 199 #content h1 {
 200         display: inline;
 201         font-size: 20pt;
 202         font-weight: normal;
 203         line-height: 2.5em;
 204         padding: 0.2em 0.5em;
 205         color: #333366;
 206         background: #f5f5f5;
 207         border: dotted 1px #333366;
 208         border-left: solid 3px;
 209 }
 210
 211 #content h2 {
 212         font-size: 16pt;
 213         font-weight: normal;
 214         margin-top: 1.5em;
 215         margin-bottom: 0;
 216 }
 217
 218 #content h2 + p {
 219         margin-top: 0.75em;
 220 }
 221
 222 #content h3 {
 223         font-size: 12pt;
 224         margin-bottom: 0;
 225         padding-bottom: 0;
 226 }
 227
 228 #content h3 + p {
 229         margin-top: 0.5em;
 230 }
 231
 232 #content table {
 233         border-top: solid 1px #aaa;
 234         border-bottom: solid 1px #aaa;
 235         border-collapse: collapse;
 236 }
 237
 238 #content table th {
 239         background: #fafafa;
 240         padding: 0.1em 0.5em;
 241         border-bottom: solid 1px #aaaaaa;
 242         color: #555555;
 243 }
 244
 245 #content table td {
 246         padding: 0.1em 0.5em;
 247         border-top: solid 1px #ccc;
 248 }
 249
 250 #content .feedlink a {
 251         text-decoration: none;
 252 }
 253 /* #content }}} */
 254
 255 /* {{{ #footer */
 256 #footer {
 257         position: relative;
 258         margin: 0;
 259         padding: 1em 0;
 260         text-align: center;
 261         color: white;
 262         background: #333366;
 263         background: -webkit-linear-gradient(#001030, #333366);
 264         background:    -moz-linear-gradient(#001030, #333366);
 265         background:         linear-gradient(#001030, #333366);
 266         box-shadow: 0 0 0.6em 0 #333366;
 267 }
 268
 269 #footer #pageinfo {
 270         position: relative;
 271         min-width: 30em;
 272         margin: auto;
 273         padding: 0.1em 2em;
 274         border-top: none;
 275 }
 276
 277 #footer a {
 278         color: white;
 279 }
 280
 281 #footer a:hover {
 282         text-decoration: underline;
 283 }
 284
 285 #backlinks {
 286         font-size: 8pt;
 287         margin-top: 0;
 288 }
 289
 290 #footer #pageinfo div {
 291         font-size: 8pt;
 292         margin-top: 0.5em;
 293         margin-bottom: 0;
 294 }
 295 /* #footer }}} */
 296
 297 /* {{{ @media print */
 298 @media print {
 299         .sidebar,
 300         .actions,
 301         .feedlink,
 302         #backlinks,
 303         #otherlanguages {
 304                 display: none;
 305         }
 306
 307         #footer,
 308         #footer #pageinfo,
 309         .page,
 310         .pageheader,
 311         #pagebody {
 312             margin: 0;
 313             padding: 0;
 314             border: none;
 315             box-shadow: none;
 316         }
 317
 318         .page,
 319         .pageheader {
 320                 border-radius: 0;
 321         }
 322
 323         #footer {
 324                 padding: 0.5em;
 325         }
 326 }
 327 /* @media print }}} */
 328