htdocs/css/spectral.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2007 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 td.conteneur_tab {
 126     border-color: #0067fe;
 127     background-color: #eeffdd;
 128 }
 129
 130 #onglet li {
 131     border-color: #0067fe;
 132     background-color: #ccddff;
 133 }
 134
 135 #onglet li:hover {
 136     background-color:
 137 }
 138
 139 #onglet li.actif {
 140     background-color: #eeffdd;
 141 }
 142
 143 #onglet li a:hover {
 144     color: #ff0000;
 145     text-decoration: none;
 146 }
 147
 148 /*******************************************************************************
 149     7   fiche.php
 150         [ cas de la fiche ]
 151 *******************************************************************************/
 152
 153 #fiche {
 154     border-color: #0067fe;
 155 }
 156
 157 #fiche h2 {
 158     background-color: #0067fe;
 159     color: #fff;
 160     border: none;
 161 }
 162
 163 #fiche_identite div.contact {
 164     background-color: #ffff77;
 165 }
 166
 167 #fiche_identite div.maj {
 168     color: #77cc77;
 169 }
 170
 171 #fiche em, #fiche_referent em {
 172     color: #dd0000;
 173 }
 174
 175 #photo {
 176     padding: 0em;
 177 }
 178
 179 #photo img {
 180     padding-bottom: 1em;
 181 }
 182
 183 #photo div {
 184     padding-left: 1em;
 185     background-color: #ddffcc;
 186 }
 187
 188 /*******************************************************************************
 189     A   SKIN
 190         [ choix de classes faites par le skinneur
 191 *******************************************************************************/
 192
 193 #body-logo {
 194     border-bottom: 1px solid #003399;
 195     border-right: 1px solid #305070;
 196     border-left: none;
 197     border-top: none;
 198 }
 199
 200 #body-top {
 201     border-bottom: 1px solid #003399;
 202 }
 203
 204 #body-bottom {
 205     border-top: 1px solid #003399;
 206 }
 207
 208 #body-menu {
 209     border-right: 1px solid #003399;
 210 }
 211
 212 #body-menu .menu_title {
 213     color : #000000;
 214     background-color: #3601ff;
 215     background-image: url("../images/skins/spectral_menu.jpg");
 216     background-repeat: repeat-y;
 217     border-top: 1px solid #003399;
 218     border-bottom: 1px solid #003399;
 219 }
 220
 221 #body-menu .menu_item {
 222     padding-left: 0px;
 223     text-align: left;
 224 }
 225
 226 /* vim: set et ts=4 sts=4 sw=4: */