Update to PHP 7.
[cl7.git] / 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 }