Subversion Repositories VORC

Rev

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