3 $desktopMinWidth: 700px;
18 h1:first-child, h2:first-child, h3:first-child {
23 box-sizing: border-box;
26 max-width: $siteMaxWidth;
31 padding: 2vmin 2vmin 0 2vmin;
32 max-width: $siteMaxWidth;
36 .siteOuter.siteLayoutFull {
38 "+-----------+ +--------------+ "
39 "| .siteLogo | | .siteContent | 0fr "
43 "| .siteNav | | | 1fr "
44 "+-----------+ +--------------+ "
46 "+----------------------------------+ "
47 "| .siteFooter | 0fr "
48 "+----------------------------------+ "
51 .siteOuter.siteLayoutSidebar {
53 "+-----------+ +--------------+ +--------------+ "
54 "| .siteLogo | | .siteContent | | .siteSidebar | 0fr "
55 "+-----------+ | | | | "
57 "+-----------+ | | | | "
58 "| .siteNav | | | | | 1fr "
59 "+-----------+ +--------------+ +--------------+ "
61 "+---------------------------------------------------------+ "
62 "| .siteFooter | 0fr "
63 "+---------------------------------------------------------+ "
64 " 200px 2vmin 2fr 2vmin 2fr ";
67 @media (max-width: $desktopMinWidth) {
75 "| .siteContent | 1fr "
79 "| .siteFooter | 1fr "
89 // from back in the day (the rest of the file from here down)
91 display: inline-block;
95 display: inline-block;
114 font: 12px monospace;
115 border: 1px solid #000;
132 border: 1px dotted #000;
133 padding: 0 15px 15px 15px;
142 border: 2px solid #f00;
152 margin: -10px 0 10px;
159 margin: 16px 0px 8px;
188 margin: 15px 15px 0 15px;
196 display: inline-block;
211 margin: 0 0 15px 20px;
218 p.attribution:before {
226 font: 15px Arimo, Arial, sans-serif;
229 #admin_pages_body #cke_content {
233 #admin_pages_wysiwyg_content_full_main {
240 border: 5px solid #eee;
243 #admin_pages_wysiwyg_content_with_sidebar_main {
250 border: 5px solid #eee;
253 #admin_pages_body #cke_sidebar_content {
257 #admin_pages_wysiwyg_content_with_sidebar_sidebar_plain {
264 border: 5px solid #eee;
267 #admin_pages_wysiwyg_content_with_sidebar_sidebar_bordered {
274 border: 5px solid #eee;
281 margin: 0 auto 15px auto;
284 #site_header:before {
286 background-size: 100%;
306 display: inline-block;
314 margin-bottom: -1.2em;
318 display: inline-block;
330 -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
331 box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
332 -webkit-border-radius: 4px;
344 border-top: 1px dotted #ddc;
350 background: rgba(255,244,244,0.5);
351 border: 1px dotted #000;
362 background-repeat: no-repeat;
363 background-position: left top;
364 margin: 0 10px 2px 0;
374 background-repeat: no-repeat;
375 background-position: left top;
376 margin: 0 0 2px 10px;
383 background-repeat: no-repeat;
384 background-position: center top;
389 article > :first-child,
390 aside > :first-child,
391 section > :first-child,
399 fieldset > :last-child,
400 article > :last-child,
402 section > :last-child,
413 table.evenodd > thead > tr:nth-child(2n+1) > td,
414 table.evenodd > tbody > tr:nth-child(2n+1) > td,
415 table.evenodd > tr:nth-child(2n+1) > td,
416 table.evenodd > thead > tr:nth-child(2n+1) > th,
417 table.evenodd > tbody > tr:nth-child(2n+1) > th,
418 table.evenodd > tr:nth-child(2n+1) > th {
419 background: rgba(0,0,0,0.04);
421 table.evenodd > thead > tr:nth-child(2n+1):hover > td,
422 table.evenodd > tbody > tr:nth-child(2n+1):hover > td,
423 table.evenodd > tr:nth-child(2n+1):hover > td,
424 table.evenodd > thead > tr:nth-child(2n+1):hover > th,
425 table.evenodd > tbody > tr:nth-child(2n+1):hover > th,
426 table.evenodd > tr:nth-child(2n+1):hover > th {
427 background: rgba(0,0,0,0.07);
429 table.evenodd > thead > tr:nth-child(2n+0) > td,
430 table.evenodd > tbody > tr:nth-child(2n+0) > td,
431 table.evenodd > tr:nth-child(2n+0) > td,
432 table.evenodd > thead > tr:nth-child(2n+0) > th,
433 table.evenodd > tbody > tr:nth-child(2n+0) > th,
434 table.evenodd > tr:nth-child(2n+0) > th {
435 background: rgba(0,0,0,0.02);
437 table.evenodd > thead > tr:nth-child(2n+0):hover > td,
438 table.evenodd > tbody > tr:nth-child(2n+0):hover > td,
439 table.evenodd > tr:nth-child(2n+0):hover > td,
440 table.evenodd > thead > tr:nth-child(2n+0):hover > th,
441 table.evenodd > tbody > tr:nth-child(2n+0):hover > th,
442 table.evenodd > tr:nth-child(2n+0):hover > th {
443 background: rgba(0,0,0,0.09);
446 border: 1px solid #f00;
448 .password_suggestion + .password_suggestion {
467 background-size: 100% auto;
468 background-repeat: no-repeat;
469 background-position: 50% top;
477 width: 38.19660112501052%;
493 display: inline-block;
496 background-size: contain;
497 background-position: 50% 50%;
498 background-repeat: no-repeat;
511 body > .centerer.with_sidebar > .main {
515 body > .centerer.with_sidebar > .gap {
518 body > .centerer.with_sidebar > .gap .wfpl_li,
519 body > .centerer.with_sidebar > .gap .wfpl_ri {
522 body > .centerer.with_sidebar > .gap .wfpl_ci {
525 body > .centerer.with_sidebar > .sidebar.plain {
529 body > .centerer.with_sidebar > .sidebar.plain .wfpl_li,
530 body > .centerer.with_sidebar > .sidebar.plain .wfpl_ri {
533 body > .centerer.with_sidebar > .sidebar.plain .wfpl_ci {
536 body > .centerer.with_sidebar > .sidebar.bordered {
544 body > .centerer.with_sidebar > .sidebar.bordered .wfpl_li,
545 body > .centerer.with_sidebar > .sidebar.bordered .wfpl_ri {
548 body > .centerer.with_sidebar > .sidebar.bordered .wfpl_ci {
555 @media screen and (max-width: 980px) {
560 body > .centerer.with_sidebar > .main {
563 body > .centerer.with_sidebar > .gap {
566 body > .centerer.with_sidebar > .sidebar.plain {
569 body > .centerer.with_sidebar > .sidebar.bordered {
576 body > .centerer .wfpl_li,
577 body > .centerer .wfpl_ri {
578 width: calc(71.5326673199794px + 30.666846670275838%);
580 body > .centerer .wfpl_ci {
581 width: 362.86771068759987px;
583 body > .centerer.full > .main .wfpl_li,
584 body > .centerer.full > .main .wfpl_ri {
585 width: calc(71.5326673199794px + 30.666846670275838%);
587 body > .centerer.full > .main .wfpl_ci {
588 width: 362.86771068759987px;
590 body > .centerer.with_sidebar > .main .wfpl_li,
591 body > .centerer.with_sidebar > .main .wfpl_ri {
592 width: calc(97.53541937032978px + 23.63907584585682%);
594 body > .centerer.with_sidebar > .main .wfpl_ci {
595 width: 255.91722753757045px;
600 background-position: 980px 670px;
601 background-position: 370px 541.1940298507462px;
603 @media screen and (max-width: 541.1940298507462px) {
604 body > .centerer.full > .main {
614 body > .centerer.full > .main .wfpl_li,
615 body > .centerer.full > .main .wfpl_ri {
616 width: calc(71.5326673199794px + 30.666846670275838%);
618 body > .centerer.full > .main .wfpl_ci {
619 width: 362.86771068759987px;
621 body > .centerer.with_sidebar > .main {
631 body > .centerer.with_sidebar > .main .wfpl_li,
632 body > .centerer.with_sidebar > .main .wfpl_ri {
633 width: calc(71.5326673199794px + 30.666846670275838%);
635 body > .centerer.with_sidebar > .main .wfpl_ci {
636 width: 362.86771068759987px;
638 body > .centerer.with_sidebar > .gap {
648 body > .centerer.with_sidebar > .gap .wfpl_li,
649 body > .centerer.with_sidebar > .gap .wfpl_ri {
650 width: calc(71.5326673199794px + 30.666846670275838%);
652 body > .centerer.with_sidebar > .gap .wfpl_ci {
653 width: 362.86771068759987px;
655 body > .centerer.with_sidebar > .sidebar.plain {
658 body > .centerer.with_sidebar > .sidebar.bordered {
662 @media screen and (max-width: 381.68421052631584px) {
663 body > .centerer .wfpl_li,
664 body > .centerer .wfpl_ci,
665 body > .centerer .wfpl_ri {
667 width: 362.86771068759987px;
672 @media screen and (max-width: 381.68421052631584px) {
673 body > .centerer.full > .main .wfpl_li,
674 body > .centerer.full > .main .wfpl_ci,
675 body > .centerer.full > .main .wfpl_ri {
677 width: 362.86771068759987px;
682 @media screen and (max-width: 381.68421052631584px) {
683 body > .centerer.with_sidebar > .main .wfpl_li,
684 body > .centerer.with_sidebar > .main .wfpl_ci,
685 body > .centerer.with_sidebar > .main .wfpl_ri {
687 width: 255.91722753757045px;
692 #mobile_menu_button {
698 @media screen and (max-width: 600px) {
702 #mobile_menu_check:not(:checked) + div {
705 #mobile_menu_check:checked + div {
709 #mobile_menu_check:checked + div > ul {
712 background: rgba(255,255,255,0.95);
720 border-bottom-left-radius: 4px;
721 border-bottom-right-radius: 4px;
722 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
723 box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
725 #mobile_menu_check:checked + div > ul li {
729 #mobile_menu_check:checked + div > ul li + li {
732 #mobile_menu_check:checked + div > ul li a {
735 #mobile_menu_check:checked + div > ul:before,
736 #mobile_menu_check:checked + div > ul:after {
742 #mobile_menu_check:checked + div > ul > * {
747 #mobile_menu_button {
749 padding: 0px 10px 0px 17px;
753 #admin_images_body .th_toggle_buttons {
758 #admin_images_body .th_toggle_buttons > * {
759 display: inline-block;
763 #admin_images_body .th_toggle_buttons:before {
767 margin-bottom: -1.2em;
769 #admin_images_body .th_toggle_buttons:after {
771 display: inline-block;