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 
}