10 border-collapse:collapse;
14 font-family:sans-serif;
15 -ms-text-size-adjust:100%;
16 -webkit-text-size-adjust:100%
48 vertical-align:baseline
50 audio:not([controls]) {
59 background-color:transparent
62 border-bottom:1px dotted
88 vertical-align:baseline
109 background-image:-webkit-linear-gradient(left,#292929,#1f8dd6,#292929);
110 background-image:-moz-linear-gradient(left,#292929,#1f8dd6,#292929);
111 background-image:-ms-linear-gradient(left,#292929,#1f8dd6,#292929);
112 background-image:-o-linear-gradient(left,#292929,#1f8dd6,#292929)
120 font-family:monospace,monospace;
143 html input[type=button],
146 -webkit-appearance:button;
148 letter-spacing:.05em;
149 background:transparent;
150 text-transform:uppercase;
153 border:2px solid #2497e3;
155 box-shadow:inset 0 1px 11px 0 #1f8dd6
158 html input[disabled] {
161 button::-moz-focus-inner,
162 input::-moz-focus-inner {
166 input[type=checkbox],
168 box-sizing:border-box;
169 vertical-align:middle;
172 input[type=number]::-webkit-inner-spin-button,
173 input[type=number]::-webkit-outer-spin-button {
177 -webkit-appearance:textfield;
178 box-sizing:content-box
181 .pure-form input:not([type]),
183 box-sizing:border-box
185 input[type=search]::-webkit-search-cancel-button,
186 input[type=search]::-webkit-search-decoration {
187 -webkit-appearance:none
190 border:1px solid silver;
192 padding:.35em .625em .75em
204 display:none!important
212 letter-spacing:-.31em;
213 text-rendering:optimizespeed;
214 font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
216 display:-webkit-flex;
219 -webkit-flex-flow:row wrap;
220 -ms-flex-flow:row wrap;
222 -webkit-align-content:flex-start;
223 -ms-flex-line-pack:start;
224 align-content:flex-start
226 @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
231 .opera-only :-o-prefocus,
282 letter-spacing:normal;
284 vertical-align:text-top;
286 display:inline-block;
290 .pure-g [class*=pure-u] {
291 font-family:sans-serif
396 display:inline-block;
399 vertical-align:middle;
402 -webkit-user-drag:none;
403 -webkit-user-select:none;
404 -moz-user-select:none;
405 -ms-user-select:none;
408 .pure-button::-moz-focus-inner {
413 letter-spacing:-.31em;
414 text-rendering:optimizespeed
416 .opera-only :-o-prefocus,
425 color:rgba(0,0,0,.8);
426 border:1px solid #999;
428 background-color:#E6E6E6;
429 text-decoration:none;
434 border:2px solid #61c6ff;
435 box-shadow:inset 0 1px 15px 0 #1f8dd6;
436 filter:alpha(opacity=90);
437 background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
438 background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
441 .pure-button:active {
442 box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
445 .pure-button-disabled,
446 .pure-button-disabled:active,
447 .pure-button-disabled:focus,
448 .pure-button-disabled:hover,
449 .pure-button[disabled] {
451 background-image:none;
452 filter:alpha(opacity=40);
458 .pure-button-hidden {
461 .pure-button-primary,
462 .pure-button-selected,
463 a.pure-button-primary,
464 a.pure-button-selected {
465 background-color :#0078e7;
468 .pure-button-group .pure-button {
469 letter-spacing:normal;
475 border-right:1px solid #111;
476 border-right:1px solid rgba(0,0,0,.2)
478 .pure-button-group .pure-button:first-child {
479 border-top-left-radius:2px;
480 border-bottom-left-radius:2px
482 .pure-button-group .pure-button:last-child {
483 border-top-right-radius:2px;
484 border-bottom-right-radius:2px;
487 .pure-form input[type=password],
488 .pure-form input[type=email],
489 .pure-form input[type=url],
490 .pure-form input[type=date],
491 .pure-form input[type=month],
492 .pure-form input[type=time],
493 .pure-form input[type=datetime],
494 .pure-form input[type=datetime-local],
495 .pure-form input[type=week],
496 .pure-form input[type=tel],
497 .pure-form input[type=color],
498 .pure-form input[type=number],
499 .pure-form input[type=search],
500 .pure-form input[type=text],
502 .pure-form textarea {
505 display:inline-block;
506 border:1px solid #ccc;
507 box-shadow:inset 0 1px 10px #1f8dd6;
509 vertical-align:middle;
510 box-sizing:border-box
512 .pure-form input:not([type]) {
514 display:inline-block;
515 border:1px solid #ccc;
516 box-shadow:inset 0 1px 3px #ddd;
519 .pure-form input[type=color] {
522 .pure-form input:not([type]):focus,
523 .pure-form input[type=password]:focus,
524 .pure-form input[type=email]:focus,
525 .pure-form input[type=url]:focus,
526 .pure-form input[type=date]:focus,
527 .pure-form input[type=month]:focus,
528 .pure-form input[type=time]:focus,
529 .pure-form input[type=datetime]:focus,
530 .pure-form input[type=datetime-local]:focus,
531 .pure-form input[type=week]:focus,
532 .pure-form input[type=tel]:focus,
533 .pure-form input[type=color]:focus,
534 .pure-form input[type=number]:focus,
535 .pure-form input[type=search]:focus,
536 .pure-form input[type=text]:focus,
537 .pure-form select:focus,
538 .pure-form textarea:focus {
542 .pure-form input[type=file]:focus,
543 .pure-form input[type=checkbox]:focus,
544 .pure-form input[type=radio]:focus {
545 outline:#129FEA auto 1px
547 .pure-form .pure-checkbox,
548 .pure-form .pure-radio {
551 .pure-form input:not([type])[disabled],
552 .pure-form input[type=password][disabled],
553 .pure-form input[type=email][disabled],
554 .pure-form input[type=url][disabled],
555 .pure-form input[type=date][disabled],
556 .pure-form input[type=month][disabled],
557 .pure-form input[type=time][disabled],
558 .pure-form input[type=datetime][disabled],
559 .pure-form input[type=datetime-local][disabled],
560 .pure-form input[type=week][disabled],
561 .pure-form input[type=tel][disabled],
562 .pure-form input[type=color][disabled],
563 .pure-form input[type=number][disabled],
564 .pure-form input[type=search][disabled],
565 .pure-form input[type=text][disabled],
566 .pure-form select[disabled],
567 .pure-form textarea[disabled] {
569 background-color:#eaeded;
572 .pure-form input[readonly],
573 .pure-form select[readonly],
574 .pure-form textarea[readonly] {
575 background-color:#eee;
579 .pure-form input:focus:invalid,
580 .pure-form select:focus:invalid,
581 .pure-form textarea:focus:invalid {
585 .pure-form input[type=file]:focus:invalid:focus,
586 .pure-form input[type=checkbox]:focus:invalid:focus,
587 .pure-form input[type=radio]:focus:invalid:focus {
588 outline-color:#e9322d
592 border:1px solid #ccc;
595 .pure-form select[multiple] {
601 .pure-form fieldset {
603 padding:.35em 0 .75em;
612 border-bottom:1px solid #e5e5e5
614 .pure-form-stacked input:not([type]),
615 .pure-form-stacked input[type=password],
616 .pure-form-stacked input[type=email],
617 .pure-form-stacked input[type=url],
618 .pure-form-stacked input[type=date],
619 .pure-form-stacked input[type=month],
620 .pure-form-stacked input[type=time],
621 .pure-form-stacked input[type=datetime],
622 .pure-form-stacked input[type=datetime-local],
623 .pure-form-stacked input[type=week],
624 .pure-form-stacked input[type=tel],
625 .pure-form-stacked input[type=color],
626 .pure-form-stacked input[type=file],
627 .pure-form-stacked input[type=number],
628 .pure-form-stacked input[type=search],
629 .pure-form-stacked input[type=text],
630 .pure-form-stacked label,
631 .pure-form-stacked select,
632 .pure-form-stacked textarea {
636 .pure-form-aligned .pure-help-inline,
637 .pure-form-aligned input,
638 .pure-form-aligned select,
639 .pure-form-aligned textarea,
640 .pure-form-message-inline {
641 display:inline-block;
642 vertical-align:middle
644 .pure-form-aligned textarea {
647 .pure-form-aligned .pure-control-group {
650 .pure-form-aligned .pure-control-group label {
652 display:inline-block;
653 vertical-align:middle;
657 .pure-form-aligned .pure-controls {
658 margin:1.5em 0 0 11em
660 .pure-form .pure-input-rounded,
661 .pure-form input.pure-input-rounded {
665 .pure-form .pure-group fieldset {
668 .pure-form .pure-group input,
669 .pure-form .pure-group textarea {
677 .pure-form .pure-group input:focus,
678 .pure-form .pure-group textarea:focus {
681 .pure-form .pure-group input:first-child,
682 .pure-form .pure-group textarea:first-child {
684 border-radius:4px 4px 0 0;
687 .pure-form .pure-group input:first-child:last-child,
688 .pure-form .pure-group textarea:first-child:last-child {
693 .pure-form .pure-group input:last-child,
694 .pure-form .pure-group textarea:last-child {
696 border-radius:0 0 4px 4px;
699 .pure-form .pure-group button {
702 .pure-form .pure-input-1 {
705 .pure-form .pure-input-3-4 {
708 .pure-form .pure-input-2-3 {
711 .pure-form .pure-input-1-2 {
714 .pure-form .pure-input-1-3 {
717 .pure-form .pure-input-1-4 {
720 .pure-form .pure-help-inline,
721 .pure-form-message-inline {
722 display:inline-block;
725 vertical-align:middle;
733 @media only screen and (max-width : 480px) {
734 .pure-form button[type=submit] {
737 .pure-form input:not([type]),
738 .pure-form input[type=password],
739 .pure-form input[type=email],
740 .pure-form input[type=url],
741 .pure-form input[type=date],
742 .pure-form input[type=month],
743 .pure-form input[type=time],
744 .pure-form input[type=datetime],
745 .pure-form input[type=datetime-local],
746 .pure-form input[type=week],
747 .pure-form input[type=tel],
748 .pure-form input[type=color],
749 .pure-form input[type=number],
750 .pure-form input[type=search],
751 .pure-form input[type=text],
756 .pure-group input:not([type]),
757 .pure-group input[type=password],
758 .pure-group input[type=email],
759 .pure-group input[type=url],
760 .pure-group input[type=date],
761 .pure-group input[type=month],
762 .pure-group input[type=time],
763 .pure-group input[type=datetime],
764 .pure-group input[type=datetime-local],
765 .pure-group input[type=week],
766 .pure-group input[type=tel],
767 .pure-group input[type=color],
768 .pure-group input[type=number],
769 .pure-group input[type=search],
770 .pure-group input[type=text] {
773 .pure-form-aligned .pure-control-group label {
779 .pure-form-aligned .pure-controls {
782 .pure-form .pure-help-inline,
784 .pure-form-message-inline {
813 text-decoration:none;
816 .pure-menu-horizontal {
820 .pure-menu-horizontal .pure-menu-list {
823 .pure-menu-horizontal .pure-menu-heading,
824 .pure-menu-horizontal .pure-menu-item,
825 .pure-menu-horizontal .pure-menu-separator {
826 display:inline-block;
828 vertical-align:middle
830 .pure-menu-item .pure-menu-item {
833 .pure-menu-children {
842 .pure-menu-horizontal .pure-menu-children {
847 .pure-menu-active>.pure-menu-children,
848 .pure-menu-allow-hover:hover>.pure-menu-children {
852 .pure-menu-has-children>.pure-menu-link:after {
857 .pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
860 .pure-menu-scrollable {
864 .pure-menu-scrollable .pure-menu-list {
867 .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
870 .pure-menu-horizontal.pure-menu-scrollable {
874 -ms-overflow-style:none;
875 -webkit-overflow-scrolling:touch;
878 .pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
881 .pure-menu-horizontal .pure-menu-children .pure-menu-separator,
882 .pure-menu-separator {
883 background-color:#ccc;
887 .pure-menu-horizontal .pure-menu-separator {
892 .pure-menu-horizontal .pure-menu-children .pure-menu-separator {
897 text-transform:uppercase;
903 .pure-menu-children {
904 background-color:#fff
911 .pure-menu-disabled {
914 .pure-menu-disabled .pure-menu-link:hover {
915 background-color:transparent
917 .pure-menu-active>.pure-menu-link,
918 .pure-menu-link:focus,
919 .pure-menu-link:hover {
920 background-color:#eee
922 .pure-menu-selected .pure-menu-link,
923 .pure-menu-selected .pure-menu-link:visited {
928 border:1px solid #cbcbcb
930 .pure-table caption {
932 font:italic 85%/1 arial,sans-serif;
938 border-left:1px solid #cbcbcb;
939 border-width:0 0 0 1px;
945 .pure-table td:first-child,
946 .pure-table th:first-child {
950 background-color:#e0e0e0;
953 vertical-align:bottom
956 background-color:transparent
959 .pure-table-striped tr:nth-child(2n-1) td {
960 background-color:#f2f2f2
962 .pure-table-bordered td {
963 border-bottom:1px solid #cbcbcb
965 .pure-table-bordered tbody>tr:last-child>td {
966 border-bottom-width:0
968 .pure-table-horizontal td,
969 .pure-table-horizontal th {
970 border-width:0 0 1px;
971 border-bottom:1px solid #cbcbcb
973 .pure-table-horizontal tbody>tr:last-child>td {
974 border-bottom-width:0
987 .pure-img-responsive {
995 -webkit-transition:all 0.2s ease-out;
996 -moz-transition:all 0.2s ease-out;
997 -ms-transition:all 0.2s ease-out;
998 -o-transition:all 0.2s ease-out;
999 transition:all 0.2s ease-out
1006 #layout.active #menu {
1010 #layout.active .menu-link {
1030 font-variant-caps: small-caps
1039 margin:50px 0 20px 0;
1044 margin-left:calc(var(--slide)* -1);
1053 -webkit-overflow-scrolling:touch
1058 padding:.6em 0.3em .6em 0.6em
1061 #menu .pure-menu ul {
1063 background:transparent
1065 #menu .pure-menu ul,
1066 #menu .pure-menu .menu-item-divided {
1067 border-top:1px solid #333
1069 #menu .pure-menu li a:hover,
1070 #menu .pure-menu li a:focus {
1074 #menu .pure-menu-selected,
1075 #menu .pure-menu-heading {
1076 background:dodgerblue
1078 #menu .pure-menu-selected a {
1081 #menu .pure-menu-heading {
1082 letter-spacing:.15em;
1083 text-transform:uppercase;
1087 padding:.6em 0.3em .6em 0.3em
1095 background:rgba(0,0,0,0.42);
1111 .menu-link span:before,
1112 .menu-link span:after {
1113 background-color:dodgerblue;
1117 .menu-link span:before,
1118 .menu-link span:after {
1123 .menu-link span:after {
1126 @media(min-width:800px) {
1133 padding-left:var(--slide);
1144 #layout.active .menu-link {
1148 @media(max-width:48em) {
1155 -webkit-appearance:none;
1160 input[type=range]:focus {
1163 input[type=range]::-webkit-slider-runnable-track {
1168 box-shadow:0 0 0px #000000;
1169 background:dodgerblue;
1171 border:0 solid #000000
1173 input[type=range]::-webkit-slider-thumb {
1174 box-shadow:0 0 0px #000000;
1175 border:1px solid rgb(148,148,148);
1181 -webkit-appearance:none;
1184 input[type=range]:focus::-webkit-slider-runnable-track {
1185 background:dodgerblue
1187 input[type=range]::-moz-range-track {
1192 box-shadow:0 0 0px #000000;
1193 background:dodgerblue;
1195 border:0 solid #000000
1197 input[type=range]::-moz-range-thumb {
1198 box-shadow:0 0 0px #000000;
1199 border:1px solid dodgerblue;
1203 background:lightskyblue;
1206 input[type=range]::-ms-track {
1211 background:transparent;
1212 border-color:transparent;
1215 input[type=range]::-ms-fill-lower {
1216 background:dodgerblue;
1217 border:0 solid #000000;
1219 box-shadow:0 0 0px #000000
1221 input[type=range]::-ms-fill-upper {
1222 background:dodgerblue;
1223 border:0 solid #000000;
1225 box-shadow:0 0 0px #000000
1227 input[type=range]::-ms-thumb {
1229 box-shadow:0 0 0px #000000;
1230 border:1px solid dodgerblue;
1234 background:lightskyblue;
1237 input[type=range]:focus::-ms-fill-lower {
1238 background:dodgerblue
1240 input[type=range]:focus::-ms-fill-upper {
1241 background:dodgerblue
1256 display: inline-block;
1257 text-decoration: none
1260 /* notification button/message */
1269 position: fixed; /* Stay in place */
1270 z-index: 2000; /* Sit on top */
1273 width: 100%; /* Full width */
1274 height: 100%; /* Full height */
1275 overflow: auto; /* Enable scroll if needed */
1276 background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
1279 -webkit-appearance:button;
1281 letter-spacing:.05em;
1282 text-transform:uppercase;
1285 border:2px solid dodgerblue;
1287 box-shadow:inset 0 1px 11px 0 steelblue
1291 background-color: #333;
1299 border-bottom: lightgray solid 1px;
1302 /* overlapping hint button */
1307 background: transparent;
1312 display: inline-block;
1313 vertical-align: text-bottom;
1318 /* checkbox as a switch */
1320 input[type=checkbox].switch {
1323 label.switch.socket {
1328 span.switch.slider {
1329 display: inline-block;
1331 label.switch.socket span.switch.slider:before {
1339 border:2px solid dodgerblue;
1340 box-shadow:inset 0 1px 11px 0 steelblue
1342 label.switch span.switch.slider:after {
1346 background: dodgerblue;
1347 border-radius: 5.5ex;
1353 label.switch.socket input[type=checkbox]:checked + span.slider:before {
1355 background: darkslategray;
1359 label.switch.socket input[type=checkbox]:checked + span.slider:after {
1369 .weekday, .weekday-selected {
1370 font-size: min(4vw, 100%rem);
1375 border:2px solid dodgerblue;
1376 box-shadow:inset 0 1px 11px 0 steelblue;
1380 background: darkslategray;
1384 input[type=number] {
1385 appearance: textfield;
1388 /* fill all screen */
1397 font-family: "icons";
1400 src: url("/icons.woff2") format("woff2");
1406 margin-right: 0.5em;