Subversion Repositories VORC

Rev

Rev 105 | Rev 112 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
7 - 1 
:root {
2 
	--dark-color: #004771;
3 
	--medium-color: #0090e4;
4 
	--light-color: rgba(0, 119, 189, .2);
5 
    --highlight: rgba(0, 119, 189, .4);
6 
	--hl-light: #ffff99;
7 
	--hl-dark: #ffe699;
8 
}
9 
 
10 
body {
11 
	background-color: white;
12 
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif";
13 
	color: var(--dark-color);
14 
	margin: 4px;
15 
}
16 
 
17 
.hide {
18 
	display: none;
19 
	padding: 10px;
20 
}
21 
 
22 
.show:hover + .hide {
23 
	display: block;
24 
	position: absolute;
25 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
26 
}
27 
 
28 
div {
29 
	color: var(--dark-color);
30 
}
31 
 
32 
.index {
33 
	margin-top: 25px;
34 
	margin-left: 5px;
15 - 35 
	max-width: 875px;
7 - 36 
}
37 
 
38 
.heading {
39 
	background-color: var(--dark-color);
40 
	accent-color: var(--dark-color);
41 
	border-radius: 3px 15px 3px 3px;
42 
/*	max-width: 610px; */
43 
	padding: 5px;
44 
	color: white;
45 
}
46 
 
47 
ul {
8 - 48 
	max-width: 95%;
49 
}
50 
 
51 
li {
7 - 52 
/*	max-width: 580px; */
53 
}
8 - 54 
.lisp0 {display:flex;}
55 
.liLeft {
56 
	float:left;
57 
	display: flex;
58 
	width:80%;
59 
	margin: auto;
60 
}
7 - 61 
 
8 - 62 
.liRight {
63 
	float:right;
64 
	width:20%;
65 
	text-align:right;
66 
}
67 
 
105 bgadell 68 
.liNarrowLeft {
69 
	float:left;
70 
	display: flex;
71 
	width:20%;
72 
	margin: auto;
73 
}
74 
 
75 
.liWideRight {
76 
	float:right;
77 
	width:80%;
78 
	text-align:right;
79 
}
80 
 
7 - 81 
.accent {
82 
	background-color: var(--dark-color);
83 
	accent-color: var(--dark-color);
84 
}
85 
 
86 
.pageheader {
87 
	max-width: 610px;
88 
	padding: 10px;
89 
	border-radius: 5px 35px 5px 5px;
90 
	margin-bottom: 4px;
91 
}
92 
 
15 - 93 
.sp0 {display:flex; max-width:875px;}
7 - 94 
.spLeft {
95 
	float:left;
96 
	display: flex;
97 
	width:65%;
98 
	font-size: x-small;
99 
}
100 
 
101 
.spRight {
102 
	float:right;
103 
	width:35%;
104 
	text-align:right;
105 
	font-size: x-small;
106 
}
107 
 
108 
.autoload {
109 
	color: rgba(255,255,255, .9);
110 
}
111 
 
112 
input[type=radio] {
113 
	opacity: 75%;
114 
}
115 
 
116 
h1 {
117 
	color: white;
118 
	font-style: italic;
119 
	font-weight: bold;
120 
	text-shadow: 2px 2px 4px #000000;
121 
	margin: 0;
122 
}
123 
 
124 
h5 {
125 
	font-size: x-small;
126 
	margin: 0;
127 
	line-height: 200%;
128 
}
129 
 
130 
.footer {
131 
	font-size: xx-small;
132 
	font-weight: bold;
133 
}
134 
 
135 
a {
136 
	color: var(--dark-color);
137 
	text-decoration: none;
138 
	white-space: nowrap;
139 
}
140 
 
141 
 
142 
a:hover {
143 
	text-decoration: underline;
144 
	cursor: pointer;
145 
}
146 
 
147 
.nowrap {
148 
	white-space: nowrap;
149 
	margin: auto;
150 
}
151 
 
152 
input[type=text],
153 
input[type=number],
154 
input[type=password],
155 
input[type=time],
156 
input[type=date],
157 
select,
158 
textarea
159 
{
160 
	font-size: small;
161 
	padding: 2px;
162 
	border: 1px solid var(--medium-color);
163 
  border-radius: 4px;
164 
	box-sizing: border-box;
165 
  outline: none;
166 
	color: var(--dark-color);
167 
}
168 
 
169 
input[type=text]:focus,
170 
input[type=number]:focus,
171 
input[type=password]:focus,
172 
input[type=time]:focus,
173 
input[type=date]:focus,
174 
select:focus,
175 
textarea:focus {
176 
  border: 1px solid var(--dark-color);
177 
}
178 
 
179 
 
180 
button,
181 
input[type=button],
182 
input[type=reset],
183 
input[type=submit] {
184 
	background-color: var(--medium-color);
185 
	border: none;
186 
	color: var(--dark-color);
187 
	padding: 4px 16px;
188 
	text-decoration: none;
189 
	margin: 4px 2px;
190 
	border-radius: 15px;
191 
	font-weight: bold;
192 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
193 
	cursor: pointer;
194 
	font-size: xx-small;
195 
	vertical-align: middle;
196 
}
197 
 
198 
button:hover, input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {
199 
	background-color: var(--dark-color);
200 
	color: var(--medium-color);
201 
	box-shadow: -2px -2px 4px var(--light-color);
202 
	vertical-align: middle;
203 
}
204 
 
205 
.inputfile {
206 
	width: 0.1px;
207 
	height: 0.1px;
208 
	opacity: 0;
209 
	overflow: hidden;
210 
	position: absolute;
211 
	z-index: -1;
212 
}
213 
 
214 
.inputfile + label {
215 
	background-color: var(--medium-color);
216 
	border: none;
217 
	color: var(--dark-color);
218 
	padding: 4px 16px;
219 
	text-decoration: none;
220 
	margin: 4px 2px;
221 
	border-radius: 15px;
222 
	font-weight: bold;
223 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
224 
	cursor: pointer;
225 
	font-size: x-small;
226 
  display: inline-block;
227 
}
228 
 
229 
.inputfile + label * {
230 
	pointer-events: none;
231 
}
232 
 
233 
.inputfile:focus + label,
234 
.inputfile + label:hover {
235 
	background-color: var(--dark-color);
236 
	color: var(--medium-color);
237 
	box-shadow: -2px -2px 4px var(--light-color);
238 
}
239 
 
240 
.bold {
241 
	font-weight: bold;
242 
}
243 
 
244 
.success {
245 
	font-size: small;
246 
	font-weight: bold;
247 
	color: green;
248 
}
249 
 
250 
.error {
251 
	font-size: small;
252 
	font-weight: bold;
253 
	color: crimson;
254 
}
255 
 
256 
.hint {
257 
	font-size: small;
258 
	font-style: italic;
259 
	color: darkgray;
260 
}
261 
 
262 
.top {
263 
	vertical-align: top;
264 
}
265 
.rTable {
266 
	display: table;
267 
	padding: 0;
268 
	border: 0;
269 
	border-spacing: 0;
270 
	margin: 0;
271 
	min-width: 80%;
272 
}
273 
.rTableRow { display: table-row; }
274 
.rTableRowSpan { display: table-row; column-span: all; }
275 
.rTableHeading {
276 
	display: table-header-group;
277 
}
278 
.rTableHead {
279 
	display: table-cell;
280 
	color: white;
281 
	background-color: var(--dark-color);
282 
	font-style: italic;
283 
	font-size: small;
284 
	text-shadow: 1px 1px 2px #000000;
285 
	text-align: left;
286 
	white-space: nowrap;
287 
	padding: 3px 12px;
288 
}
289 
 
290 
.rTableHead:first-child {
291 
	border-radius: 5px 0 0 0;
292 
}
293 
 
294 
.rTableHead:last-child {
295 
	border-radius: 0 20px 0 0;
296 
}
297 
 
298 
.rTableBody { display: table-row-group; }
299 
.rTableFoot { display: table-footer-group; }
300 
.rTableCell {
301 
	display: table-cell;
302 
	color: var(--dark-color);
303 
	font-size: x-small;
304 
	text-align: left;
305 
	padding: 5px 12px;
306 
}
307 
 
308 
.rTableCellr {
309 
	display: table-cell;
310 
	color: var(--dark-color);
311 
	font-size: x-small;
312 
	text-align: left;
313 
	padding: 5px 12px;
314 
}
315 
.rTableCellr:first-child {
316 
	text-align: right;
317 
}
318 
 
319 
.quarters {
320 
	width: 25%;
321 
}
322 
 
323 
.right {
324 
	text-align: right;
325 
}
326 
 
327 
.shaded:nth-child(odd) {
328 
	background-color: var(--light-color);
329 
}
330 
 
331 
.shaded:nth-child(even) {
332 
	background-color: white;
333 
}
334 
 
335 
.shaded:hover {
336 
  background-color: var(--highlight);
337 
}
338 
 
339 
.highlighted {
340 
	background-color: var(--hl-light);
341 
}
342 
 
343 
.highlighted:hover {
344 
  background-color: var(--hl-dark);
345 
}
346 
 
347 
tr.highlighted {
348 
	background: var(--hl-light);
349 
}
350 
 
351 
.filters {
352 
	background-color: var(--medium-color);
353 
}
354 
 
57 bgadell 355 
.tooltip-wrap {
356 
  position: relative;
357 
}
358 
.tooltip-wrap .tooltip-content {
359 
  display: none;
360 
  position: absolute;
361 
  bottom: 5%;
362 
  left: 5%;
363 
  right: 5%;
364 
  border-radius: 5px;
365 
  background-color: #d3d3d3;
366 
  padding: .5em;
367 
  min-width: 10rem;
368 
	font-size: small;
369 
	font-style: italic;
370 
	color: black;
371 
}
372 
.tooltip-wrap:hover .tooltip-content {
373 
  display: block;
374 
}
375 
 
7 - 376 
table {
377 
	padding: 0;
378 
	border: 0;
379 
	border-spacing: 0;
380 
	margin: 0;
381 
}
382 
 
383 
tr:nth-child(odd).shaded {
384 
	background-color: var(--light-color);
385 
}
386 
 
387 
tr:nth-child(even).shaded {
388 
	background: white;
389 
}
390 
 
391 
th {
392 
	color: white;
393 
	background-color: var(--dark-color);
394 
	font-style: italic;
395 
	font-size: small;
396 
	text-shadow: 1px 1px 2px #000000;
397 
	text-align: left;
398 
	white-space: nowrap;
399 
}
400 
 
401 
td {
402 
	color: var(--dark-color);
403 
	font-size: x-small;
404 
	text-align: left;
405 
}
406 
 
40 - 407 
td.mvp {
408 
	font-size: small;
409 
}
410 
 
7 - 411 
td.filters .filters {
412 
	background-color: var(--medium-color);
413 
}
414 
 
415 
 
416 
.switch {
417 
  position: relative;
418 
  display: inline-block;
419 
  width: 30px;
420 
  height: 17px;
421 
}
422 
 
423 
/* Hide default HTML checkbox */
424 
.switch input {
425 
  opacity: 0;
426 
  width: 0;
427 
  height: 0;
428 
}
429 
 
430 
/* The slider */
431 
.slider {
432 
  position: absolute;
433 
  cursor: pointer;
434 
  top: 0;
435 
  left: 0;
436 
  right: 0;
437 
  bottom: 0;
438 
  background-color: #ccc;
439 
  -webkit-transition: .4s;
440 
  transition: .4s;
441 
}
442 
 
443 
.slider:before {
444 
  position: absolute;
445 
  content: "";
446 
  height: 13px;
447 
  width: 13px;
448 
  left: 2px;
449 
  bottom: 2px;
450 
  background-color: white;
451 
  -webkit-transition: .4s;
452 
  transition: .4s;
453 
}
454 
 
455 
input:checked + .slider {
456 
  background-color: #2196F3;
457 
}
458 
 
459 
input:focus + .slider {
460 
  box-shadow: 0 0 1px #2196F3;
461 
}
462 
 
463 
input:checked + .slider:before {
464 
  -webkit-transform: translateX(13px);
465 
  -ms-transform: translateX(13px);
466 
  transform: translateX(13px);
467 
}
468 
 
469 
/* Rounded sliders */
470 
.slider.round {
471 
  border-radius: 17px;
472 
}
473 
 
474 
.slider.round:before {
475 
  border-radius: 50%;
476 
}
40 - 477 
 
478 
.pagebreak { page-break-after: always; }