<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* Openbare Daltonschool 't Palet
* By: Primosite https://primosite.nl
*
* Colors
* green:  #14af6b
* orange: #ff9900
* red:    #fd1813
*
*/

/* DEFAULTS
----------------------------------------------------- */
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-family: 'Quicksand', sans-serif;color:#14af6b;}
h1,h2 {text-align:center;}
h2,h3,h4,h5,h6 {margin:1em 0 0;}
h1 {margin-bottom:1em;font-size:36px}
h2 {font-size:30px;}
h3 {font-size:20px;}
p {margin-bottom:1em;}
p:last-child {margin-bottom:0;}
strong {color:#ff9900;}
table {width:100%;border-collapse:collapse;}
table tr:nth-child(odd) td {background:#eee})
th {text-align:left;}
th,td {vertical-align:top;padding:.25em;}
table h1,table h2,table h3 {margin:0;}
ul.menu {margin:0;}
ul,ol {margin:0 0 1em 2em;}
#content li {clear:left;}
#content ul.menu ul {margin-left:2em;}
.menu li {list-style:none;}
#content .menu li {list-style:none;display:flex;flex-flow:row wrap;margin-bottom:.5em;}
#content .menu li &gt; div.submenu {flex-basis:100%}

div.image,span.image {text-align:center;line-height:1;}
div.bgimg,span.bgimg {background-size:cover;background-position:50%;min-height:300px;}

a img,.image img {max-width:100%;}
.ui-datepicker {box-shadow:0 0 20px #aaa}
a {color:#fd1813;text-decoration:none;border-bottom:dotted 1px;;}
a:hover {border-bottom:solid 1px;}
a.imglink,a.imagelink {border:none;}
.more-wrapper {display:flex;}
a.more {display:flex;align-items:center;border:none;text-transform:uppercase;border:solid 2px;padding:.25em .5em;border-radius:2em;font-size:15px;}
a.more:before {content:"&gt;";width:17px;height:15px;margin-right:3px;padding-bottom:2px;;
  border-radius:50%;background:#fd1813;color:#fff;text-align:center;
display:flex;align-items:center;justify-content:center;}
a.more:hover {box-shadow:0 0 2px #000;}
#content-wrapper button.cancel {background:#ccc;color:#fff;}
#content-wrapper button.cancel:hover {background:#bbb;color:#fff;}
#content-wrapper button.more {padding:.5em;background:#95b6e3;color:#fff;border-radius:3px;}
#content-wrapper button.more:hover {}
#content-wrapper button[disabled="disabled"],
#content-wrapper button[disabled="disabled"]:hover{background:#ddd!important;}
#content-wrapper button {font-family:inherit;font-size:inherit;background-color:#14af6b;color:#fff;}
#content-wrapper button:hover {background-color:#21724e;}
#content-wrapper button b {display:none;}
#content-wrapper input,
#content-wrapper textarea,
#content-wrapper select {}
#content-wrapper input:focus,
#content-wrapper textarea:focus,
#content-wrapper select:focus {background:#fff!important;}
#content-wrapper .text {margin-bottom:1em;}
#content-wrapper .image {margin-bottom:1em;}

#content .field {display:flex;}
#content .fieldheader {flex-basis:200px;font-weight:bold;}
#content .fieldvalue {flex-basis:calc(100% - 2px);}

.ps-alert {border-radius:1em;border-color:#ff9900!important;}
.ps-alert h1 {color:#ff9900;}
.ps-alertbutton {background-color:#ff9900;color:#fff;text-transform:uppercase;font-size:16px;margin:.5em;}
.ps-alertbutton:hover {background-color:#d88200}


/* social share */
#content .sharelink {width:48px;height:48px;margin:.5em;border:none;}
/*
#content .sharelink.facebook:hover {background-color:#3b5998;}
#content .sharelink.twitter {background-color:#55acee;}
#content .sharelink.linkedin {background-color:#007bb5;}
#content .sharelink.permalink {background-color:#afb8d8;}
#content .sharelink.whatsapp {background-color:#57bb63;}
#content .sharelink:hover {background-color:#D98D16;border:none;}
*/

/* STRUCTURE
----------------------------------------------------- */
html {height:100%;font: 17px/1.25 'Quicksand', sans-serif;color:#000}
body {min-height:100%;width:100%;display:flex;flex-flow:column;justify-content:space-between;}
#container {min-height:100%;}

#header,
#menu,
#footer,
#content &gt; .a4d-wrapper,
#content &gt; .emailformbox,
#content &gt; #error,
#content &gt; .homepage-wrapper,
#content &gt; .events-wrapper,
#content &gt; .information,
#content &gt; .library,
#content &gt; .news,
#content &gt; .organization-wrapper,
#content &gt; .psform-wrapper,
#content &gt; .schoolguide-wrapper,
#content &gt; .sitemap,
#content &gt; .taggroup {width:calc(100% - 2em);max-width:1200px;margin:0 auto;padding:0 1em;}

#header-wrapper {width:100%;background:#fff;padding:1em 0;}
#header {position:relative;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;z-index:3;}
#version {position:absolute;left:0;top:0;background:#FD1813;color:#fff;padding:.5em 1em;font-weight:bold;text-transform:uppercase;}

#logo-wrapper {flex-basis:25%;flex-grow:1;/*! margin-right:1em; */display:flex;justify-content:center;}
#logo {display:flex;align-items:center;}
#logo a {min-width:200px;min-height:200px;display:block;border:none;
  background-image:url(/images/layout/v3.0/palet-logo.png);
  background-size:100% 100%;}
#logo .title {font-family: 'Quicksand', sans-serif;font-size:clamp(40px,4vw,90px);font-weight:bold;color:#14af6b;
  display:flex;flex-flow:column;text-align:center;}
#logo .title span {font-size:28px;color:#fd1813;letter-spacing:-2px;}
#logo .payoff {font-family: 'Homemade Apple', cursive;font-size:18px;text-align:center;}
#logo .payoff span {display:inline-block;padding:0 .5em;}
#logo .payoff span:nth-child(1) {color:#14af6b;}
#logo .payoff span:nth-child(2) {color:#ff9900;}
#logo .payoff span:nth-child(3) {color:#fd1813;}

.headerlinks {font-size:clamp(14px,2vw,18px)}
.headerlinks ul.level1 {height:100%;display:flex;flex-flow:column;justify-content:center;}
.headerlinks li {position:relative;}
.headerlinks li.level1 {margin:2px 0}
.headerlinks a {display:block;color:#fff;font-weight:bold;text-decoration:none;border:none;
  text-align:center;padding:.5em 1em;}
.headerlinks li.level1 &gt; div {background-color:#14af6b;}
.headerlinks li.level1:nth-child(1n+1) &gt; a,
.headerlinks li.level1:nth-child(1n+1) &gt; div {background-color:#ff9900;}
.headerlinks li.level1:nth-child(2n+1) &gt; a,
.headerlinks li.level1:nth-child(2n+1) &gt; div {background-color:#fd1813;}
.headerlinks li.level1:nth-child(3n+1) &gt; a,
.headerlinks li.level1:nth-child(3n+1) &gt; div {background-color:#14af6b;}
.headerlinks li &gt; div {display:none;width:100%;position:absolute;left:0;font-size:75%;}
.headerlinks li:hover &gt; div {display:block;}

#menu-wrapper {position:relative;z-index:2;background:#14af6b;margin:0 auto 2em;padding:.5em 0;}
#menu {font-family: 'Quicksand', sans-serif;}
#menu a {display:block;text-decoration:none;border:none;text-align:center;font-weight:bold;}
#menu ul.level1 {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -15px;}
#menu li.level1 {flex-basis:160px;flex-grow:1;max-width:240px;margin:15px;position:relative;background:#fff;}
#menu a.level1 {width:100%;display:flex;flex-flow:column;box-shadow:0 0 15px #396d55;}
#menu a.level1 &gt; .image {width:100%;min-height:125px;}
#menu a.level1 &gt; .navtitle {padding:1em 0;font-size:20px;}
#menu a.level1.pos1,#menu a.level1.pos4 {color:#14af6b;}
#menu a.level1.pos2,#menu a.level1.pos5 {color:#ff9900;}
#menu a.level1.pos3,#menu a.level1.pos6 {color:#fd1813;}
#menu li.level1 &gt; div {padding:1em 0;position:absolute;width:100%;box-shadow:0 0 15px #396d55;display:none;}
#menu li.level1:hover &gt; div {display:block;z-index:1;}
#menu li.level1.pos1 &gt; div,#menu li.level1.pos4 &gt; div {background-color:#14af6b;}
#menu li.level1.pos2 &gt; div,#menu li.level1.pos5 &gt; div {background-color:#ff9900;}
#menu li.level1.pos3 &gt; div,#menu li.level1.pos6 &gt; div {background-color:#fd1813;}
#menu a.level2 {color:#fff;padding:.5em;hyphens: auto;}

#content-wrapper {margin:0 auto 0;padding:0 0 50px;overflow:auto;position:relative;z-index:1;}
#footer-wrapper {min-height:100px;padding:2em 0 ;box-shadow:0 0 25px #ccc;background-color:#eee;}
#footer {position:relative;display:flex;flex-flow:column;align-items:center;;}
#footer .text {flex-grow:1;text-align:center;display:flex;flex-flow:column;margin-bottom:2em;}
#footer span.palet {font-family: 'Quicksand', sans-serif;font-size:60px;font-weight:bold;color:#14af6b;}
#footer span.slogan {font-family: 'Homemade Apple', cursive;font-size:48px;color:#fd1813;}
#footer span.slogan &gt; span:nth-child(even){color:#ff9900}
#footer .colofon {text-align:center;}
#footer .organization {font-weight:bold;}
#footer * {}
#footer ul.menu {flex-basis:100%;display:flex;flex-flow:row wrap;justify-content:center;}
#footer ul.level1 {margin:1em;}
#footer li.level1 {margin:1em;}
#footer a.level1 {display:block;background:#fd1813;padding:.25em 1em;color:#fff;border:none;border-radius:1em;}

/* CONTENT
----------------------------------------------------- */
#content &gt; .no-resource-error {max-width:600px;padding:0 1em;margin:0 auto;}
#content {padding-bottom:2em;}

/* A4D
----------------------------------------------------- */
.a4d-school {display:flex;flex-flow:row wrap;justify-content:center;}
.a4d-school &gt; h1 {flex-basis:100%;}
.a4d-school &gt; .a4d-groups.extended {flex-basis:100%;order:1;}
.a4d-school &gt; .a4d-groups {flex-basis:320px;margin:.5em;flex-grow:1;order:2;}
.a4d-school &gt; .a4d-signup {flex-basis:320px;max-width:700px;margin:.5em;flex-grow:1;border:solid 1px #ccc;padding:1em;box-shadow:0 0 15px #ccc;order:1;}

.a4d-wrapper .editwrapper {float:none;}
.a4d-participant-header {font-weight:bold;border-bottom:solid 2px;}
.a4d-participant-header,.a4d-participant {display:flex;flex-flow:row wrap;margin:0 -8px;font-size:75%}
.a4d-participant-header &gt; *,.a4d-participant &gt; * {flex-basis:100px;margin:8px;flex-grow:1;}
.a4d-participants .editwrapper {flex-basis:36px;flex-grow:0;}
.a4d-participants .editwrapper {flex-basis:36px;flex-grow:0;}
.a4d-participants .dateofbirth {flex-grow:0;}
.a4d-participants .email {flex-grow:4;}
.a4d-participants .medaille {flex-basis:60px;flex-grow:0;;}

/* (EMAIL)FORM
----------------------------------------------------- */
.ps-form {margin:0 auto;}
#content-wrapper .formelement &gt; div {flex-basis:100%;}
.fieldlabel {font-weight:bold;}
#content &gt; .emailform {max-width:1200px;margin:0 auto;padding:0 1em;display:flex;flex-flow:row wrap;justify-content:space-between;}
div.emailform h1 {flex-basis:100%;}
div.emailform &gt; .editwrapper {flex-basis:100%;}
div.emailform &gt; .emailform-text,
div.emailform &gt; .emailform-form {flex-basis:calc(50% - 1em);margin:0 .5em;flex-grow:1;min-width:300px;}
div.emailform &gt; .editwrapper {flex-basis:100%;}

#content-wrapper .emailform p.comment {display:none;}
#content-wrapper .emailform strong.mandatory {display:inline-block;font-size:0;}
#content-wrapper .emailform strong.mandatory:after {content:"(verplicht)";font-size:12px;color:#fd1813;font-weight:300;margin-left:.25em;;}
.formelement.header .fieldlabel {flex-basis:100%!important;font-size:125%;}

#content &gt; .actionform.login {max-width:350px;margin:0 auto;}

/* verlofaanvraag */
#content &gt; .emailform.formid4466038 {display:block;max-width:850px;}
.emailform.formid4466038 .formsteps {display:flex;flex-flow:row wrap;margin:0 -.5em;}
.emailform.formid4466038 .formsteps &gt; * {flex-basis:100%;flex-grow:1;}
.emailform.formid4466038 .formsteps &gt; * {margin:.5em;}
.emailform.formid4466038 .Naam,
.emailform.formid4466038 .reply,
.emailform.formid4466038 .Kind_1,
.emailform.formid4466038 .Kind_2,
.emailform.formid4466038 .Kind_3,
.emailform.formid4466038 .Kind_4,
.emailform.formid4466038 .Groep_kind_1,
.emailform.formid4466038 .Groep_kind_2,
.emailform.formid4466038 .Groep_kind_3,
.emailform.formid4466038 .Groep_kind_4 {flex-basis:45%;}
.emailform.formid4466038 .datepicker,
.emailform.formid4466038 .integer {flex-basis:250px;flex-grow:1;}
.emailform.formid4466038 .integer input {width:4em;}
.emailform.formid4466038 .helptext {margin-top:1em;}
.emailform.formid4466038 label.checkbox {margin-bottom:.5em;}
.emailform.formid4466038 .ps-cgh {max-width:350px;flex-grow:0;}

/* a4d aanmelden */
.a4d-signup .ps-form {margin:0 -.5em;}
.a4d-signup .ps-form .formelement {flex-basis:calc(30% - 1em);margin:.5em;}

.a4d-signup .ps-form .formelement.firstname {}
.a4d-signup .ps-form .formelement.lastname {}
.a4d-signup .ps-form .formelement.dateofbirth {flex-basis:100px;}
.a4d-signup .ps-form .formelement.email {flex-basis:calc(50% - 1em);}
.a4d-signup .ps-form .formelement.phone {flex-basis:calc(50% - 1em);}
.a4d-signup .ps-form .formelement.format {flex-basis:100px}
.a4d-signup .ps-form .formelement.position {flex-basis:100px;flex-grow:0;}
.a4d-signup .ps-form .formelement.captcha {flex-basis:100%;}
.a4d-signup .ps-form .formelement.buttons {flex-basis:100%;}

/* edit a4dperson */
.EditPerson.a4dperson .DateOfBirth .time {display:none;}
.EditPerson.a4dperson .formelement {flex-basis:25%;margin:.5em;order:9;}
.EditPerson.a4dperson .formelement.Firstname {order:1;}
.EditPerson.a4dperson .formelement.Lastname {order:2;}
.EditPerson.a4dperson .formelement.DateOfBirth {order:3;}
.EditPerson.a4dperson .formelement.Position {order:4;flex-basis:60px;flex-grow:0;}
.EditPerson.a4dperson .formelement.Email {order:5;}
.EditPerson.a4dperson .formelement.buttons {flex-basis:100%;}


/* EMAILFORMBOX
----------------------------------------------------- */
.emailformbox .emailheader {display:flex;justify-content:space-between;align-items:center;}
.emailformbox .email {padding:.5em 0;border-bottom:solid 1px;}
.emailformbox .email .editwrapper {float:none;}
.emailformbox h2 {margin:0 0 1em;}
.emailformbox .field {padding:.25em 0;}

/* EVENTS
----------------------------------------------------- */
.events .actions {display:flex;justify-content:center;margin-bottom:1em;}
.events-index-item {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;background:#ddd;margin-bottom:1em;padding:1em;}
.events-index-item &gt; * {margin:.5em;}

.events-index-item h2 {order:2;flex-basis:300px;flex-grow:1;margin:0;}
.events-index-item .date {order:1;flex-basis:80px;background:#eee;}
.events-index-item .more {order:3;}
.events-index-item .date {display:flex;flex-direction:column;align-items:center;font-size:12px;
  border:solid 1px #444;border-radius:1em;padding:1em;
}
.events-index-item .date .dom {font-size:20px;font-weight:bold;}
.events-index-item .date .month {font-size:14px;font-weight:bold;}


.event-wrapper {display:flex;flex-flow:row wrap;margin:-.5em;}
.event-wrapper &gt; * {flex-basis:40%;margin:.5em;flex-grow:1;}

.event {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -.5em 1em;}
.event &gt; * {flex-basis:100%;flex-grow:1;}
.event h3 {margin-top:0;}
.event .event-dates {display:flex;flex-flow:row wrap;justify-content:center;}
.event .image, .event .text {flex-basis:40%;min-width:320px;margin:.5em;}
.event .text {text-align:justify;}
.event .date-wrapper {margin:0 .5em 1em;}
.event .date {display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:baseline;
  text-align:center;}
.event .date &gt; * {margin:0 .125em;}
event .date &gt; .time:after {content:" uur";}
.event .date &gt; .dom,
.event .date &gt; .month,
.event .date &gt; .year {font-weight:bold;font-size:150%;}
.event .image {max-width:400px;}


/* HOMEPAGE
----------------------------------------------------- */
#content .homepage {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -15px;}
.homepage &gt; div {margin:15px}
.homepage &gt; .homeinfo {flex-basis:710px;flex-grow:1;}
.home-newsitem {position:relative;flex-basis:455px;flex-grow:1;max-width:750px;}
.home-newsitem .editwrapper {position:absolute;top:0;left:0;z-index:1;}
.home-newsitem h2 {background:#ff9900;color:#fff;padding:1em;margin:0;}
.home-newsitem.hasimage h2 {width:calc(100% - 2em);position:absolute;
background: -moz-linear-gradient(top, rgba(255,153,0,0.8) 0%, rgba(255,153,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,153,0,0.8) 0%,rgba(255,153,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,153,0,0.8) 0%,rgba(255,153,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff9900', endColorstr='#ccff9900',GradientType=0 ); /* IE6-9 */ 
}
.home-newsitem .image {margin-bottom:.5em;}
.homepage &gt; .html {min-height:450px;}
.homepage &gt; .html &gt; .editwrapper {position:absolute;z-index:1;}
.homepage .home-schoolguide.visiemissie {flex-basis:100%;max-width:100%;}

/* INFORMATION
----------------------------------------------------- */
.information {text-align:center;}

/* LIBRARY
----------------------------------------------------- */
.library .folders {display:flex;flex-flow:row wrap;margin:0 -1em;justify-content:center;}
.library .folder {flex-basis:calc((100% / 3) - 2em);flex-grow:1;
  margin:1em;min-width:300px;max-width:600px;position:relative;}
.folder &gt; h2 {margin-top:0;}
.folder &gt; .editwrapper {position:absolute;top:-40px;left:0;}
.document {display:flex;flex-flow:row wrap;align-items:center;margin-bottom:.5em;}
.document &gt; .text {flex-basis:100%;}
.document a {flex-grow:1;display:flex;align-items:center;border:none;}
.document a:before {flex-basis:30px;text-align:center;padding:.125em .25em;margin-right:.5em;background-color:#000;color:#fff;border-radius:2px;}
.document.pdf a:before {content:"pdf";background-color:red;}
.document.doc a:before {content:"doc";background-color:red;}

/* NEWS
----------------------------------------------------- */
.newsitem {position:relative;max-width:800px;margin:0 auto;}
.newsitem &gt; .editwrapper {position:absolute;top:0;left:0;}
.short-newsitem {display:flex;align-items:center;justify-content:space-between;border-top:solid 1px #ccc;;padding:.5em 0;}
.short-newsitem &gt; * {margin:0;}

/* ORGANIZATION
----------------------------------------------------- */
.organization h2 {color:#ff9900;}
.organization h2,.organization h3,.organization .person .text {margin:0!important;font-size:100%;}
.organization .function {display:flex;flex-flow:row wrap;padding:.5em 0;border-bottom:solid 1px #eee;}
.organization .function h2 {flex-basis:400px;text-align:left;}
.organization .persons {flex-grow:1;min-width:500px;max-width:100%;}
.organization .person {display:flex;flex-flow:row wrap;align-items:center;margin-bottom:.5em;position:relative;}
.organization .person &gt; * {order:2;margin-right:.5em;}
.organization .person &gt; .editwrapper {position:absolute;margin:0 0 0 15px;z-index:2;}
.organization .person h3 {flex-basis:250px;}
.organization .person &gt; .photo {order:1;width:30px;height:30px;position:relative;background:#eee;border-radius:50%;}
.organization .image {width:100%;height:100%;min-height:100%;border-radius:50%;}
@keyframes photoimg {
  from {width:100%;height:100%;min-height:100%;margin:0;}
  to {width:200px;height:200px;min-height:150px;margin:-85px 0 0 -85px;}
}
.organization .photo:hover .image {position:absolute;box-shadow:0 0 15px #aaa;
  width:200px;height:200px;min-height:200px;
  margin:-85px 0 0 -85px;
  z-index:1;
  animation-name: photoimg;
  animation-duration: .5s
}

/* SCHOOLGUIDE
----------------------------------------------------- */
.schoolguide-wrapper &gt; .image {margin-bottom:2em;}
.schoolguide-wrapper .paragraphs {display:flex;flex-flow:row wrap;margin:0 -1em;justify-content:center;}
.schoolguide-wrapper .paragraph-wrapper {flex-basis:250px;flex-grow:1;margin:1em;position:relative;}
.schoolguide-wrapper .paragraph &gt; .editwrapper {position:absolute;top:0;left:0;}

.schoolguide-wrapper.visiemissie .paragraphs {margin:0 0 1em}
.schoolguide-wrapper.visiemissie .paragraph-wrapper {padding:120px 2em 2em;margin:0;
  background-color:#14af6b;color:#fff;background-repeat:no-repeat;background-position:50% 15px;background-size:150px 150px;}
.schoolguide-wrapper.visiemissie .paragraph-wrapper.helder {
  background-color:#14af6b;
  background-image:url(/images/layout/v3.0/diamond-icon.png);}
.schoolguide-wrapper.visiemissie .paragraph-wrapper.uitnodigend {
  background-color:#ff9900;
  background-image:url(/images/layout/v3.0/child-icon.png);}
.schoolguide-wrapper.visiemissie .paragraph-wrapper.prikkelend {background-color:#fd1813;
  background-image:url(/images/layout/v3.0/bulb-icon.png);}
.schoolguide-wrapper.visiemissie h2 {font-family: 'Homemade Apple', cursive;font-size:30px;color:#fff;}

#content &gt; .schoolguide-wrapper .text {max-width:800px;margin:0 auto 1em;}
#content &gt; .schoolguide-wrapper.partners .relatedlinks {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
#content &gt; .schoolguide-wrapper.partners .relatedlinks &gt; div {flex-basis:calc(25% - 2em);margin:1em;}

.abcparagraphs-wrapper {display:flex;flex-flow:row wrap;}
.abcparagraphs {margin:.5em;flex-grow:0;}
.schoolguide-wrapper.abc .paragraphs {margin:0 -1px;flex-flow:column;flex-grow:0;}
.schoolguide-wrapper.abc .paragraphs-wrapper {}
.schoolguide-wrapper.abc .paragraph-wrapper {flex-basis:auto;margin:1px;}
.schoolguide-wrapper.abc h2 {font-size:150%;background:#14AF6B;color:#fff;margin:.5em 0 0;}
.schoolguide-wrapper.abc .paragraphtitle {font-size:80%;margin:0;text-align:;color:#ff9900;padding:.5em;}

/* SIGNIN
----------------------------------------------------- */
.signin-wrapper {max-width:400px;margin:2em auto;box-shadow:0 0 15px #eee;padding:2em;border:solid 1px #ddd;}

/* SITEMAP
----------------------------------------------------- */
#content .subsitemap {width:30%;float:left;margin-right:3%;}

/* TAGS
----------------------------------------------------- */
.shorttagtype &gt; .tagvalues {margin-left:2em;}
.taggroup-wrapper {position:relative;}
.taggroup {display:flex;flex-flow:row wrap;}
.taggroup &gt; .editwrapper {position:absolute;top:0;left:0;border:none;}
.taggroup &gt; * {flex-grow:1;margin:.5em;border:solid 1px #eee;padding:1em;}
.taggroup-wrapper h2,.taggroup-wrapper h3 {margin-top:0;}
</pre></body></html>