ADD informations concernant les jours pendant lesquels les participants sont présent...
[cl7.git] / 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 }