css/style.css

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