htdocs/css/spectral.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2013 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-list div.grayed {
 116     color: #444;
 117     font-style: italic;
 118     background-color: #eee;
 119 }
 120
 121 div.contact div.long {
 122     background: #ddffcc;
 123     color: inherit;
 124 }
 125
 126 /*******************************************************************************
 127     6   Profil
 128         [ onglets des profils ]
 129 *******************************************************************************/
 130
 131 /*******************************************************************************
 132     7   fiche.php
 133         [ cas de la fiche ]
 134 *******************************************************************************/
 135
 136 #fiche {
 137     border-color: #0067fe;
 138 }
 139
 140 #fiche h2 {
 141     background-color: #0067fe;
 142     color: #fff;
 143     border: none;
 144 }
 145
 146 #fiche_identite div.contact {
 147     background-color: #ffff77;
 148 }
 149
 150 #fiche_identite div.maj {
 151     color: #77cc77;
 152 }
 153
 154 #fiche em, #fiche_referent em {
 155     color: #dd0000;
 156 }
 157
 158 #photo {
 159     padding: 0em;
 160 }
 161
 162 #photo img {
 163     padding-bottom: 1em;
 164 }
 165
 166 #photo div {
 167     padding-left: 1em;
 168     background-color: #ddffcc;
 169 }
 170
 171 /*******************************************************************************
 172     A   SKIN
 173         [ choix de classes faites par le skinneur
 174 *******************************************************************************/
 175
 176 #body-logo {
 177     border-bottom: 1px solid #003399;
 178     border-right: 1px solid #305070;
 179     border-left: none;
 180     border-top: none;
 181 }
 182
 183 #body-top {
 184     border-bottom: 1px solid #003399;
 185 }
 186
 187 #body-bottom {
 188     border-top: 1px solid #003399;
 189 }
 190
 191 #body-menu {
 192     border-right: 1px solid #003399;
 193 }
 194
 195 #body-menu .menu_title {
 196     color : #000000;
 197     background-color: #3601ff;
 198     background-image: url("../images/skins/spectral_menu.jpg");
 199     background-repeat: repeat-y;
 200     border-top: 1px solid #003399;
 201     border-bottom: 1px solid #003399;
 202 }
 203
 204 #body-menu .menu_item {
 205     padding-left: 0px;
 206     text-align: left;
 207 }
 208
 209 /* vim: set et ts=4 sts=4 sw=4: */