htdocs/css/spectral.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2008 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 fieldset {
  27     background-color: #ddffcc;
  28     border: 1px #0067fe solid;
  29     color: inherit;
  30 }
  31
  32 legend {
  33     border: 1px #0067fe solid;
  34     color: inherit;
  35 }
  36
  37 /*******************************************************************************
  38     2   Styles <p>, <div>, <span>, <li>
  39         [ styles classiques d'effets de texte ]
  40 *******************************************************************************/
  41
  42 h1 a:link, h1 a:visited, h1 a:active {
  43     color: #999999;
  44     background: inherit;
  45 }
  46
  47 h1 a:hover {
  48     color: #cccccc;
  49 }
  50
  51 h1 {
  52     color: #eeeeee;
  53     background-color: #444444;
  54     background-image: url( "../images/skins/spectral_titre.jpg");
  55     background-repeat: repeat-x;
  56 }
  57
  58 /*******************************************************************************
  59     3   Tableaux bicolores + classes utiles
  60         [ Tableaux à lignes alternées, en taille normale, ou tiny ]
  61 *******************************************************************************/
  62
  63 table.tinybicol, table.bicol {
  64     background: #ccddff;
  65     border: 1px solid #0067fe;
  66     border-collapse: collapse;
  67 }
  68
  69 table.tinybicol tr, table.bicol tr { }
  70 table.tinybicol tr.pair, table.bicol tr.pair      { background: #ddffcc; }
  71 table.tinybicol th, table.bicol th {
  72     background-color: #0067fe;
  73 }
  74
  75 table.tinybicol th a:link, table.tinybicol th a:visited,
  76 table.tinybicol th a:active, table.tinybicol th a:hover,
  77 table.bicol th a:link, table.bicol th a:visited,
  78 table.bicol th a:active, table.bicol th a:hover {
  79     color: #BBF;
  80     background: inherit;
  81 }
  82
  83
  84 /*******************************************************************************
  85     4   Tableau de choix de skins
  86         [ Styles pour les tableaux de types de ceux des skins ]
  87 *******************************************************************************/
  88
  89 #skin {
  90     border-top: 1px solid #0067fe;
  91     border-bottom: 1px solid #0067fe;
  92 }
  93
  94 #skin td {
  95     border-top: 1px solid #0067fe;
  96     border-bottom: 1px solid #0067fe;
  97     background-color: #ddffcc;
  98 }
  99
 100 #skin td.skigauche {
 101     background-color: #ccddff;
 102 }
 103
 104 /*******************************************************************************
 105     5   Contacts
 106         [ Styles liés à l'affichage de contacts ]
 107 *******************************************************************************/
 108
 109 div.contact-list div.contact {
 110     border-top: 1px solid #305070;
 111     background: #ccddff;
 112     color: inherit;
 113 }
 114
 115 div.contact div.long {
 116     background: #ddffcc;
 117     color: inherit;
 118 }
 119
 120 /*******************************************************************************
 121     6   Profil
 122         [ onglets des profils ]
 123 *******************************************************************************/
 124
 125 /*******************************************************************************
 126     7   fiche.php
 127         [ cas de la fiche ]
 128 *******************************************************************************/
 129
 130 #fiche {
 131     border-color: #0067fe;
 132 }
 133
 134 #fiche h2 {
 135     background-color: #0067fe;
 136     color: #fff;
 137     border: none;
 138 }
 139
 140 #fiche_identite div.contact {
 141     background-color: #ffff77;
 142 }
 143
 144 #fiche_identite div.maj {
 145     color: #77cc77;
 146 }
 147
 148 #fiche em, #fiche_referent em {
 149     color: #dd0000;
 150 }
 151
 152 #photo {
 153     padding: 0em;
 154 }
 155
 156 #photo img {
 157     padding-bottom: 1em;
 158 }
 159
 160 #photo div {
 161     padding-left: 1em;
 162     background-color: #ddffcc;
 163 }
 164
 165 /*******************************************************************************
 166     A   SKIN
 167         [ choix de classes faites par le skinneur
 168 *******************************************************************************/
 169
 170 #body-logo {
 171     border-bottom: 1px solid #003399;
 172     border-right: 1px solid #305070;
 173     border-left: none;
 174     border-top: none;
 175 }
 176
 177 #body-top {
 178     border-bottom: 1px solid #003399;
 179 }
 180
 181 #body-bottom {
 182     border-top: 1px solid #003399;
 183 }
 184
 185 #body-menu {
 186     border-right: 1px solid #003399;
 187 }
 188
 189 #body-menu .menu_title {
 190     color : #000000;
 191     background-color: #3601ff;
 192     background-image: url("../images/skins/spectral_menu.jpg");
 193     background-repeat: repeat-y;
 194     border-top: 1px solid #003399;
 195     border-bottom: 1px solid #003399;
 196 }
 197
 198 #body-menu .menu_item {
 199     padding-left: 0px;
 200     text-align: left;
 201 }
 202
 203 /* vim: set et ts=4 sts=4 sw=4: */