Subversion Repositories ALCASAR

Rev

Rev 2992 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2992 Rev 3174
Line -... Line 1...
- 
 
 1 
/*
- 
 
 2 
	Stylesheet for intercept.php
- 
 
 3 
	Auteur : Stéphane ERARD & Rexy & Nicolas REYNAUD
- 
 
 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;
7 
	min-width: 450px;
 - 
 
8 
}
 12 
}
9 
 
 13 
 
10 
BODY {
 14 
BODY {
11 
	font-color:#FFFFFF;
 - 
 
12 
	color:#FFFFFF;
 15 
	color:#FFFFFF;
13 
}
 16 
}
14 
.error-margin {
 17 
.error-margin {
15 
	margin-left:0px;
 18 
	margin-left:0px;
16 
	margin-right:0px;
 19 
	margin-right:0px;
Line 24... Line 27...
24 
/* ombrage CSS3 */
 27 
/* ombrage CSS3 */
25 
	-moz-box-shadow: 1px 1px 6px #666;
 28 
	-moz-box-shadow: 1px 1px 6px #666;
26 
	-webkit-box-shadow: 1px 1px 6px #666;
 29 
	-webkit-box-shadow: 1px 1px 6px #666;
27 
	box-shadow: 1px 1px 6px #666;
 30 
	box-shadow: 1px 1px 6px #666;
28 
	border-radius:  10px;
31 
	border-radius:  10px;
- 
 
 32 
}
29 
 
 33 
 
- 
 
 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 
	}
30 
}
 42 
}
- 
 
 43 
 
31 
.background-form {
 44 
.background-form {
32 
	background-color: white;
 45 
	background-color: white;
33 
	border-radius:10px;
 46 
	border-radius:10px;
34 
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
 47 
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
35 
	color: black;
 48 
	color: black;
Line 43... Line 56...
43 
	text-align: center;
 56 
	text-align: center;
44 
	margin-top: 15px;
 57 
	margin-top: 15px;
45 
	margin-bottom: 15px;
 58 
	margin-bottom: 15px;
46 
	font-weight: bold;
 59 
	font-weight: bold;
47 
}
 60 
}
- 
 
 61 
 
48 
.titre-controle-acces {
 62 
.titre-controle-acces {
49 
	font-size: calc(18px + 2vw);
 63 
	font-size: calc(18px + 2vw);
50 
	text-align: center;
 64 
	text-align: center;
51 
}
 65 
}
- 
 
 66 
 
52 
.titre-erreur {
 67 
.titre-erreur {
53 
	font-size: calc(11px + 0.8vw);
 68 
	font-size: calc(11px + 0.8vw);
54 
	text-align: center;
 69 
	text-align: center;
55 
	margin: 0px;
 70 
	margin: 0px;
56 
	color: red;
 71 
	color: red;
57 
}
 72 
}
- 
 
 73 
 
58 
.login-failed-reply {
 74 
.login-failed-reply {
59 
	font-size: calc(10px + 0.6vw);
 75 
	font-size: calc(10px + 0.6vw);
60 
	margin-bottom: calc(10px + 0.1vw);
 76 
	margin-bottom: calc(10px + 0.1vw);
61 
}
 77 
}
62 
 
 78 
 
63 
.inputs {
 79 
.inputs {
64 
	display: flex;
 80 
	display: flex;
- 
 
 81 
	grid-template-columns: 1fr 4fr;
65 
	align-items: center;
 82 
	align-items: center;
66 
}
 83 
}
67 
 
 84 
 
- 
 
 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 
 
68 
#authorized_domain {
 143 
#authorized_domain {
69 
	font-size: calc(10px + 0.5vw);
 144 
	font-size: calc(10px + 0.5vw);
70 
	margin-top: 5px;
 145 
	margin-top: 5px;
71 
}
 146 
}
72 
 
 147 
 
Line 75... Line 150...
75 
}
 150 
}
76 
 
 151 
 
77 
.boite-info-titre {
 152 
.boite-info-titre {
78 
	font-size: calc(20px + 0.3vw);
 153 
	font-size: calc(20px + 0.3vw);
79 
}
 154 
}
- 
 
 155 
 
80 
.boite-info-text {
 156 
.boite-info-text {
81 
	font-size: calc(13px + 0.25vw);
 157 
	font-size: calc(13px + 0.25vw);
82 
}
 158 
}
- 
 
 159 
 
83 
.boite-info-spacing {
 160 
.boite-info-spacing {
84 
	margin-top: 10px;
 161 
	margin-top: 10px;
85 
	margin-bottom: 10px;
 162 
	margin-bottom: 10px;
86 
	display: flex;
 163 
	display: flex;
- 
 
 164 
	flex-direction: column;
- 
 
 165 
	justify-content: center;
- 
 
 166 
	align-items: center;
- 
 
 167 
	margin: auto;
- 
 
 168 
}
- 
 
 169 
 
- 
 
 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;
87 
	align-items: center;
 174 
	align-items: center;
88 
}
 175 
}
89 
 
 176 
 
- 
 
 177 
@media all and (min-width : 576px) {
- 
 
 178 
	.boite-info-spacing > div:last-child {
- 
 
 179 
		display: flex !important;
- 
 
 180 
	}
- 
 
 181 
}
- 
 
 182 
 
90 
.row_button {
 183 
.row_button {
91 
	margin-bottom: 5px;
 184 
	margin-bottom: 5px;
92 
}
 185 
}
93 
 
 186 
 
94 
.sms_registration {
 187 
.sms_registration {
Line 99... Line 192...
99 
 
 192 
 
100 
.button {
 193 
.button {
101 
	font-size: calc(15px + 0.5vw);
 194 
	font-size: calc(15px + 0.5vw);
102 
}
 195 
}
103 
 
 196 
 
104 
 
 - 
 
105 
.vertical-align {
 197 
.vertical-align {
106 
	display: flex;
 198 
	display: flex;
107 
	align-items: center;
 199 
	align-items: center;
108 
}
200 
}
109 
 
 201 
 
Line 111... Line 203...
111 
	margin-left: auto;
 203 
	margin-left: auto;
112 
	margin-right: auto;
 204 
	margin-right: auto;
113 
	height: 150px;
 205 
	height: 150px;
114 
}
 206 
}
115 
 
 207 
 
- 
 
 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