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
 130 #contenu #formulaireJeuxJoues .aVote {
 131    color: #ffff00;
 132 }
 133
 134 #informations {
 135    margin: 5px;
 136    padding: 5px;
 137    float: right;
 138    background-image: url(../images/fond2.png);
 139    background-repeat: repeat;
 140 }
 141 #informations ul {
 142    padding-left: 5px;
 143 }
 144 #informations li {
 145    list-style-type: none;
 146 }
 147 #informations li:before {
 148    content: "» ";
 149 }
 150 #informations form p {
 151    margin-bottom: 1px;
 152    margin-top: 1px;
 153 }
 154
 155 #pieddepage {
 156    text-align: center;
 157    background-image: url(../images/fond1.png);
 158    background-repeat: repeat;
 159    padding: 2px;
 160 }
 161
 162 form input,
 163 form button,
 164 form select,
 165 form textarea{
 166    font-family: monospace;
 167    font-size: 11px;
 168    color: #ffffff;
 169    background-color: transparent;
 170    border: #ffffff 1px solid;
 171 }
 172 form input:hover, form input:focus,
 173 form button:hover, form button:focus,
 174 form select:hover, form select:focus,
 175 form textarea:hover, form textarea:focus {
 176    background-color: transparent;
 177    border: #ffff00 1px solid;
 178 }
 179
 180 /***** La boite d'information (s'apparente à une MessageBox) *****/
 181 div#info {
 182         text-align: center;
 183         width:100%;
 184         position: fixed;
 185         left: 0px;
 186         top: 0px;
 187         background-color: #841919;
 188         border-bottom: 1px solid #FFFFFF;
 189         z-index: 100;
 190         color: #f0df95
 191 }
 192 div#info div.fermer {
 193         float:right;
 194         cursor: pointer;
 195         height:16px;
 196         width: 16px;
 197         background-image: url(../images/fermer.gif)
 198 }
 199 div#info #icone {
 200         float:left;
 201         height:16px;
 202         width: 16px;
 203 }
 204 div#info #icone.interrogation {
 205         background-image: url(../images/interrogation.gif)
 206 }
 207 div#info #icone.information {
 208         background-image: url(../images/information.gif)
 209 }
 210 div#info #icone.exclamation {
 211         background-image: url(../images/exclamation.gif)
 212 }
 213 div#info .boutons {
 214         padding: 1px;
 215 }
 216 div#info .boutons div {
 217         cursor: pointer;
 218         background-color: #c62929;
 219         display: inline;
 220         padding: 0px 5px 0px 5px;
 221         margin: 0px 5px 0px 5px;
 222 }
 223 div#info .boutons div:hover {
 224         background-color: #e84747;
 225 }
 226
 227 /* Pour la page des pizzas */
 228 .pizzaHeader {
 229    background-image:url(../images/fond1.png);
 230    background-repeat:repeat;
 231 }
 232
 233 tr:hover
 234 {
 235    background-image:url(../images/fond2.png);
 236    background-repeat:repeat;
 237 }
 238
 239 .pizzaChoisie
 240 {
 241    background-image:url(../images/fond2.png);
 242    background-repeat:repeat;
 243 }