Subversion Repositories ALCASAR

Rev

Rev 2809 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

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