htdocs/css/xnet.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2013 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 input.error, textarea.error {
  72     background-color: #faa;
  73 }
  74
  75 input.valid, textarea.valid {
  76     background-color: #afa;
  77 }
  78
  79 input.warning, textarea.warning {
  80     background-color: #fda;
  81 }
  82
  83
  84 /***************************************************************************
  85  * DEBUG
  86  ***************************************************************************/
  87
  88 #dev {
  89     width: 100%;
  90     text-align: center;
  91     padding: 1px;
  92
  93     font-size: 10pt;
  94     font-weight: bold;
  95 }
  96
  97 .backtrace div.hide       { display: none; }
  98 .backtrace:hover div.hide { display: block }
  99 .backtrace h1 { margin: 0px; }
 100
 101 /***************************************************************************
 102  * LAYOUT
 103  ***************************************************************************/
 104
 105 table#layout {
 106     width: 765px;
 107     margin-left: auto;
 108     margin-right: auto;
 109 }
 110
 111 #top {
 112     width: 100%;
 113 }
 114
 115 #top td {
 116     padding: 0;
 117     margin: 0;
 118     vertical-align: middle;
 119 }
 120
 121 #top td.logo {
 122     text-align: right;
 123     background: url('../images/bandeau.jpg') bottom left repeat-x;
 124 }
 125
 126 td#credits {
 127     text-align: center;
 128     font-size: 75%;
 129 }
 130
 131 td#perso div {
 132     font-weight: bold;
 133     font-size: 90%;
 134     padding: 2px 1em;
 135 }
 136
 137 td#perso .gp {
 138     display: block;
 139     margin: 2px 1em;
 140     font-weight: bold;
 141     font-size: 85%;
 142     float: left;
 143     text-align: center;
 144 }
 145
 146 td#search {
 147     text-align: right;
 148     width: 300px;
 149 }
 150
 151 #content {
 152     width: 100%;
 153 }
 154
 155 td#body {
 156     vertical-align: top;
 157     padding-left: 1em;
 158     padding-bottom: 1em;
 159 }
 160
 161 td#menu {
 162     width: 130px;
 163     padding-right: 0;
 164     padding-top: 0.5em;
 165     font-family: "Trebuchet MS", "Arial",sans-serif;
 166     font-weight: bold;
 167 }
 168
 169 #menu h1 {
 170     padding: 0.3em 0em 0.4em 0em;
 171     margin-top: 0.7em;
 172     margin-bottom: 0.3em;
 173     font-size: 89%;
 174     text-align: center;
 175     width: 130px;
 176     background: url('../images/barre_small.png') bottom left no-repeat;
 177     background-color: #d0c198;
 178 }
 179
 180 #menu a, #menu form {
 181     display: block;
 182     padding: 0.2em 0em 0.2em 15px;
 183     font-size: 89%;
 184     background: url('../images/puce.png') no-repeat center left;
 185 }
 186
 187 /***************************************************************************
 188  * CLASSES
 189  ***************************************************************************/
 190
 191 .errors {
 192     margin-top: 10px;
 193     border: 1px solid #f00;
 194     background-color: #faa;
 195     width: 98%;
 196 }
 197
 198 .warnings {
 199     margin-top: 10px;
 200     border: 1px solid #dc0;
 201     background-color: #ee7;
 202     width: 98%;
 203 }
 204
 205 .success {
 206     margin-top: 10px;
 207     border: 1px solid #0d2;
 208     background-color: #7fa;
 209     width: 98%;
 210 }
 211
 212 .erreur { color: red !important; }
 213 .error  { color: red !important; }
 214 .center { text-align: center; }
 215 .right  { text-align: right; }
 216
 217 .descr {
 218     text-align: justify;
 219     font-size: 90%;
 220 }
 221 p.descr {
 222     padding-left: 7px;
 223     padding-right: 7px;
 224 }
 225
 226 table { border-collapse: collapse; }
 227
 228 table.links {
 229     width: 100%;
 230     margin: 0.4em 0em;
 231 }
 232
 233 table.links td {
 234     padding: 0em 0.5em;
 235 }
 236
 237 table.links a {
 238     background: url('../images/puce.png') no-repeat center left;
 239     padding-left: 15px;
 240     font-weight: bold;
 241 }
 242
 243 table td.titre {
 244     font-weight: bold;
 245     white-space: nowrap;
 246 }
 247
 248 table.tiny,  table.tinybicol {
 249     width: 70%;
 250     margin-left: 15%;
 251     border: 2px solid gray;
 252     font-size: 85%;
 253 }
 254 table.large, table.bicol {
 255     width: 96%;
 256     margin-left:  2%;
 257     border: 2px solid gray;
 258     font-size: 85%;
 259 }
 260
 261 table.tiny td, table.tinybicol td, table.large td, table.bicol td {
 262     border: 1px solid gray;
 263     padding: 2px 4px;
 264 }
 265 table.tiny th, table.tinybicol th, table.large th, table.bicol th {
 266     border: 1px solid gray;
 267     border-top-width: 2px;
 268     border-bottom-width: 2px;
 269     padding: 2px;
 270 }
 271
 272 table.tinybicol td, table.bicol td {
 273     border-top: none;
 274     border-bottom: none;
 275 }
 276
 277 table.tinybicol .pair, table.bicol .pair {
 278     background-color: #e9e0aa;
 279 }
 280
 281 table.normal td { border: none; }
 282
 283 th { background: #d0c198; }
 284 th.grayed {
 285     background: #d0cbb0;
 286     color: #666;
 287 }
 288
 289 a.popup2 {
 290     color: #4c618a;
 291     background-color: inherit;
 292 }
 293
 294 /***************************************************************************
 295  * Special pages
 296  ***************************************************************************/
 297
 298 table#liste td.fourth {
 299     width: 25%;
 300 }
 301
 302 table#liste td.listec a {
 303     display: block;
 304     text-align: center;
 305 }
 306
 307 table#liste td.liste a {
 308     display: block;
 309     text-align: right;
 310 }
 311
 312 table#liste td.liste a.cat {
 313     background: #d0c198;
 314     margin: 15px 0px 10px 0px;
 315     padding: 3px;
 316     text-align: center;
 317     font-weight: bold;
 318     font-size: 90%;
 319 }
 320
 321 table#liste td.liste a:hover, table#liste td.listec a:hover {
 322     background: #d0c198;
 323 }
 324
 325 #wikitext {
 326     text-align: justify;
 327     font-size: 90%;
 328 }
 329
 330 #wikitext p {
 331     padding-left: 7px;
 332 }
 333
 334 /***************************************************************************
 335  ***************************************************************************/
 336
 337 div.cat {
 338     background: #d0c198;
 339     text-align: center;
 340     font-weight: bold;
 341     font-size: 90%;
 342     padding: 2px;
 343     width: 180px;
 344     margin: 4px 0px;
 345 }
 346
 347 div.sel { background-color: #5c81aa; color: #d0c198; }
 348 div.sel a { color: #d0c198; }
 349
 350 td.oval, td.oval2 {
 351     color: #d0c198;
 352     height: 50px;
 353     text-align: center;
 354     vertical-align: middle !important;
 355     font-weight: bold;
 356 }
 357 td.oval {
 358     background: url("../images/oval.png") no-repeat top center;
 359     width: 130px;
 360     padding: 0px 35px;
 361 }
 362 td.oval2 {
 363     background: url("../images/oval2.png") no-repeat top center;
 364     width: 160px;
 365     padding: 0px 12px;
 366
 367 }
 368
 369 .oval a, .oval2 a { color: #d0c198; }
 370 .oval a.has_site { color: white; }
 371 .jone a { color: #FF9; }
 372 .rouje a { color: #D88; }
 373 .jone a.has_site { color: #FE0; }
 374 .rouje a.has_site { color: #D00; }
 375
 376 #content td.oval, #content td.oval2 {
 377     font-size: 90%;
 378     font-family: "Trebuchet MS", sans-serif;
 379     letter-spacing: -0.5px;
 380 }
 381
 382 div.backtotop {
 383     font-size: small;
 384     text-align: center;
 385     padding-top: 2em;
 386 }
 387
 388 div.screenshot {
 389     text-align: center;
 390 }
 391
 392 div.screenshot img {
 393     border: 1px solid #777;
 394 }
 395
 396 /***************************************************************************
 397  ***************************************************************************/
 398
 399 td.infos {
 400     height: 30px;
 401     text-align: center;
 402     font-family: "Bitstream Vera Sans","Arial",sans-serif;
 403     color: #505050;
 404 }
 405
 406 /***************************************************************************
 407  ***************************************************************************/
 408
 409 .wizard {
 410     margin-top: 0px;
 411     margin-left: -1em;
 412 }
 413
 414 .wizard .wiz_header {
 415     height: 30px;
 416     width: 635px;
 417     padding: 0 2px;
 418     background: url('../images/skins/wiz_xnet_background.png') bottom left no-repeat;
 419     margin-bottom: 1em;
 420 }
 421
 422 .wizard .wiz_header .wiz_tab {
 423     height: 100%;
 424     text-align: center;
 425     font-size: 75%;
 426 }
 427
 428 .wizard .wiz_header .wiz_tab:hover {
 429     color: #5c81aa;
 430     font-weight: bold;
 431 }
 432
 433 .wizard .wiz_header .active, .wizard .wiz_header .active:hover {
 434 }
 435
 436 .wizard .wiz_header a {
 437     color: #000;
 438     text-decoration: none;
 439     margin-top: 2px;
 440     vertical-align: bottom;
 441 }
 442
 443 .wizard .wiz_header a.active {
 444     font-weight: bold;
 445 }
 446