Subversion Repositories ALCASAR

Rev

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

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