Subversion Repositories ALCASAR

Rev

Rev 2819 | Go to most recent revision | Details | Last modification | View Log

Rev Author Line No. Line
2809 rexy 1 
html {
2 
	background: url(/images/background.jpg) no-repeat center center fixed;
3 
	-webkit-background-size: cover;
4 
	-moz-background-size: cover;
5 
	-o-background-size: cover;
6 
	background-size: cover;
7 
}
8 
 
9 
body {
10 
}
11 
 
12 
.error-margin {
13 
	margin-left: 0;
14 
	margin-right: 0;
15 
}
16 
 
17 
#gui {
18 
	min-width: 452px;
19 
	/*
20 
	position: relative;
21 
	top: 3vh;
22 
	max-width: 950px;*/
23 
}
24 
 
25 
.explanation_net_pb {
26 
	color: red;
27 
	margin-bottom: 2px;
28 
	font-size: calc(12px + 0.2vw);
29 
}
30 
 
31 
#contenu_acces {
32 
	border-bottom-left-radius:  10px;
33 
	border-bottom-right-radius:  10px;
34 
 
35 
	/* get the main box under banner*/
36 
	padding-top: 5px;
37 
	z-index: 5;
38 
	top: -5px;
39 
	/* ombrage css3 */
40 
 
41 
	-moz-box-shadow: 1px 4px 10px #000;
42 
	-webkit-box-shadow: 1px 4px 10px #000;
43 
	box-shadow: 0px 10px 10px #000;
44 
}
45 
 
46 
 
47 
/* style de la page accès controlé*/
48 
.banner {
49 
	z-index:10;
50 
	display: flex;
51 
	align-items: center;
52 
	margin-top: 5vh;
53 
	position: relative;
54 
	background-image: linear-gradient(black,#222222);
55 
/* ombrage CSS3 */
56 
	-moz-box-shadow: 1px 1px 6px #666;
57 
	-webkit-box-shadow: 1px 1px 6px #666;
58 
	box-shadow: 1px 1px 6px #666;
59 
	border-radius:  10px;
60 
}
61 
#cadre_titre .titre_controle {
62 
	color: white;
63 
	font-size: calc(20px + 2.2vw);
64 
}
65 
#cadre_titre .titre_refus  {
66 
	color: red;
67 
	font-size: calc(20px + 2.2vw);
68 
}
69 
#acces_controle {
70 
	text-align: center;
71 
	font-size: calc(20px + 1.5vw);
72 
	padding-top: 25px;
73 
	padding-bottom: 32px;
74 
	margin: 0px;
75 
}
76 
@media(max-width:420px) {
77 
 
78 
	#acces_controle {
79 
		text-align: left !important;
80 
	}
81 
}
82 
.domain_allowed_title {
83 
	margin-bottom: 0px;
84 
}
85 
 
86 
/* Style de police */
87 
 
88 
BODY, :link, :visited, :hover:link, :hover:visited  {
89 
	font-family: "DejaVu Sans";
90 
}
91 
INPUT, #box_url {
92 
	font-family: arial;
93 
}
94 
#acces_controle, #box_url, #cadre_titre SPAN {
95 
	font-weight: bold;
96 
}
97 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
98 
	text-decoration: none;
99 
	color: black;
100 
	font-size: calc(14px + 0.2vw);
101 
	font-weight: bold;
102 
}
103 
.box_menu:hover {
104 
	background-color: rgba(5,55,64,0.2);
105 
}
106 
.box_menu {
107 
	display: flex;
108 
	align-items: center;
109 
	height: 60px;
110 
	position: relative;
111 
	background-color: #efefef;
112 
        padding: 10px;
113 
	border-radius: 10px;
114 
/* ombrage CSS3 */
115 
	-moz-box-shadow: 1px 1px 6px #666;
116 
	-webkit-box-shadow: 1px 1px 6px #666;
117 
	box-shadow: 1px 1px 6px #666;
118 
	margin-top: 30px;
119 
	margin-bottom: 30px;
120 
 
121 
 
122 
}
123 
.box_menu SPAN {
124 
	display: flex;
125 
	align-items: center;
126 
}
127 
.box_menu A{
128 
	position: absolute;
129 
	left: calc(100px + 1vw);
130 
}
131 
.box_menu IMG {
132 
 	width: calc(80px + 1vw);
133 
}
134 
 
135 
.img-organisme{
136 
	margin-top: 1vh;
137 
	margin-bottom: 1vh;
138 
	margin-right: auto;
139 
	margin-left: auto;
140 
}
141 
/* shift menu items left and right in an alternating fashion if enough space: */
142 
@media(min-width:500px){
143 
	.box_menu {
144 
		max-width: 90%;
145 
	}
146 
 
147 
	.box_menu_right {
148 
		max-width: 90%;
149 
		left: 10%;
150 
	}
151 
	.box_menu_right A {
152 
		right: 100px !important;
153 
		left: 5% !important;
154 
	}
155 
 
156 
	.box_menu_right IMG {
157 
		position: absolute;
158 
		top: -18px;
159 
		right: 0px;
160 
	}
161 
}
162 
 
163 
#box_infos IMG {
164 
	position: absolute;
165 
	bottom: -15px;
166 
	right: 0px;
167 
 	width: 80px;
168 
}
169 
 
170 
 
171 
.div-cache {
172 
	visibility: hidden;
173 
	position: absolute;
174 
	top: -1000px;
175 
}
176 
 
177 
/*Couleurs de fond */
178 
 
179 
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
180 
	background-color: #ffffff;
181 
}
182 
 
183 
/* Règles des balises HTML */
184 
 
185 
H1, H2, #aide-certif {
186 
	text-align: center;
187 
	padding: 0px;
188 
	margin: 3px;
189 
}
190 
P, UL, LI{
191 
	text-align: justify;
192 
}
193 
 
194 
BODY {
195 
	text-align: center;
196 
	font-size: 12px;
197 
	margin: 0px;
198 
}
199 
H1 {
200 
	font-size: 55px;
201 
}
202 
H2 {
203 
	font-size: 30px;
204 
}
205 
H6, #aide-certif{
206 
	font-size: 100%;
207 
}
208 
UL {
209 
	padding-left: 20px;
210 
	margin: 0px;
211 
	margin-bottom: 5px;
212 
}
213 
LI {
214 
	list-style-type: square;
215 
}
216 
TABLE {
217 
	font-size: 90%;
218 
}
219 
INPUT {
220 
	border: #666666 1px solid;
221 
	padding: 2px;
222 
	font-family: arial;
223 
	height: 22px;
224 
}
225 
 
226 
#contenu_acces SPAN {
227 
	font-family: "courier new";
228 
}
229 
#contenu_error SPAN {
230 
	font-family: "courier new";
231 
}
232 
 
233 
.info-box-container {
234 
	margin-top: 30px;
235 
	margin-bottom: 30px;
236 
	height: 100%;
237 
}
238 
 
239 
 
240 
#box_infos {
241 
	background-color: #efefef;
242 
        padding-left: 10px;
243 
        padding-right: 10px;
244 
	padding-top: 5px;
245 
	padding-bottom: 5px;
246 
	border-radius: 10px;
247 
/* ombrage CSS3 */
248 
	-moz-box-shadow: 1px 1px 6px #666;
249 
	-webkit-box-shadow: 1px 1px 6px #666;
250 
	box-shadow: 1px 1px 6px #666;
251 
	}
252 
 
253 
/* When the the infobox goes bellow the main one (col-xs), it gets a dynamic height*/
254 
@media(max-width:768px){
255 
	#box_infos {
256 
		height:100%;
257 
	}
258 
}
259 
 
260 
.box_infos_titles {
261 
	font-size: calc(14px + 0.15vw);
262 
	font-weight: bold;
263 
	color: black;
264 
	margin-top: 5px;
265 
}
266 
 
267 
.box_infos_explanations {
268 
	font-size: calc(13px + 0.11vw);
269 
	margin-bottom: 0px;
270 
}
271 
 
272 
.box_infos_titles A {
273 
	color: black;
274 
}
275 
/*
276 
#box_infos :link, #box_info :visited  {
277 
	text-decoration: none;
278 
}
279 
#box_infos IMG {
280 
	max-width: 100px;
281 
}
282 
#box_infos h2 {
283 
	color: black;
284 
	font-weight: bold;
285 
	font-size: calc(14px + 0.4vw);
286 
	margin-bottom: 5px;
287 
 
288 
}
289 
 
290 
#box_infos P {
291 
	font-size: calc(12px + 0.3vw);
292 
}
293 
 
294 
#box_infos A {
295 
	color: black;
296 
	font-weight: bold;
297 
}*/
298 
#corner {
299 
	position: fixed;
300 
	bottom: 0;
301 
	right: 0;
302 
 
303 
}
304 
#adm {
305 
	display: block;
306 
	width: 100px;
307 
	height: 100px;
308 
}
309 
.corn IMG:hover {
310 
	position: absolute;
311 
	width: 100px;
312 
	height: 100px;
313 
	top: 0px;
314 
	left: 0px;
315 
}
316 
 
317 
.corn IMG {
318 
	position: absolute;
319 
	width: 50px;
320 
	height: 50px;
321 
	top: 75px;
322 
	left: 75px;
323 
	transition: .2s;
324 
}