local.css

   1 /* vim: set ts=4 sts=4 sw=4 isk+=-,. fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */
   2
   3 @font-face {
   4         font-family: "Gentium Basic";
   5         src: url("assets/Gentium_Basic/GenBasR-webfont.eot");
   6         src: url("assets/Gentium_Basic/GenBasR-webfont.eot?#iefix") format("embedded-opentype"),
   7              url("assets/Gentium_Basic/GenBasR-webfont.ttf") format("truetype"),
   8              url("assets/Gentium_Basic/GenBasR-webfont.svg#GentiumBasicRegular") format("svg");
   9         font-weight: normal;
  10         font-style: normal;
  11 }
  12 @font-face {
  13         font-family: "Gentium Basic";
  14         src: url("assets/Gentium_Basic/GenBasI-webfont.eot");
  15         src: url("assets/Gentium_Basic/GenBasI-webfont.eot?#iefix") format("embedded-opentype"),
  16              url("assets/Gentium_Basic/GenBasI-webfont.ttf") format("truetype"),
  17              url("assets/Gentium_Basic/GenBasI-webfont.svg#GentiumBasicItalic") format("svg");
  18         font-weight: normal;
  19         font-style: italic;
  20 }
  21 @font-face {
  22         font-family: "Gentium Basic";
  23         src: url("assets/Gentium_Basic/GenBasB-webfont.eot");
  24         src: url("assets/Gentium_Basic/GenBasB-webfont.eot?#iefix") format("embedded-opentype"),
  25              url("assets/Gentium_Basic/GenBasB-webfont.ttf") format("truetype"),
  26              url("assets/Gentium_Basic/GenBasB-webfont.svg#GentiumBasicBold") format("svg");
  27         font-weight: bold;
  28         font-style: normal;
  29 }
  30 @font-face {
  31         font-family: "Gentium Basic";
  32         src: url("assets/Gentium_Basic/GenBasBI-webfont.eot");
  33         src: url("assets/Gentium_Basic/GenBasBI-webfont.eot?#iefix") format("embedded-opentype"),
  34              url("assets/Gentium_Basic/GenBasBI-webfont.ttf") format("truetype"),
  35              url("assets/Gentium_Basic/GenBasBI-webfont.svg#GentiumBasicBoldItalic") format("svg");
  36         font-weight: bold;
  37         font-style: italic;
  38 }
  39
  40 @font-face {
  41         font-family: "Linux Biolinum O";
  42         src: url(assets/LinBiolinum_R.otf);
  43         font-style: normal;
  44 }
  45 @font-face {
  46         font-family: "Linux Biolinum O";
  47         src: url(assets/LinBiolinum_RB.otf);
  48         font-weight: bold;
  49 }
  50 @font-face {
  51         font-family: "Linux Biolinum O";
  52         src: url(assets/LinBiolinum_RI.otf);
  53         font-style: italic;
  54 }
  55
  56 html {
  57         overflow: auto;
  58 }
  59
  60 body {
  61         margin: 0;
  62         padding: 0;
  63         font-size: 9pt;
  64         font-family: "Gentium Basic", serif;
  65         color: #b3b3b3;
  66         background: url(assets/tile.png);
  67 }
  68
  69 .page {
  70         overflow: hidden;
  71         min-width: 50em;
  72         max-width: 80em;
  73         margin: 0 auto 0 auto;
  74         box-shadow: 0 0 0.6em 0 #333366;
  75         background: #f5f5f5;
  76 }
  77
  78 /* {{{ .pageheader */
  79 .pageheader {
  80         position: relative;
  81         height: 100px;
  82         padding: 0 1em;
  83         /*box-shadow: 0 0 0.6em 0 #333366;*/
  84         background: white url(assets/filet.png) no-repeat 99% 90px;
  85 }
  86
  87 .pageheader .header {
  88         font-size: 14pt;
  89         margin-left: 400px;
  90 }
  91
  92 .pageheader .header > span {
  93         display: block;
  94         height: 100px;
  95         min-width: 30em;
  96         padding-top: 22px;
  97 }
  98
  99 .pageheader .parentlinks {
 100         display: block;
 101         padding-top: 3
 102         font-size: 12pt;
 103 }
 104
 105 .pageheader a,
 106 .pageheader .parentlinks a {
 107         color: #ffa430; /* was: #eeeeaa */
 108         text-decoration: none;
 109 }
 110
 111 .pageheader a:hover {
 112         text-decoration: underline;
 113 }
 114
 115 .pageheader .title {
 116         position: absolute;
 117         bottom: 16px;
 118         left: 398px;
 119         line-height: 1.5em;
 120         font-size: 26pt;
 121         color: black;
 122         font-family: "Linux Biolinum O", sans-serif;
 123 }
 124
 125 .pageheader .title .translationstatus {
 126         display: none;
 127         display: none;
 128         display: none;
 129         display: none;
 130 }
 131
 132 .pageheader .actions ul {
 133         border-bottom: none;
 134 }
 135
 136 .parentlinks > a {
 137         width: 400px;
 138         height: 100px;
 139         background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left;
 140         position: absolute;
 141         left: 0;
 142         top: 0;
 143 }
 144
 145 .parentlinks > a span {
 146         display: none;
 147 }
 148
 149 .parentlinks .parentlinksep + a {
 150         width: auto;
 151         height: auto;
 152         background: transparent;
 153         display: inline;
 154         position: static;
 155 }
 156
 157 .parentlinks .parentlinksep + a + .parentlinksep + a {
 158         background: url(assets/ariane-sep.png) no-repeat 0% 50%;
 159         padding-left: 20px;
 160 }
 161
 162 .parentlinks .parentlinksep + a span {
 163         display: inline;
 164 }
 165
 166 .parentlinks .parentlinksep {
 167         display: none;
 168 }
 169
 170 /* {{{ .actions */
 171 .actions {
 172         display: block;
 173         position: absolute;
 174         z-index: 300;
 175         top: 50em;
 176         left: 0;
 177         width: 12em;
 178 }
 179
 180 .actions ul li {
 181         background: transparent;
 182 }
 183
 184 .actions ul li > a {
 185         font-size: 12pt;
 186         padding: 0.2;
 187 }
 188 /* .actions }}} */
 189 /* {{{ #otherlanguages */
 190 #otherlanguages,
 191 #otherlanguages ul li a {
 192         color: #57075f;
 193         background: white;
 194 }
 195
 196 #otherlanguages ul li {
 197         margin-left: 1em;
 198 }
 199 #otherlanguages .langstatus {
 200         display: none;
 201 }
 202
 203 .pageheader #otherlanguages {
 204         border: none;
 205         position: absolute;
 206         top: 100px;
 207         right: 0;
 208         z-index: 300;
 209         font-size: 12pt;
 210 }
 211 /* #otherlanguages }}} */
 212 /* .pageheader }}} */
 213
 214 #pagebody {
 215         position: relative;
 216         min-width: 32em;
 217         min-height: 48em;
 218         margin: 0 0 0 12em;
 219         padding: 1em 2em;
 220         z-index: 110;
 221         /*box-shadow: 0 3px 0.4em 0 #333366;*/
 222         background: white url(assets/background.png) no-repeat bottom center;
 223         color: black;
 224 }
 225
 226 /* {{{ .sidebar */
 227 .sidebar {
 228         position: absolute;
 229         top: 12em;
 230         overflow: hidden;
 231         width: 12em;
 232         margin: 0;
 233         padding: 0;
 234         border: none;
 235         z-index: 100;
 236         background: #f5f5f5;
 237 }
 238
 239 .sidebar ul, .actions ul {
 240         margin: 0;
 241         padding: 0;
 242         list-style: none;
 243         background: transparent;
 244 }
 245
 246 .sidebar li, .actions li {
 247         text-align: left;
 248 }
 249
 250 .sidebar ul li .selflink {
 251         color: #57075f;
 252         font-weight: bold;
 253 }
 254
 255 .sidebar ul li > span,
 256 .sidebar ul li > a,
 257 .actions ul li > a {
 258         display: block;
 259         padding: 0.5em;
 260         font-weight: bold;
 261         text-decoration: none;
 262         border: 1px solid #f5f5f5;
 263         color: #a756af;
 264         background: transparent;
 265         font-family: "Linux Biolinum O", sans-serif;
 266 }
 267
 268 .sidebar ul li > span,
 269 .sidebar ul li > a {
 270         font-size: 14pt;
 271 }
 272
 273 .sidebar ul li .selflink:hover {
 274         border-top: 1px dotted #57075f;
 275         border-bottom: 1px dotted #57075f;
 276         background: #eeeeee;
 277 }
 278
 279 .sidebar a:hover, .actions a:hover {
 280         border-top: 1px dotted #57075f;
 281         border-bottom: 1px dotted #57075f;
 282         color: #57075f;
 283         background: #eeeeee;
 284         text-decoration: none;
 285 }
 286 /* .sidebar }}} */
 287 /* {{{ #content */
 288 #content {
 289         padding-top: 1em;
 290         font-size: 14pt;
 291         /*line-height: 1.4em;*/
 292         overflow: auto;
 293 }
 294
 295 #content a {
 296         color: #57075f;
 297         text-decoration: underline;
 298 }
 299
 300 #content a:hover {
 301         text-decoration: underline;
 302 }
 303
 304 #content p {
 305         text-align: justify;
 306         margin: 1em 0 1em 0;
 307 }
 308
 309 #content hr {
 310         border: none;
 311         border-bottom: dotted 2px #bbbbbb;
 312         margin: 2em auto;
 313 }
 314
 315 #content h1 {
 316         font-size: 26pt;
 317         font-weight: normal;
 318         color: #adff25;
 319         color: #ffa430;
 320         text-shadow: 2px 2px 1px #444;
 321         font-family: "Linux Biolinum O", sans-serif;
 322 }
 323
 324 #content h2 {
 325         font-size: 20pt;
 326         font-weight: normal;
 327         font-family: "Linux Biolinum O", sans-serif;
 328 }
 329
 330 #content h2 + p {
 331         margin-top: 0.75em;
 332 }
 333
 334 #content h3 {
 335         font-size: 16pt;
 336         margin-bottom: 0;
 337         padding-bottom: 0;
 338         font-family: "Linux Biolinum O", sans-serif;
 339 }
 340
 341 #content h3 + p {
 342         margin-top: 0.5em;
 343 }
 344
 345 #content table {
 346         border-top: solid 1px #aaa;
 347         border-bottom: solid 1px #aaa;
 348         border-collapse: collapse;
 349 }
 350
 351 #content table th {
 352         background: #fafafa;
 353         padding: 0.1em 0.5em;
 354         border-bottom: solid 1px #aaaaaa;
 355         color: #555555;
 356 }
 357
 358 #content table td {
 359         padding: 0.1em 0.5em;
 360         border-top: solid 1px #ccc;
 361 }
 362
 363 #content .feedlink a {
 364         text-decoration: none;
 365 }
 366
 367 #content .feedlink {
 368         text-align: right;
 369         margin-top: -2em;
 370 }
 371 /* #content }}} */
 372
 373 /* {{{ #footer */
 374 #footer {
 375         position: relative;
 376         margin: 0;
 377         padding: 1em 0;
 378         text-align: center;
 379         color: white;
 380         background: #57075f;
 381         background: -webkit-linear-gradient(#001030, #57075f);
 382         background:    -moz-linear-gradient(#001030, #57075f);
 383         background:         linear-gradient(#001030, #57075f);
 384         font-family: "Linux Biolinum O", sans-serif;
 385 }
 386
 387 #footer #pageinfo {
 388         position: relative;
 389         min-width: 30em;
 390         margin: auto;
 391         padding: 0.1em 2em;
 392         border-top: none;
 393 }
 394
 395 #footer a {
 396         color: white;
 397 }
 398
 399 #footer a:hover {
 400         text-decoration: underline;
 401 }
 402
 403 #backlinks {
 404         font-size: 10pt;
 405         margin-top: 0;
 406 }
 407
 408 #footer #pageinfo div {
 409         font-size: 10pt;
 410         margin-top: 0.5em;
 411         margin-bottom: 0;
 412 }
 413 /* #footer }}} */
 414
 415 /* {{{ @media print */
 416 @media print {
 417         .sidebar,
 418         .actions,
 419         .feedlink,
 420         #backlinks,
 421         #otherlanguages {
 422                 display: none;
 423         }
 424
 425         #footer,
 426         #footer #pageinfo,
 427         .page,
 428         .pageheader,
 429         #pagebody {
 430             margin: 0;
 431             padding: 0;
 432             border: none;
 433             box-shadow: none;
 434         }
 435
 436         .page,
 437         .pageheader {
 438                 border-radius: 0;
 439         }
 440
 441         #footer {
 442                 padding: 0.5em;
 443         }
 444 }
 445 /* @media print }}} */
 446