2016-09-26 08:10:25 +00:00
|
|
|
#WRAPPER>#CONTAINER>section{display:none;margin:3em;position:relative;flex-grow:1;padding:1em;border-radius:3px;background-color:#fff;color:#000;font-size:1em;border:1px solid #ddd}#WRAPPER>#CONTAINER>section.active{display:block}#WRAPPER>#CONTAINER>section h6{color:#848484;font-size:1.2em;text-transform:uppercase;font-weight:300;letter-spacing:.2em;margin:0;padding:0}#WRAPPER>#CONTAINER>section h6:before{content:'- '}#WRAPPER>#CONTAINER>section h6:after{content:' -'}#WRAPPER>#CONTAINER>section h6.center{text-align:center}#WRAPPER>#CONTAINER>section input[type="radio"],#WRAPPER>#CONTAINER>section input[type="checkbox"]{display:none}#WRAPPER>#CONTAINER>section input[type="radio"]+label[for],#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for]{padding-left:.8em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}#WRAPPER>#CONTAINER>section input[type="radio"]+label[for]:before,#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for]:before{content:'';display:inline-block;position:relative;top:.1em;left:-.8em;width:calc( 1em - 2*.15em);height:calc( 1em - 2*.15em);border-radius:50% / 50%;border:0.15em solid #0e6dbf;background:#fff center center no-repeat;background-image:none;background-size:70% auto;-webkit-transition:background 0.2s ease-in-out;transition:background 0.2s ease-in-out;cursor:pointer}#WRAPPER>#CONTAINER>section input[type="radio"]+label[for]:hover,#WRAPPER>#CONTAINER>section input[type="radio"]+label[for] .hover,#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for]:hover,#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for] .hover{text-decoration:underline}#WRAPPER>#CONTAINER>section input[type="radio"]:checked+label[for]:before,#WRAPPER>#CONTAINER>section input[type="checkbox"]:checked+label[for]:before{background-color:#0e6dbf;background-image:url("/src/static/container/checked.svg")}#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for]:before{border-radius:3px;-webkit-transition:border 0.1s ease-in-out;transition:border 0.1s ease-in-out}#WRAPPER>#CONTAINER>section input[type="checkbox"]+label[for]:hover:before{border-color:#094478}#WRAPPER>#CONTAINER>section input[type="submit"],#WRAPPER>#CONTAINER>section input[type="button"]{padding:.2em .5em;margin:.5em 0;border-radius:3px;border:1px solid #515151;color:#515151;background-color:#fff;-webkit-transition:background 0.1s ease-in-out,color 0.1s ease-in-out;transition:background 0.1s ease-in-out,color 0.1s ease-in-out}#WRAPPER>#CONTAINER>section input[type="submit"]:hover,#WRAPPER>#CONTAINER>section input[type="submit"].hover,#WRAPPER>#CONTAINER>section input[type="button"]:hover,#WRAPPER>#CONTAINER>section input[type="button"].hover{background-color:#515151;color:#fff}#WRAPPER>#CONTAINER>section input[type="submit"].primary,#WRAPPER>#CONTAINER>section input[type="button"].primary{border-color:#0e6dbf;color:#0e6dbf;background-color:#fff}#WRAPPER>#CONTAINER>section input[type="submit"].primary:hover,#WRAPPER>#CONTAINER>section input[type="submit"].primary.hover,#WRAPPER>#CONTAINER>section input[type="button"].primary:hover,#WRAPPER>#CONTAINER>section input[type="button"].primary.hover{background-color:#0e6dbf;color:#fff}#WRAPPER>#CONTAINER>section input[type='text'],#WRAPPER>#CONTAINER>section input[type='number'],#WRAPPER>#CONTAINER>section input[type='date'],#WRAPPER>#CONTAINER>section input[type='time']{display:inline-block;padding:.2em .5em;margin:.5em 0;border-radius:3px;border:1px solid #777}#WRAPPER>#CONTAINER>section img{margin:1em;height:3em}#WRAPPER>#CONTAINER>section .flag{margin:0 .8em;padding:.2em .5em;border-radius:5px;border:1px solid #b5b5b5;color:#0e6cbe;font-family:'Inconsolata'}#WRAPPER>#CONTAINER>section .flat-border{border-radius:0}
|