Subversion Repositories ALCASAR

Rev

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

Rev 2003 Rev 2241
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 {
15
body {
16
	color: #666666;
16
	color: #666666;
17
}
17
}
18
 
18
 
19
/* Style de police */
19
/* Style de police */
20
 
20
 
21
BODY, :link, :visited, :hover:link, :hover:visited  {
21
body, :link, :visited, :hover:link, :hover:visited  {
22
	font-family: "DejaVu Sans";
22
	font-family: "DejaVu Sans";
23
}
23
}
24
 
24
 
25
 
25
 
26
/*Couleurs de fond */
26
/* Couleurs de fond */
27
 
27
 
28
BODY {
28
body {
29
	background-color: #666;
29
	background-color: #666;
30
}
30
}
31
 
31
 
32
 
32
 
33
/* R?gles des balises HTML */
33
/* Règles des balises HTML */
34
 
34
 
35
P {
35
p {
36
	text-align: justify;
36
	text-align: justify;
37
}
37
}
38
 
38
 
39
BODY {
39
body {
40
	background-image: url(../images/fond.png);
40
	background-image: url(../images/fond.png);
41
	background-repeat: repeat-x;
41
	background-repeat: repeat-x;
42
	text-align: center;
42
	text-align: center;
43
	font-size: 12px;
43
	font-size: 12px;
44
	margin: 0px;
44
	margin: 0px;
45
}
45
}
46
 
46
 
47
TABLE {
47
table {
48
/*	font-size: 90%;*/
48
/*	font-size: 90%;*/
49
}
49
}
50
IMG {
50
img {
51
	height: 150px;
51
	height: 150px;
52
}
52
}
53
 
53
 
54
/*Boite de dialogue de deconnection*/
54
/* Boite de dialogue de deconnection */
55
 
55
 
56
#page {
56
#page {
57
	width: 590px;
57
	width: 590px;
58
	margin: 12px auto;
58
	margin: 12px auto;
59
}
59
}
60
 
60
 
61
#pass_chg {
61
#pass_chg {
62
	position: relative;
62
	position: relative;
63
}
63
}
64
 
64
 
65
#pass_chg IMG {
65
#pass_chg img {
66
	position: relative;
66
	position: relative;
67
	float: left;
67
	float: left;
68
	top: -60px;
68
	top: -60px;
69
	left: -50px;
69
	left: -50px;
70
}
70
}
71
 
71
 
72
#pass_chg_content {
72
#pass_chg_content {
73
	position: relative;
73
	position: relative;
74
	float: left;
74
	float: left;
75
	top: -40px;
75
	top: -40px;
76
	width: 100%;
76
	width: 100%;
77
}
77
}
78
 
78
 
79
#lien_pass {
79
#lien_pass {
80
	font-size: 50%;
80
	font-size: 50%;
81
	text-align: right;
81
	text-align: right;
82
}
82
}
83
 
83
 
84
#info_pass {
84
#info_pass {
85
	visibility: hidden;
85
	visibility: hidden;
86
	position: absolute;
86
	position: absolute;
87
	top: -1500px;
87
	top: -1500px;
88
/*	background-color: white;
88
/*	background-color: white;
89
	width: 500px;
89
	width: 500px;
90
 
90
 
91
	margin: 30px;
91
	margin: 30px;
92
	padding: 15px;
92
	padding: 15px;
93
 ombrage css3
93
 ombrage css3
94
 
94
 
95
	-moz-box-shadow: 0px 0px 12px #000; 
95
	-moz-box-shadow: 0px 0px 12px #000; 
96
	-webkit-box-shadow: 0px 0px 12px #000;
96
	-webkit-box-shadow: 0px 0px 12px #000;
97
	box-shadow: 0px 0px 12px #000;*/
97
	box-shadow: 0px 0px 12px #000;*/
98
 
98
 
99
}
99
}
100
 
100
 
101
#block_pass {
101
#block_pass {
102
	position: relative;
102
	position: relative;
103
	background-color: white;
103
	background-color: white;
104
	width: 500px;
104
	width: 500px;
105
	height: 345px;
105
	height: 345px;
106
	margin: 30px;
106
	margin: 30px;
107
	padding: 15px;
107
	padding: 15px;
108
/* ombrage css3*/
108
/* ombrage css3*/
109
 
109
 
110
	-moz-box-shadow: 0px 0px 12px #000; 
110
	-moz-box-shadow: 0px 0px 12px #000; 
111
	-webkit-box-shadow: 0px 0px 12px #000;
111
	-webkit-box-shadow: 0px 0px 12px #000;
112
	box-shadow: 0px 0px 12px #000;
112
	box-shadow: 0px 0px 12px #000;
113
}
113
}
114
#block_pass SPAN {
114
#block_pass span {
115
	float: left;
115
	float: left;
116
	margin-top: 5px;
116
	margin-top: 5px;
117
}
117
}
118
 
118
 
119
#titre_pass {
119
#titre_pass {
120
	font-size: 20px;
120
	font-size: 20px;
121
}
121
}
122
 
122
 
123
#btn_pass, #btn_retour {
123
#btn_pass, #btn_retour {
124
	float: right;
124
	float: right;
125
	margin-top: 20px;
125
	margin-top: 20px;
126
}
126
}
127
 
127
 
128
#btn_pass {
128
#btn_pass {
129
	margin-right: 10px;
129
	margin-right: 10px;
130
}
130
}
131
 
131
 
132
#btn_retour {
132
#btn_retour {
133
	margin-right: 60px;
133
	margin-right: 60px;
134
}
134
}
135
 
135
 
136
#btn_pass:hover {
136
#btn_pass:hover {
137
}
137
}
138
 
138
 
139
#champs_pass {
139
#champs_pass {
140
	margin: auto;
140
	margin: auto;
141
	padding-top: 50;
141
	padding-top: 50px;
142
	padding-right: 20;
142
	padding-right: 20px;
143
}
143
}
144
 
144
 
145
#champs_pass TD {
145
#champs_pass td {
146
	padding: 4px;
146
	padding: 4px;
147
}
147
}
148
 
148
 
149
#champs_pass TD INPUT {
149
#champs_pass td input {
150
	border: 1px solid #aaa;
150
	border: 1px solid #aaa;
151
	width: 195px;
151
	width: 195px;
152
}
152
}
153
 
153
 
154
TD.first_item {
154
td.first_item {
155
	text-align: right;
155
	text-align: right;
156
	width: 100px;
156
	width: 100px;
157
}
157
}
158
.lien_deco {
158
.lien_deco {
159
	text-align: center;
159
	text-align: center;
160
	font-size: 18px;
160
	font-size: 18px;
161
	margin-bottom: 15px;
161
	margin-bottom: 15px;
162
}
162
}
163
.log_out {
163
.log_out {
164
	font-size: 24px;
164
	font-size: 24px;
165
	text-align: center;
165
	text-align: center;
166
	margin-top: 30px;
166
	margin-top: 30px;
167
}
167
}
168
.btn_form {
168
.btn_form {
169
	cursor: pointer;
169
	cursor: pointer;
170
	height: 26px;
170
	height: 26px;
171
	width: 130px;
171
	width: 130px;
172
	border: none;
172
	border: none;
173
	background: #999 url(../images/bg.png) 0 0 repeat-x;
173
	background: #999 url(../images/bg.png) 0 0 repeat-x;
174
	font-weight: bold;
174
	font-weight: bold;
175
 
175
 
176
/* ombrage css3*/
176
/* ombrage css3*/
177
 
177
 
178
	-moz-box-shadow: 2px 2px 2px #000; 
178
	-moz-box-shadow: 2px 2px 2px #000; 
179
	-webkit-box-shadow: 2px 2px 2px #000;
179
	-webkit-box-shadow: 2px 2px 2px #000;
180
	box-shadow: 2px 2px 2px #000;
180
	box-shadow: 2px 2px 2px #000;
181
}
181
}
182
.btn_form:hover {
182
.btn_form:hover {
183
	background-color: red;
183
	background-color: red;
184
	
184
	
185
/* ombrage css3*/
185
/* ombrage css3*/
186
 
186
 
187
	-moz-box-shadow: 2px 2px 2px #666; 
187
	-moz-box-shadow: 2px 2px 2px #666; 
188
	-webkit-box-shadow: 2px 2px 2px #666;
188
	-webkit-box-shadow: 2px 2px 2px #666;
189
	box-shadow: 2px 2px 2px #666;
189
	box-shadow: 2px 2px 2px #666;
190
}
190
}
191
 
191
 
192
 
192