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: 630px;
  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    z-index: 5;
 127    min-width: 630px;
 128 }
 129
 130 div.contenu {
 131    padding-top: 50px;
 132    min-width: 630px;
 133 }
 134
 135 table#liste {
 136    width: 100%;
 137    border-spacing: 0px 0px;
 138    margin-bottom:50px;
 139    margin-top: 10px;
 140 }
 141
 142 table#liste .listeFichiers {
 143         background-color: #2D5728;
 144         color: #FFFFFF;
 145         display: none;
 146     left: 4px;
 147     top: 8px;
 148         z-index: 4;
 149         position: absolute;
 150         text-align: left;
 151 }
 152
 153 table#liste .listeFichiers img {
 154         position: absolute;
 155     left: -9px;
 156     top: -18px;
 157 }
 158
 159 table#liste td {
 160    background-color: #7BC671;
 161    color: #20531A;
 162         padding: 3px;
 163 }
 164
 165 table#liste td.titre {
 166         font-weight: bold;
 167         cursor: pointer;
 168 }
 169
 170 table#liste td.annee {
 171         text-align: right;
 172         width: 50px;
 173 }
 174
 175 table#liste td.duree {
 176         text-align: right;
 177         width: 80px;
 178 }
 179
 180 table#liste td.lien {
 181         text-align: center;
 182         width: 15px;
 183 }
 184
 185 table#liste td.lien div {
 186    position: absolute;
 187 }
 188
 189 table#liste td.lien a {
 190    position: absolute;
 191    width: 15px;
 192    height: 19px;
 193    display: block;
 194    z-index: 1;
 195    background-image: url(../img/pomme1.png)
 196 }
 197
 198 table#liste td.lien a:hover {
 199    width: 30px;
 200    height: 38px;
 201    left: -7px;
 202    top: -9px;
 203    z-index: 10;
 204    background-image: url(../img/pomme2.png)
 205 }
 206
 207 table#liste td.fichier {
 208         text-align: center;
 209         width: 12px;
 210 }
 211
 212 table#liste td.fichier div {
 213    position: absolute;
 214 }
 215
 216 table#liste td.fichier a {
 217    position: absolute;
 218    width: 12px;
 219    height: 20px;
 220    display: block;
 221    z-index: 1;
 222    background-image: url(../img/poire1.png)
 223 }
 224 /*
 225 table#liste td.fichier a:hover {
 226    width: 24px;
 227    height: 40px;
 228    left: -6px;
 229    top: -10px;
 230    z-index: 10;
 231    background-image: url(../img/poire2.png)
 232 }*/
 233
 234 table#liste td.titre:hover {
 235     background-color: #B1F1A9;
 236         padding: 3px;
 237 }
 238
 239 table#liste td.detail {
 240    background-color: #8DDD83;
 241         padding: 0px 0px 0px 0px;
 242 }
 243
 244 table#liste table.detail {
 245         display:none;
 246    padding-bottom: 10px;
 247         border-spacing: 0px 0px;
 248 }
 249
 250 table#liste table.detail td {
 251         padding: 3px;
 252    background-color: #B1F1A9;
 253 }
 254
 255 table#liste table.detail td.titreDetail {
 256         font-weight: bold;
 257 }
 258
 259