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 .actions ul {
 126         border-bottom: none;
 127 }
 128
 129 .parentlinks > a {
 130         width: 400px;
 131         height: 100px;
 132         background: url(assets/logo-nos-oignons-blanc.png) no-repeat top left;
 133         position: absolute;
 134         left: 0;
 135         top: 0;
 136 }
 137
 138 .parentlinks > a span {
 139         display: none;
 140 }
 141
 142 .parentlinks .parentlinksep + a {
 143         width: auto;
 144         height: auto;
 145         background: transparent;
 146         display: inline;
 147         position: static;
 148 }
 149
 150 .parentlinks .parentlinksep + a + .parentlinksep + a {
 151         background: url(assets/ariane-sep.png) no-repeat 0% 50%;
 152         padding-left: 20px;
 153 }
 154
 155 .parentlinks .parentlinksep + a span {
 156         display: inline;
 157 }
 158
 159 .parentlinks .parentlinksep {
 160         display: none;
 161 }
 162
 163 /* {{{ .actions */
 164 .actions {
 165         display: block;
 166         position: absolute;
 167         z-index: 300;
 168         top: 50em;
 169         left: 0;
 170         width: 12em;
 171 }
 172
 173 .actions ul li {
 174         background: transparent;
 175 }
 176
 177 .actions ul li > a {
 178         font-size: 12pt;
 179         padding: 0.2;
 180 }
 181 /* .actions }}} */
 182 /* {{{ #otherlanguages */
 183 #otherlanguages,
 184 #otherlanguages ul li a {
 185         color: #57075f;
 186         background: white;
 187 }
 188
 189 #otherlanguages ul li {
 190         margin-left: 1em;
 191 }
 192 #otherlanguages .langstatus {
 193         display: none;
 194 }
 195
 196 .pageheader #otherlanguages {
 197         border: none;
 198         position: absolute;
 199         top: 100px;
 200         right: 0;
 201         z-index: 300;
 202         font-size: 12pt;
 203 }
 204 /* #otherlanguages }}} */
 205 /* .pageheader }}} */
 206
 207 #pagebody {
 208         position: relative;
 209         min-width: 32em;
 210         min-height: 48em;
 211         margin: 0 0 0 12em;
 212         padding: 1em 2em;
 213         z-index: 110;
 214         /*box-shadow: 0 3px 0.4em 0 #333366;*/
 215         background: white url(assets/background.png) no-repeat bottom center;
 216         color: black;
 217 }
 218
 219 /* {{{ .sidebar */
 220 .sidebar {
 221         position: absolute;
 222         top: 12em;
 223         overflow: hidden;
 224         width: 12em;
 225         margin: 0;
 226         padding: 0;
 227         border: none;
 228         z-index: 100;
 229         background: #f5f5f5;
 230 }
 231
 232 .sidebar ul, .actions ul {
 233         margin: 0;
 234         padding: 0;
 235         list-style: none;
 236         background: transparent;
 237 }
 238
 239 .sidebar li, .actions li {
 240         text-align: left;
 241 }
 242
 243 .sidebar ul li .selflink {
 244         color: #57075f;
 245         font-weight: bold;
 246 }
 247
 248 .sidebar ul li > span,
 249 .sidebar ul li > a,
 250 .actions ul li > a {
 251         display: block;
 252         padding: 0.5em;
 253         font-weight: bold;
 254         text-decoration: none;
 255         border: 1px solid #f5f5f5;
 256         color: #a756af;
 257         background: transparent;
 258         font-family: "Linux Biolinum O", sans-serif;
 259 }
 260
 261 .sidebar ul li > span,
 262 .sidebar ul li > a {
 263         font-size: 14pt;
 264 }
 265
 266 .sidebar ul li .selflink:hover {
 267         border-top: 1px dotted #57075f;
 268         border-bottom: 1px dotted #57075f;
 269         background: #eeeeee;
 270 }
 271
 272 .sidebar a:hover, .actions a:hover {
 273         border-top: 1px dotted #57075f;
 274         border-bottom: 1px dotted #57075f;
 275         color: #57075f;
 276         background: #eeeeee;
 277         text-decoration: none;
 278 }
 279 /* .sidebar }}} */
 280 /* {{{ #content */
 281 #content {
 282         padding-top: 1em;
 283         font-size: 14pt;
 284         /*line-height: 1.4em;*/
 285         overflow: auto;
 286 }
 287
 288 #content a {
 289         color: #57075f;
 290         text-decoration: underline;
 291 }
 292
 293 #content a:hover {
 294         text-decoration: underline;
 295 }
 296
 297 #content p {
 298         text-align: justify;
 299         margin: 1em 0 1em 0;
 300 }
 301
 302 #content hr {
 303         border: none;
 304         border-bottom: dotted 2px #bbbbbb;
 305         margin: 2em auto;
 306 }
 307
 308 #content h1 {
 309         font-size: 26pt;
 310         font-weight: normal;
 311         color: #adff25;
 312         color: #ffa430;
 313         text-shadow: 2px 2px 1px #444;
 314         font-family: "Linux Biolinum O", sans-serif;
 315 }
 316
 317 #content h2 {
 318         font-size: 20pt;
 319         font-weight: normal;
 320         font-family: "Linux Biolinum O", sans-serif;
 321 }
 322
 323 #content h2 + p {
 324         margin-top: 0.75em;
 325 }
 326
 327 #content h3 {
 328         font-size: 16pt;
 329         margin-bottom: 0;
 330         padding-bottom: 0;
 331         font-family: "Linux Biolinum O", sans-serif;
 332 }
 333
 334 #content h3 + p {
 335         margin-top: 0.5em;
 336 }
 337
 338 #content table {
 339         border-top: solid 1px #aaa;
 340         border-bottom: solid 1px #aaa;
 341         border-collapse: collapse;
 342 }
 343
 344 #content table th {
 345         background: #fafafa;
 346         padding: 0.1em 0.5em;
 347         border-bottom: solid 1px #aaaaaa;
 348         color: #555555;
 349 }
 350
 351 #content table td {
 352         padding: 0.1em 0.5em;
 353         border-top: solid 1px #ccc;
 354 }
 355
 356 #content .feedlink a {
 357         text-decoration: none;
 358 }
 359
 360 #content .feedlink {
 361         text-align: right;
 362         margin-top: -2em;
 363 }
 364 /* #content }}} */
 365
 366 /* {{{ #footer */
 367 #footer {
 368         position: relative;
 369         margin: 0;
 370         padding: 1em 0;
 371         text-align: center;
 372         color: white;
 373         background: #57075f;
 374         background: -webkit-linear-gradient(#001030, #57075f);
 375         background:    -moz-linear-gradient(#001030, #57075f);
 376         background:         linear-gradient(#001030, #57075f);
 377         font-family: "Linux Biolinum O", sans-serif;
 378 }
 379
 380 #footer #pageinfo {
 381         position: relative;
 382         min-width: 30em;
 383         margin: auto;
 384         padding: 0.1em 2em;
 385         border-top: none;
 386 }
 387
 388 #footer a {
 389         color: white;
 390 }
 391
 392 #footer a:hover {
 393         text-decoration: underline;
 394 }
 395
 396 #backlinks {
 397         font-size: 10pt;
 398         margin-top: 0;
 399 }
 400
 401 #footer #pageinfo div {
 402         font-size: 10pt;
 403         margin-top: 0.5em;
 404         margin-bottom: 0;
 405 }
 406 /* #footer }}} */
 407
 408 /* {{{ @media print */
 409 @media print {
 410         .sidebar,
 411         .actions,
 412         .feedlink,
 413         #backlinks,
 414         #otherlanguages {
 415                 display: none;
 416         }
 417
 418         #footer,
 419         #footer #pageinfo,
 420         .page,
 421         .pageheader,
 422         #pagebody {
 423             margin: 0;
 424             padding: 0;
 425             border: none;
 426             box-shadow: none;
 427         }
 428
 429         .page,
 430         .pageheader {
 431                 border-radius: 0;
 432         }
 433
 434         #footer {
 435                 padding: 0.5em;
 436         }
 437 }
 438 /* @media print }}} */
 439