Subversion Repositories ALCASAR

Rev

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

Rev Author Line No. Line
2766 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
}