css/style.css

   1 /* coding:utf-8 */
   2
   3 html {
   4    min-height: 100%;
   5    margin-bottom: 1px;
   6 }
   7 body {
   8         margin: 0px;
   9         font-family: monospace;
  10         font-size: 11px;
  11         color: #ffffff;
  12         background-color: #000000;
  13 }
  14 img {
  15         border-width: 0px;
  16 }
  17 a {
  18    color: #8888ff;
  19    text-decoration: none;
  20 }
  21 a:hover {
  22    color: #aaaaff;
  23 }
  24 a.externe {
  25         padding-right: 12px;
  26         background:transparent url(../images/lien_externe.png) no-repeat scroll right center;
  27 }
  28 th {
  29    background-image:url(../images/fond1.png);
  30    background-repeat:repeat;
  31 }
  32 em {
  33    color: #ffff00;
  34 }
  35
  36 #container {
  37    padding-top: 50px;
  38    padding-bottom: 50px;
  39    margin-left: auto;
  40    margin-right: auto;
  41    width: 800px;
  42    margin-top: 0px;
  43    background-image: url(../images/bieres_fond1.jpg);
  44    background-repeat: repeat-y;
  45    background-position: 0px -25px;
  46 }
  47
  48 #cadre {
  49    margin-left: 100px;
  50    width: 600px;
  51    border: 1px solid #ffffff;
  52    background-image: url(../images/bieres_fond2.jpg);
  53    background-repeat: repeat-y;
  54    background-position: 0px -75px;
  55
  56 }
  57
  58 #titre {
  59    width: 590px;
  60    padding: 5px;
  61    font-size: 20px;
  62    background-image: url(../images/fond1.png);
  63    background-repeat: repeat;
  64 }
  65
  66 #titre #nbPlacesRestantes {
  67         font-size: 11px;
  68    float: right;
  69 }
  70
  71 ul#menu {
  72    text-align: justify;
  73    margin: 0px;
  74    padding: 3px;
  75    background-image: url(../images/fond3.png);
  76    background-repeat: repeat;
  77 }
  78 #menu li {
  79    display:inline;
  80    margin-right: 10px;
  81 }
  82 #menu a {
  83    color: #6bff6b;
  84    text-decoration: none;
  85 }
  86 #menu a:hover,
  87 #menu li.courante a {
  88    color: #ffffff;
  89    background-color: #00d000;
  90 }
  91
  92 #contenu {
  93    padding: 10px;
  94    overflow: auto;
  95         /*width: 100%*/
  96 }
  97 #contenu h1 {
  98    margin-top: 5px;
  99    margin-bottom: 5px;
 100    font-size: 15px;
 101 }
 102 #contenu h2 {
 103    margin-top: 7px;
 104    margin-bottom: 3px;
 105    font-size: 12px;
 106 }
 107 #contenu p {
 108    margin-top: 2px;
 109 }
 110 #contenu ul {
 111    margin-top: 2px;
 112    padding-left: 23px;
 113 }
 114 #contenu .miniInfo {
 115         font-size: 9px;
 116 }
 117 #contenu table {
 118         /*table-layout: fixed*/
 119 }
 120 #contenu td {
 121    vertical-align: top;
 122 }
 123 #contenu col#inscriptionColonneNom {
 124    width: 30%;
 125 }
 126 #contenu col#inscriptionColonneValeur {
 127    width: 70%;
 128 }
 129 #contenu #formulaireJeuxJoues .aVote {
 130    color: #ffff00;
 131 }
 132 #contenu #formulaireInscription p {
 133         margin-top: 1px;
 134         margin-bottom: 0px;
 135 }
 136
 137 #informations {
 138    margin: 5px;
 139    padding: 5px;
 140    float: right;
 141    background-image: url(../images/fond2.png);
 142    background-repeat: repeat;
 143 }
 144 #informations ul {
 145    padding-left: 5px;
 146 }
 147 #informations li {
 148    list-style-type: none;
 149 }
 150 #informations li:before {
 151    content: "» ";
 152 }
 153 #informations form p {
 154    margin-bottom: 1px;
 155    margin-top: 1px;
 156 }
 157
 158 #pieddepage {
 159    text-align: center;
 160    background-image: url(../images/fond1.png);
 161    background-repeat: repeat;
 162    padding: 2px;
 163 }
 164
 165 form input,
 166 form button,
 167 form select,
 168 form textarea{
 169    font-family: monospace;
 170    font-size: 11px;
 171    color: #ffffff;
 172    background-color: transparent;
 173    border: #ffffff 1px solid;
 174 }
 175 form input:hover, form input:focus,
 176 form button:hover, form button:focus,
 177 form select:hover, form select:focus,
 178 form textarea:hover, form textarea:focus {
 179    background-color: transparent;
 180    border: #ffff00 1px solid;
 181 }
 182
 183 /***** La boite d'information (s'apparente à une MessageBox) *****/
 184 div#info {
 185         text-align: center;
 186         width:100%;
 187         position: fixed;
 188         left: 0px;
 189         top: 0px;
 190         background-color: #841919;
 191         border-bottom: 1px solid #FFFFFF;
 192         z-index: 100;
 193         color: #f0df95
 194 }
 195 div#info div.fermer {
 196         float:right;
 197         cursor: pointer;
 198         height:16px;
 199         width: 16px;
 200         background-image: url(../images/fermer.gif)
 201 }
 202 div#info #icone {
 203         float:left;
 204         height:16px;
 205         width: 16px;
 206 }
 207 div#info #icone.interrogation {
 208         background-image: url(../images/interrogation.gif)
 209 }
 210 div#info #icone.information {
 211         background-image: url(../images/information.gif)
 212 }
 213 div#info #icone.exclamation {
 214         background-image: url(../images/exclamation.gif)
 215 }
 216 div#info .boutons {
 217         padding: 1px;
 218 }
 219 div#info .boutons div {
 220         cursor: pointer;
 221         background-color: #c62929;
 222         display: inline;
 223         padding: 0px 5px 0px 5px;
 224         margin: 0px 5px 0px 5px;
 225 }
 226 div#info .boutons div:hover {
 227         background-color: #e84747;
 228 }
 229
 230 /* Pour la page des pizzas */
 231 .pizzaHeader {
 232    background-image:url(../images/fond1.png);
 233    background-repeat:repeat;
 234 }
 235
 236 tr:hover
 237 {
 238    background-image:url(../images/fond2.png);
 239    background-repeat:repeat;
 240 }
 241
 242 .pizzaChoisie
 243 {
 244    background-image:url(../images/fond2.png);
 245    background-repeat:repeat;
 246 }