htdocs.net/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: 765px;
  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: 90%;
  96     font-weight: bold;
  97 }
  98
  99 td#perso div {
 100     font-weight: bold;
 101     font-size: 90%;
 102     padding: 2px 1em;
 103 }
 104
 105 td#perso a.gp {
 106     display: block;
 107     margin: 2px 1em;
 108     font-weight: bold;
 109     font-size: 85%;
 110     float: left;
 111     text-align: center;
 112 }
 113
 114 td#search {
 115     text-align: right;
 116     width: 300px;
 117 }
 118
 119 #content {
 120     width: 100%;
 121 }
 122
 123 td#menu {
 124     width: 130px;
 125     padding-right: 1em;
 126     font-family: "Trebuchet MS", "Arial",sans-serif;
 127     font-weight: bold;
 128 }
 129
 130 #menu h1 {
 131     padding: 0.5em 0em 0.8em 0em;
 132     font-size: 85%;
 133     text-align: center;
 134     width: 130px;
 135     background: url('../images/barre.png') bottom left no-repeat;
 136 }
 137
 138 #menu a {
 139     display: block;
 140     padding: 0.2em 0em 0.2em 15px;
 141     font-size: 85%;
 142     background: url('../images/puce.png') no-repeat center left;
 143 }
 144
 145 /***************************************************************************
 146  * CLASSES
 147  ***************************************************************************/
 148
 149 div.breadcrumb {
 150     font-weight: bold;
 151     font-size: 90%;
 152     padding: 0.5em 0em;
 153 }
 154
 155 .erreur { color: red !important; }
 156 .error  { color: red !important; }
 157 .center { text-align: center; }
 158 .right  { text-align: right; }
 159
 160 .descr {
 161     text-align: justify;
 162     font-size: 90%;
 163 }
 164 p.descr {
 165     padding-left: 7px;
 166     padding-right: 7px;
 167 }
 168
 169 table { border-collapse: collapse; }
 170
 171 table.links {
 172     width: 100%;
 173     margin: 0.4em 0em;
 174 }
 175
 176 table.links td {
 177     padding: 0em 0.5em;
 178 }
 179
 180 table.links a {
 181     background: url('../images/puce.png') no-repeat center left;
 182     padding-left: 15px;
 183     font-weight: bold;
 184 }
 185
 186 table td.titre {
 187     font-weight: bold;
 188     white-space: nowrap;
 189 }
 190
 191 table.tiny,  table.tinybicol {
 192     width: 70%;
 193     margin-left: 15%;
 194     border: 2px solid gray;
 195     font-size: 85%;
 196 }
 197 table.large, table.bicol {
 198     width: 96%;
 199     margin-left:  2%;
 200     border: 2px solid gray;
 201     font-size: 85%;
 202 }
 203
 204 table.tiny td, table.tinybicol td, table.large td, table.bicol td {
 205     border: 1px solid gray;
 206     padding: 2px 4px;
 207 }
 208 table.tiny th, table.tinybicol th, table.large th, table.bicol th {
 209     border: 1px solid gray;
 210     border-top-width: 2px;
 211     border-bottom-width: 2px;
 212     padding: 2px;
 213 }
 214
 215 table.normal td { border: none; }
 216
 217 th { background: #d0c198; }
 218
 219 /***************************************************************************
 220  * Special pages
 221  ***************************************************************************/
 222
 223 table#liste td.fourth {
 224     width: 25%;
 225 }
 226
 227 table#liste td.listec a {
 228     display: block;
 229     text-align: center;
 230 }
 231
 232 table#liste td.liste a {
 233     display: block;
 234     text-align: right;
 235 }
 236
 237 table#liste td.liste a.cat {
 238     background: #d0c198;
 239     margin: 15px 0px 10px 0px;
 240     padding: 3px;
 241     text-align: center;
 242     font-weight: bold;
 243     font-size: 90%;
 244 }
 245
 246 table#liste td.liste a:hover, table#liste td.listec a:hover {
 247     background: #d0c198;
 248 }
 249
 250 /***************************************************************************
 251  ***************************************************************************/
 252
 253 div.cat {
 254     background: #d0c198;
 255     text-align: center;
 256     font-weight: bold;
 257     font-size: 90%;
 258     padding: 2px;
 259     width: 180px;
 260     margin: 4px 0px;
 261 }
 262
 263 div.sel { background-color: #5c81aa; color: #d0c198; }
 264 div.sel a { color: #d0c198; }
 265
 266 td.oval, td.oval2 {
 267     color: #d0c198;
 268     height: 50px;
 269     text-align: center;
 270     vertical-align: middle !important;
 271     font-weight: bold;
 272 }
 273 td.oval {
 274     background: url("../images/oval.png") no-repeat top center;
 275     width: 130px;
 276     padding: 4px 12px;
 277 }
 278 td.oval2 {
 279     background: url("../images/oval2.png") no-repeat top center;
 280     width: 160px;
 281     padding: 4px 10px;
 282
 283 }
 284
 285 .oval a, .oval2 a { color: #d0c198; }
 286
 287 #content td.oval, #content td.oval2 {
 288     font-size: 90%;
 289     font-family: "Trebuchet MS", sans-serif;
 290     letter-spacing: -0.5px;
 291 }
 292
 293 /***************************************************************************
 294  ***************************************************************************/
 295
 296 td.infos {
 297     height: 30px;
 298     text-align: center;
 299     font-family: "Bitstream Vera Sans","Arial",sans-serif;
 300     color: #505050;
 301 }
 302