Subversion Repositories ALCASAR

Rev

Rev 2241 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

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