htdocs/css/spectral.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 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 /*******************************************************************************
  76     4   Tableau de choix de skins
  77         [ Styles pour les tableaux de types de ceux des skins ]
  78 *******************************************************************************/
  79
  80 #skin {
  81     border-top: 1px solid #0067fe;
  82     border-bottom: 1px solid #0067fe;
  83 }
  84
  85 #skin td {
  86     border-top: 1px solid #0067fe;
  87     border-bottom: 1px solid #0067fe;
  88     background-color: #ddffcc;
  89 }
  90
  91 #skin td.skigauche {
  92     background-color: #ccddff;
  93 }
  94
  95 /*******************************************************************************
  96     5   Contacts
  97         [ Styles liés à l'affichage de contacts ]
  98 *******************************************************************************/
  99
 100 div.contact-list div.contact {
 101     border-top: 1px solid #305070;
 102     background: #ccddff;
 103     color: inherit;
 104 }
 105
 106 div.contact div.long {
 107     background: #ddffcc;
 108     color: inherit;
 109 }
 110
 111 /*******************************************************************************
 112     6   Profil
 113         [ onglets des profils ]
 114 *******************************************************************************/
 115
 116 td.conteneur_tab {
 117     border-color: #0067fe;
 118     background-color: #eeffdd;
 119 }
 120
 121 #onglet li {
 122     border-color: #0067fe;
 123     background-color: #ccddff;
 124 }
 125
 126 #onglet li:hover {
 127     background-color:
 128 }
 129
 130 #onglet li.actif {
 131     background-color: #eeffdd;
 132 }
 133
 134 #onglet li a:hover {
 135     color: #ff0000;
 136     text-decoration: none;
 137 }
 138
 139 /*******************************************************************************
 140     7   fiche.php
 141         [ cas de la fiche ]
 142 *******************************************************************************/
 143
 144 #fiche {
 145     border-color: #0067fe;
 146 }
 147
 148 #fiche h2 {
 149     background-color: #0067fe;
 150     color: #fff;
 151     border: none;
 152 }
 153
 154 #fiche_identite div.contact {
 155     background-color: #ffff77;
 156 }
 157
 158 #fiche_identite div.maj {
 159     color: #77cc77;
 160 }
 161
 162 #fiche em, #fiche_referent em {
 163     color: #dd0000;
 164 }
 165
 166 #photo {
 167     padding: 0em;
 168 }
 169
 170 #photo img {
 171     padding-bottom: 1em;
 172 }
 173
 174 #photo div {
 175     padding-left: 1em;
 176     background-color: #ddffcc;
 177 }
 178
 179 /*******************************************************************************
 180     A   SKIN
 181         [ choix de classes faites par le skinneur
 182 *******************************************************************************/
 183
 184 #body-logo {
 185     border-bottom: 1px solid #003399;
 186     border-right: 1px solid #305070;
 187     border-left: none;
 188     border-top: none;
 189 }
 190
 191 #body-top {
 192     border-bottom: 1px solid #003399;
 193 }
 194
 195 #body-bottom {
 196     border-top: 1px solid #003399;
 197 }
 198
 199 #body-menu {
 200     border-right: 1px solid #003399;
 201 }
 202
 203 #body-menu .menu_title {
 204     color : #000000;
 205     background-color: #3601ff;
 206     background-image: url("/images/skins/spectral_menu.jpg");
 207     background-repeat: repeat-y;
 208     border-top: 1px solid #003399;
 209     border-bottom: 1px solid #003399;
 210 }
 211
 212 #body-menu .menu_item {
 213     padding-left: 0px;
 214     text-align: left;
 215 }
 216
 217 /* vim: set et ts=4 sts=4 sw=4: */