Subversion Repositories ALCASAR

Rev

Rev 2809 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2809 Rev 2819
Line -... Line 1...
- 
 
 1 
/*
- 
 
 2 
	Stylesheet for index.php
- 
 
 3 
	Auteur : Stéphane ERARD & Rexy
- 
 
 4 
	Licence : GNU GPL
- 
 
 5 
*/
1 
html {
 6 
HTML {
2 
	background: url(/images/background.jpg) no-repeat center center fixed;
 7 
	background: url(/images/background.jpg) no-repeat center center fixed;
3 
	-webkit-background-size: cover;
 8 
	-webkit-background-size: cover;
4 
	-moz-background-size: cover;
 9 
	-moz-background-size: cover;
5 
	-o-background-size: cover;
 10 
	-o-background-size: cover;
6 
	background-size: cover;
 11 
	background-size: cover;
- 
 
 12 
	min-width: 450px;
7 
}
 13 
}
8 
 
 14 
 
9 
body {
 15 
BODY {
- 
 
 16 
	text-align: center;
- 
 
 17 
	font-size: 12px;
- 
 
 18 
	margin: 0px;
- 
 
 19 
}
- 
 
 20 
BODY, :link, :visited, :hover:link, :hover:visited  {
- 
 
 21 
	font-family: "DejaVu Sans";
- 
 
 22 
	color: #000;
- 
 
 23 
}
- 
 
 24 
 
- 
 
 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;
10 
}
 63 
}
11 
 
 64 
 
12 
.error-margin {
 65 
.error-margin {
13 
	margin-left: 0;
 66 
	margin-left: 0;
14 
	margin-right: 0;
 67 
	margin-right: 0;
15 
}
 68 
}
16 
 
 69 
 
17 
#gui {
 - 
 
18 
	min-width: 452px;
 - 
 
19 
	/*
 - 
 
20 
	position: relative;
 - 
 
21 
	top: 3vh;
 - 
 
22 
	max-width: 950px;*/
 - 
 
23 
}
 - 
 
24 
 
 - 
 
25 
.explanation_net_pb {
 70 
.explanation_net_pb {
26 
	color: red;
 71 
	color: red;
27 
	margin-bottom: 2px;
 72 
	margin-bottom: 2px;
28 
	font-size: calc(12px + 0.2vw);
 73 
	font-size: calc(12px + 0.2vw);
29 
}
 74 
}
Line 41... Line 86...
41 
	-moz-box-shadow: 1px 4px 10px #000;
 86 
	-moz-box-shadow: 1px 4px 10px #000;
42 
	-webkit-box-shadow: 1px 4px 10px #000;
 87 
	-webkit-box-shadow: 1px 4px 10px #000;
43 
	box-shadow: 0px 10px 10px #000;
 88 
	box-shadow: 0px 10px 10px #000;
44 
}
 89 
}
45 
 
 90 
 
- 
 
 91 
.img_banner {
- 
 
 92 
	display: inline-block;
- 
 
 93 
	margin-top: 5px;
- 
 
 94 
	margin-bottom: 5px;
- 
 
 95 
}
- 
 
 96 
 
- 
 
 97 
.titre_banner {
- 
 
 98 
	display: inline-block;
- 
 
 99 
	margin-top: 10px;
- 
 
 100 
	margin-bottom: 10px;
- 
 
 101 
}
46 
 
 102 
 
47 
/* style de la page accès controlé*/
 - 
 
48 
.banner {
 103 
.banner {
49 
	z-index:10;
 104 
	z-index:10;
50 
	display: flex;
 105 
	display: flex;
51 
	align-items: center;
 106 
	align-items: center;
52 
	margin-top: 5vh;
 107 
	margin-top: 5vh;
Line 56... Line 111...
56 
	-moz-box-shadow: 1px 1px 6px #666;
 111 
	-moz-box-shadow: 1px 1px 6px #666;
57 
	-webkit-box-shadow: 1px 1px 6px #666;
 112 
	-webkit-box-shadow: 1px 1px 6px #666;
58 
	box-shadow: 1px 1px 6px #666;
 113 
	box-shadow: 1px 1px 6px #666;
59 
	border-radius:  10px;
114 
	border-radius:  10px;
60 
}
 115 
}
- 
 
 116 
 
61 
#cadre_titre .titre_controle {
 117 
#cadre_titre .titre_controle {
62 
	color: white;
 118 
	color: white;
63 
	font-size: calc(20px + 2.2vw);
 119 
	font-size: calc(20px + 2.2vw);
64 
}
 120 
}
- 
 
 121 
 
65 
#cadre_titre .titre_refus  {
 122 
#cadre_titre .titre_refus  {
66 
	color: red;
 123 
	color: red;
67 
	font-size: calc(20px + 2.2vw);
 124 
	font-size: calc(20px + 2.2vw);
68 
}
 125 
}
- 
 
 126 
 
- 
 
 127 
.titre_controle {
- 
 
 128 
	text-align: center;
- 
 
 129 
	font-size: calc(24px + 1vw);
- 
 
 130 
	color: white;
- 
 
 131 
	margin: 0px;
- 
 
 132 
}
- 
 
 133 
 
69 
#acces_controle {
 134 
#acces_controle {
70 
	text-align: center;
 135 
	text-align: center;
71 
	font-size: calc(20px + 1.5vw);
 136 
	font-size: calc(20px + 1.5vw);
72 
	padding-top: 25px;
 137 
	padding-top: 20px;
73 
	padding-bottom: 32px;
 138 
	padding-bottom: 20px;
74 
	margin: 0px;
 139 
	margin: 0px;
75 
}
 140 
}
76 
@media(max-width:420px) {
 141 
@media(max-width:420px) {
77 
 
 142 
 
78 
	#acces_controle {
 143 
	#acces_controle {
79 
		text-align: left !important;
 144 
		text-align: left !important;
80 
	}
 145 
	}
81 
}
 146 
}
- 
 
 147 
 
82 
.domain_allowed_title {
 148 
.domain_allowed_title {
83 
	margin-bottom: 0px;
 149 
	margin-bottom: 0px;
84 
}
 150 
}
85 
 
 151 
 
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 {
 152 
#acces_controle, #box_url, #cadre_titre SPAN {
95 
	font-weight: bold;
 153 
	font-weight: bold;
96 
}
 154 
}
97 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
 155 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
98 
	text-decoration: none;
 156 
	text-decoration: none;
Line 115... Line 173...
115 
	-moz-box-shadow: 1px 1px 6px #666;
 173 
	-moz-box-shadow: 1px 1px 6px #666;
116 
	-webkit-box-shadow: 1px 1px 6px #666;
 174 
	-webkit-box-shadow: 1px 1px 6px #666;
117 
	box-shadow: 1px 1px 6px #666;
 175 
	box-shadow: 1px 1px 6px #666;
118 
	margin-top: 30px;
 176 
	margin-top: 30px;
119 
	margin-bottom: 30px;
 177 
	margin-bottom: 30px;
120
- 
 
121 
 
 - 
 
122 
}
 178 
}
- 
 
 179 
 
123 
.box_menu SPAN {
 180 
.box_menu SPAN {
124 
	display: flex;
 181 
	display: flex;
125 
	align-items: center;
 182 
	align-items: center;
126 
}
 183 
}
- 
 
 184 
 
127 
.box_menu A{
 185 
.box_menu A{
128 
	position: absolute;
 186 
	position: absolute;
129 
	left: calc(100px + 1vw);
 187 
	left: calc(100px + 1vw);
130 
}
 188 
}
- 
 
 189 
 
131 
.box_menu IMG {
 190 
.box_menu IMG {
132 
 	width: calc(80px + 1vw);
 191 
 	width: calc(80px + 1vw);
133 
}
 192 
}
134 
 
 193 
 
135 
.img-organisme{
 194 
.img-organisme{
Line 172... Line 231...
172 
	visibility: hidden;
 231 
	visibility: hidden;
173 
	position: absolute;
 232 
	position: absolute;
174 
	top: -1000px;
 233 
	top: -1000px;
175 
}
 234 
}
176 
 
 235 
 
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 
 
 236 
 
226 
#contenu_acces SPAN {
 237 
#contenu_acces SPAN {
227 
	font-family: "courier new";
 238 
	font-family: "courier new";
228 
}
 239 
}
229 
#contenu_error SPAN {
 - 
 
230 
	font-family: "courier new";
 - 
 
231 
}
 - 
 
232 
 
 240 
 
233 
.info-box-container {
 241 
.info-box-container {
234 
	margin-top: 30px;
 242 
	margin-top: 30px;
235 
	margin-bottom: 30px;
 243 
	margin-bottom: 30px;
236 
	height: 100%;
 244 
	height: 100%;
Line 270... Line 278...
270 
}
 278 
}
271 
 
 279 
 
272 
.box_infos_titles A {
 280 
.box_infos_titles A {
273 
	color: black;
 281 
	color: black;
274 
}
 282 
}
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 
 
 283 
 
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 {
 284 
#corner {
299 
	position: fixed;
 285 
	position: fixed;
300 
	bottom: 0;
 286 
	bottom: 0;
301 
	right: 0;
 287 
	right: 0;
302
288