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 }
 227
 228 /* {{{ .sidebar */
 229 .sidebar {
 230         position: absolute;
 231         top: 12em;
 232         overflow: hidden;
 233         width: 12em;
 234         margin: 0;
 235         padding: 0;
 236         border: none;
 237         z-index: 100;
 238         background: #f5f5f5;
 239 }
 240
 241 .sidebar ul, .actions ul {
 242         margin: 0;
 243         padding: 0;
 244         list-style: none;
 245         background: transparent;
 246 }
 247
 248 .sidebar li, .actions li {
 249         text-align: left;
 250 }
 251
 252 .sidebar ul li .selflink {
 253         color: #57075f;
 254         font-weight: bold;
 255 }
 256
 257 .sidebar ul li > span,
 258 .sidebar ul li > a,
 259 .actions ul li > a {
 260         display: block;
 261         padding: 0.5em;
 262         font-weight: bold;
 263         text-decoration: none;
 264         border: 1px solid #f5f5f5;
 265         color: #a756af;
 266         background: transparent;
 267         font-family: "Linux Biolinum O", sans-serif;
 268         font-size-adjust: 0.39;
 269 }
 270
 271 .sidebar ul li > span,
 272 .sidebar ul li > a {
 273         font-size: 14pt;
 274 }
 275
 276 .sidebar ul li .selflink:hover {
 277         border-top: 1px dotted #57075f;
 278         border-bottom: 1px dotted #57075f;
 279         background: #eeeeee;
 280 }
 281
 282 .sidebar a:hover, .actions a:hover {
 283         border-top: 1px dotted #57075f;
 284         border-bottom: 1px dotted #57075f;
 285         color: #57075f;
 286         background: #eeeeee;
 287         text-decoration: none;
 288 }
 289 /* .sidebar }}} */
 290 /* {{{ #content */
 291 #content {
 292         padding-top: 1em;
 293         font-size: 14pt;
 294         /*line-height: 1.4em;*/
 295         overflow: auto;
 296 }
 297
 298 #content a {
 299         color: #57075f;
 300         text-decoration: underline;
 301 }
 302
 303 #content a:hover {
 304         text-decoration: underline;
 305 }
 306
 307 #content p {
 308         text-align: justify;
 309         margin: 1em 0 1em 0;
 310 }
 311
 312 #content hr {
 313         border: none;
 314         border-bottom: dotted 2px #bbbbbb;
 315         margin: 2em auto;
 316 }
 317
 318 #content h1 {
 319         font-size: 26pt;
 320         font-weight: normal;
 321         color: #adff25;
 322         color: #ffa430;
 323         text-shadow: 2px 2px 1px #444;
 324         font-family: "Linux Biolinum O", sans-serif;
 325         font-size-adjust: 0.39;
 326 }
 327
 328 #content h2 {
 329         font-size: 20pt;
 330         font-weight: normal;
 331         font-family: "Linux Biolinum O", sans-serif;
 332         font-size-adjust: 0.39;
 333 }
 334
 335 #content h2 + p {
 336         margin-top: 0.75em;
 337 }
 338
 339 #content h3 {
 340         font-size: 16pt;
 341         margin-bottom: 0;
 342         padding-bottom: 0;
 343         font-family: "Linux Biolinum O", sans-serif;
 344         font-size-adjust: 0.39;
 345 }
 346
 347 #content h3 + p {
 348         margin-top: 0.5em;
 349 }
 350
 351 #content table {
 352         border-top: solid 1px #aaa;
 353         border-bottom: solid 1px #aaa;
 354         border-collapse: collapse;
 355 }
 356
 357 #content table th {
 358         background: #fafafa;
 359         padding: 0.1em 0.5em;
 360         border-bottom: solid 1px #aaaaaa;
 361         color: #555555;
 362 }
 363
 364 #content table td {
 365         padding: 0.1em 0.5em;
 366         border-top: solid 1px #ccc;
 367 }
 368
 369 #content .feedlink a {
 370         text-decoration: none;
 371 }
 372
 373 #content .feedlink {
 374         text-align: right;
 375         margin-top: -3em;
 376         min-height: 3em;
 377 }
 378 /* #content }}} */
 379
 380 /* {{{ #footer */
 381 #footer {
 382         position: relative;
 383         margin: 0;
 384         padding: 1em 0;
 385         text-align: center;
 386         color: white;
 387         background: #57075f;
 388         background: -webkit-linear-gradient(#001030, #57075f);
 389         background:    -moz-linear-gradient(#001030, #57075f);
 390         background:         linear-gradient(#001030, #57075f);
 391         font-family: "Linux Biolinum O", sans-serif;
 392         font-size-adjust: 0.39;
 393 }
 394
 395 #footer #pageinfo {
 396         position: relative;
 397         min-width: 30em;
 398         margin: auto;
 399         padding: 0.1em 2em;
 400         border-top: none;
 401 }
 402
 403 #footer a {
 404         color: white;
 405 }
 406
 407 #footer a:hover {
 408         text-decoration: underline;
 409 }
 410
 411 #backlinks {
 412         font-size: 10pt;
 413         margin-top: 0;
 414 }
 415
 416 #footer #pageinfo div {
 417         font-size: 10pt;
 418         margin-top: 0.5em;
 419         margin-bottom: 0;
 420 }
 421 /* #footer }}} */
 422
 423 /* {{{ @media print */
 424 @media print {
 425         .sidebar,
 426         .actions,
 427         .feedlink,
 428         #backlinks,
 429         #otherlanguages {
 430                 display: none;
 431         }
 432
 433         #footer,
 434         #footer #pageinfo,
 435         .page,
 436         .pageheader,
 437         #pagebody {
 438             margin: 0;
 439             padding: 0;
 440             border: none;
 441             box-shadow: none;
 442         }
 443
 444         .page,
 445         .pageheader {
 446                 border-radius: 0;
 447         }
 448
 449         #footer {
 450                 padding: 0.5em;
 451         }
 452 }
 453 /* @media print }}} */
 454