htdocs/css/sharky.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2014 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     background: #99afc1;
  28     color: #000000;
  29 }
  30 fieldset {
  31     border: 1px #305070 solid;
  32     background: #80a0c0;
  33     color: inherit;
  34 }
  35 legend {
  36     border: 1px #305070 solid;
  37     background: #99b9d0;
  38     color: inherit;
  39 }
  40
  41 /*******************************************************************************
  42     2   Styles <p>, <div>, <span>, <li>
  43         [ styles classiques d'effets de texte ]
  44 *******************************************************************************/
  45
  46 h1 {
  47     color: #ffffff;
  48     background: #657590;
  49     border-top: 1px solid #305070;
  50     border-bottom: 1px solid #305070;
  51     font-family: "Verdana", sans-serif;
  52     font-size: 100%;
  53 }
  54
  55 /*******************************************************************************
  56     3   Tableaux bicolores + classes utiles
  57         [ Tableaux à lignes alternées, en taille normale, ou tiny ]
  58 *******************************************************************************/
  59
  60 table.tinybicol, table.bicol {
  61     background: #80a0c0;
  62     border: 1px solid #305070;
  63     border-collapse: collapse;
  64 }
  65 table.tinybicol tr, table.bicol tr { }
  66 table.tinybicol tr.impair , table.bicol tr.impair { background: #80a0c0; }
  67 table.tinybicol tr.pair, table.bicol tr.pair      { background: #99b9d0; }
  68 table.tinybicol th, table.bicol th {
  69     background: #305070;
  70     color: #ffffff;
  71 }
  72
  73 /*******************************************************************************
  74     4   Tableau de choix de skins
  75         [ Styles pour les tableaux de types de ceux des skins ]
  76 *******************************************************************************/
  77
  78 #skin {
  79     background: #99b9d0;
  80     border-top: 1px solid #305070;
  81     border-bottom: none;
  82 }
  83
  84 #skin td {
  85     border-top: none;
  86     border-bottom: 1px solid #305070;
  87     vertical-align: middle;
  88 }
  89
  90 #skin td.skigauche {
  91     background: #99b9d0;
  92 }
  93
  94 /*******************************************************************************
  95     5   Contacts
  96         [ Styles liés à l'affichage de contacts ]
  97 *******************************************************************************/
  98
  99 div.contact-list div.contact {
 100     border-top: 1px solid #305070;
 101     background: #80a0c0;
 102     color: inherit;
 103 }
 104
 105 div.contact-list div.grayed {
 106     color: #444;
 107     font-style: italic;
 108     background: #eee;
 109 }
 110
 111 div.contact div.long {
 112     background: #99b9d0;
 113     color: inherit;
 114 }
 115
 116 /*******************************************************************************
 117     6   Profil
 118         [ onglets des profils ]
 119 *******************************************************************************/
 120
 121 /*******************************************************************************
 122     7   fiche.php
 123         [ cas de la fiche ]
 124 *******************************************************************************/
 125
 126 /*******************************************************************************
 127     A   SKIN
 128         [ choix de classes faites par le skinneur
 129 *******************************************************************************/
 130
 131 #body-logo {
 132     border-top: 1px solid #305070;
 133     border-right: 1px solid #305070;
 134     border-left: 1px solid #305070;
 135     border-bottom: none;
 136 }
 137
 138 #body-top {
 139     border-bottom: 1px solid #305070;
 140 }
 141
 142 #body-bottom {
 143     border-top: 1px solid #305070;
 144 }
 145
 146 #body-menu {
 147     border-left: 1px solid #305070;
 148     border-right: 1px solid #305070;
 149     background-image: url("../images/skins/sharky_bubbles.png");
 150     background-position: 0px 100px;
 151     background-repeat: repeat-y;
 152 }
 153
 154 #body-menu .menu_title {
 155     color : #ffffff;
 156     background: #657590;
 157     border-top: 1px solid #305070;
 158     border-bottom: 1px solid #305070;
 159 }
 160
 161 #body-menu .menu_item {
 162     padding-left: 4px;
 163     text-align: left;
 164 }
 165
 166 /* vim: set et ts=4 sts=4 sw=4: */