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,tt,pre {
  35     font-size: 10pt;
  36 }
  37
  38 a, a:link, a:visited     { text-decoration: none ; color: #5c81aa; }
  39
  40 a img { border: none; }
  41 img   { vertical-align: middle; }
  42 td    { vertical-align: top; }
  43
  44 h1    { font-size: 150%; }
  45 h2    { font-size: 130%; }
  46
  47 /***************************************************************************
  48  * DEBUG
  49  ***************************************************************************/
  50
  51 #dev {
  52     width: 100%;
  53     text-align: center;
  54     padding: 1px;
  55
  56     font-size: 10pt;
  57     font-weight: bold;
  58 }
  59
  60 #db-trace div.hide       { display: none; }
  61 #db-trace:hover div.hide { display: block }
  62 #db-trace h1 { margin: 0px; }
  63
  64 /***************************************************************************
  65  * LAYOUT
  66  ***************************************************************************/
  67
  68 table#layout {
  69     width: 765px;
  70     margin-left: auto;
  71     margin-right: auto;
  72 }
  73
  74 tr#top td {
  75     vertical-align: middle;
  76 }
  77
  78 td#credits {
  79     text-align: center;
  80     font-size: 90%;
  81     font-weight: bold;
  82 }
  83
  84 td#perso div {
  85     font-weight: bold;
  86     font-size: 90%;
  87     padding: 2px 1em;
  88 }
  89
  90 td#perso a.gp {
  91     display: block;
  92     margin: 2px 1em;
  93     font-weight: bold;
  94     font-size: 85%;
  95     float: left;
  96     text-align: center;
  97 }
  98
  99 td#search {
 100     text-align: right;
 101     width: 300px;
 102 }
 103
 104 #content {
 105     width: 100%;
 106 }
 107
 108 td#menu {
 109     width: 150px;
 110     padding-right: 1em;
 111     font-family: "Trebuchet MS", "Arial",sans-serif;
 112     font-weight: bold;
 113 }
 114
 115 #menu h1 {
 116     padding: 0.5em 0em 0.6em 0em;
 117     font-size: 90%;
 118     text-align: center;
 119     background: url('../images/barre.png') bottom left no-repeat;
 120 }
 121
 122 #menu a {
 123     display: block;
 124     padding: 0.2em 0em 0.2em 15px;
 125     font-size: 90%;
 126     background: url('../images/puce.png') no-repeat center left;
 127 }
 128
 129 /***************************************************************************
 130  * CLASSES
 131  ***************************************************************************/
 132
 133 div.breadcrumb {
 134     font-weight: bold;
 135     font-size: 90%;
 136     padding: 0.5em 0em;
 137 }
 138
 139 .erreur { color: red !important; }
 140 .error  { color: red !important; }
 141 .center { text-align: center; }
 142 .right  { text-align: right; }
 143
 144 .descr {
 145     text-align: justify;
 146     font-size: 90%;
 147 }
 148 p.descr {
 149     padding-left: 7px;
 150     padding-right: 7px;
 151 }
 152
 153 table { border-collapse: collapse; }
 154
 155 table.links {
 156     width: 100%;
 157     margin: 0.4em 0em;
 158 }
 159
 160 table.links td {
 161     padding: 0em 0.5em;
 162 }
 163
 164 table.links a {
 165     background: url('../images/puce.png') no-repeat center left;
 166     padding-left: 15px;
 167     font-weight: bold;
 168 }
 169
 170 table td.titre {
 171     font-weight: bold;
 172     white-space: nowrap;
 173 }
 174
 175 table.tiny,  table.tinybicol { width: 70%; margin-left: 15%; border: 2px solid gray; }
 176 table.large, table.bicol     { width: 96%; margin-left:  2%; border: 2px solid gray; }
 177
 178 table.tiny td, table.tinybicol td, table.large td, table.bicol td {
 179     border: 1px solid gray;
 180     padding: 2px;
 181 }
 182 table.tiny th, table.tinybicol th, table.large th, table.bicol th {
 183     border: 1px solid gray;
 184     border-top-width: 2px;
 185     border-bottom-width: 2px;
 186     padding: 2px;
 187 }
 188
 189 table.normal td { border: none; }
 190
 191 th { background: #d0c198; }
 192
 193 /***************************************************************************
 194  * Special pages
 195  ***************************************************************************/
 196
 197 table#liste td.fourth {
 198     width: 25%;
 199 }
 200
 201 table#liste td.listec a {
 202     display: block;
 203     text-align: center;
 204 }
 205
 206 table#liste td.liste a {
 207     display: block;
 208     text-align: right;
 209 }
 210
 211 table#liste td.liste a.cat {
 212     background: #d0c198;
 213     margin: 15px 0px 10px 0px;
 214     padding: 3px;
 215     text-align: center;
 216     font-weight: bold;
 217     font-size: 90%;
 218 }
 219
 220 table#liste td.liste a:hover, table#liste td.listec a:hover {
 221     background: #d0c198;
 222 }
 223
 224 /***************************************************************************
 225  ***************************************************************************/
 226
 227 div.cat {
 228     background: #d0c198;
 229     text-align: center;
 230     font-weight: bold;
 231     font-size: 90%;
 232     padding: 2px;
 233     width: 180px;
 234     margin: 4px 0px;
 235 }
 236
 237 div.sel { background-color: #5c81aa; color: #d0c198; }
 238 div.sel a { color: #d0c198; }
 239
 240 td.oval, td.oval2 {
 241     color: #d0c198;
 242     height: 50px;
 243     text-align: center;
 244     vertical-align: middle !important;
 245     font-weight: bold;
 246 }
 247 td.oval {
 248     background: url("../images/oval.png") no-repeat top center;
 249     width: 130px;
 250     padding: 4px 12px;
 251 }
 252 td.oval2 {
 253     background: url("../images/oval2.png") no-repeat top center;
 254     width: 160px;
 255     padding: 4px 10px;
 256
 257 }
 258
 259 .oval a, .oval2 a { color: #d0c198; }
 260
 261 #content td.oval, #content td.oval2 {
 262     font-size: 90%;
 263     font-family: "Trebuchet MS", sans-serif;
 264     letter-spacing: -0.5px;
 265 }
 266
 267 /***************************************************************************
 268  ***************************************************************************/
 269
 270 td.infos {
 271     height: 30px;
 272     text-align: center;
 273     font-family: "Bitstream Vera Sans","Arial",sans-serif;
 274     color: #505050;
 275 }
 276