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