htdocs/css/keynote.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 /*******************************************************************************
  22     1   Styles par défauts
  23         [ balises sans attributs ou classes sans contexte ]
  24 *******************************************************************************/
  25
  26 body {
  27     font-family: "Arial", sans-serif;
  28     font-size: 90%;
  29     background: url('../images/skins/keynote_bg.png') top left repeat-x;
  30
  31     background-attachment: fixed;
  32     background-color: #4f4e63;
  33     color: #fff;
  34 }
  35
  36 a:link, a:visited, a:active, a:hover {
  37     color: #ddd;
  38     background: none;
  39 }
  40
  41 a:hover {
  42     color: #999;
  43 }
  44
  45 fieldset {
  46     border: none;
  47     border-top: 1px solid #fff;
  48     border-left: 1px solid #fff;
  49     background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x;
  50     background-attachment: fixed;
  51     background-color: #848495;
  52     color: #000;
  53 }
  54
  55 legend {
  56     border: 1px solid #fff;
  57     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
  58     background-attachment: fixed;
  59     background-color: #bbbbaa;
  60     color: #000;
  61 }
  62
  63 /*******************************************************************************
  64     2   Styles <p>, <div>, <span>, <li>
  65         [ styles classiques d'effets de texte ]
  66 *******************************************************************************/
  67
  68 p {
  69     margin-bottom: 0.4em;
  70     text-align: justify;
  71 }
  72
  73 .erreur {
  74     font-weight: bold;
  75     color: #d00;
  76     background: inherit;
  77     margin-top: 0.5em;
  78     margin-bottom: 0.5em;
  79 }
  80
  81 .erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
  82     color: #ff3333;
  83     background: inherit;
  84 }
  85
  86 h1 {
  87     color: #fff;
  88     background: url('../images/skins/keynote_titlepuce2.gif') top left no-repeat;
  89     margin: 0.5em 0 0.5em 0;
  90     padding: 6px 0 0 24px;
  91     color: #bbf;
  92 }
  93
  94 h1:hover {
  95     background: url('../images/skins/keynote_titlepuce.gif') top left no-repeat;
  96 }
  97
  98 h2 {
  99     padding: 0.5em 0em 0em 0em;
 100     margin: 0;
 101     font-size: 100%;
 102     font-weight: bold;
 103     color: #77c;
 104 }
 105
 106 h3 {
 107     margin: 0em;
 108     font-weight: bold;
 109     padding: 0.25em;
 110     font-size: 100%;
 111 }
 112
 113 p.explication, div.explication {
 114     font-style: italic;
 115     padding: 0em 1ex 1ex 1ex;
 116 }
 117
 118 li.spaced {
 119     padding-top: 0.2em;
 120     padding-bottom: 0.3em;
 121     text-align: justify;
 122 }
 123
 124 /*******************************************************************************
 125     3   Tableaux bicolores + classes utiles
 126         [ Tableaux à lignes alternées, en taille normale, ou tiny ]
 127 *******************************************************************************/
 128 table.bicol, table.tinybicol {
 129     background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x;
 130     background-attachment: fixed;
 131     background-color: #848495;
 132     border: none;
 133     border-top: 1px solid #fff;
 134     border-left: 1px solid #fff;
 135 }
 136
 137 table.tinybicol tr.pair, table.bicol tr.pair {
 138     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 139     background-attachment: fixed;
 140     background-color: #bbbbca;
 141 }
 142
 143 table.tinybicol th, table.bicol th {
 144     color: #fff;
 145     background: url('../images/skins/keynote_title.gif') top left repeat-x;
 146     background-color: #000;
 147 }
 148 table.tinybicol td, table.bicol td {
 149     color: #000000;
 150     background: inherit;
 151 }
 152
 153 table.tinybicol td, table.bicol td, table.tinybicol tr, table.bicol tr { padding: 4px; }
 154
 155 td.half { width: 50%; padding: 4px; }
 156 td.titre {
 157     color: #000000;
 158     background: inherit;
 159     font-weight: bold;
 160 }
 161 td.action {
 162     white-space: nowrap;
 163     text-align: right;
 164     font-weight: bold;
 165     vertical-align: middle;
 166 }
 167 td.action a { padding: 0px 2px 0px 2px; }
 168
 169 /*******************************************************************************
 170     4   Tableau de choix de skins
 171         [ Styles pour les tableaux de types de ceux des skins ]
 172 *******************************************************************************/
 173
 174 #skin {
 175     background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x;
 176     background-attachment: fixed;
 177     background-color: #848495;
 178     color: #000;
 179     border-bottom: none;
 180     border-top: 1px solid #fff;
 181 }
 182 #skin td {
 183     border-bottom: 1px solid #fff;
 184     border-top: none;
 185     vertical-align: middle;
 186 }
 187 #skin td.skigauche {
 188     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 189     background-attachment: fixed;
 190     background-color: #bbbbca;
 191 }
 192
 193 /*******************************************************************************
 194     5   Contacts
 195         [ Styles liés à l'affichage de contacts ]
 196 *******************************************************************************/
 197
 198 div.contact-list div.contact {
 199     border-top: 1px solid #fff;
 200     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 201     background-attachment: fixed;
 202     background-color: #bbbbca;
 203     color: #000;
 204 }
 205
 206 div.grayed {
 207     color: #444444;
 208     font-style: italic;
 209 }
 210
 211 div.grayed div.contact {
 212     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 213     background-attachment: fixed;
 214     background-color: #bbbbca;
 215 }
 216
 217 div.contact div.nom {
 218     font-weight: bold;
 219     width: 35%;
 220     float: left;
 221 }
 222
 223 div.contact div.appli {
 224     float: left;
 225 }
 226
 227 div.contact div.bits {
 228     text-align: right;
 229     float: right;
 230 }
 231
 232 div.contact div.long {
 233     background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x;
 234     background-attachment: fixed;
 235     background-color: #848495;
 236 }
 237
 238 /*******************************************************************************
 239     6   Profil
 240         [ onglets des profils ]
 241 *******************************************************************************/
 242
 243 table.flags, tr.flags {
 244     margin: 0.5em 0 0 0;
 245     padding: 0;
 246 }
 247 table.flags input { margin: 0px 2px; padding: 0px; }
 248
 249 table.flags td.texte, tr.flags td.texte {
 250     font-size: smaller;
 251     font-weight: bold;
 252     padding: 0 8px 0 0;
 253 }
 254 table.flags td.vert, tr.flags td.vert {
 255     background: url('../images/icons/flag_green.gif') top right no-repeat;
 256     padding: 0 16px 0 0;
 257 }
 258 table.flags td.orange, tr.flags td.orange {
 259     background: url('../images/icons/flag_orange.gif') top right no-repeat;
 260     padding: 0 16px 0 0;
 261 }
 262 table.flags td.rouge, tr.flags td.rouge {
 263     background: url('../images/icons/flag_red.gif') top right no-repeat;
 264     padding: 0 16px 0 0;
 265 }
 266
 267 table.cadre_a_onglet{
 268     border-width: 0;
 269     padding : 0;
 270     margin: 0;
 271 }
 272
 273 td.conteneur_tab {
 274     border-width: 1px 1px 1px 1px;
 275     border-style: solid;
 276     border-color: #9c9c9c;
 277     border-left-color: #eee;
 278     padding: 8px 4px 4px 4px;
 279     background : url('../images/skins/keynote_topborder.png') top repeat-x;
 280 }
 281
 282 #onglet {
 283     display : block;
 284     margin : 0;
 285     padding : 0;
 286 }
 287
 288 #onglet li {
 289     display : block;
 290     float : left;
 291     padding : 0.4ex;
 292     margin : 0 0.3ex -1px 3px;
 293     background : #cecece;
 294     border-width: 1px 0px 1px 1px;
 295     border-style: solid;
 296     border-color: #9c9c9c;
 297     width: auto;
 298     height: 5ex;
 299     text-align: center;
 300     color: #000;
 301 }
 302
 303 #onglet li:hover {
 304     background : #adadad;
 305 }
 306
 307 #onglet li.actif {
 308     background : #dedede;
 309     border-width: 1px 0px 1px 1px;
 310     border-style: solid;
 311     border-color: #f0f0f0;
 312     border-bottom-color: #dedede;
 313 }
 314
 315 /*******************************************************************************
 316     7   fiche.php & fiche_referent.php
 317         [ cas de la fiche ]
 318 *******************************************************************************/
 319
 320 #fiche {
 321     color: #000;
 322     border: none;
 323     border-top: 1px solid #fff;
 324     border-left: 1px solid #fff;
 325     background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x;
 326     background-attachment: fixed;
 327     background-color: #848495;
 328 }
 329
 330 #fiche em {
 331     color: #777;
 332     font-weight: bolder;
 333 }
 334
 335 #fiche h2 {
 336     background: url('../images/skins/keynote_title.gif') bottom repeat-x;
 337     color: #fff;
 338     border: none;
 339     height: 17px;
 340     margin-right: 0;
 341 }
 342
 343 #photo { padding-left: 0em; }
 344
 345 #fiche_identite div.civilite {
 346     text-align: center;
 347     font-weight: bold;
 348     width: 80%;
 349     float: left;
 350     color: #fff;
 351 }
 352
 353 #fiche_identite div.contact {
 354     border: none;
 355     border-top: 1px dotted #fff;
 356     border-left: 1px dotted #fff;
 357     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 358     background-color: #bbbbca;
 359     background-attachment: fixed;
 360 }
 361
 362 #fiche_identite div.contact em {
 363     color: #aaa;
 364 }
 365
 366 #fiche_identite div.email {
 367     clear: left;
 368     float: left;
 369 }
 370 #fiche_identite div.mob {
 371     float: right;
 372     clear: right;
 373     text-align: right;
 374 }
 375
 376 #fiche_identite div.formation {
 377     margin: 0em 1em;
 378     clear: both;
 379 }
 380
 381 div.adresse {
 382     float: left;
 383     width: 46%;
 384     padding: 0px;
 385     margin: 0px 1% 1ex 1%;
 386 }
 387
 388 /* only for fiche_referent.php*/
 389
 390 #fiche_referent em {
 391     color: #777;
 392     font-weight: bolder;
 393 }
 394
 395 /*******************************************************************************
 396     A   SKIN
 397         [ choix de classes faites par le skinneur
 398 *******************************************************************************/
 399
 400 #dev {
 401     width: auto;
 402     text-align: center;
 403     padding: 1px;
 404
 405     background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x;
 406     background-attachment: fixed;
 407     color: #000;
 408 }
 409
 410 #dev a { text-decoration: none; }
 411 #dev a:hover { background-color: inherit; }
 412
 413 #db-trace div.hide       { display: none; }
 414 #db-trace:hover div.hide { display: block }
 415
 416 #suid {
 417     color: red;
 418     background: #ffc0cb;
 419     width: 100%;
 420     font-weight: bold;
 421 }
 422 #suid td { padding: 2px; }
 423 #suid a { color: red; }
 424
 425 #body {
 426     width: 740px;
 427     margin-left: auto;
 428     margin-right: auto;
 429 }
 430
 431 #body-logo {
 432     width: 140px;
 433     border: none;
 434     padding-top: 0;
 435 }
 436
 437 #body-top {
 438     padding: 0;
 439     padding-bottom: 16px;
 440 }
 441
 442 #body-bottom {
 443     border-top: 1px solid #fff;
 444 }
 445
 446 #body-menu {
 447     border-right: 1px solid #fff;
 448 }
 449
 450 #body-menu a:link, #body-menu a:visited, #body-menu a:active, #body-meny a:hover {
 451     color: #fff;
 452     text-decoration: none;
 453 }
 454
 455 #body-menu .menu_item:hover {
 456     background-color: #556;
 457 }
 458
 459 #body-menu .menu_title {
 460     color: #fff;
 461     height: 17px;
 462     background: url('../images/skins/keynote_title.gif') top repeat-x;
 463     border: none;
 464     padding: 0;
 465     padding-top: 4px;
 466     text-align: center;
 467     vertical-align: middle;
 468 }
 469
 470 #content {
 471     padding-top: 0;
 472     vertical-align: top;
 473 }
 474
 475 #quick_search {
 476     color: gray;
 477     text-align: right;
 478 }
 479
 480 div#content {
 481     padding: 1em;
 482     margin: 0em;
 483 }
 484
 485 #content input {
 486     font-size: 95%;
 487 }
 488
 489 /* vim: set et ts=4 sts=4 sw=4: */