Subversion Repositories VORC

Rev

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