css/yopyop.css

   1 * {
   2    margin: 0;
   3    padding: 0;
   4    border-width: 0;
   5 }
   6
   7 html {
   8         background-color: #8DDD83;
   9    height: auto;
  10    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
  11 }
  12
  13 a {
  14    text-decoration: none;
  15    cursor: pointer;
  16 }
  17 a:link {
  18    color: #51874A;
  19 }
  20 a:visited {
  21    color: #51874A;
  22 }
  23 a:hover {
  24    color: #5DDF4C;
  25 }
  26 a:active {
  27    color: #5DDF4C;
  28 }
  29
  30 body {
  31    width: 90%;
  32    height: auto;
  33    margin-left: auto;
  34    margin-right: auto;
  35    margin-top: 0px;
  36    text-align: left;
  37 }
  38
  39 h1 {
  40         font-size: 20pt;
  41         font-style: italic;
  42         font-weight: bold;
  43         margin-left: 40px;
  44 }
  45
  46 td {
  47         vertical-align:top;
  48 }
  49
  50 div.entete {
  51    width: 90%;
  52         position: fixed;
  53    z-index: 5;
  54    background-color: #65A35D;
  55    height: 50px;
  56    color: #8DDD83;
  57    -moz-border-radius: 0px 0px 20px 20px;
  58 }
  59
  60 div.entete img {
  61    position: absolute;
  62    left: 180px;
  63    top: -3px;
  64 }
  65
  66 div.entete h1 {
  67         float: left;
  68    margin-top: 8px;
  69 }
  70
  71 div.entete form {
  72    float: right;
  73    padding-right: 10px;
  74    padding-top: 5px;
  75    margin-right: 30px;
  76 }
  77
  78 div.entete form input {
  79    font-size: 16pt;
  80    background-color: #B1F1A9;
  81    margin: 0px;
  82    padding: 0px;
  83 }
  84
  85 div.entete form button {
  86    position: relative;
  87    height: 25px;
  88    width: 25px;
  89    border: 0px;
  90    background-color: #B1F1A9;
  91    background-image: url(../img/clear.png);
  92    background-position: center;
  93    background-repeat: no-repeat;
  94    vertical-align: top;
  95 }
  96
  97 div.entete form p {
  98         color: black;
  99         font-size: 7pt;
 100         margin-top: 1px;
 101 }
 102
 103 div.entete form p label {
 104         margin-right: 4px;
 105 }
 106
 107 div.entete form input[type='checkbox'] {
 108         border:2px solid red;
 109 }
 110
 111 div.pied {
 112    position: fixed;
 113    bottom: 0px;
 114    height: 50px;
 115    width: 90%;
 116    background-image: url(../img/collines.png)
 117 }
 118
 119 div.contenu {
 120    padding-top: 50px;
 121 }
 122
 123 table#liste {
 124    width: 100%;
 125    border-spacing: 0px 0px;
 126    margin-bottom:50px;
 127    margin-top: 10px;
 128 }
 129
 130 table#liste td {
 131    background-color: #7BC671;
 132    color: #20531A;
 133         padding: 3px;
 134 }
 135
 136 table#liste td.titre {
 137         font-weight: bold;
 138         cursor: pointer;
 139 }
 140
 141 table#liste td.annee {
 142         text-align: right;
 143         width: 50px;
 144 }
 145
 146 table#liste td.duree {
 147         text-align: right;
 148         width: 80px;
 149 }
 150
 151 table#liste td.lien {
 152         text-align: center;
 153         width: 50px;
 154 }
 155
 156 table#liste td.fichier {
 157         text-align: center;
 158         width: 50px;
 159 }
 160
 161 table#liste td.fichier div {
 162    position: absolute;
 163 }
 164
 165 table#liste td.fichier a {
 166    position: absolute;
 167    width: 12px;
 168    height: 20px;
 169    display: block;
 170    z-index: 1;
 171    background-image: url(../img/poire1.png)
 172 }
 173
 174 table#liste td.fichier a:hover {
 175    width: 24px;
 176    height: 40px;
 177    left: -6px;
 178    top: -10px;
 179    z-index: 10;
 180    background-image: url(../img/poire2.png)
 181 }
 182
 183 table#liste td.titre:hover {
 184     background-color: #B1F1A9;
 185         padding: 3px;
 186 }
 187
 188 table#liste td.detail {
 189    background-color: #8DDD83;
 190         padding: 0px 0px 0px 0px;
 191 }
 192
 193 table#liste table.detail {
 194         display:none;
 195    padding-bottom: 10px;
 196         border-spacing: 0px 0px;
 197 }
 198
 199 table#liste table.detail td {
 200         padding: 3px;
 201    background-color: #B1F1A9;
 202 }
 203
 204 table#liste table.detail td.titreDetail {
 205         font-weight: bold;
 206 }
 207
 208