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