Subversion Repositories ALCASAR

Rev

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

Rev 2346 Rev 2766
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 
 
153 
 
 173