htdocs/css/xnet.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2007 Polytechnique.org                              *
   3  *  http://opensource.polytechnique.org/                                   *
   4  *                                                                         *
   5  *  This program is free software; you can redistribute it and/or modify   *
   6  *  it under the terms of the GNU General Public License as published by   *
   7  *  the Free Software Foundation; either version 2 of the License, or      *
   8  *  (at your option) any later version.                                    *
   9  *                                                                         *
  10  *  This program is distributed in the hope that it will be useful,        *
  11  *  but WITHOUT ANY WARRANTY; without even the implied warranty of         *
  12  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          *
  13  *  GNU General Public License for more details.                           *
  14  *                                                                         *
  15  *  You should have received a copy of the GNU General Public License      *
  16  *  along with this program; if not, write to the Free Software            *
  17  *  Foundation, Inc.,                                                      *
  18  *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
  19  ***************************************************************************/
  20
  21 body {
  22     background-color: #F2E9D0;
  23     margin-left: 0;
  24     margin-top: 0;
  25     color: #505050;
  26     border-top: 1px;
  27 }
  28
  29 table, body {
  30     font-size: 10pt;
  31     font-family: "Bitstream vera sans","Verdana",sans-serif;
  32 }
  33
  34 input,textarea,select,option {
  35     font-size: 9pt;
  36 }
  37
  38 tt,pre {
  39     font-size: 10pt;
  40 }
  41
  42 fieldset {
  43     border: 1px gray solid;
  44
  45     margin-top: 1em;
  46     margin-bottom: 1em;
  47 }
  48
  49 legend {
  50     border: 1px gray solid;
  51     background: #e9e0aa;
  52     color: inherit;
  53
  54     padding: 2px 4px;
  55 }
  56
  57 a, a:link, a:visited     { text-decoration: none ; color: #5c81aa; }
  58
  59 a img { border: none; }
  60 img   { vertical-align: middle; }
  61 td    { vertical-align: top; }
  62
  63 h1    { font-size: 130%; }
  64 h2    { font-size: 115%; }
  65
  66 .smaller {
  67     font-size: smaller;
  68     font-style: italic;
  69 }
  70
  71 /***************************************************************************
  72  * DEBUG
  73  ***************************************************************************/
  74
  75 #dev {
  76     width: 100%;
  77     text-align: center;
  78     padding: 1px;
  79
  80     font-size: 10pt;
  81     font-weight: bold;
  82 }
  83
  84 .backtrace div.hide       { display: none; }
  85 .backtrace:hover div.hide { display: block }
  86 .backtrace h1 { margin: 0px; }
  87
  88 /***************************************************************************
  89  * LAYOUT
  90  ***************************************************************************/
  91
  92 table#layout {
  93     width: 765px;
  94     margin-left: auto;
  95     margin-right: auto;
  96 }
  97
  98 #top {
  99     width: 100%;
 100 }
 101
 102 #top td {
 103     padding: 0;
 104     margin: 0;
 105     vertical-align: middle;
 106 }
 107
 108 #top td.logo {
 109     text-align: right;
 110     background: url('../images/bandeau.jpg') bottom left repeat-x;
 111 }
 112
 113 td#credits {
 114     text-align: center;
 115     font-size: 75%;
 116 }
 117
 118 td#perso div {
 119     font-weight: bold;
 120     font-size: 90%;
 121     padding: 2px 1em;
 122 }
 123
 124 td#perso .gp {
 125     display: block;
 126     margin: 2px 1em;
 127     font-weight: bold;
 128     font-size: 85%;
 129     float: left;
 130     text-align: center;
 131 }
 132
 133 td#search {
 134     text-align: right;
 135     width: 300px;
 136 }
 137
 138 #content {
 139     width: 100%;
 140 }
 141
 142 td#body {
 143     vertical-align: top;
 144     padding-left: 1em;
 145     padding-bottom: 1em;
 146 }
 147
 148 td#menu {
 149     width: 130px;
 150     padding-right: 0;
 151     padding-top: 0.5em;
 152     font-family: "Trebuchet MS", "Arial",sans-serif;
 153     font-weight: bold;
 154 }
 155
 156 #menu h1 {
 157     padding: 0.3em 0em 0.4em 0em;
 158     margin-top: 0.7em;
 159     margin-bottom: 0.3em;
 160     font-size: 89%;
 161     text-align: center;
 162     width: 130px;
 163     background: url('../images/barre_small.png') bottom left no-repeat;
 164     background-color: #d0c198;
 165 }
 166
 167 #menu a {
 168     display: block;
 169     padding: 0.2em 0em 0.2em 15px;
 170     font-size: 89%;
 171     background: url('../images/puce.png') no-repeat center left;
 172 }
 173
 174 /***************************************************************************
 175  * CLASSES
 176  ***************************************************************************/
 177
 178 .breadcrumb {
 179     font-weight: bold;
 180     font-size: 90%;
 181     padding: 0.5em 0em 0em 0.2em;
 182 }
 183
 184 .erreur { color: red !important; }
 185 .error  { color: red !important; }
 186 .center { text-align: center; }
 187 .right  { text-align: right; }
 188
 189 .descr {
 190     text-align: justify;
 191     font-size: 90%;
 192 }
 193 p.descr {
 194     padding-left: 7px;
 195     padding-right: 7px;
 196 }
 197
 198 table { border-collapse: collapse; }
 199
 200 table.links {
 201     width: 100%;
 202     margin: 0.4em 0em;
 203 }
 204
 205 table.links td {
 206     padding: 0em 0.5em;
 207 }
 208
 209 table.links a {
 210     background: url('../images/puce.png') no-repeat center left;
 211     padding-left: 15px;
 212     font-weight: bold;
 213 }
 214
 215 table td.titre {
 216     font-weight: bold;
 217     white-space: nowrap;
 218 }
 219
 220 table.tiny,  table.tinybicol {
 221     width: 70%;
 222     margin-left: 15%;
 223     border: 2px solid gray;
 224     font-size: 85%;
 225 }
 226 table.large, table.bicol {
 227     width: 96%;
 228     margin-left:  2%;
 229     border: 2px solid gray;
 230     font-size: 85%;
 231 }
 232
 233 table.tiny td, table.tinybicol td, table.large td, table.bicol td {
 234     border: 1px solid gray;
 235     padding: 2px 4px;
 236 }
 237 table.tiny th, table.tinybicol th, table.large th, table.bicol th {
 238     border: 1px solid gray;
 239     border-top-width: 2px;
 240     border-bottom-width: 2px;
 241     padding: 2px;
 242 }
 243
 244 table.tinybicol td, table.bicol td {
 245     border-top: none;
 246     border-bottom: none;
 247 }
 248
 249 table.tinybicol .pair, table.bicol .pair {
 250     background-color: #e9e0aa;
 251 }
 252
 253 table.normal td { border: none; }
 254
 255 th { background: #d0c198; }
 256 th.grayed {
 257     background: #d0cbb0;
 258     color: #666;
 259 }
 260
 261 a.popup2 {
 262     color: #4c618a;
 263     background-color: inherit;
 264 }
 265
 266 /***************************************************************************
 267  * Special pages
 268  ***************************************************************************/
 269
 270 table#liste td.fourth {
 271     width: 25%;
 272 }
 273
 274 table#liste td.listec a {
 275     display: block;
 276     text-align: center;
 277 }
 278
 279 table#liste td.liste a {
 280     display: block;
 281     text-align: right;
 282 }
 283
 284 table#liste td.liste a.cat {
 285     background: #d0c198;
 286     margin: 15px 0px 10px 0px;
 287     padding: 3px;
 288     text-align: center;
 289     font-weight: bold;
 290     font-size: 90%;
 291 }
 292
 293 table#liste td.liste a:hover, table#liste td.listec a:hover {
 294     background: #d0c198;
 295 }
 296
 297 #wikitext {
 298     text-align: justify;
 299     font-size: 90%;
 300 }
 301
 302 #wikitext p {
 303     padding-left: 7px;
 304 }
 305
 306 /***************************************************************************
 307  ***************************************************************************/
 308
 309 div.cat {
 310     background: #d0c198;
 311     text-align: center;
 312     font-weight: bold;
 313     font-size: 90%;
 314     padding: 2px;
 315     width: 180px;
 316     margin: 4px 0px;
 317 }
 318
 319 div.sel { background-color: #5c81aa; color: #d0c198; }
 320 div.sel a { color: #d0c198; }
 321
 322 td.oval, td.oval2 {
 323     color: #d0c198;
 324     height: 50px;
 325     text-align: center;
 326     vertical-align: middle !important;
 327     font-weight: bold;
 328 }
 329 td.oval {
 330     background: url("../images/oval.png") no-repeat top center;
 331     width: 130px;
 332     padding: 0px 35px;
 333 }
 334 td.oval2 {
 335     background: url("../images/oval2.png") no-repeat top center;
 336     width: 160px;
 337     padding: 0px 12px;
 338
 339 }
 340
 341 .oval a, .oval2 a { color: #d0c198; }
 342 .oval a.has_site { color: white; }
 343 .jone a { color: #FF9; }
 344 .rouje a { color: #D88; }
 345 .jone a.has_site { color: #FE0; }
 346 .rouje a.has_site { color: #D00; }
 347
 348 #content td.oval, #content td.oval2 {
 349     font-size: 90%;
 350     font-family: "Trebuchet MS", sans-serif;
 351     letter-spacing: -0.5px;
 352 }
 353
 354 div.backtotop {
 355     font-size: small;
 356     text-align: center;
 357     padding-top: 2em;
 358 }
 359
 360 div.screenshot {
 361     text-align: center;
 362 }
 363
 364 div.screenshot img {
 365     border: 1px solid #777;
 366 }
 367
 368 /***************************************************************************
 369  ***************************************************************************/
 370
 371 td.infos {
 372     height: 30px;
 373     text-align: center;
 374     font-family: "Bitstream Vera Sans","Arial",sans-serif;
 375     color: #505050;
 376 }
 377
 378 /***************************************************************************
 379  ***************************************************************************/
 380
 381 td.conteneur_tab {
 382     border: none;
 383     padding-top: 1em;
 384 }
 385
 386 #onglet {
 387     display : block;
 388     margin : 0;
 389     padding : 0;
 390 }
 391
 392 #onglet li {
 393     display : block;
 394     float : left;
 395     border: none;
 396     background: inherit;
 397     width: auto;
 398 }
 399
 400 #onglet li.actif {
 401     font-weight: bold;
 402 }
 403
 404 #onglet li:before {
 405     font-weight: normal;
 406     content: '» ';
 407     padding-left: 1ex;
 408 }
 409
 410 #onglet li:first-child:before {
 411     content: '';
 412 }
 413
 414 #onglet li img { margin-right: 2px; }
 415
 416