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