summaryrefslogtreecommitdiff
path: root/static/style_38c3.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/style_38c3.css')
-rw-r--r--static/style_38c3.css950
1 files changed, 950 insertions, 0 deletions
diff --git a/static/style_38c3.css b/static/style_38c3.css
new file mode 100644
index 0000000..33bb0f3
--- /dev/null
+++ b/static/style_38c3.css
@@ -0,0 +1,950 @@
1body {
2 font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:300; font-stretch:normal;
3 padding-bottom: 12rem;
4 height: 1px;
5}
6
7body:after {
8 content: ".";
9 clear: both;
10 display: block;
11 visibility: hidden;
12 height: 12rem;
13}
14
15div, p, a, li, td { -webkit-text-size-adjust:none; }
16
17body,
18header {
19 min-width: 640px;
20}
21
22.narpr {
23 position: fixed;
24 top: 3em;
25 bottom: 9rem;
26 left: 3em;
27 border: 4px solid black;
28 background: white;
29 width: 88%;
30 padding: 1em;
31 min-height: 50em;
32 border-radius: 10px;
33 overflow-y:scroll;
34 overflow-x:hidden;
35
36 user-select: none;
37 -webkit-user-select: none;
38 -ms-user-select: none;
39 -webkit-touch-callout: none;
40 -o-user-select: none;
41 -moz-user-select: none;
42}
43.narpr_swpipy.large {
44 font-size: 20em;
45}
46.narpr_swipy {
47 background: linear-gradient(to right, #0084B0 00%, #00A356 100% );
48 background-size: 200% auto;
49 -webkit-background-clip: text;
50 -webkit-text-fill-color: transparent;
51 font-variant: small-caps;
52 font-size: 4em;
53 position: relative;
54 top: 20px;
55 text-align: center;
56 width: 100%;
57
58 color: #000;
59 background-clip: text;
60 text-fill-color: transparent;
61 -webkit-background-clip: text;
62 -webkit-text-fill-color: transparent;
63}
64
65.narpr-beta {
66 display: inline-block;
67 float: right;
68 width: 4em;
69 background: linear-gradient(to right, #0084B0 -100%, #00A356 200% );
70 border: 2px black solid;
71 margin-left: 2em;
72 margin-bottom: 2em;
73 padding-top: 1.0em;
74 padding-bottom: 1.5em;
75 text-align: center;
76 font-weight: bold;
77 color: white !important;
78 border-radius: 10px;
79 cursor: pointer;
80}
81
82.narpr_done {
83 float: right;
84 bottom: 0px;
85 margin-top: 1em;
86 padding: 0.2em;
87 font-size: 3em;
88 background: linear-gradient(to right, #0084B0 -100%, #00A356 200% );
89 border: 2px black solid;
90 font-color: white;
91 border-radius: 10px;
92 cursor: pointer;
93}
94
95.narpr_done:hover {
96 background: black;
97 color: white;
98}
99
100.narpr_track {
101 color: grey;
102 font-size: 3em;
103 font-variant: small-caps;
104 margin-top: 1em;
105}
106
107.narpr_title {
108 font-size: 4em;
109 font-weight: bold;
110}
111
112.narpr_subtitle {
113 font-size: 3em;
114}
115.narpr_speakers {
116 font-size: 3em;
117 font-style: italic;
118 padding: 0.2em 0.2em 0.2em 0.4em;
119 margin-bottom: 1em;
120}
121.narpr_abstract {
122 font-size: 2em;
123}
124
125.intro {
126 float: left;
127 font-size: 1em;
128 max-width: 50%;
129 width: auto;
130 padding-left: 0.5em;
131}
132
133.track-list {
134 padding-top: 1em;
135 float: right;
136 max-width: 40%;
137 width: auto;
138 text-align: right;
139 max-height: 300px;
140 overflow: hidden;
141}
142
143@media (max-width: 800px) {
144.footer,
145.track-list {
146 font-size: 0.8em;
147}
148}
149
150.headline {
151 font-size: 3em;
152 font-weight: bold;
153 text-align: center;
154 margin-bottom: 1em;
155}
156
157.rightbox {
158 float: right;
159 max-width: 50%;
160}
161
162.leftbox {
163 float: left;
164 max-width: 100%;
165}
166
167.submit {
168 font-size: 1em;
169 text-align: center;
170 text-transform: uppercase;
171 height: 1em;
172 background: green; color: white;
173
174 padding: 1em;
175 border-radius: 5px;
176 float: right;
177 cursor: pointer;
178 margin: 1rem;
179}
180
181.submit svg{
182 fill :#fff;
183 float: right;
184 height: 1em;
185 margin-left: 1em;
186}
187
188.export-url,
189.info {
190 font-size: 1em;
191 font-weight: bold;
192 text-align: center;
193 vertical-align: middle;
194
195 height: 1em;
196 background: lightblue;
197
198 margin: 1rem 0.5rem 1rem;
199 border-radius: 5px;
200 padding: 1em;
201 float: right;
202}
203
204.submit:hover {
205 background: #000;
206 transition: background 0.5s;
207}
208
209#filter {
210 font-size: 1em;
211 border-radius: 5px;
212 line-height: 1em;
213 height: 1em;
214 padding: 0.8em;
215 margin: 1em;
216 min-width: 250px;
217}
218
219.clear {
220 clear: both;
221}
222
223.explainer {
224 margin: 0 auto;
225 width: 50%;
226 max-width: 80em;
227 text-align: center;
228}
229
230.explainer ul {
231 list-style-type: none;
232 padding:0;
233 margin:0;
234 height: 8em;
235 overflow: hidden;
236}
237
238.boxer {
239 font-size: 1em;
240 float: left;
241 width: 2em;
242 height: 2em;
243 background: grey;
244 color: white;
245 text-align: center;
246 margin-right: 0.2em;
247 padding: 0.2em 0 0 0;
248 cursor: pointer;
249 border-radius: 5px;
250}
251
252.allboxes {
253 clear: left;
254}
255
256.vmediumboxes {
257 width: 3em;
258 height: 3em;
259}
260
261.vlargeboxes {
262 width: 4em;
263 height: 4em;
264}
265
266.inline-button {
267 display: block;
268 background: grey;
269 margin-right: 0.2em;
270 padding: 2em 0 0 0;
271 text-align: center;
272 color: white;
273 width: 5em;
274 height: 3em;
275 cursor: pointer;
276 border-radius: 5px;
277}
278
279.views {
280 display: inline-block;
281 background: grey;
282 margin-right: 0.2em;
283 padding: 0.2em 0 0 0;
284 text-align: center;
285 color: white;
286 width: 3em;
287 height: 2em;
288 cursor: pointer;
289 border-radius: 5px;
290}
291
292.inline-button:hover,
293.views:hover,
294.boxer:hover {
295 background: #eee;
296}
297
298.track h2 {
299 text-align: center;
300
301 border-bottom: 0.3em solid #4588ba;
302
303 margin: 2em 0 1em 0;
304 clear: both;
305}
306
307.version {
308 position: absolute;
309 top: 4px;
310 right: 4px;
311}
312.trashbin {
313 position: absolute;
314 top 4px;
315 left: 4px;
316 text-align: center;
317 border: 1px silver dotted;
318 border-radius: 0.2em;
319 background: #ddd;
320 padding: 1em;
321}
322.in-list .trashbin {
323 visibility: hidden;
324 display: none;
325}
326.trashbin.over {
327 background: red;
328}
329
330/* Our main event box */
331.event {
332 overflow: hidden;
333
334 background: #eee;
335 border-radius: 5px;
336
337 margin: 0 0.8em 0.8em 0;
338 cursor: pointer;
339}
340
341.event .speakers,
342.event .abstract {
343 font-size: 0.8em;
344}
345
346.event .abstract p:first-of-type {
347 margin-top: 0;
348 padding-top: 0.2em;
349}
350
351/* If tagged as in-list, display and stack them to the left */
352.in-list .event {
353 display: inline-block;
354 visibility: visible;
355 float: left;
356}
357
358.in-list .event:hover {
359 position: relative;
360 top: auto !important;
361}
362
363.event.selected {
364 background: green;
365}
366
367/* Outer glow for selected events in other display modes */
368.languages .event.selected,
369.all-tracks .event.selected,
370.correlate .event.selected {
371 box-shadow: 0px 0px 20px 5px rgba(100,200,40,1);
372}
373
374.foundation:before {
375 float: right;
376 content: ' ';
377 border: 0.8em red solid;
378 border-bottom-left-radius: 2em; margin-top: 0; margin-left: 0;
379 width: 0;
380 height: 0;
381 color: red;
382 background-color: red;
383}
384
385.selected.friend {
386 background-image:
387 repeating-linear-gradient(
388 45deg,
389 purple,
390 purple 20px,
391 green 20px,
392 green 40px /* determines size */
393 ) !important;
394 color: white;
395}
396.friend {
397 background: purple;
398 color: white;
399}
400
401.in-calendar .room-label {
402 font-size: 2em;
403}
404
405.in-calendar.alldays .room-label {
406 font-size: 1em;
407}
408
409/* Events in calendar view are only visible if the have a date */
410.in-calendar.alldays .event.day_1, .in-calendar.onlyday1 .event.day_1,
411.in-calendar.alldays .event.day_2, .in-calendar.onlyday2 .event.day_2,
412.in-calendar.alldays .event.day_3, .in-calendar.onlyday3 .event.day_3,
413.in-calendar.alldays .event.day_4, .in-calendar.onlyday4 .event.day_4 {
414 display: block;
415 visibility: visible;
416}
417
418/* span a grid */
419.grid {
420 position: absolute;
421 text-align: center;
422 z-index: -1;
423 opacity: 0.25;
424}
425
426.grid.possible {
427 background: blue;
428}
429
430.wholeday {
431 position: absolute;
432 text-align: center;
433 padding-top: 1em;
434 font-size: 2em;
435 top: 350px;
436 opacity: 0.3;
437 z-position: -3;
438}
439.wholeday.uneven {
440 background-color: cyan;
441}
442
443.wholeblock {
444 position: absolute;
445 background-color: yellow;
446 opacity: 0.4;
447 z-position: -3;
448}
449.in-calendar.onlyday1 .wholeblock,
450.in-calendar.onlyday2 .wholeblock,
451.in-calendar.onlyday3 .wholeblock,
452.in-calendar.onlyday4 .wholeblock
453{
454 width: 100%;
455}
456
457.grid.over {
458 background-color: lime;
459}
460
461.room-label {
462 text-align: center;
463 font-size: 2em;
464 font-weight: bold;
465 top: 350px;
466}
467
468.views.vday4 {
469 margin-right: 3em;
470}
471
472.guide {
473 position: absolute;
474 z-index: -1;
475 font-weight: bold;
476}
477
478hr.guide {
479 left: 4%;
480 width: 95%;
481}
482
483.ende, .pause {
484 background-color: pink;
485 color: white;
486 text-align: center;
487 left: 0;
488 right: 0;
489 z-position: -1;
490}
491
492.size-large .pause {
493 font-size: 9em;
494}
495
496.size-medium .pause {
497 font-size: 7em;
498}
499
500.size-small .pause {
501 font-size: 4em;
502}
503
504/* togglable view selectors */
505.absolute .vhalf { background: red; }
506.correlate .vcorr { background: red; }
507.still-left .vleft { background: red; }
508.languages .vlang { background: red; }
509.showcorrweb .vweb { background: red; }
510.all-tracks .vtrack { background: red; }
511.in-list .vlist { background: red; }
512.size-large .vlargeboxes { background: red; }
513.size-medium .vmediumboxes { background: red; }
514.size-small .vsmallboxes { background: red; }
515.in-calendar.alldays .vdays { background: red; }
516.in-calendar.onlyday1 .vday1 { background: red; }
517.in-calendar.onlyday2 .vday2 { background: red; }
518.in-calendar.onlyday3 .vday3 { background: red; }
519.in-calendar.onlyday4 .vday4 { background: red; }
520
521/* Rule for when stuff is hidden */
522.in-list .guide,
523.in-list .grid,
524.in-list .room-label,
525.in-calendar .track h2,
526.in-calendar .event:not(.day_1):not(.day_2):not(.day_3):not(.day_4),
527.in-list .corr-warn,
528.in-list.still-left .day_1,
529.in-list.still-left .day_2,
530.in-list.still-left .day_3,
531.in-list.still-left .day_4,
532.onlyday1 .day_2, .onlyday1 .day_3, .onlyday1 .day_4,
533.onlyday2 .day_1, .onlyday2 .day_3, .onlyday2 .day_4,
534.onlyday3 .day_1, .onlyday3 .day_2, .onlyday3 .day_4,
535.onlyday4 .day_1, .onlyday4 .day_2, .onlyday4 .day_3,
536.onlyday1 .wholeday, .onlyday2 .wholeday, .onlyday3 .wholeday, .onlyday4 .wholeday {
537 visibility: hidden !important;
538 display: none !important;
539}
540
541.in-calendar.alldays .event.workshop,
542.in-calendar.onlyday1 .event.workshop,
543.in-calendar.onlyday2 .event.workshop,
544.in-calendar.onlyday3 .event.workshop,
545.in-calendar.onlyday4 .event.workshop,
546.in-calendar.alldays .workshop.room-label,
547.in-calendar.onlyday1 .workshop.room-label,
548.in-calendar.onlyday2 .workshop.room-label,
549.in-calendar.onlyday3 .workshop.room-label,
550.in-calendar.onlyday4 .workshop.room-label
551 {
552 visibility: hidden;
553 display: none;
554}
555
556/* Events in list that have a date set, will be marked */
557.fullnarp.in-list .event.day_1,
558.fullnarp.in-list .event.day_2,
559.fullnarp.in-list .event.day_3,
560.fullnarp.in-list .event.day_4 {
561 background-color: blue;
562 color: white;
563}
564
565.title {
566 font-weight: bold;
567 font-size: 1.1em;
568 padding: 0.2em 0.2em 0 0.2em;
569 background-color: initial;
570}
571
572.speakers {
573 font-style: italic;
574 padding: 0.2em 0.2em 0.2em 0.4em;
575}
576
577.abstract {
578 padding: 0 0.2em 0.2em 0.2em;
579 border-radius: 0 0 5px 5px;
580}
581
582.title:hover,
583.abstract:hover,
584.speakers:hover,
585.event:hover .speakers,
586.event:hover .abstract,
587.event:hover .title,
588.speakers:hover + .abstract,
589.title:hover + .speakers + .abstract {
590 background: initial;
591 background-color: inherit;
592}
593
594.selected:hover,
595.friend:hover {
596 background: lime !important;
597 color: black !important;
598}
599
600/* Halfnarp results */
601.event .absval {
602 display: none;
603}
604
605.absolute .event .absval,
606.correlate .event .absval {
607 visibility: visible !important;
608 display: block !important;
609 text-align: center;
610 font-size: 2em;
611 color: white;
612 background: transparent;
613 top: 0;
614 width: 100%;
615 font-weight: bold;
616}
617
618.languages .lang_de { background: pink !important; }
619.languages .lang_en { background: cyan !important; }
620.corr-hint { display: none; font-weight: bold; }
621.correlate .corr-hint { display: initial !important; }
622
623.has_unavailable_speaker { border-style: dashed !important; }
624
625.in-calendar .class_2000.room6, .in-calendar .class_1000.room6, .in-calendar .class_500.room6,
626.in-calendar .class_2000.roomg, .in-calendar .class_1000.roomg,
627.in-calendar .class_2000.room2 {
628 background-image:
629 repeating-linear-gradient(
630 45deg,
631 #eee,
632 #eee 20px,
633 #ddd 20px,
634 #ddd 40px /* determines size */
635 );
636}
637
638/* Events in calendar where speakers are unavailable, will be marked */
639.in-calendar .unavailable {
640 background-image:
641 repeating-linear-gradient(
642 45deg,
643 black,
644 black 20px,
645 red 20px,
646 red 40px /* determines size */
647 ) !important;
648 color: white;
649}
650
651/* Events in calendar where speakers are unavailable, will be marked */
652.in-calendar .conflict {
653 background-image:
654 repeating-linear-gradient(
655 45deg,
656 black,
657 black 20px,
658 yellow 20px,
659 yellow 40px /* determines size */
660 ) !important;
661 color: red;
662}
663
664body.in-list .corrweb {
665 display: none !important;
666}
667
668.r, .rr, .rrr, .rrrr, .l, .ll, .lll, .llll {
669 position: absolute;
670 border: 8px solid;
671 height: 20px;
672 pointer-events: none;
673}
674
675.r, .rr, .l, .ll {
676 border-bottom: none;
677 border-top-right-radius: 50% 50%;
678 border-top-left-radius: 50% 50%;
679}
680
681.rrr, .rrrr, .lll, .llll {
682 border-top: none;
683 border-bottom-right-radius: 50%;
684 border-bottom-left-radius: 50%;
685}
686
687.corr_d_0 { border-color: #f0f0f0; }
688.corr_d_1 { border-color: #d0d0d0; }
689.corr_d_2 { border-color: #b0b0b0; }
690.corr_d_3 { border-color: #909090; }
691.corr_d_4 { border-color: #707070; }
692.corr_d_5 { border-color: #505050; }
693.corr_d_6 { border-color: #303030; }
694.corr_d_7 { border-color: #101010; }
695.corr_d_8 { border-color: #000000; }
696.corr_d_9 { border-color: #000000; }
697.corr_d_x { border-color: #0000ff; }
698
699.rr, .ll { margin-top: 15px; }
700.rr.room2, .rr.room4, .ll.room2, .ll.room4 { margin-top: 25px; }
701.rrr, .lll { margin-top: 35px; }
702.rrr.room2, .lll.room5 { margin-top: 45px; }
703.rrrr, .llll { margin-top: 55px; }
704
705/* FAQ */
706dt {
707 font-weight: bold;
708}
709
710dl {
711 width: 45em;
712 margin: auto;
713}
714
715/* to quickly hide elements */
716
717.hidden {
718 visibility: hidden !important;
719 display: none !important;
720}
721
722.pending {
723 -webkit-box-shadow: 0px 0px 20px 5px rgba(255,255,0,1);
724 -moz-box-shadow: 0px 0px 20px 5px rgba(255,255,0,1);
725 box-shadow: 0px 0px 20px 5px rgba(255,255,0,1);
726}
727.pending-delete {
728 opacity: 0.25;
729}
730.failed {
731 -webkit-box-shadow: 0px 0px 20px 5px rgba(255,0,0,1);
732 -moz-box-shadow: 0px 0px 20px 5px rgba(255,0,0,1);
733 box-shadow: 0px 0px 20px 5px rgba(255,0,0,1);
734}
735
736#qrcode {
737 display: inline-block;
738 float: right;
739 cursor: pointer;
740 margin: 5px 0.8em 0;
741 padding 0;
742 border: 0;
743 width: 68px;
744 height: 68px;
745}
746
747.qrcode-huge #qrcode {
748 position: fixed;
749 border: white 40px solid !important;
750 display: block;
751 top: 20%;
752 left: 50%;
753 margin-left: -200px;
754 width: 400px;
755 height: 400px;
756 padding: 0;
757}
758
759*[draggable=true] {
760 cursor: move;
761}
762
763/* Boring lists */
764
765body.absolute .class_5000 { background: #000000 !important; color: white !important; }
766body.absolute .class_2000 { background: #101010 !important; color: white !important; }
767body.absolute .class_1000 { background: #404040 !important; color: white !important; }
768body.absolute .class_500 { background: #707070 !important; color: white !important; }
769body.absolute .class_200 { background: #a0a0a0 !important; }
770body.absolute .class_100 { background: #c0c0c0 !important; }
771
772body.correlate .event[corr="0"] { background: #f0f0f0 !important; color: black !important; }
773body.correlate .event[corr="1"] { background: #d0d0d0 !important; color: black !important; }
774body.correlate .event[corr="2"] { background: #b0b0b0 !important; color: black !important; }
775body.correlate .event[corr="3"] { background: #909090 !important; color: black !important; }
776body.correlate .event[corr="4"] { background: #707070 !important; color: white !important; }
777body.correlate .event[corr="5"] { background: #505050 !important; color: white !important; }
778body.correlate .event[corr="6"] { background: #303030 !important; color: white !important; }
779body.correlate .event[corr="7"] { background: #101010 !important; color: white !important; }
780body.correlate .event[corr="8"] { background: #000000 !important; color: white !important; }
781body.correlate .event[corr="9"] { background: #000000 !important; color: white !important; }
782body.correlate .event[corr="x"] { background: #0000ff !important; color: white !important; }
783
784body.classifiers .event[intensity="10"] { background: #000000 !important; color: white !important; }
785body.classifiers .event[intensity="9"] { background: #1A1A1A !important; color: white !important; }
786body.classifiers .event[intensity="8"] { background: #333333 !important; color: white !important; }
787body.classifiers .event[intensity="7"] { background: #4D4D4D !important; color: white !important; }
788body.classifiers .event[intensity="6"] { background: #666666 !important; color: white !important; }
789body.classifiers .event[intensity="5"] { background: #808080 !important; color: black !important; }
790body.classifiers .event[intensity="4"] { background: #999999 !important; color: black !important; }
791body.classifiers .event[intensity="3"] { background: #B3B3B3 !important; color: black !important; }
792body.classifiers .event[intensity="2"] { background: #CCCCCC !important; color: black !important; }
793body.classifiers .event[intensity="1"] { background: #E6E6E6 !important; color: black !important; }
794body.classifiers .event[intensity="0"] { background: #FFFFFF !important; color: black !important; }
795
796body.classifiers .event[intensity="+0"] { background: #FF7F00 !important; color: white !important; }
797body.classifiers .event[intensity="+1"] { background: #E67F1A !important; color: white !important; }
798body.classifiers .event[intensity="+2"] { background: #CC7F33 !important; color: white !important; }
799body.classifiers .event[intensity="+3"] { background: #B37F4D !important; color: white !important; }
800body.classifiers .event[intensity="+4"] { background: #997F66 !important; color: white !important; }
801body.classifiers .event[intensity="+5"] { background: #807F80 !important; color: white !important; }
802body.classifiers .event[intensity="+6"] { background: #667F99 !important; color: white !important; }
803body.classifiers .event[intensity="+7"] { background: #4D7FB3 !important; color: white !important; }
804body.classifiers .event[intensity="+8"] { background: #337FCC !important; color: white !important; }
805body.classifiers .event[intensity="+9"] { background: #1A7FE6 !important; color: white !important; }
806body.classifiers .event[intensity="+10"] { background: #007FFF !important; color: white !important; }
807
808body.classifiers .legend,
809body.classifiers .vclass
810{ background: grey !important; border-color: grey; }
811
812body.classifiers[classifier="Ethics, Politics + Society"] .vclass[classifier="Ethics, Politics + Society"],
813body.classifiers[classifier="Entertainment"] .vclass[classifier="Entertainment"],
814body.classifiers[classifier="Art + Culture"] .vclass[classifier="Art + Culture"],
815body.classifiers[classifier="Security"] .vclass[classifier="Security"],
816body.classifiers[classifier="Resilience"] .vclass[classifier="Resilience"],
817body.classifiers[classifier="Science"] .vclass[classifier="Science"],
818body.classifiers[classifier="Hardware"] .vclass[classifier="Hardware"],
819body.classifiers[classifier="Foundations"] .vclass[classifier="Foundations"]
820{ background-color: red !important; border-color: red; }
821
822body.classifiers[classifier="Defense - Offense"] .vclass[classifier="Defense - Offense"],
823body.classifiers[classifier="Theory - Practice"] .vclass[classifier="Theory - Practice"],
824body.classifiers[classifier="Novelty"] .vclass[classifier="Novelty"]
825{
826 background: linear-gradient(left, #ff7f00, #007fff) !important;
827 background: -webkit-linear-gradient(left, #ff7f00, #007fff) !important;
828 background: -o-linear-gradient(left, #ff7f00, #007fff) !important;
829 background: -moz-linear-gradient(left, #ff7f00, #007fff) !important;
830 border: red 2px solid;
831}
832
833.in-calendar.size-large.alldays .event { font-size: 0.8em; }
834.in-calendar.size-medium.alldays .event { font-size: 0.6em; }
835.in-calendar.size-medium .event { font-size: 0.9em; }
836.in-calendar.size-small.alldays .event { font-size: 0.4em; }
837.in-calendar.size-small .event { font-size: 0.8em; }
838
839.size-medium .event { font-size: 1.2em; }
840.size-large .event { font-size: 1.5em; }
841.in-list.size-small .event { width: 10em; }
842.in-list.size-medium .event { width: 12em; }
843.in-list.size-large .event { width: 14em; }
844
845.halfnarp.size-small.in-list .event { min-height: 10em; max-height: 10em; }
846.halfnarp.size-medium.in-list .event { min-height: 12em; max-height: 12em; }
847.halfnarp.size-large.in-list .event { min-height: 14em; max-height: 14em; }
848
849.track_1 { border: 2px solid #b99745; } /* A&C */
850.track_2 { border: 2px solid #45b964; } /* CCC */
851.track_3 { border: 2px solid #45b964; } /* Entertainment */
852.track_4 { border: 2px solid #a8563f; } /* Hardware */
853.track_5 { border: 2px solid #45b9b3; } /* Science */
854.track_6 { border: 2px solid #5057af; } /* Security */
855.track_7 { border: 2px solid #b550bd; } /* ESP */
856
857.all-tracks .track_1 { background-color: #F9B000 !important; background-image: none !important; color: black; } /* A&C */
858.all-tracks .track_2 { background-color: #4d4d4c !important; background-image: none !important; } /* CCC */
859.all-tracks .track_3 { background-color: #4d4d4c !important; background-image: none !important; } /* Entertainment */
860.all-tracks .track_4 { background-color: #44357E !important; background-image: none !important; } /* Hardware */
861.all-tracks .track_5 { background-color: #00A356 !important; background-image: none !important; } /* Science */
862.all-tracks .track_6 { background-color: #18386B !important; background-image: none !important; color: white; } /* Security */
863.all-tracks .track_7 { background-color: #E40429 !important; background-image: none !important; } /* ESP */
864
865.vclass,
866.legend,
867.two_poles {
868 display: inline-block;
869 border-radius: 5px;
870 color: white;
871 margin-left: 1em;
872 margin-bottom: 0.2em;
873 padding: 0.3em;
874}
875.vclass {
876 background: orange;
877 cursor: pointer;
878}
879.two_poles {
880 border: solid white 2px;
881 background: linear-gradient(left, #ff7f00, #007fff);
882 background: -webkit-linear-gradient(left, #ff7f00, #007fff);
883 background: -o-linear-gradient(left, #ff7f00, #007fff);
884 background: -moz-linear-gradient(left, #ff7f00, #007fff);
885}
886.vclass:hover {
887 background: grey !important;
888 border-color: grey;
889}
890
891.in-calendar .event:hover,
892.highlighted {
893 max-height: initial !important;
894 /* overflow: visible; */
895 z-index: 1;
896 background: #333;
897 color: white;
898}
899
900.in-calendar.in-drag .event.is-dragged,
901.in-calendar.in-drag .highlighted {
902 max-height: 10px !important;
903 height: 10px !important;
904 overflow: hidden !important;
905 opacity: 0.5;
906 pointer-events: none;
907}
908
909.in-list .event:hover,
910.highlighted {
911 overflow: visible;
912 z-index: 1;
913 background: #333;
914 color: white;
915}
916
917.footer{
918 position: fixed;
919 background-color: #c3c3c3;
920 min-width: 640px;
921 width: 100%;
922 bottom: 0;
923 left:0;
924 right: 0;
925}
926
927.header{
928 width: 100%;
929 display: block;
930}
931
932.header__right{
933 float: right;
934}
935
936label{
937 display: block;
938 line-height: 1.5em;
939 padding: 1em;
940 padding-bottom: 0;
941 font-size: 0.75em;
942}
943
944.footer__filter-side{
945 float: left;
946}
947
948a{
949 color: #000;
950}
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-22 00:02:55 +0000