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-y: scroll;
   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 a:hover { text-decoration: underline; }
  21
  22 .page {
  23         overflow: hidden;
  24         min-width: 50em;
  25         max-width: 90em;
  26         margin: 0 auto;
  27         background: #f5f5f5;
  28         -webkit-box-shadow: 0 0 0.5em 0 #888888;
  29            -moz-box-shadow: 0 0 0.5em 0 #888888;
  30                 box-shadow: 0 0 0.5em 0 #888888;
  31 }
  32
  33 /* {{{ .pageheader */
  34 .pageheader {
  35         position: relative;
  36         min-height: 95px;
  37         padding: 0 1em;
  38         color: #eeeeaa;
  39         background: #012345;
  40         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
  41            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
  42                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
  43 }
  44
  45 .pageheader .header {
  46         font-size: 9pt;
  47 }
  48
  49 .pageheader .header > span {
  50         display: block;
  51         margin: auto;
  52         min-width: 30em;
  53         padding: 1em 2em;
  54 }
  55
  56 .pageheader .parentlinks {
  57         display: block;
  58         font-size: 8pt;
  59         min-height: 1.5em;
  60         margin-top: 0.75em;
  61 }
  62
  63 .pageheader a,
  64 .pageheader .parentlinks a {
  65         color: #eeeeaa;
  66         text-decoration: none;
  67 }
  68
  69 .pageheader a:hover {
  70         text-decoration: underline;
  71 }
  72
  73 .pageheader .title {
  74         line-height: 1.5em;
  75         font-size: 16pt;
  76 }
  77
  78 /* {{{ .actions */
  79 .actions {
  80         text-align: right;
  81 }
  82
  83 .actions ul li {
  84         background: #eeeeaa;
  85         border-radius: 0.8em 0.8em 0 0;
  86 }
  87
  88 .actions ul li a {
  89         padding: 0 0.8em;
  90         color: black;
  91 }
  92 /* .actions }}} */
  93 /* {{{ #otherlanguages */
  94 #otherlanguages,
  95 #otherlanguages ul li a {
  96         color: #012345;
  97         background: white;
  98 }
  99
 100 #otherlanguages ul li {
 101         margin-left: 1em;
 102 }
 103
 104 .pageheader #otherlanguages {
 105         /*border: none;*/
 106         border-bottom: 1px dotted #012345;
 107 }
 108 /* #otherlanguages }}} */
 109 /* .pageheader }}} */
 110
 111 .feedlink {
 112         display: none;
 113 }
 114
 115 #pagebody {
 116         position: relative;
 117         min-width: 30em;
 118         min-height: 50em;
 119         margin: 0 16em 0 0;
 120         padding: 1em 2em;
 121         background: white;
 122         z-index: 110;
 123         -webkit-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
 124            -moz-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
 125                 box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
 126 }
 127
 128 /* {{{ .sidebar */
 129 .sidebar {
 130         overflow: hidden;
 131         width: 16em;
 132         margin: 5em 0 0 0;
 133         padding: 0;
 134         border: none;
 135         z-index: 100;
 136 }
 137
 138 .sidebar ul {
 139         margin: 0;
 140         padding: 0;
 141         list-style: none;
 142         background: #f5f5f5;
 143 }
 144
 145 .sidebar li {
 146 }
 147
 148 .sidebar ul li .selflink {
 149         color: black;
 150         background: white;
 151         font-weight: bold;
 152         border: 1px dotted #012345;
 153         border-left: none;
 154 }
 155
 156 .sidebar ul li > span,
 157 .sidebar ul li > a {
 158         display: block;
 159         padding: 0.5em;
 160         font-size: 11pt;
 161         font-weight: bold;
 162         text-decoration: none;
 163         border: 1px solid #f5f5f5;
 164         border-left: none;
 165         color: #aaaaaa;
 166         background: transparent;
 167 }
 168
 169 .sidebar a:hover {
 170         color: #ffffff;
 171         background: #012345;
 172         border: 1px solid #012345;
 173         border-left: none;
 174         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
 175            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
 176                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
 177 }
 178 /* .sidebar }}} */
 179 /* {{{ #content */
 180 #content {
 181         line-height: 1.5em;
 182         overflow: auto;
 183 }
 184
 185 #content p {
 186         text-align: justify;
 187         margin: 1em 0 1em 0;
 188 }
 189
 190 #content hr {
 191         border: none;
 192         border-bottom: dotted 0.4em #bbb;
 193 }
 194
 195 #content h1 {
 196         color:#003300;
 197         font-size:16pt;
 198         font-weight:normal;
 199         line-height:1.5em;
 200         margin-top:2em;
 201         border-bottom:1px solid #bbb;
 202 }
 203
 204 #content h1:first-child {
 205         margin-top:0.5em;
 206 }
 207
 208 #content h2 {
 209         font-size:12pt;
 210         color:#555;
 211         margin-top:1.5em;
 212         margin-bottom:0;
 213 }
 214
 215 #content h2 + p {
 216         margin-top:0.75em;
 217 }
 218
 219 #content h3 {
 220         font-size:10pt;
 221         color:#888;
 222         margin-bottom:0;
 223         padding-bottom:0;
 224 }
 225
 226 #content h3 + p {
 227         margin-top:0.5em;
 228 }
 229
 230 #content table {
 231         border-top:1px solid #aaa;
 232         border-bottom:1px solid #aaa;
 233         border-collapse:collapse;
 234 }
 235
 236 #content table th {
 237         background:#fafafa;
 238         padding:.1em .5em;
 239         border-bottom:1px solid #aaa;
 240         color:#555;
 241 }
 242
 243 #content table td {
 244         padding:.1em .5em;
 245         border-top:1px solid #ccc;
 246 }
 247
 248 #content .img_center {
 249         display: block;
 250         margin-left: auto;
 251         margin-right: auto;
 252 }
 253
 254 #content .img_topleft {
 255         float:left;
 256         margin-right:1em;
 257         margin-bottom:1em;
 258 }
 259
 260 #content .img_topright {
 261         float:right;
 262         margin-left:1em;
 263         margin-bottom:1em;
 264 }
 265
 266 #content #presentation {
 267         float:left;
 268         width:50%;
 269 }
 270
 271 #content #actus {
 272         float:left;
 273         width:50%;
 274 }
 275 /* #content }}} */
 276
 277 #pagebody .archivepagelist {
 278         margin:0.1em 0;
 279         padding:0;
 280         text-align:left;
 281 }
 282
 283 #pagebody .archivepagelist .date {
 284         font-size:90%;
 285         font-family:monospace;
 286         vertical-align:middle;
 287 }
 288
 289 #pagebody .feedbutton {
 290         margin-top:0;
 291         float:right;
 292 }
 293
 294 /* {{{ #footer */
 295 #footer {
 296         position: relative;
 297         z-index: 105;
 298         margin: 0;
 299         padding: 0;
 300         color: white;
 301         background: #012345;
 302         text-align: center;
 303         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
 304            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
 305                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
 306 }
 307
 308 #footer #pageinfo {
 309         position: relative;
 310         min-width: 30em;
 311         margin: auto;
 312         padding: 0.1em 2em;
 313         border-top: none;
 314 }
 315
 316 #footer a {
 317         color: white;
 318 }
 319
 320 #footer a:hover {
 321         text-decoration: underline;
 322 }
 323
 324 #backlinks {
 325         font-size:8pt;
 326         margin-top:0;
 327 }
 328
 329 #footer #pageinfo div {
 330         font-size:8pt;
 331         margin-top:0.5em;
 332         margin-bottom:0.5em;
 333 }
 334 /* #footer }}} */
 335
 336 /*
 337  * Pour l'impression
 338  */
 339 @media print {
 340         #gresille_links,
 341         .sidebar { display:none; }
 342
 343         #header,
 344         #footer,
 345         #footer #pageinfo,
 346         .pageheader,
 347         #footer .pagefooter,
 348         .page,
 349         #pagebody {
 350             margin:0;
 351             padding:0;
 352             border:none;
 353             box-shadow:none;
 354             -moz-box-shadow:none;
 355             -webkit-box-shadow:none;
 356         }
 357
 358
 359         #footer { margin-top:2em; padding-top:0em; border-top:1px solid black; }
 360         .pageheader { padding-left:240px; }
 361         .pageheader { margin-bottom:4em; }
 362
 363         .pageheader .title ,
 364         .pageheader .parentlinks a ,
 365         .pageheader a {
 366                 text-shadow:none;
 367                 -moz-text-shadow:none;
 368                 -webkit-text-shadow:none;
 369         }
 370 }
 371
 372 #content p.news {
 373         margin-top:0.75em;
 374         margin-bottom:0.75em;
 375         line-height:1.3em;
 376         text-align:left;
 377 }
 378
 379 #content p.news a tt {
 380         display:block;
 381         float:left;
 382         font-size:8pt;
 383         color:#aaa;
 384         margin-right:0.75em;
 385         margin-bottom:0.75em;
 386 }
 387 #content p.news a {
 388         display:block;
 389 }
 390
 391
 392 /*
 393  * Index
 394  */
 395
 396 [id="index.actus"] {
 397         float:left;
 398 }
 399
 400 [id="index.evts"] {
 401         float:right;
 402 }
 403 [id="index.evts"],
 404 [id="index.actus"] {
 405         width:49%;
 406 }
 407
 408 [id="publications.pratiques"] {
 409         float:left;
 410 }
 411
 412 [id="publications.reflexions"] {
 413         float:right;
 414 }
 415 [id="publications.reflexions"],
 416 [id="publications.pratiques"] {
 417         width:49%;
 418 }
 419
 420 /*
 421  * Plugin calendar
 422  */
 423
 424 .calendar {
 425         color:#aaa;
 426         font-size:8pt;
 427         margin-top:1em;
 428         margin-bottom:1em;
 429 }
 430
 431 .calendar table td {
 432 }
 433
 434 .calendar .selflink {
 435         color:#444444;
 436 }
 437
 438 .year-calendar-subhead {
 439         visibility: hidden;
 440 }
 441
 442
 443 .pageheader form {
 444         position:absolute;
 445         right:2em;
 446         bottom:2em;
 447 }
 448
 449
 450 input#searchbox {
 451         border:1px solid #465;
 452         border-radius:0.25em;
 453         -moz-border-radius:0.25em;
 454         -webkit-border-radius:0.25em;
 455         background:url("images/search-bg.png") no-repeat 100% 50% #8A9;
 456         padding-left:0.4em;
 457 }
 458
 459 .footnotes {
 460   font-size: smaller;
 461 }