Subversion Repositories ALCASAR

Rev

Rev 2346 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2346 Rev 2766
Line 1... Line 1...
1
/*
1
HTML {
2
	Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
2
	background: url(/images/background.jpg) no-repeat center center fixed;
3
	Auteur : Stéphane ERARD
3
	-webkit-background-size: cover;
4
	Licence : GNU GPL
-
 
5
*/
-
 
6
 
-
 
7
 
-
 
8
/* règles générales */
4
	-moz-background-size: cover;
9
 
-
 
10
/* Couleurs de polices */
5
	-o-background-size: cover;
11
:link, :visited, :hover:link, :hover:visited  {
-
 
12
	color: #000000;
6
	background-size: cover;
13
}
-
 
14
body {
-
 
15
	color: #666666;
7
	min-width: 450px;
16
}
8
}
17
 
9
 
-
 
10
BODY {
18
/* Style de police */
11
	color: white;
-
 
12
}
19
 
13
 
20
body, :link, :visited, :hover:link, :hover:visited  {
14
.error-margin {
21
	font-family: "DejaVu Sans";
15
	margin-left: 0px;
-
 
16
	margin-right: 0px;
22
}
17
}
23
 
18
 
24
 
19
 
-
 
20
.main_box {
-
 
21
	display: flex;
25
/*Couleurs de fond */
22
	align-items: center;
-
 
23
} 
26
 
24
 
27
body {
25
.image-resize {
28
	background-color: #666666;
26
	width: calc(100px + 5vh);
29
}
27
}
30
 
28
 
-
 
29
.image-resize-bottom {
-
 
30
	width: calc(100px + 5vh);
-
 
31
	margin-right: auto;
-
 
32
	margin-left: auto;
-
 
33
}
31
 
34
 
-
 
35
.background-display {
-
 
36
	background-color: white;
-
 
37
	color: black;
-
 
38
	text-align: center;
-
 
39
	border-bottom-left-radius:  10px;	
-
 
40
	border-bottom-right-radius:  10px;	
-
 
41
 
32
/* Règles des balises HTML */
42
	/* get the main box under banner*/
-
 
43
	padding-top: 25px;
-
 
44
	z-index: 5;
-
 
45
	top: -20px;
-
 
46
	position: relative;
-
 
47
		
-
 
48
	/* ombrage css3 */
-
 
49
	-moz-box-shadow: 1px 4px 10px #000;
-
 
50
	-webkit-box-shadow: 1px 4px 10px #000;
-
 
51
	box-shadow: 0px 10px 10px #000;
33
 
52
 
34
p {
-
 
35
	text-align: justify;
-
 
36
}
53
}
37
 
54
 
-
 
55
.header_background {
38
body {
56
	z-index: 10;
-
 
57
	display: flex;
39
	background-image: url(/images/fond.png);
58
	align-items: center;
40
	background-repeat: repeat-x;
59
	margin-top: 5vh;
41
	text-align: center;
60
	position: relative;
-
 
61
	background-image: linear-gradient(black,#222222);
-
 
62
	/* ombrage CSS3 */
-
 
63
	-moz-box-shadow: 1px 1px 6px #666;
-
 
64
	-webkit-box-shadow: 1px 1px 6px #666;
42
	font-size: 12px;
65
	box-shadow: 1px 1px 6px #666;
43
	margin: 0px;
66
	border-radius: 10px;
44
}
67
}
45
 
68
 
46
table {
69
.header_img {
-
 
70
	display: inline-block;
47
	font-size: 90%;
71
	margin-top: 5px;
-
 
72
	margin-bottom: 5px;
48
}
73
}
-
 
74
 
49
img {
75
.header_title {
-
 
76
	display: inline-block;
50
	height: 150px;
77
	margin-top:10px;
-
 
78
	margin-bottom:10px;
51
}
79
}
52
 
80
 
-
 
81
.login-status {
53
/*Boite de dialogue de deconnection*/
82
	font-size: calc(26px + 1.5vw);
-
 
83
	text-align: center;
-
 
84
	margin: 0px;
-
 
85
	font-weight: bold;
-
 
86
}
54
 
87
 
55
#statusPage, #loggedOutPage {
-
 
56
	width: 450px;
88
.welcome-user {
57
	margin: 12px auto;
89
	font-size: calc(20px + 1vw);
58
}
90
}
59
 
91
 
60
#Chilli {
92
.error-table-border {
61
	width: 450px;
93
	border: 0px;
62
	margin: 10px auto 10px auto;
-
 
63
}
94
}
64
 
95
 
65
#auth_reussi, #errorTable, #statusTable, #waitTable, #disconnectTable  {
-
 
66
	width: 450px;
-
 
67
	padding-top: 5px;
-
 
68
	padding-left: 10px;
96
.table {
69
	padding-right: 10px;
-
 
70
	padding-bottom: 0px;
97
	margin-bottom: 10px;
71
}
98
}
72
#auth_reussi {
99
.chilliLabel {
73
	margin-top: 12px;
100
	font-size: calc(14px + 0.4vw);
-
 
101
	border-top: 1px solid rgba(0,0,0,0.6) !important;
74
}
102
}
-
 
103
 
75
.text_auth {
104
.chilliValue {
76
	font-size: 20px;
105
	font-size: calc(12px + 0.4vw);
-
 
106
	border-top: 1px solid rgba(0,0,0,0.6) !important;
77
}
107
}
-
 
108
 
78
.text_auth_welcom {
109
.button {
79
	font-size: 16px;
110
	font-size: calc(16px + 0.4vw);
-
 
111
	margin-bottom:10px;
80
}
112
}
-
 
113
 
81
.text_auth, .text_auth_welcom, .alert {
114
.history {
82
	font-weight: bold;
115
	text-align: right;	
83
}
116
}
-
 
117
 
-
 
118
.history_bottom {
-
 
119
	text-align: left;
84
.text_auth, .text_auth_welcom, .alert, .text_warn, #conHistoryLabel, .lien_deco, .log_out, .text_homelink {
120
	font-size: calc(12px + 0.5vw);
85
	text-align: center;
121
	text-align: center;
86
}
122
}
87
.lien_deco {
-
 
88
	font-size: 18px;
-
 
89
	margin-bottom: 15px;
-
 
90
}
-
 
91
.log_out {
-
 
92
	font-size: 24px;
-
 
93
	margin-top: 30px;
-
 
94
}
-
 
95
 
123
 
96
/*
-
 
97
Ajout stephane weber
-
 
98
*/
124
ul {
99
#errorTable, #statusTable, #waitTable, #disconnectTable {
-
 
100
	background-color: #ffffff;
-
 
101
	margin: 1px;
125
	margin-bottom: 0px;
102
	border: 1px #efefef solid;
-
 
103
 
-
 
104
/* ombrage css3*/
-
 
105
 
-
 
106
	-moz-box-shadow: 0px 0px 6px #000; 
-
 
107
	-webkit-box-shadow: 0px 0px 6px #000;
-
 
108
	box-shadow: 0px 0px 6px #000;
-
 
109
}
126
}
-
 
127
.log-box {
-
 
128
	padding-top: 10px;
-
 
129
	padding-bottom: 10px;
-
 
130
	background-color: white;
-
 
131
	border-top-left-radius: 10px;
-
 
132
	border-bottom-left-radius: 10px;
-
 
133
	box-shadow: 0px 0px 10px 10px #000;
-
 
134
	padding-left: 0px;
-
 
135
	color: black;
-
 
136
}
-
 
137
 
110
.chilliLabel {
138
.log-titre {
-
 
139
	font-size: calc(7px + 0.6vw);
-
 
140
	text-align: end;
111
	font-weight: bold;
141
	font-weight: bold;
112
	text-align: left;
-
 
113
}
142
}
114
.chilliValue {
-
 
115
	/* A DEFINIR*/
-
 
116
}
143
 
117
.wait {
144
.log-info {
118
	height: 16px;
-
 
119
}
-
 
120
/*
-
 
121
Fin Ajout stephane weber
145
	font-size: calc(8px + 0.4vw);
122
*/
-
 
123
#conHistoryLabel {
-
 
124
	padding-top: 6px;
146
	margin-right: 4px;
125
	padding-bottom: 5px;
-
 
126
}
-
 
127
#conHistory ul {
-
 
128
	list-style-type: none;
-
 
129
	text-align: left;
147
	text-align: end;
130
	padding-left: 80px;
-
 
131
}
148
}
-
 
149
 
132
.alert {
150
.log-titre-petit {
133
	font-size: 14px;
151
	font-size: calc(16px + 0.5vw);
134
	color: red;
-
 
135
	margin-top: 5px;
-
 
136
	height: 40px;
-
 
137
}
152
}
-
 
153
 
138
.link_logout {
154
.log-info-petit {
139
	padding-top: 20px;
-
 
140
	padding-bottom: 20px;
155
	font-size: calc(14px + 0.2vw);
141
}
156
}
-
 
157
 
142
.text_warn {
158
.waiting_box, .error_box, .logout_box {
143
	margin: 0px;
159
	display: flex;
144
	font-size: 9px;
160
	align-items: center;
145
}
161
}
146
 
162
 
147
#close-warning {
163
.waiting_msg, .error_msg, .logout_msg {
148
	padding: 5px;
-
 
149
	text-align: center;
164
	text-align: center;
150
	font-weight: bold;
165
	display: inline-block;
151
	color: darkred;
166
	font-size: calc(18px + 0.5vw);
152
}
167
}
-
 
168
 
-
 
169
.nb_open_session {
-
 
170
	margin-bottom: 5px;
-
 
171
}
-
 
172