htdocs/css/xnet.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2006 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 /***************************************************************************
  67  * DEBUG
  68  ***************************************************************************/
  69
  70 #dev {
  71     width: 100%;
  72     text-align: center;
  73     padding: 1px;
  74
  75     font-size: 10pt;
  76     font-weight: bold;
  77 }
  78
  79 #db-trace div.hide       { display: none; }
  80 #db-trace:hover div.hide { display: block }
  81 #db-trace h1 { margin: 0px; }
  82
  83 /***************************************************************************
  84  * LAYOUT
  85  ***************************************************************************/
  86
  87 table#layout {
  88     width: 765px;
  89     margin-left: auto;
  90     margin-right: auto;
  91 }
  92
  93 #top {
  94     width: 100%;
  95 }
  96
  97 #top td {
  98     padding: 0;
  99     margin: 0;
 100     vertical-align: middle;
 101 }
 102
 103 #top td.logo {
 104     text-align: right;
 105     background: url('../images/bandeau.jpg') bottom left repeat-x;
 106 }
 107
 108 td#credits {
 109     text-align: center;
 110     font-size: 75%;
 111 }
 112
 113 td#perso div {
 114     font-weight: bold;
 115     font-size: 90%;
 116     padding: 2px 1em;
 117 }
 118
 119 td#perso .gp {
 120     display: block;
 121     margin: 2px 1em;
 122     font-weight: bold;
 123     font-size: 85%;
 124     float: left;
 125     text-align: center;
 126 }
 127
 128 td#search {
 129     text-align: right;
 130     width: 300px;
 131 }
 132
 133 #content {
 134     width: 100%;
 135 }
 136
 137 td#body {
 138     vertical-align: top;
 139     padding-left: 1em;
 140     padding-bottom: 1em;
 141 }
 142
 143 td#menu {
 144     width: 130px;
 145     padding-right: 0;
 146     padding-top: 0.5em;
 147     font-family: "Trebuchet MS", "Arial",sans-serif;
 148     font-weight: bold;
 149 }
 150
 151 #menu h1 {
 152     padding: 0.3em 0em 0.4em 0em;
 153     margin-top: 0.7em;
 154     margin-bottom: 0.3em;
 155     font-size: 89%;
 156     text-align: center;
 157     width: 130px;
 158     background: url('../images/barre_small.png') bottom left no-repeat;
 159     background-color: #d0c198;
 160 }
 161
 162 #menu a {
 163     display: block;
 164     padding: 0.2em 0em 0.2em 15px;
 165     font-size: 89%;
 166     background: url('../images/puce.png') no-repeat center left;
 167 }
 168
 169 /***************************************************************************
 170  * CLASSES
 171  ***************************************************************************/
 172
 173 div.breadcrumb {
 174     font-weight: bold;
 175     font-size: 90%;
 176     padding: 0.5em 0em;
 177 }
 178
 179 .erreur { color: red !important; }
 180 .error  { color: red !important; }
 181 .center { text-align: center; }
 182 .right  { text-align: right; }
 183
 184 .descr {
 185     text-align: justify;
 186     font-size: 90%;
 187 }
 188 p.descr {
 189     padding-left: 7px;
 190     padding-right: 7px;
 191 }
 192
 193 table { border-collapse: collapse; }
 194
 195 table.links {
 196     width: 100%;
 197     margin: 0.4em 0em;
 198 }
 199
 200 table.links td {
 201     padding: 0em 0.5em;
 202 }
 203
 204 table.links a {
 205     background: url('../images/puce.png') no-repeat center left;
 206     padding-left: 15px;
 207     font-weight: bold;
 208 }
 209
 210 table td.titre {
 211     font-weight: bold;
 212     white-space: nowrap;
 213 }
 214
 215 table.tiny,  table.tinybicol {
 216     width: 70%;
 217     margin-left: 15%;
 218     border: 2px solid gray;
 219     font-size: 85%;
 220 }
 221 table.large, table.bicol {
 222     width: 96%;
 223     margin-left:  2%;
 224     border: 2px solid gray;
 225     font-size: 85%;
 226 }
 227
 228 table.tiny td, table.tinybicol td, table.large td, table.bicol td {
 229     border: 1px solid gray;
 230     padding: 2px 4px;
 231 }
 232 table.tiny th, table.tinybicol th, table.large th, table.bicol th {
 233     border: 1px solid gray;
 234     border-top-width: 2px;
 235     border-bottom-width: 2px;
 236     padding: 2px;
 237 }
 238
 239 table.tinybicol td, table.bicol td {
 240     border-top: none;
 241     border-bottom: none;
 242 }
 243
 244 table.tinybicol .pair, table.bicol .pair {
 245     background-color: #e9e0aa;
 246 }
 247
 248 table.normal td { border: none; }
 249
 250 th { background: #d0c198; }
 251 th.grayed {
 252     background: #d0cbb0;
 253     color: #666;
 254 }
 255
 256 a.popup2 {
 257     color: #4c618a;
 258     background-color: inherit;
 259 }
 260
 261 /***************************************************************************
 262  * Special pages
 263  ***************************************************************************/
 264
 265 table#liste td.fourth {
 266     width: 25%;
 267 }
 268
 269 table#liste td.listec a {
 270     display: block;
 271     text-align: center;
 272 }
 273
 274 table#liste td.liste a {
 275     display: block;
 276     text-align: right;
 277 }
 278
 279 table#liste td.liste a.cat {
 280     background: #d0c198;
 281     margin: 15px 0px 10px 0px;
 282     padding: 3px;
 283     text-align: center;
 284     font-weight: bold;
 285     font-size: 90%;
 286 }
 287
 288 table#liste td.liste a:hover, table#liste td.listec a:hover {
 289     background: #d0c198;
 290 }
 291
 292 #wikitext {
 293     text-align: justify;
 294     font-size: 90%;
 295 }
 296
 297 #wikitext p {
 298     padding-left: 7px;
 299 }
 300
 301 /***************************************************************************
 302  ***************************************************************************/
 303
 304 div.cat {
 305     background: #d0c198;
 306     text-align: center;
 307     font-weight: bold;
 308     font-size: 90%;
 309     padding: 2px;
 310     width: 180px;
 311     margin: 4px 0px;
 312 }
 313
 314 div.sel { background-color: #5c81aa; color: #d0c198; }
 315 div.sel a { color: #d0c198; }
 316
 317 td.oval, td.oval2 {
 318     color: #d0c198;
 319     height: 50px;
 320     text-align: center;
 321     vertical-align: middle !important;
 322     font-weight: bold;
 323 }
 324 td.oval {
 325     background: url("../images/oval.png") no-repeat top center;
 326     width: 130px;
 327     padding: 0px 35px;
 328 }
 329 td.oval2 {
 330     background: url("../images/oval2.png") no-repeat top center;
 331     width: 160px;
 332     padding: 0px 12px;
 333
 334 }
 335
 336 .oval a, .oval2 a { color: #d0c198; }
 337 .oval a.has_site { color: white; }
 338
 339 #content td.oval, #content td.oval2 {
 340     font-size: 90%;
 341     font-family: "Trebuchet MS", sans-serif;
 342     letter-spacing: -0.5px;
 343 }
 344
 345 div.backtotop {
 346     font-size: small;
 347     text-align: center;
 348     padding-top: 2em;
 349 }
 350
 351 div.screenshot {
 352     text-align: center;
 353 }
 354
 355 div.screenshot img {
 356     border: 1px solid #777;
 357 }
 358
 359 /***************************************************************************
 360  ***************************************************************************/
 361
 362 td.infos {
 363     height: 30px;
 364     text-align: center;
 365     font-family: "Bitstream Vera Sans","Arial",sans-serif;
 366     color: #505050;
 367 }
 368