Subversion Repositories ALCASAR

Rev

Rev 2766 | Only display areas with differences | Regard whitespace | Details | Blame | Last modification | View Log

Rev 2766 Rev 2819
1
/* 	
1
/* 	
2
	Feuille de style pour les pages d'interceptions cot? utilisateurs d'ALCASAR
2
	StyleSheet for pass.php
3
	Auteur : Stéphane ERARD
3
	Auteur : Stéphane ERARD & Rexy
4
	Licence : GNU GPL
4
	Licence : GNU GPL
5
 
-
 
6
*/
5
*/
7
 
6
 
8
 
-
 
9
/* règles générales */
-
 
10
 
-
 
11
/* Couleurs de polices */
-
 
12
:link, :visited, :hover:link, :hover:visited, h1  {
7
:link, :visited, :hover:link, :hover:visited, h1  {
13
	color: #000000;
8
	color: #000000;
14
}
9
}
15
 
10
 
16
html {
11
html {
17
	background: url(/images/background.jpg) no-repeat center center fixed;
12
	background: url(/images/background.jpg) no-repeat center center fixed;
18
	-webkit-background-size: cover;
13
	-webkit-background-size: cover;
19
	-moz-background-size: cover;
14
	-moz-background-size: cover;
20
	-o-background-size: cover;
15
	-o-background-size: cover;
21
	background-size: cover;
16
	background-size: cover;
22
	min-width: 450px;
17
	min-width: 450px;
23
}
18
}
24
/* Style de police */
-
 
25
 
19
 
26
body, :link, :visited, :hover:link, :hover:visited  {
20
body, :link, :visited, :hover:link, :hover:visited  {
27
	font-family: "DejaVu Sans";
21
	font-family: "DejaVu Sans";
28
	color: #000;
22
	color: #000;
29
}
23
}
30
 
24
 
31
/* Règles des balises HTML */
-
 
32
 
25
 
33
p {
26
p {
34
	text-align: justify;
27
	text-align: justify;
35
}
28
}
36
 
29
 
37
.banner {
30
.banner {
38
	z-index:10;
31
	z-index:10;
39
	display: flex;
32
	display: flex;
40
	align-items: center;
33
	align-items: center;
41
	margin-top: 5vh;
34
	margin-top: 5vh;
42
	position: relative;
35
	position: relative;
43
	background-image: linear-gradient(black,#222222);
36
	background-image: linear-gradient(black,#222222);
44
	
37
	
45
	/* ombrage CSS3 */
38
	/* ombrage CSS3 */
46
	-moz-box-shadow: 1px 1px 6px #666;
39
	-moz-box-shadow: 1px 1px 6px #666;
47
	-webkit-box-shadow: 1px 1px 6px #666;
40
	-webkit-box-shadow: 1px 1px 6px #666;
48
	box-shadow: 1px 1px 6px #666;
41
	box-shadow: 1px 1px 6px #666;
49
	border-radius:  10px;
42
	border-radius:  10px;
50
}
43
}
51
 
44
 
52
.img_banner {
45
.img_banner {
53
	display: inline-block;
46
	display: inline-block;
54
	margin-top: 5px;
47
	margin-top: 5px;
55
	margin-bottom: 5px;
48
	margin-bottom: 5px;
56
}
49
}
57
 
50
 
58
.image {
51
.image {
59
	margin-right: auto;
52
	margin-right: auto;
60
	margin-left: auto;
53
	margin-left: auto;
61
}
54
}
62
 
55
 
-
 
56
#cadre_titre .titre_controle {
-
 
57
	color: white;
-
 
58
	font-size: calc(20px + 2.2vw);
-
 
59
}
-
 
60
 
63
.titre_banner {
61
.titre_banner {
64
	display: inline-block;
62
	display: inline-block;
65
	margin-top: 10px;
63
	margin-top: 10px;
66
	margin-bottom: 10px;
64
	margin-bottom: 10px;
67
}
65
}
68
 
66
 
69
.titre_controle {
67
.titre_controle {
70
	text-align: center;
68
	text-align: center;
71
	font-size: calc(24px + 1vw);
69
	font-size: calc(24px + 1vw);
72
	color: white;
70
	color: white;
73
	margin: 0px;
71
	margin: 0px;
74
}
72
}
75
 
73
 
-
 
74
#acces_controle {
-
 
75
	text-align: center;
-
 
76
	font-size: calc(20px + 1.5vw);
-
 
77
	padding-top: 20px;
-
 
78
	padding-bottom: 20px;
-
 
79
	margin: 0px;
-
 
80
}
-
 
81
@media(max-width:420px) {
-
 
82
 
-
 
83
	#acces_controle {
-
 
84
		text-align: left !important;
-
 
85
	}
-
 
86
}
-
 
87
 
-
 
88
#acces_controle, #box_url, #cadre_titre SPAN {
-
 
89
	font-weight: bold;
-
 
90
}
-
 
91
 
76
#contenu_acces {
92
#contenu_acces {
77
	background-color: white;
93
	background-color: white;
78
	border-bottom-left-radius:  10px;	
94
	border-bottom-left-radius:  10px;	
79
	border-bottom-right-radius:  10px;	
95
	border-bottom-right-radius:  10px;	
80
 
96
 
81
	/* get the main box under banner*/
97
	/* get the main box under banner*/
82
	padding-top: 20px;
98
	padding-top: 20px;
83
	z-index: 5;
99
	z-index: 5;
84
	top: -20px;
100
	top: -20px;
85
	/* ombrage css3 */
101
	/* ombrage css3 */
86
 
102
 
87
	-moz-box-shadow: 1px 4px 10px #000;
103
	-moz-box-shadow: 1px 4px 10px #000;
88
	-webkit-box-shadow: 1px 4px 10px #000;
104
	-webkit-box-shadow: 1px 4px 10px #000;
89
	box-shadow: 0px 10px 10px #000;
105
	box-shadow: 0px 10px 10px #000;
90
}
106
}
91
 
107
 
92
.input_row {
108
.input_row {
93
	display: flex;
109
	display: flex;
94
	align-items: center;
110
	align-items: center;
95
	margin-top: 15px;
111
	margin-top: 15px;
96
	margin-bottom: 15px;
112
	margin-bottom: 15px;
97
}
113
}
98
 
114
 
99
.label_name {
115
.label_name {
100
	display: inline-block;
116
	display: inline-block;
101
	font-size: calc(14px + 0.3vw);
117
	font-size: calc(14px + 0.3vw);
102
}
118
}
103
 
119
 
104
#input_value {
120
#input_value {
105
	font-size: calc(12px + 0.3vw);
121
	font-size: calc(12px + 0.3vw);
106
}
122
}
107
 
123
 
108
.scorebarDisplay {
124
.scorebarDisplay {
109
	margin: 0px;
125
	margin: 0px;
110
}
126
}
111
 
127
 
112
#buttons {
128
#buttons {
113
	font-size: calc(14px + 0.3vw);
129
	font-size: calc(14px + 0.3vw);
114
	width: -moz-available;
130
	width: -moz-available;
115
}
131
}
116
 
132
 
117
#pass_chg {
133
#pass_chg {
118
	position: relative;
134
	position: relative;
119
}
135
}
120
 
136
 
121
#pass_chg img {
137
#pass_chg img {
122
	position: relative;
138
	position: relative;
123
	float: left;
139
	float: left;
124
	top: -60px;
140
	top: -60px;
125
	left: -50px;
141
	left: -50px;
126
}
142
}
127
 
143
 
128
#pass_chg_content {
144
#pass_chg_content {
129
	position: relative;
145
	position: relative;
130
	float: left;
146
	float: left;
131
	top: -40px;
147
	top: -40px;
132
	width: 100%;
148
	width: 100%;
133
}
149
}
134
 
150
 
135
#lien_pass {
151
#lien_pass {
136
	font-size: 50%;
152
	font-size: 50%;
137
	text-align: right;
153
	text-align: right;
138
}
154
}
139
 
155
 
140
#info_pass {
156
#info_pass {
141
	visibility: hidden;
157
	visibility: hidden;
142
	position: absolute;
158
	position: absolute;
143
	top: -1500px;
159
	top: -1500px;
144
/*	background-color: white;
-
 
145
	width: 500px;
-
 
146
 
-
 
147
	margin: 30px;
-
 
148
	padding: 15px;
-
 
149
 ombrage css3
-
 
150
 
-
 
151
	-moz-box-shadow: 0px 0px 12px #000; 
-
 
152
	-webkit-box-shadow: 0px 0px 12px #000;
-
 
153
	box-shadow: 0px 0px 12px #000;*/
-
 
154
 
-
 
155
}
160
}
156
 
161
 
157
#block_pass {
162
#block_pass {
158
	position: relative;
163
	position: relative;
159
	background-color: white;
164
	background-color: white;
160
	width: 500px;
165
	width: 500px;
161
	height: 345px;
166
	height: 345px;
162
	margin: 30px;
167
	margin: 30px;
163
	padding: 15px;
168
	padding: 15px;
164
/* ombrage css3*/
169
/* ombrage css3*/
165
 
170
 
166
	-moz-box-shadow: 0px 0px 12px #000; 
171
	-moz-box-shadow: 0px 0px 12px #000; 
167
	-webkit-box-shadow: 0px 0px 12px #000;
172
	-webkit-box-shadow: 0px 0px 12px #000;
168
	box-shadow: 0px 0px 12px #000;
173
	box-shadow: 0px 0px 12px #000;
169
}
174
}
170
#block_pass span {
175
#block_pass span {
171
	float: left;
176
	float: left;
172
	margin-top: 5px;
177
	margin-top: 5px;
173
}
178
}
174
 
179
 
175
#titre_pass {
180
#titre_pass {
176
	font-size: 20px;
181
	font-size: 20px;
177
}
182
}
178
 
183
 
179
 
184
 
180
#champs_pass {
185
#champs_pass {
181
	margin: auto;
186
	margin: auto;
182
	padding-top: 50px;
187
	padding-top: 50px;
183
	padding-right: 20px;
188
	padding-right: 20px;
184
}
189
}
185
 
190
 
186
#champs_pass td {
191
#champs_pass td {
187
	padding: 4px;
192
	padding: 4px;
188
}
193
}
189
 
194
 
190
#champs_pass td input {
195
#champs_pass td input {
191
	border: 1px solid #aaa;
196
	border: 1px solid #aaa;
192
	width: 195px;
197
	width: 195px;
193
}
198
}
194
 
199
 
195
td.first_item {
200
td.first_item {
196
	text-align: right;
201
	text-align: right;
197
	width: 100px;
202
	width: 100px;
198
}
203
}
199
.lien_deco {
204
.lien_deco {
200
	text-align: center;
205
	text-align: center;
201
	font-size: 18px;
206
	font-size: 18px;
202
	margin-bottom: 15px;
207
	margin-bottom: 15px;
203
}
208
}
204
.log_out {
209
.log_out {
205
	font-size: 24px;
210
	font-size: 24px;
206
	text-align: center;
211
	text-align: center;
207
	margin-top: 30px;
212
	margin-top: 30px;
208
}
213
}
209
.btn_form {
214
.btn_form {
210
	cursor: pointer;
215
	cursor: pointer;
211
	height: 26px;
216
	height: 26px;
212
	width: 130px;
217
	width: 130px;
213
	border: none;
218
	border: none;
214
	background: #999 url(../images/bg.png) 0 0 repeat-x;
219
	background: #999 url(../images/bg.png) 0 0 repeat-x;
215
	font-weight: bold;
220
	font-weight: bold;
216
 
221
 
217
/* ombrage css3*/
222
/* ombrage css3*/
218
 
223
 
219
	-moz-box-shadow: 2px 2px 2px #000; 
224
	-moz-box-shadow: 2px 2px 2px #000; 
220
	-webkit-box-shadow: 2px 2px 2px #000;
225
	-webkit-box-shadow: 2px 2px 2px #000;
221
	box-shadow: 2px 2px 2px #000;
226
	box-shadow: 2px 2px 2px #000;
222
}
227
}
223
.btn_form:hover {
228
.btn_form:hover {
224
	background-color: red;
229
	background-color: red;
225
	
230
	
226
/* ombrage css3*/
231
/* ombrage css3*/
227
 
232
 
228
	-moz-box-shadow: 2px 2px 2px #666; 
233
	-moz-box-shadow: 2px 2px 2px #666; 
229
	-webkit-box-shadow: 2px 2px 2px #666;
234
	-webkit-box-shadow: 2px 2px 2px #666;
230
	box-shadow: 2px 2px 2px #666;
235
	box-shadow: 2px 2px 2px #666;
231
}
236
}
232
 
237
 
233
 
238