Subversion Repositories ALCASAR

Rev

Rev 2992 | Details | Compare with Previous | Last modification | View Log

Rev Author Line No. Line
3174 rexy 1 
/*
2 
	Stylesheet for intercept.php
3 
	Auteur : Stéphane ERARD & Rexy & Nicolas REYNAUD
4 
	Licence : GNU GPL
5 
*/
2809 rexy 6 
html {
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;
12 
}
13 
 
14 
BODY {
15 
	color:#FFFFFF;
16 
}
17 
.error-margin {
18 
	margin-left:0px;
19 
	margin-right:0px;
20 
}
21 
 
22 
.banner {
23 
	z-index: 10;
24 
	position: relative;
25 
	margin-top: 5vh;
26 
	background-image: linear-gradient(black,#222222);
27 
/* ombrage CSS3 */
28 
	-moz-box-shadow: 1px 1px 6px #666;
29 
	-webkit-box-shadow: 1px 1px 6px #666;
30 
	box-shadow: 1px 1px 6px #666;
31 
	border-radius:  10px;
3174 rexy 32 
}
2809 rexy 33 
 
3174 rexy 34 
@media all and (max-width : 770px) {
35 
	body > div > div:first-child > div {
36 
		margin: 0 !important;
37 
	}
38 
	.banner {
39 
		justify-content: center;
40 
		margin-top: 0;
41 
	}
2809 rexy 42 
}
3174 rexy 43 
 
2809 rexy 44 
.background-form {
45 
	background-color: white;
46 
	border-radius:10px;
47 
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
48 
	color: black;
49 
	padding-top: 20px;
50 
	top: -20px;
51 
	z-index: 5;
52 
}
53 
 
54 
.organisme {
55 
	font-size: calc(25px + 3vw);
56 
	text-align: center;
57 
	margin-top: 15px;
58 
	margin-bottom: 15px;
59 
	font-weight: bold;
60 
}
3174 rexy 61 
 
2809 rexy 62 
.titre-controle-acces {
63 
	font-size: calc(18px + 2vw);
64 
	text-align: center;
65 
}
3174 rexy 66 
 
2809 rexy 67 
.titre-erreur {
68 
	font-size: calc(11px + 0.8vw);
69 
	text-align: center;
70 
	margin: 0px;
71 
	color: red;
72 
}
3174 rexy 73 
 
2809 rexy 74 
.login-failed-reply {
75 
	font-size: calc(10px + 0.6vw);
76 
	margin-bottom: calc(10px + 0.1vw);
77 
}
78 
 
79 
.inputs {
80 
	display: flex;
3174 rexy 81 
	grid-template-columns: 1fr 4fr;
2809 rexy 82 
	align-items: center;
83 
}
84 
 
3174 rexy 85 
.inputs > div {
86 
	max-width: 100%;
87 
}
88 
 
89 
.inputs > div:nth-child(2) {
90 
	display: flex;
91 
	flex-direction: column;
92 
	width: auto;
93 
}
94 
 
95 
.inputs > div:nth-child(2) > div {
96 
	justify-content: center;
97 
	margin: 15px 0;
98 
}
99 
 
100 
.inputs > div:last-child {
101 
	display: none !important;
102 
}
103 
 
104 
@media all and (max-width : 950px) {
105 
	.inputs {
106 
		grid-template-columns: 1fr;
107 
		justify-content: center;
108 
	}
109 
 
110 
	.inputs > div:first-child {
111 
		display: flex !important;
112 
		justify-content: center;
113 
		align-items: center;
114 
	}
115 
 
116 
	.inputs > div:first-child img {
117 
		max-height: 200px;
118 
	}
119 
}
120 
 
121 
@media all and (max-width : 576px) {
122 
	.inputs {
123 
		margin-bottom: 25px;
124 
	}
125 
 
126 
	.inputs > div:first-child {
127 
		display: none !important;
128 
	}
129 
 
130 
	.inputs > div:nth-child(2) > div {
131 
		flex-direction: column;
132 
		justify-content: center;
133 
		align-items: center;
134 
		margin: 10px;
135 
	}
136 
 
137 
	.inputs > div:nth-child(2) > div .col-2 {
138 
		max-width: 100%;
139 
		text-align: center;
140 
	}
141 
}
142 
 
2809 rexy 143 
#authorized_domain {
144 
	font-size: calc(10px + 0.5vw);
145 
	margin-top: 5px;
146 
}
147 
 
148 
#boite-info {
149 
	width: 100%;
150 
}
151 
 
152 
.boite-info-titre {
153 
	font-size: calc(20px + 0.3vw);
154 
}
3174 rexy 155 
 
2809 rexy 156 
.boite-info-text {
157 
	font-size: calc(13px + 0.25vw);
158 
}
3174 rexy 159 
 
2809 rexy 160 
.boite-info-spacing {
161 
	margin-top: 10px;
162 
	margin-bottom: 10px;
163 
	display: flex;
3174 rexy 164 
	flex-direction: column;
165 
	justify-content: center;
2809 rexy 166 
	align-items: center;
3174 rexy 167 
	margin: auto;
2809 rexy 168 
}
169 
 
3174 rexy 170 
.boite-info-spacing > div:last-child, .boite-info-spacing > div:last-child img {
171 
	max-height: 200px;
172 
	max-width: 100%;
173 
	justify-content: center;
174 
	align-items: center;
175 
}
176 
 
177 
@media all and (min-width : 576px) {
178 
	.boite-info-spacing > div:last-child {
179 
		display: flex !important;
180 
	}
181 
}
182 
 
2809 rexy 183 
.row_button {
184 
	margin-bottom: 5px;
185 
}
186 
 
2992 rexy 187 
.sms_registration {
2809 rexy 188 
	text-align: center;
189 
	font-size: calc(10px + 0.3vw);
190 
	margin-bottom: 20px;
191 
}
192 
 
193 
.button {
194 
	font-size: calc(15px + 0.5vw);
195 
}
196 
 
197 
.vertical-align {
198 
	display: flex;
199 
	align-items: center;
200 
}
201 
 
202 
.img-xs-bottom {
203 
	margin-left: auto;
204 
	margin-right: auto;
205 
	height: 150px;
206 
}
207 
 
3174 rexy 208 
body > div > div:nth-child(3) {
209 
	text-align: center;
210 
	flex-wrap: wrap;
211 
	justify-content: center;
212 
}
213 
 
214 
body > div > div:nth-child(3) > div {
215 
	min-width: 175px;
216 
	max-width: 100%;
217 
}
218