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