Subversion Repositories ALCASAR

Rev

Rev 2241 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log

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