WebSVN – ALCASAR – Diff – /web/css/status.css


HTML {
	background: url(/images/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 450px;
}
 
BODY {
	color: white;
}
 
.error-margin {
	margin-left: 0px;
	margin-right: 0px;
}
 
 
.main_box {
	display: flex;
	align-items: center;
} 
 
.image-resize {
	width: calc(100px + 5vh);
}
 
.image-resize-bottom {
	width: calc(100px + 5vh);
	margin-right: auto;
	margin-left: auto;
}
 
.background-display {
	background-color: white;
	color: black;
	text-align: center;
	border-bottom-left-radius:  10px;	
	border-bottom-right-radius:  10px;	
 
	/* get the main box under banner*/
	padding-top: 25px;
	z-index: 5;
	top: -20px;
	position: relative;
		
	/* ombrage css3 */
	-moz-box-shadow: 1px 4px 10px #000;
	-webkit-box-shadow: 1px 4px 10px #000;
	box-shadow: 0px 10px 10px #000;
 
}
 
.header_background {
	z-index: 10;
	display: flex;
	align-items: center;
	margin-top: 5vh;
	position: relative;
	background-image: linear-gradient(black,#222222);
	/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666;
	-webkit-box-shadow: 1px 1px 6px #666;
	box-shadow: 1px 1px 6px #666;
	border-radius: 10px;
}
 
.header_img {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
 
.header_title {
	display: inline-block;
	margin-top:10px;
	margin-bottom:10px;
}
 
.login-status {
	font-size: calc(26px + 1.5vw);
	text-align: center;
	margin: 0px;
	font-weight: bold;
}
 
.welcome-user {
	font-size: calc(20px + 1vw);
}
 
.error-table-border {
	border: 0px;
}
 
.table {
	margin-bottom: 10px;
}
.chilliLabel {
	font-size: calc(14px + 0.4vw);
	border-top: 1px solid rgba(0,0,0,0.6) !important;
}
 
.chilliValue {
	font-size: calc(12px + 0.4vw);
	border-top: 1px solid rgba(0,0,0,0.6) !important;
}
 
.button {
	font-size: calc(16px + 0.4vw);
	margin-bottom:10px;
}
 
.history {
	text-align: right;	
}
 
.history_bottom {
	text-align: left;
	font-size: calc(12px + 0.5vw);
	text-align: center;
}
 
ul {
	margin-bottom: 0px;
}
.log-box {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0px 0px 10px 10px #000;
	padding-left: 0px;
	color: black;
}
 
.log-titre {
	font-size: calc(7px + 0.6vw);
	text-align: end;
	font-weight: bold;
}
 
.log-info {
	font-size: calc(8px + 0.4vw);
	margin-right: 4px;
	text-align: end;
}
 
.log-titre-petit {
	font-size: calc(16px + 0.5vw);
}
 
.log-info-petit {
	font-size: calc(14px + 0.2vw);
}
 
.waiting_box, .error_box, .logout_box {
	display: flex;
	align-items: center;
}
 
.waiting_msg, .error_msg, .logout_msg {
	text-align: center;
	display: inline-block;
	font-size: calc(18px + 0.5vw);
}
 
.nb_open_session {
	margin-bottom: 5px;
}
 
.banner {
	z-index:10;
	display: flex;
	align-items: center;
	margin-top: 5vh;
	position: relative;
	background-image: linear-gradient(black,#222222);
	
	/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666;
	-webkit-box-shadow: 1px 1px 6px #666;
	box-shadow: 1px 1px 6px #666;
	border-radius:  10px;
}
 
Generated by GNU Enscript 1.6.6.
 
 
 

Rev 2766	Rev 3026
1	`HTML {`	1	`HTML {`
2	`background: url(/images/background.jpg) no-repeat center center fixed;`	2	`background: url(/images/background.jpg) no-repeat center center fixed;`
3	`-webkit-background-size: cover;`	3	`-webkit-background-size: cover;`
4	`-moz-background-size: cover;`	4	`-moz-background-size: cover;`
5	`-o-background-size: cover;`	5	`-o-background-size: cover;`
6	`background-size: cover;`	6	`background-size: cover;`
7	`min-width: 450px;`	7	`min-width: 450px;`
8	`}`	8	`}`
9		9
10	`BODY {`	10	`BODY {`
11	`color: white;`	11	`color: white;`
12	`}`	12	`}`
13		13
14	`.error-margin {`	14	`.error-margin {`
15	`margin-left: 0px;`	15	`margin-left: 0px;`
16	`margin-right: 0px;`	16	`margin-right: 0px;`
17	`}`	17	`}`
18		18
19		19
20	`.main_box {`	20	`.main_box {`
21	`display: flex;`	21	`display: flex;`
22	`align-items: center;`	22	`align-items: center;`
23	`}`	23	`}`
24		24
25	`.image-resize {`	25	`.image-resize {`
26	`width: calc(100px + 5vh);`	26	`width: calc(100px + 5vh);`
27	`}`	27	`}`
28		28
29	`.image-resize-bottom {`	29	`.image-resize-bottom {`
30	`width: calc(100px + 5vh);`	30	`width: calc(100px + 5vh);`
31	`margin-right: auto;`	31	`margin-right: auto;`
32	`margin-left: auto;`	32	`margin-left: auto;`
33	`}`	33	`}`
34		34
35	`.background-display {`	35	`.background-display {`
36	`background-color: white;`	36	`background-color: white;`
37	`color: black;`	37	`color: black;`
38	`text-align: center;`	38	`text-align: center;`
39	`border-bottom-left-radius: 10px;`	39	`border-bottom-left-radius: 10px;`
40	`border-bottom-right-radius: 10px;`	40	`border-bottom-right-radius: 10px;`
41		41
42	`/* get the main box under banner*/`	42	`/* get the main box under banner*/`
43	`padding-top: 25px;`	43	`padding-top: 25px;`
44	`z-index: 5;`	44	`z-index: 5;`
45	`top: -20px;`	45	`top: -20px;`
46	`position: relative;`	46	`position: relative;`
47		47
48	`/* ombrage css3 */`	48	`/* ombrage css3 */`
49	`-moz-box-shadow: 1px 4px 10px #000;`	49	`-moz-box-shadow: 1px 4px 10px #000;`
50	`-webkit-box-shadow: 1px 4px 10px #000;`	50	`-webkit-box-shadow: 1px 4px 10px #000;`
51	`box-shadow: 0px 10px 10px #000;`	51	`box-shadow: 0px 10px 10px #000;`
52		52
53	`}`	53	`}`
54		54
55	`.header_background {`	55	`.header_background {`
56	`z-index: 10;`	56	`z-index: 10;`
57	`display: flex;`	57	`display: flex;`
58	`align-items: center;`	58	`align-items: center;`
59	`margin-top: 5vh;`	59	`margin-top: 5vh;`
60	`position: relative;`	60	`position: relative;`
61	`background-image: linear-gradient(black,#222222);`	61	`background-image: linear-gradient(black,#222222);`
62	`/* ombrage CSS3 */`	62	`/* ombrage CSS3 */`
63	`-moz-box-shadow: 1px 1px 6px #666;`	63	`-moz-box-shadow: 1px 1px 6px #666;`
64	`-webkit-box-shadow: 1px 1px 6px #666;`	64	`-webkit-box-shadow: 1px 1px 6px #666;`
65	`box-shadow: 1px 1px 6px #666;`	65	`box-shadow: 1px 1px 6px #666;`
66	`border-radius: 10px;`	66	`border-radius: 10px;`
67	`}`	67	`}`
68		68
69	`.header_img {`	69	`.header_img {`
70	`display: inline-block;`	70	`display: inline-block;`
71	`margin-top: 5px;`	71	`margin-top: 5px;`
72	`margin-bottom: 5px;`	72	`margin-bottom: 5px;`
73	`}`	73	`}`
74		74
75	`.header_title {`	75	`.header_title {`
76	`display: inline-block;`	76	`display: inline-block;`
77	`margin-top:10px;`	77	`margin-top:10px;`
78	`margin-bottom:10px;`	78	`margin-bottom:10px;`
79	`}`	79	`}`
80		80
81	`.login-status {`	81	`.login-status {`
82	`font-size: calc(26px + 1.5vw);`	82	`font-size: calc(26px + 1.5vw);`
83	`text-align: center;`	83	`text-align: center;`
84	`margin: 0px;`	84	`margin: 0px;`
85	`font-weight: bold;`	85	`font-weight: bold;`
86	`}`	86	`}`
87		87
88	`.welcome-user {`	88	`.welcome-user {`
89	`font-size: calc(20px + 1vw);`	89	`font-size: calc(20px + 1vw);`
90	`}`	90	`}`
91		91
92	`.error-table-border {`	92	`.error-table-border {`
93	`border: 0px;`	93	`border: 0px;`
94	`}`	94	`}`
95		95
96	`.table {`	96	`.table {`
97	`margin-bottom: 10px;`	97	`margin-bottom: 10px;`
98	`}`	98	`}`
99	`.chilliLabel {`	99	`.chilliLabel {`
100	`font-size: calc(14px + 0.4vw);`	100	`font-size: calc(14px + 0.4vw);`
101	`border-top: 1px solid rgba(0,0,0,0.6) !important;`	101	`border-top: 1px solid rgba(0,0,0,0.6) !important;`
102	`}`	102	`}`
103		103
104	`.chilliValue {`	104	`.chilliValue {`
105	`font-size: calc(12px + 0.4vw);`	105	`font-size: calc(12px + 0.4vw);`
106	`border-top: 1px solid rgba(0,0,0,0.6) !important;`	106	`border-top: 1px solid rgba(0,0,0,0.6) !important;`
107	`}`	107	`}`
108		108
109	`.button {`	109	`.button {`
110	`font-size: calc(16px + 0.4vw);`	110	`font-size: calc(16px + 0.4vw);`
111	`margin-bottom:10px;`	111	`margin-bottom:10px;`
112	`}`	112	`}`
113		113
114	`.history {`	114	`.history {`
115	`text-align: right;`	115	`text-align: right;`
116	`}`	116	`}`
117		117
118	`.history_bottom {`	118	`.history_bottom {`
119	`text-align: left;`	119	`text-align: left;`
120	`font-size: calc(12px + 0.5vw);`	120	`font-size: calc(12px + 0.5vw);`
121	`text-align: center;`	121	`text-align: center;`
122	`}`	122	`}`
123		123
124	`ul {`	124	`ul {`
125	`margin-bottom: 0px;`	125	`margin-bottom: 0px;`
126	`}`	126	`}`
127	`.log-box {`	127	`.log-box {`
128	`padding-top: 10px;`	128	`padding-top: 10px;`
129	`padding-bottom: 10px;`	129	`padding-bottom: 10px;`
130	`background-color: white;`	130	`background-color: white;`
131	`border-top-left-radius: 10px;`	131	`border-top-left-radius: 10px;`
132	`border-bottom-left-radius: 10px;`	132	`border-bottom-left-radius: 10px;`
133	`box-shadow: 0px 0px 10px 10px #000;`	133	`box-shadow: 0px 0px 10px 10px #000;`
134	`padding-left: 0px;`	134	`padding-left: 0px;`
135	`color: black;`	135	`color: black;`
136	`}`	136	`}`
137		137
138	`.log-titre {`	138	`.log-titre {`
139	`font-size: calc(7px + 0.6vw);`	139	`font-size: calc(7px + 0.6vw);`
140	`text-align: end;`	140	`text-align: end;`
141	`font-weight: bold;`	141	`font-weight: bold;`
142	`}`	142	`}`
143		143
144	`.log-info {`	144	`.log-info {`
145	`font-size: calc(8px + 0.4vw);`	145	`font-size: calc(8px + 0.4vw);`
146	`margin-right: 4px;`	146	`margin-right: 4px;`
147	`text-align: end;`	147	`text-align: end;`
148	`}`	148	`}`
149		149
150	`.log-titre-petit {`	150	`.log-titre-petit {`
151	`font-size: calc(16px + 0.5vw);`	151	`font-size: calc(16px + 0.5vw);`
152	`}`	152	`}`
153		153
154	`.log-info-petit {`	154	`.log-info-petit {`
155	`font-size: calc(14px + 0.2vw);`	155	`font-size: calc(14px + 0.2vw);`
156	`}`	156	`}`
157		157
158	`.waiting_box, .error_box, .logout_box {`	158	`.waiting_box, .error_box, .logout_box {`
159	`display: flex;`	159	`display: flex;`
160	`align-items: center;`	160	`align-items: center;`
161	`}`	161	`}`
162		162
163	`.waiting_msg, .error_msg, .logout_msg {`	163	`.waiting_msg, .error_msg, .logout_msg {`
164	`text-align: center;`	164	`text-align: center;`
165	`display: inline-block;`	165	`display: inline-block;`
166	`font-size: calc(18px + 0.5vw);`	166	`font-size: calc(18px + 0.5vw);`
167	`}`	167	`}`
168		168
169	`.nb_open_session {`	169	`.nb_open_session {`
170	`margin-bottom: 5px;`	170	`margin-bottom: 5px;`
171	`}`	171	`}`
172		172
-		173	`.banner {`
-		174	`z-index:10;`
-		175	`display: flex;`
-		176	`align-items: center;`
-		177	`margin-top: 5vh;`
-		178	`position: relative;`
-		179	`background-image: linear-gradient(black,#222222);`
-		180
-		181	`/* ombrage CSS3 */`
-		182	`-moz-box-shadow: 1px 1px 6px #666;`
-		183	`-webkit-box-shadow: 1px 1px 6px #666;`
-		184	`box-shadow: 1px 1px 6px #666;`
-		185	`border-radius: 10px;`
-		186	`}`
173		187
-		188	`Generated by GNU Enscript 1.6.6.`
-		189
-		190
-		191

Subversion Repositories ALCASAR

(root)/web/css/status.css – Rev 2766 → 3026