css/banana.css

   1 /***************************************************************************
   2  *  Copyright (C) 2003-2004 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 body {
  22     font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
  23     margin:2em 1%;
  24     padding:0;
  25 }
  26
  27 div.bloc { width: 800px; margin-left: auto; margin-right: auto; }
  28
  29 div.foot {
  30     border-top: 1px solid #a2c2e1;
  31     padding-top: 1em;
  32     margin-top: 1em;
  33     font-size: 75%;
  34 }
  35
  36 a:link, a:visited { color: #f60; background: transparent; }
  37 a:active, a:hover { color: #369; background: transparent; }
  38 a img { border: 0px; }
  39
  40 hr { border: none; border-top: 1px dotted #a2c2e1; }
  41
  42 h1 {
  43     color: #369;
  44     background: inherit;
  45     font-size: 200%;
  46     text-align: center;
  47     margin: 0em;
  48     border-bottom: 2px solid #369;
  49     padding: 4px;
  50     margin: 1em 0em;
  51 }
  52
  53 /****
  54  * Bicolor table
  55  */
  56
  57 table.bicol {
  58     border-collapse: collapse;
  59     border: 1px solid #a2c2e1;
  60     width: 100%;
  61 }
  62
  63 table.bicol tr.impair { }
  64 table.bicol tr.pair   { color: inherit; background: #eee; }
  65
  66 table.bicol th {
  67     color: #369;
  68     background: #d6e1ec;
  69     padding: 0px 4px;
  70 }
  71
  72 table.bicol td { padding: 0px 4px; }
  73
  74 /****
  75  * Tabs
  76  */
  77
  78 table.cadre_a_onglet {
  79     width: 100%;
  80     border-width: 0;
  81     padding : 0;
  82     margin: 0;
  83 }
  84
  85 td.conteneur_tab {
  86     border-width : 1px 2px 2px 1px;
  87     border-style : solid;
  88     border-color : #a2c2e1;
  89     padding : 4px 4px 4px 4px;
  90 }
  91
  92 #onglet {
  93     display : block;
  94     margin : 0;
  95     padding : 0;
  96     margin-left: 3px;
  97 }
  98
  99 #onglet li {
 100     display : block;
 101     float : left;
 102     padding : 0.4ex;
 103     margin : 0 0.3ex -1px 0;
 104     background : #eee;
 105     border-width : 1px 1px 0px 1px;
 106     border-style : solid;
 107     border-color : #a2c2e1;
 108     border-bottom-color : #a2c2e1;
 109     width: auto;
 110     height: 3.5ex;
 111     text-align: center;
 112     font-size: 80%;
 113     vertical-align: middle;
 114 }
 115
 116 #onglet li:hover { background : #d6e1ec; }
 117
 118 #onglet li.actif {
 119     font-weight: bold;
 120     background-color: #fff;
 121     border-bottom-color : #fff;
 122 }
 123
 124 #onglet li a {
 125     font-weight : normal;
 126     text-decoration : none;
 127     display: block;
 128     background: inherit;
 129     width: 100%;
 130     height: 100%;
 131 }
 132
 133 #onglet li img { margin-right : 2px; }