css/style.css

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