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    min-width: 650px;
  59 }
  60
  61 div.entete img {
  62    position: absolute;
  63    left: 180px;
  64    top: -3px;
  65 }
  66
  67 div.entete h1 {
  68    float: left;
  69    margin-top: 8px;
  70 }
  71
  72 div.entete div#nbFilms {
  73    position: absolute;
  74    left: 280px;
  75    top: 33px;
  76    font-size: 9pt;
  77    color: black;
  78 }
  79
  80 div.entete form {
  81    float: right;
  82    padding-right: 10px;
  83    padding-top: 5px;
  84    margin-right: 30px;
  85 }
  86
  87 div.entete form input {
  88    font-size: 16pt;
  89    background-color: #B1F1A9;
  90    margin: 0px;
  91    padding: 0px;
  92 }
  93
  94 div.entete form button {
  95    position: relative;
  96    height: 25px;
  97    width: 25px;
  98    border: 0px;
  99    background-color: #B1F1A9;
 100    background-image: url(../img/clear.png);
 101    background-position: center;
 102    background-repeat: no-repeat;
 103    vertical-align: top;
 104 }
 105
 106 div.entete form p {
 107         color: black;
 108         font-size: 7pt;
 109         margin-top: 1px;
 110 }
 111
 112 div.entete form p label {
 113         margin-right: 4px;
 114 }
 115
 116 div.entete form input[type='checkbox'] {
 117         border:2px solid red;
 118 }
 119
 120 div.pied {
 121    position: fixed;
 122    bottom: 0px;
 123    height: 50px;
 124    width: 90%;
 125    background-image: url(../img/collines.png)
 126 }
 127
 128 div.contenu {
 129    padding-top: 50px;
 130    min-width: 650px;
 131 }
 132
 133 table#liste {
 134    width: 100%;
 135    border-spacing: 0px 0px;
 136    margin-bottom:50px;
 137    margin-top: 10px;
 138 }
 139
 140 table#liste td {
 141    background-color: #7BC671;
 142    color: #20531A;
 143         padding: 3px;
 144 }
 145
 146 table#liste td.titre {
 147         font-weight: bold;
 148         cursor: pointer;
 149 }
 150
 151 table#liste td.annee {
 152         text-align: right;
 153         width: 50px;
 154 }
 155
 156 table#liste td.duree {
 157         text-align: right;
 158         width: 80px;
 159 }
 160
 161 table#liste td.lien {
 162         text-align: center;
 163         width: 15px;
 164 }
 165
 166 table#liste td.lien div {
 167    position: absolute;
 168 }
 169
 170 table#liste td.lien a {
 171    position: absolute;
 172    width: 15px;
 173    height: 19px;
 174    display: block;
 175    z-index: 1;
 176    background-image: url(../img/pomme1.png)
 177 }
 178
 179 table#liste td.lien a:hover {
 180    width: 30px;
 181    height: 38px;
 182    left: -7px;
 183    top: -9px;
 184    z-index: 10;
 185    background-image: url(../img/pomme2.png)
 186 }
 187
 188 table#liste td.fichier {
 189         text-align: center;
 190         width: 12px;
 191 }
 192
 193 table#liste td.fichier div {
 194    position: absolute;
 195 }
 196
 197 table#liste td.fichier a {
 198    position: absolute;
 199    width: 12px;
 200    height: 20px;
 201    display: block;
 202    z-index: 1;
 203    background-image: url(../img/poire1.png)
 204 }
 205
 206 table#liste td.fichier a:hover {
 207    width: 24px;
 208    height: 40px;
 209    left: -6px;
 210    top: -10px;
 211    z-index: 10;
 212    background-image: url(../img/poire2.png)
 213 }
 214
 215 table#liste td.titre:hover {
 216     background-color: #B1F1A9;
 217         padding: 3px;
 218 }
 219
 220 table#liste td.detail {
 221    background-color: #8DDD83;
 222         padding: 0px 0px 0px 0px;
 223 }
 224
 225 table#liste table.detail {
 226         display:none;
 227    padding-bottom: 10px;
 228         border-spacing: 0px 0px;
 229 }
 230
 231 table#liste table.detail td {
 232         padding: 3px;
 233    background-color: #B1F1A9;
 234 }
 235
 236 table#liste table.detail td.titreDetail {
 237         font-weight: bold;
 238 }
 239
 240