MOD #137
[cl7.git] / 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 }