Subversion Repositories ALCASAR

Rev

Details | Last modification | View Log

Rev Author Line No. Line
360 richard 1 
/*
2 
	Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
3 
	Auteur : Stéphane ERARD
4 
	Licence : GNU GPL
5 
 
6 
*/
7 
 
8 
 
354 richard 9 
/* règles générales */
10 
 
360 richard 11 
/* Couleurs de polices */
12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
354 richard 13 
	COLOR: #000000;
14 
}
360 richard 15 
BODY, H, #boite-logon {
16 
	COLOR: #666666;
17 
}
18 
#acces_controle, .log_out {
19 
	COLOR: white;
20 
}
354 richard 21 
 
360 richard 22 
/* Style de police */
23 
 
24 
BODY, :link, :visited, :hover:link, :hover:visited  {
25 
	FONT-FAMILY: "DejaVu Sans";
26 
}
27 
INPUT, #box_url {
28 
	FONT-FAMILY: Arial;
29 
}
30 
#acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN {
31 
	FONT-WEIGHT: bold;
32 
}
33 
 
34 
/*Couleurs de fond */
35 
 
36 
BODY {
37 
	BACKGROUND-COLOR: #666666;
38 
}
39 
 
40 
INPUT, #contenu_acces, #logon, #auth_reussi {
41 
	BACKGROUND-COLOR: #ffffff;
42 
}
43 
 
44 
/* Règles des balises HTML */
45 
 
354 richard 46 
H1, H2, #aide-certif {
47 
	TEXT-ALIGN: center;
48 
	padding: 0px;
49 
	margin: 3px;
50 
}
51 
P, UL, LI{
52 
	TEXT-ALIGN: justify;
53 
}
54 
 
55 
BODY {
56 
	BACKGROUND-IMAGE: url(/images/fond.png);
57 
	BACKGROUND-REPEAT: repeat-x;
58 
	TEXT-ALIGN: center;
59 
	FONT-SIZE: 12px;
60 
	MARGIN: 0px;
61 
}
62 
H1 {
63 
	FONT-SIZE: 55px;
64 
}
65 
H2 {
66 
	FONT-SIZE: 30px;
67 
}
68 
H6, #aide-certif{
69 
	FONT-SIZE: 100%;
70 
}
71 
UL {
72 
	MARGIN: 5px;
73 
	PADDING-BOTTOM: 5px;
74 
	PADDING-LEFT: 10px;
75 
	PADDING-RIGHT: 115px;
76 
	PADDING-TOP: 5px;
77 
}
78 
LI {
79 
	LIST-STYLE-TYPE: square;
80 
	PADDING-TOP: 2px;
81 
}
82 
TABLE {
83 
	FONT-SIZE: 90%;
84 
}
85 
IMG {
86 
	HEIGHT: 150px;
87 
}
88 
INPUT {
89 
	BORDER: #666666 1px solid;
90 
	PADDING: 2px;
91 
	FONT-FAMILY: Arial;
92 
	HEIGHT: 22px;
93 
}
94 
 
95 
/* Taille et position des logos */
96 
 
97 
#logo-alcasar {
98 
	POSITION: absolute;
99 
	BOTTOM: 25px;
100 
	RIGHT: 5px;
101 
	HEIGHT: 130px;
102 
}
103 
#logo-organ {
104 
	POSITION: relative;
105 
	TOP: 0px;
106 
	RIGHT: -10px;
107 
	MAX-WIDTH: 150px;
108 
	MAX-HEIGHT: 150px;
109 
}
110 
 
111 
/* Placement et proportion de la boite de saisie et de l'aide */
112 
 
113 
#logon {
114 
	POSITION: relative;
115 
	WIDTH: 620px;
116 
	TOP: 20px;
360 richard 117 
 
118 
 
119 
/* ombrage CSS3*/
120 
 
121 
	-moz-box-shadow: 0px 0px 12px #000;
122 
	-webkit-box-shadow: 0px 0px 12px #000;
123 
	box-shadow: 0px 0px 12px #000;
354 richard 124 
}
125 
 
126 
#boite-logon {
127 
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
360 richard 128 
	BACKGROUND-REPEAT: repeat-x;
354 richard 129 
	PADDING: 10px;
130 
	WIDTH: 420px;
131 
	HEIGHT: 189px;
132 
}
133 
#boite-logon TD {
134 
	PADDING-TOP: 10px;
135 
}
136 
#boite-info {
137 
	BORDER: 0px;
138 
	MARGIN-TOP: 25px;
139 
	WIDTH: 580px;
140 
	PADDING-TOP: 10px;
141 
}
142 
/*Boite de dialogue de deconnection*/
143 
 
144 
#auth_reussi {
145 
	WIDTH: 450px;
146 
	MARGIN-TOP: 12px;
147 
	PADDING-TOP: 5px;
148 
	PADDING-LEFT: 10px;
149 
	PADDING-RIGHT: 10px;
150 
	PADDING-BOTTOM: 0px;
151 
}
152 
.text_auth {
153 
	FONT-SIZE: 20px;
154 
}
155 
.lien_deco {
156 
	TEXT-ALIGN: center;
157 
	FONT-SIZE: 18px;
359 richard 158 
	MARGIN-BOTTOM: 15px;
354 richard 159 
}
160 
.log_out {
161 
	FONT-SIZE: 24px;
162 
	TEXT-ALIGN: center;
359 richard 163 
	MARGIN-TOP: 30px;
354 richard 164 
}
360 richard 165 
#boite-logon, #auth_reussi, #logon {
166 
	BORDER: 1px #efefef solid;
167 
 
168 
/* ombrage css3*/
169 
 
170 
	-moz-box-shadow: 0px 0px 6px #000;
171 
	-webkit-box-shadow: 0px 0px 6px #000;
172 
	box-shadow: 0px 0px 6px #000;
173 
}
174 
 
359 richard 175 
/* style de la page accès contrôlé*/
176 
 
177 
#cadre_titre{
178 
	POSITION: relative;
179 
	WIDTH: 730px;
180 
	HEIGHT: 98px;
181 
	MARGIN-TOP: 40px;
182 
	MARGIN-LEFT: auto;
183 
	MARGIN-RIGHT: auto;
184 
	Z-INDEX: 2;
360 richard 185 
 
186 
/* ombrage css3 */
187 
 
188 
	-moz-box-shadow: 1px 4px 10px #000;
189 
	-webkit-box-shadow: 1px 4px 10px #000;
190 
	box-shadow: 1px 4px 10px #000;
359 richard 191 
}
192 
#cadre_titre .titre_controle {
193 
	BACKGROUND-IMAGE: url(/images/fond-bandeau.png);
194 
	BACKGROUND-REPEAT: repeat-x;
195 
}
196 
#cadre_titre .titre_refus  {
197 
	BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png);
198 
	BACKGROUND-REPEAT: repeat-x;
199 
}
200 
#boite_logo{
201 
	POSITION: absolute;
202 
	TOP: -30px;
203 
	LEFT: -30px;
204 
	WIDTH: 150px;
205 
	HEIGHT: 150px;
206 
	Z-INDEX: 2;
207 
}
208 
#acces_controle {
209 
	TEXT-ALIGN: center;
363 richard 210 
	FONT-SIZE: 40px;
211 
	PADDING-TOP: 25px;
212 
	PADDING-BOTTOM: 27px;
359 richard 213 
	MARGIN: 0px;
214 
}
215 
#logo_acces {
216 
	POSITION: relative;
217 
	TOP: 0px;
218 
	LEFT: 0px;
219 
}
220 
#contenu_acces {
221 
	POSITION: relative;
222 
	WIDTH: 640px;
223 
	HEIGHT: 400px;
224 
	TOP: -20px;
225 
	PADDING-TOP: 0px;
226 
	MARGIN-LEFT: auto;
227 
	MARGIN-RIGHT: auto;
228 
	Z-INDEX: 1;
360 richard 229 
 
230 
/* ombrage CSS3 */
231 
 
232 
	-moz-box-shadow: 1px 1px 10px #000;
233 
	-webkit-box-shadow: 1px 1px 10px #000;
234 
	box-shadow: 1px 1px 10px #000;
359 richard 235 
}
236 
#logo_acces IMG, #box_refuse IMG {
237 
	WIDTH: 95px;
238 
	HEIGHT: 95px;
239 
}
240 
 
241 
/* Boite des liens*/
242 
 
243 
#box_url {
244 
	POSITION: relative;
245 
	TOP: 35px;
246 
	TEXT-ALIGN: right;
247 
	FONT-SIZE: 14px;
248 
	MARGIN-RIGHT: 20px;
249 
}
250 
#box_bienvenue {
251 
	FONT-SIZE: 18px;
252 
}
253 
#cadre_titre SPAN {
254 
	POSITION: absolute;
363 richard 255 
	TOP: 70px;
256 
	WIDTH: 510px;
257 
	LEFT: 110px;
359 richard 258 
	FONT-SIZE: 14px;
259 
	COLOR: red;
260 
	TEXT-ALIGN: center;
363 richard 261 
	BORDER: 2px red solid;
262 
	PADDING: 2px;
263 
	BACKGROUND-COLOR: white;
359 richard 264 
}
363 richard 265 
#contenu_acces SPAN {
266 
	POSITION: relative;
267 
	BOTTOM: -150px;
268 
	FONT-FAMILY: "courier new";
269 
}
359 richard 270 
#box_refuse {
271 
	FONT-SIZE: 16px;
272 
	MARGIN-LEFT: 130px;
273 
	MARGIN-RIGHT: 20px;
274 
	MARGIN-TOP: 40px;
275 
	WIDTH: 460px;
276 
}
277 
#box_refuse IMG {
278 
	POSITION: absolute;
279 
	TOP: -10px;
280 
	LEFT: -110px;
281 
}
282 
#box_refuse, #box_bienvenue {
283 
	POSITION: relative;
284 
	TOP: 55px;
285 
}
286 
#box_1 {
287 
	LEFT: 40px;
288 
}
289 
#box_2 {
290 
	LEFT: 350px;
291 
}
292 
#box_3 {
293 
	WIDTH: 575px;
294 
	LEFT: 40px;
295 
	BOTTOM: 20px;
296 
}
297 
#box_1 P, #box_2 P, #box_3 P {
298 
	MARGIN-LEFT: 80px;
299 
	MARGIN-RIGHT: 25px;
360 richard 300 
	MARGIN-TOP: 8px;
359 richard 301 
	FONT-SIZE: 10px;
302 
}
303 
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN {
304 
	POSITION: relative;
305 
	MARGIN-LEFT: 75px;
369 richard 306 
	MARGIN-RIGHT: 5px;
359 richard 307 
	FONT-SIZE: 12px;
360 richard 308 
	TOP: 2px;
359 richard 309 
}
310 
.box_menu_courte, .box_menu_large {
311 
	POSITION: absolute;
312 
	HEIGHT: 80px;
313 
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
314 
	BACKGROUND-REPEAT: repeat-x;
360 richard 315 
	VERTICAL-ALIGN: bottom;
359 richard 316 
	TEXT-ALIGN: left;
317 
	BORDER: 2px #efefef solid;
360 richard 318 
 
319 
/* ombrage CSS3 */
320 
	-moz-box-shadow: 1px 1px 6px #666;
321 
	-webkit-box-shadow: 1px 1px 6px #666;
322 
	box-shadow: 1px 1px 6px #666;
359 richard 323 
}
324 
.box_menu_courte {
325 
	WIDTH: 265px;
360 richard 326 
	TOP: 150px;
359 richard 327 
}
328 
.box_menu_courte IMG, .box_menu_large IMG {
329 
	POSITION: absolute;
330 
	WIDTH: 100px;
331 
	HEIGHT: 100px;
332 
	TOP: -40px;
333 
	LEFT: -30px;
334 
}
335 
.box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre {
336 
/* Arrondi CSS3 Firefox*/
337 
	-moz-border-radius: 10px;
338 
/* Arrondi CSS3 Autres Nav*/
339 
	border-radius: 10px;
340 
}
341 
#liens_redir {
342 
	POSITION: relative;
343 
	BOTTOM: -100px;
344 
	LEFT: 90px;
345 
	TEXT-ALIGN: center;
346 
}
347 
#liens_redir P A {
348 
	FONT-SIZE: 12px;
349 
	TEXT-ALIGN: center;
350 
	MARGIN: 15px;
351 
}