WebSVN – ALCASAR – Diff – /web/css/pass.css


/* 	
	StyleSheet for pass.php
	Auteur : Stéphane ERARD & Rexy
	Licence : GNU GPL
 
*/
 
 
 
 
 
:link, :visited, :hover:link, :hover:visited, h1  {
	color: #000000;
}
 
html {
	background: url(/images/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 450px;
}
 
 
body, :link, :visited, :hover:link, :hover:visited  {
	font-family: "DejaVu Sans";
	color: #000;
}
 
 
 
p {
	text-align: justify;
}
 
.banner {
	z-index:10;
	display: flex;
	align-items: center;
	margin-top: 5vh;
	position: relative;
	background-image: linear-gradient(black,#222222);
	
	/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666;
	-webkit-box-shadow: 1px 1px 6px #666;
	box-shadow: 1px 1px 6px #666;
	border-radius:  10px;
}
 
.img_banner {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
 
.image {
	margin-right: auto;
	margin-left: auto;
}
 
#cadre_titre .titre_controle {
	color: white;
	font-size: calc(20px + 2.2vw);
}
 
.titre_banner {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.titre_controle {
	text-align: center;
	font-size: calc(24px + 1vw);
	color: white;
	margin: 0px;
}
 
#acces_controle {
	text-align: center;
	font-size: calc(20px + 1.5vw);
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
}
@media(max-width:420px) {
 
	#acces_controle {
		text-align: left !important;
	}
}
 
#acces_controle, #box_url, #cadre_titre SPAN {
	font-weight: bold;
}
 
#contenu_acces {
	background-color: white;
	border-bottom-left-radius:  10px;	
	border-bottom-right-radius:  10px;	
 
	/* get the main box under banner*/
	padding-top: 20px;
	z-index: 5;
	top: -20px;
	/* ombrage css3 */
 
	-moz-box-shadow: 1px 4px 10px #000;
	-webkit-box-shadow: 1px 4px 10px #000;
	box-shadow: 0px 10px 10px #000;
}
 
.input_row {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
 
.label_name {
	display: inline-block;
	font-size: calc(14px + 0.3vw);
}
 
#input_value {
	font-size: calc(12px + 0.3vw);
}
 
.scorebarDisplay {
	margin: 0px;
}
 
#buttons {
	font-size: calc(14px + 0.3vw);
	width: -moz-available;
}
 
#pass_chg {
	position: relative;
}
 
#pass_chg img {
	position: relative;
	float: left;
	top: -60px;
	left: -50px;
}
 
#pass_chg_content {
	position: relative;
	float: left;
	top: -40px;
	width: 100%;
}
 
#lien_pass {
	font-size: 50%;
	text-align: right;
}
 
#info_pass {
	visibility: hidden;
	position: absolute;
	top: -1500px;
 
 
 
 
 
 
 
 
 
 
 
}
 
#block_pass {
	position: relative;
	background-color: white;
	width: 500px;
	height: 345px;
	margin: 30px;
	padding: 15px;
/* ombrage css3*/
 
	-moz-box-shadow: 0px 0px 12px #000; 
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow: 0px 0px 12px #000;
}
#block_pass span {
	float: left;
	margin-top: 5px;
}
 
#titre_pass {
	font-size: 20px;
}
 
 
#champs_pass {
	margin: auto;
	padding-top: 50px;
	padding-right: 20px;
}
 
#champs_pass td {
	padding: 4px;
}
 
#champs_pass td input {
	border: 1px solid #aaa;
	width: 195px;
}
 
td.first_item {
	text-align: right;
	width: 100px;
}
.lien_deco {
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}
.log_out {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
}
.btn_form {
	cursor: pointer;
	height: 26px;
	width: 130px;
	border: none;
	background: #999 url(../images/bg.png) 0 0 repeat-x;
	font-weight: bold;
 
/* ombrage css3*/
 
	-moz-box-shadow: 2px 2px 2px #000; 
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
}
.btn_form:hover {
	background-color: red;
	
/* ombrage css3*/
 
	-moz-box-shadow: 2px 2px 2px #666; 
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
}
 
 

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

Subversion Repositories ALCASAR

(root)/web/css/pass.css – Rev 2766 → 2819