Subversion Repositories VORC

Rev

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