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