Subversion Repositories ALCASAR

Rev

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

Rev 647 Rev 2003
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
}
130
}
130
 
131
 
131
#btn_retour {
132
#btn_retour {
132
	margin-right: 20px;
133
	margin-right: 60px;
133
}
134
}
134
 
135
 
135
#btn_pass:hover {
136
#btn_pass:hover {
136
}
137
}
137
 
138
 
138
#champs_pass {
139
#champs_pass {
139
	margin: auto;
140
	margin: auto;
-
 
141
	padding-top: 50;
-
 
142
	padding-right: 20;
140
}
143
}
141
 
144
 
142
#champs_pass TD {
145
#champs_pass TD {
143
	padding: 4px;
146
	padding: 4px;
144
}
147
}
145
 
148
 
146
#champs_pass TD INPUT {
149
#champs_pass TD INPUT {
147
	border: 1px solid #aaa;
150
	border: 1px solid #aaa;
148
	width: 195px;
151
	width: 195px;
149
}
152
}
150
 
153
 
151
TD.first_item {
154
TD.first_item {
152
	text-align: right;
155
	text-align: right;
153
	width: 255px;
156
	width: 100px;
154
}
157
}
155
.lien_deco {
158
.lien_deco {
156
	text-align: center;
159
	text-align: center;
157
	font-size: 18px;
160
	font-size: 18px;
158
	margin-bottom: 15px;
161
	margin-bottom: 15px;
159
}
162
}
160
.log_out {
163
.log_out {
161
	font-size: 24px;
164
	font-size: 24px;
162
	text-align: center;
165
	text-align: center;
163
	margin-top: 30px;
166
	margin-top: 30px;
164
}
167
}
165
.btn_form {
168
.btn_form {
166
	cursor: pointer;
169
	cursor: pointer;
167
	height: 26px;
170
	height: 26px;
168
	width: 130px;
171
	width: 130px;
169
	border: none;
172
	border: none;
170
	background: #999 url(../images/bg.png) 0 0 repeat-x;
173
	background: #999 url(../images/bg.png) 0 0 repeat-x;
171
	font-weight: bold;
174
	font-weight: bold;
172
 
175
 
173
/* ombrage css3*/
176
/* ombrage css3*/
174
 
177
 
175
	-moz-box-shadow: 2px 2px 2px #000; 
178
	-moz-box-shadow: 2px 2px 2px #000; 
176
	-webkit-box-shadow: 2px 2px 2px #000;
179
	-webkit-box-shadow: 2px 2px 2px #000;
177
	box-shadow: 2px 2px 2px #000;
180
	box-shadow: 2px 2px 2px #000;
178
}
181
}
179
.btn_form:hover {
182
.btn_form:hover {
180
	background-color: red;
183
	background-color: red;
181
	
184
	
182
/* ombrage css3*/
185
/* ombrage css3*/
183
 
186
 
184
	-moz-box-shadow: 2px 2px 2px #666; 
187
	-moz-box-shadow: 2px 2px 2px #666; 
185
	-webkit-box-shadow: 2px 2px 2px #666;
188
	-webkit-box-shadow: 2px 2px 2px #666;
186
	box-shadow: 2px 2px 2px #666;
189
	box-shadow: 2px 2px 2px #666;
187
}
190
}
-
 
191
 
188
 
192