From 419035b3c551c389773b16e176dfef558cf1f06b Mon Sep 17 00:00:00 2001 From: dohliam Date: Tue, 26 May 2020 12:14:50 -0700 Subject: [PATCH] move awsm to collection - resolves #22 --- README.md | 11 +- min/awsm-bigstone.min.css | 5 + min/awsm-black.min.css | 5 + min/{awsm.min.css => awsm-default.min.css} | 0 min/awsm-gondola.min.css | 5 + min/awsm-mischka.min.css | 5 + min/awsm-pastelpink.min.css | 5 + min/awsm-pearllusta.min.css | 5 + min/awsm-tasman.min.css | 5 + min/awsm-white.min.css | 5 + scripts/frameworks.yml | 74 ++- src/awsm-bigstone.css | 695 +++++++++++++++++++++ src/awsm-black.css | 695 +++++++++++++++++++++ src/{awsm.css => awsm-default.css} | 0 src/awsm-gondola.css | 695 +++++++++++++++++++++ src/awsm-mischka.css | 695 +++++++++++++++++++++ src/awsm-pastelpink.css | 695 +++++++++++++++++++++ src/awsm-pearllusta.css | 695 +++++++++++++++++++++ src/awsm-tasman.css | 695 +++++++++++++++++++++ src/awsm-white.css | 695 +++++++++++++++++++++ switcher.js | 2 +- 21 files changed, 5678 insertions(+), 9 deletions(-) create mode 100644 min/awsm-bigstone.min.css create mode 100644 min/awsm-black.min.css rename min/{awsm.min.css => awsm-default.min.css} (100%) create mode 100644 min/awsm-gondola.min.css create mode 100644 min/awsm-mischka.min.css create mode 100644 min/awsm-pastelpink.min.css create mode 100644 min/awsm-pearllusta.min.css create mode 100644 min/awsm-tasman.min.css create mode 100644 min/awsm-white.min.css create mode 100644 src/awsm-bigstone.css create mode 100644 src/awsm-black.css rename src/{awsm.css => awsm-default.css} (100%) create mode 100644 src/awsm-gondola.css create mode 100644 src/awsm-mischka.css create mode 100644 src/awsm-pastelpink.css create mode 100644 src/awsm-pearllusta.css create mode 100644 src/awsm-tasman.css create mode 100644 src/awsm-white.css diff --git a/README.md b/README.md index a0d3fb3..d8da0e0 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,6 @@ If you know of a minimal framework that hasn't been included here, please create ### List of frameworks * [a11yana](https://github.com/alexandersandberg/a11yana) by @alexandersandberg ([Preview](https://dohliam.github.io/dropin-minimal-css/?a11yana) · [MIT](https://github.com/alexandersandberg/a11yana/blob/master/LICENSE.md)) -* [awsm](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) * [bahunya](https://github.com/Kimeiga/bahunya) by @Kimeiga ([Preview](https://dohliam.github.io/dropin-minimal-css/?bahunya) · [MIT](https://github.com/Kimeiga/bahunya/blob/master/LICENSE)) * [bare](https://github.com/longsien/BareCSS) by @longsien ([Preview](https://dohliam.github.io/dropin-minimal-css/?bare) · [MIT](https://github.com/longsien/BareCSS/blob/master/LICENSE)) * [base](https://github.com/matthewhartman/base) by @matthewhartman ([Preview](https://dohliam.github.io/dropin-minimal-css/?base) · [MIT](https://github.com/matthewhartman/base#license)) @@ -159,6 +158,16 @@ If you know of a minimal framework that hasn't been included here, please create * [ads-medium](https://github.com/darshandsoni/asciidoctor-skins) by @darshandsoni ([Preview](https://dohliam.github.io/dropin-minimal-css/?ads-medium) · [MIT](https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/LICENSE)) * [ads-notebook](https://github.com/darshandsoni/asciidoctor-skins) by @darshandsoni ([Preview](https://dohliam.github.io/dropin-minimal-css/?ads-notebook) · [MIT](https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/LICENSE)) * [ads-tufte](https://github.com/darshandsoni/asciidoctor-skins) by @darshandsoni ([Preview](https://dohliam.github.io/dropin-minimal-css/?ads-tufte) · [MIT](https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/LICENSE)) +* **[awsm](https://github.com/https://github.com/igoradamenko/awsm.css)** by @igoradamenko: + * [awsm-default](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-default) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-black](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-black) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-bigstone](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-bigstone) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-gondola](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-gondola) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-mischka](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-mischka) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-pastelpink](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-pastelpink) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-pearllusta](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-pearllusta) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-tasman](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-tasman) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) + * [awsm-white](https://github.com/igoradamenko/awsm.css) by @igoradamenko ([Preview](https://dohliam.github.io/dropin-minimal-css/?awsm-white) · [MIT](https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md)) * **[bootswatch](https://github.com/https://github.com/thomaspark/bootswatch)** by @thomaspark: * [boot-cerulean](https://github.com/thomaspark/bootswatch) by @thomaspark ([Preview](https://dohliam.github.io/dropin-minimal-css/?boot-cerulean) · [MIT](https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE)) * [boot-cosmo](https://github.com/thomaspark/bootswatch) by @thomaspark ([Preview](https://dohliam.github.io/dropin-minimal-css/?boot-cosmo) · [MIT](https://github.com/thomaspark/bootswatch/blob/gh-pages/LICENSE)) diff --git a/min/awsm-bigstone.min.css b/min/awsm-bigstone.min.css new file mode 100644 index 0000000..4128464 --- /dev/null +++ b/min/awsm-bigstone.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#1b2d3e;color:#99c0c9;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#145e86}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#1570ab}nav a:hover{color:#aec8e7}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#145e86}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #184165}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#145e86}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#99c0c9}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#145e86}article+article{margin-top:4em}article header p{font-size:.6em;color:#145e86}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#99c0c9}article header h1 a:visited,article header h2 a:visited{color:#145e86}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#aec8e7}article>footer{margin-top:1.5em;font-size:.85em}a{color:#1570ab}a:visited{color:#726191}a:hover,a:active{outline-width:0}a:hover{color:#aec8e7}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(153,192,201,0.15) 0,rgba(153,192,201,0.15) 100%) 0 0,linear-gradient(rgba(153,192,201,0.15) 0,rgba(153,192,201,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#1b2d3e}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #184165;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#1b2d3e 50%,rgba(27,45,62,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#1b2d3e 50%,rgba(27,45,62,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#1b2d3e 50%,rgba(27,45,62,0) 100%),linear-gradient(to left,#1b2d3e 50%,rgba(27,45,62,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #145e86}legend{color:#145e86}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:inline-block;width:auto;background:#184165;color:#99c0c9;cursor:pointer}button:focus{border:1px solid #99c0c9}button:not([disabled]):hover{border:1px solid #99c0c9}button:active{background-color:#145e86}button[disabled]{color:#145e86;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:inline-block;width:auto;background:#184165;color:#99c0c9;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(20,94,134)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #99c0c9}select:not([disabled]):hover{border:1px solid #99c0c9}select:active{background-color:#145e86}select[disabled]{color:#145e86;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(153,192,201)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #99c0c9}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#145e86}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#145e86}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#145e86}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:inline-block;width:auto;background:#184165;color:#99c0c9;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #99c0c9}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #99c0c9}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#145e86}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#145e86;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #99c0c9}input[type=color]::-moz-placeholder{color:#145e86}input[type=color]::-webkit-input-placeholder{color:#145e86}input[type=color]:-ms-input-placeholder{color:#145e86}input[type=color]:hover{border:1px solid #99c0c9}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:inline-block;width:auto;background:#184165;color:#99c0c9;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #99c0c9}input[type=file]:not([disabled]):hover{border:1px solid #99c0c9}input[type=file]:active{background-color:#145e86}input[type=file][disabled]{color:#145e86;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #145e86;border-radius:2px;background:#1b2d3e;color:#99c0c9;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #99c0c9}textarea::-moz-placeholder{color:#145e86}textarea::-webkit-input-placeholder{color:#145e86}textarea:-ms-input-placeholder{color:#145e86}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(153,192,201,0.15) 0,rgba(153,192,201,0.15) 100%) 0 0,linear-gradient(rgba(153,192,201,0.15) 0,rgba(153,192,201,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #1b2d3e;border-left:1px solid #1b2d3e}hr{height:1px;margin:2em 0;border:0;background:#184165}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #184165}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#a15433}::selection{background:rgba(21,112,171,0.25)} \ No newline at end of file diff --git a/min/awsm-black.min.css b/min/awsm-black.min.css new file mode 100644 index 0000000..eae3e21 --- /dev/null +++ b/min/awsm-black.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:black;color:white;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#444}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#fd9a49}nav a:hover{color:#75c53c}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#444}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #222}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#444}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:white}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#444}article+article{margin-top:4em}article header p{font-size:.6em;color:#444}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:white}article header h1 a:visited,article header h2 a:visited{color:#444}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#75c53c}article>footer{margin-top:1.5em;font-size:.85em}a{color:#fd9a49}a:visited{color:#7b4a29}a:hover,a:active{outline-width:0}a:hover{color:#75c53c}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(255,255,255,0.15) 0,rgba(255,255,255,0.15) 100%) 0 0,linear-gradient(rgba(255,255,255,0.15) 0,rgba(255,255,255,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:black}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #222;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,black 50%,rgba(0,0,0,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,black 50%,rgba(0,0,0,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,black 50%,rgba(0,0,0,0) 100%),linear-gradient(to left,black 50%,rgba(0,0,0,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #444}legend{color:#444}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:inline-block;width:auto;background:#222;color:white;cursor:pointer}button:focus{border:1px solid white}button:not([disabled]):hover{border:1px solid white}button:active{background-color:#444}button[disabled]{color:#444;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:inline-block;width:auto;background:#222;color:white;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(68,68,68)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid white}select:not([disabled]):hover{border:1px solid white}select:active{background-color:#444}select[disabled]{color:#444;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(255,255,255)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid white}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#444}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#444}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#444}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:inline-block;width:auto;background:#222;color:white;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid white}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid white}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#444}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#444;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid white}input[type=color]::-moz-placeholder{color:#444}input[type=color]::-webkit-input-placeholder{color:#444}input[type=color]:-ms-input-placeholder{color:#444}input[type=color]:hover{border:1px solid white}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:inline-block;width:auto;background:#222;color:white;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid white}input[type=file]:not([disabled]):hover{border:1px solid white}input[type=file]:active{background-color:#444}input[type=file][disabled]{color:#444;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:black;color:white;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid white}textarea::-moz-placeholder{color:#444}textarea::-webkit-input-placeholder{color:#444}textarea:-ms-input-placeholder{color:#444}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(255,255,255,0.15) 0,rgba(255,255,255,0.15) 100%) 0 0,linear-gradient(rgba(255,255,255,0.15) 0,rgba(255,255,255,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid black;border-left:1px solid black}hr{height:1px;margin:2em 0;border:0;background:#222}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #222}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#5afffe}::selection{background:rgba(253,154,73,0.25)} \ No newline at end of file diff --git a/min/awsm.min.css b/min/awsm-default.min.css similarity index 100% rename from min/awsm.min.css rename to min/awsm-default.min.css diff --git a/min/awsm-gondola.min.css b/min/awsm-gondola.min.css new file mode 100644 index 0000000..bcd1c5c --- /dev/null +++ b/min/awsm-gondola.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#1f1010;color:#fff2e1;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#763f28}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#874671}nav a:hover{color:#c6bdb8}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#763f28}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #492622}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#763f28}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#fff2e1}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#763f28}article+article{margin-top:4em}article header p{font-size:.6em;color:#763f28}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#fff2e1}article header h1 a:visited,article header h2 a:visited{color:#763f28}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#c6bdb8}article>footer{margin-top:1.5em;font-size:.85em}a{color:#874671}a:visited{color:#524971}a:hover,a:active{outline-width:0}a:hover{color:#c6bdb8}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(255,242,225,0.15) 0,rgba(255,242,225,0.15) 100%) 0 0,linear-gradient(rgba(255,242,225,0.15) 0,rgba(255,242,225,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#1f1010}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #492622;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#1f1010 50%,rgba(31,16,16,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#1f1010 50%,rgba(31,16,16,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#1f1010 50%,rgba(31,16,16,0) 100%),linear-gradient(to left,#1f1010 50%,rgba(31,16,16,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #763f28}legend{color:#763f28}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:inline-block;width:auto;background:#492622;color:#fff2e1;cursor:pointer}button:focus{border:1px solid #fff2e1}button:not([disabled]):hover{border:1px solid #fff2e1}button:active{background-color:#763f28}button[disabled]{color:#763f28;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:inline-block;width:auto;background:#492622;color:#fff2e1;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(118,63,40)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #fff2e1}select:not([disabled]):hover{border:1px solid #fff2e1}select:active{background-color:#763f28}select[disabled]{color:#763f28;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(255,242,225)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #fff2e1}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#763f28}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#763f28}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#763f28}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:inline-block;width:auto;background:#492622;color:#fff2e1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #fff2e1}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #fff2e1}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#763f28}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#763f28;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #fff2e1}input[type=color]::-moz-placeholder{color:#763f28}input[type=color]::-webkit-input-placeholder{color:#763f28}input[type=color]:-ms-input-placeholder{color:#763f28}input[type=color]:hover{border:1px solid #fff2e1}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:inline-block;width:auto;background:#492622;color:#fff2e1;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #fff2e1}input[type=file]:not([disabled]):hover{border:1px solid #fff2e1}input[type=file]:active{background-color:#763f28}input[type=file][disabled]{color:#763f28;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #763f28;border-radius:2px;background:#1f1010;color:#fff2e1;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #fff2e1}textarea::-moz-placeholder{color:#763f28}textarea::-webkit-input-placeholder{color:#763f28}textarea:-ms-input-placeholder{color:#763f28}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(255,242,225,0.15) 0,rgba(255,242,225,0.15) 100%) 0 0,linear-gradient(rgba(255,242,225,0.15) 0,rgba(255,242,225,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #1f1010;border-left:1px solid #1f1010}hr{height:1px;margin:2em 0;border:0;background:#492622}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #492622}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#852323}::selection{background:rgba(135,70,113,0.25)} \ No newline at end of file diff --git a/min/awsm-mischka.min.css b/min/awsm-mischka.min.css new file mode 100644 index 0000000..11197e7 --- /dev/null +++ b/min/awsm-mischka.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#d3d7dd;color:#3a3b45;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#9197a3}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#c34138}nav a:hover{color:#db887b}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#9197a3}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #cfced4}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#9197a3}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#3a3b45}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#9197a3}article+article{margin-top:4em}article header p{font-size:.6em;color:#9197a3}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#3a3b45}article header h1 a:visited,article header h2 a:visited{color:#9197a3}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#db887b}article>footer{margin-top:1.5em;font-size:.85em}a{color:#c34138}a:visited{color:#603237}a:hover,a:active{outline-width:0}a:hover{color:#db887b}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(58,59,69,0.15) 0,rgba(58,59,69,0.15) 100%) 0 0,linear-gradient(rgba(58,59,69,0.15) 0,rgba(58,59,69,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#d3d7dd}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #cfced4;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#d3d7dd 50%,rgba(211,215,221,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#d3d7dd 50%,rgba(211,215,221,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#d3d7dd 50%,rgba(211,215,221,0) 100%),linear-gradient(to left,#d3d7dd 50%,rgba(211,215,221,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #9197a3}legend{color:#9197a3}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:inline-block;width:auto;background:#cfced4;color:#3a3b45;cursor:pointer}button:focus{border:1px solid #3a3b45}button:not([disabled]):hover{border:1px solid #3a3b45}button:active{background-color:#9197a3}button[disabled]{color:#9197a3;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:inline-block;width:auto;background:#cfced4;color:#3a3b45;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(145,151,163)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #3a3b45}select:not([disabled]):hover{border:1px solid #3a3b45}select:active{background-color:#9197a3}select[disabled]{color:#9197a3;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(58,59,69)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #3a3b45}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#9197a3}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#9197a3}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#9197a3}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:inline-block;width:auto;background:#cfced4;color:#3a3b45;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #3a3b45}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #3a3b45}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#9197a3}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#9197a3;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #3a3b45}input[type=color]::-moz-placeholder{color:#9197a3}input[type=color]::-webkit-input-placeholder{color:#9197a3}input[type=color]:-ms-input-placeholder{color:#9197a3}input[type=color]:hover{border:1px solid #3a3b45}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:inline-block;width:auto;background:#cfced4;color:#3a3b45;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #3a3b45}input[type=file]:not([disabled]):hover{border:1px solid #3a3b45}input[type=file]:active{background-color:#9197a3}input[type=file][disabled]{color:#9197a3;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9197a3;border-radius:2px;background:#d3d7dd;color:#3a3b45;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #3a3b45}textarea::-moz-placeholder{color:#9197a3}textarea::-webkit-input-placeholder{color:#9197a3}textarea:-ms-input-placeholder{color:#9197a3}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(58,59,69,0.15) 0,rgba(58,59,69,0.15) 100%) 0 0,linear-gradient(rgba(58,59,69,0.15) 0,rgba(58,59,69,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #d3d7dd;border-left:1px solid #d3d7dd}hr{height:1px;margin:2em 0;border:0;background:#cfced4}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #cfced4}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#851f1b}::selection{background:rgba(195,65,56,0.25)} \ No newline at end of file diff --git a/min/awsm-pastelpink.min.css b/min/awsm-pastelpink.min.css new file mode 100644 index 0000000..66038d0 --- /dev/null +++ b/min/awsm-pastelpink.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#ffd9e3;color:#173957;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#46799a}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#88505b}nav a:hover{color:#1db2c1}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#46799a}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #efb4c0}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#46799a}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#173957}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#46799a}article+article{margin-top:4em}article header p{font-size:.6em;color:#46799a}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#173957}article header h1 a:visited,article header h2 a:visited{color:#46799a}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#1db2c1}article>footer{margin-top:1.5em;font-size:.85em}a{color:#88505b}a:visited{color:#c27174}a:hover,a:active{outline-width:0}a:hover{color:#1db2c1}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(23,57,87,0.15) 0,rgba(23,57,87,0.15) 100%) 0 0,linear-gradient(rgba(23,57,87,0.15) 0,rgba(23,57,87,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#ffd9e3}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #efb4c0;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#ffd9e3 50%,rgba(255,217,227,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#ffd9e3 50%,rgba(255,217,227,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#ffd9e3 50%,rgba(255,217,227,0) 100%),linear-gradient(to left,#ffd9e3 50%,rgba(255,217,227,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #46799a}legend{color:#46799a}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:inline-block;width:auto;background:#efb4c0;color:#173957;cursor:pointer}button:focus{border:1px solid #173957}button:not([disabled]):hover{border:1px solid #173957}button:active{background-color:#46799a}button[disabled]{color:#46799a;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:inline-block;width:auto;background:#efb4c0;color:#173957;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(70,121,154)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #173957}select:not([disabled]):hover{border:1px solid #173957}select:active{background-color:#46799a}select[disabled]{color:#46799a;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(23,57,87)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #173957}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#46799a}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#46799a}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#46799a}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:inline-block;width:auto;background:#efb4c0;color:#173957;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #173957}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #173957}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#46799a}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#46799a;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #173957}input[type=color]::-moz-placeholder{color:#46799a}input[type=color]::-webkit-input-placeholder{color:#46799a}input[type=color]:-ms-input-placeholder{color:#46799a}input[type=color]:hover{border:1px solid #173957}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:inline-block;width:auto;background:#efb4c0;color:#173957;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #173957}input[type=file]:not([disabled]):hover{border:1px solid #173957}input[type=file]:active{background-color:#46799a}input[type=file][disabled]{color:#46799a;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #46799a;border-radius:2px;background:#ffd9e3;color:#173957;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #173957}textarea::-moz-placeholder{color:#46799a}textarea::-webkit-input-placeholder{color:#46799a}textarea:-ms-input-placeholder{color:#46799a}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(23,57,87,0.15) 0,rgba(23,57,87,0.15) 100%) 0 0,linear-gradient(rgba(23,57,87,0.15) 0,rgba(23,57,87,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #ffd9e3;border-left:1px solid #ffd9e3}hr{height:1px;margin:2em 0;border:0;background:#efb4c0}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #efb4c0}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#1981e0}::selection{background:rgba(136,80,91,0.25)} \ No newline at end of file diff --git a/min/awsm-pearllusta.min.css b/min/awsm-pearllusta.min.css new file mode 100644 index 0000000..edab03b --- /dev/null +++ b/min/awsm-pearllusta.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#fbecda;color:#411b33;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#dcafb5}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#a54a29}nav a:hover{color:#f6b731}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#dcafb5}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #eddbd6}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#dcafb5}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#411b33}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#dcafb5}article+article{margin-top:4em}article header p{font-size:.6em;color:#dcafb5}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#411b33}article header h1 a:visited,article header h2 a:visited{color:#dcafb5}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#f6b731}article>footer{margin-top:1.5em;font-size:.85em}a{color:#a54a29}a:visited{color:#742b5a}a:hover,a:active{outline-width:0}a:hover{color:#f6b731}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(65,27,51,0.15) 0,rgba(65,27,51,0.15) 100%) 0 0,linear-gradient(rgba(65,27,51,0.15) 0,rgba(65,27,51,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#fbecda}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #eddbd6;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#fbecda 50%,rgba(251,236,218,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#fbecda 50%,rgba(251,236,218,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#fbecda 50%,rgba(251,236,218,0) 100%),linear-gradient(to left,#fbecda 50%,rgba(251,236,218,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #dcafb5}legend{color:#dcafb5}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:inline-block;width:auto;background:#eddbd6;color:#411b33;cursor:pointer}button:focus{border:1px solid #411b33}button:not([disabled]):hover{border:1px solid #411b33}button:active{background-color:#dcafb5}button[disabled]{color:#dcafb5;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:inline-block;width:auto;background:#eddbd6;color:#411b33;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(220,175,181)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #411b33}select:not([disabled]):hover{border:1px solid #411b33}select:active{background-color:#dcafb5}select[disabled]{color:#dcafb5;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(65,27,51)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #411b33}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#dcafb5}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#dcafb5}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#dcafb5}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:inline-block;width:auto;background:#eddbd6;color:#411b33;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #411b33}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #411b33}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#dcafb5}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#dcafb5;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #411b33}input[type=color]::-moz-placeholder{color:#dcafb5}input[type=color]::-webkit-input-placeholder{color:#dcafb5}input[type=color]:-ms-input-placeholder{color:#dcafb5}input[type=color]:hover{border:1px solid #411b33}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:inline-block;width:auto;background:#eddbd6;color:#411b33;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #411b33}input[type=file]:not([disabled]):hover{border:1px solid #411b33}input[type=file]:active{background-color:#dcafb5}input[type=file][disabled]{color:#dcafb5;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #dcafb5;border-radius:2px;background:#fbecda;color:#411b33;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #411b33}textarea::-moz-placeholder{color:#dcafb5}textarea::-webkit-input-placeholder{color:#dcafb5}textarea:-ms-input-placeholder{color:#dcafb5}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(65,27,51,0.15) 0,rgba(65,27,51,0.15) 100%) 0 0,linear-gradient(rgba(65,27,51,0.15) 0,rgba(65,27,51,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #fbecda;border-left:1px solid #fbecda}hr{height:1px;margin:2em 0;border:0;background:#eddbd6}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #eddbd6}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#efc44e}::selection{background:rgba(165,74,41,0.25)} \ No newline at end of file diff --git a/min/awsm-tasman.min.css b/min/awsm-tasman.min.css new file mode 100644 index 0000000..0f1b56a --- /dev/null +++ b/min/awsm-tasman.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#dae4d8;color:#742e1e;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#9a5c37}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#418198}nav a:hover{color:#d68a41}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#9a5c37}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #c1b6b4}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#9a5c37}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:#742e1e}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#9a5c37}article+article{margin-top:4em}article header p{font-size:.6em;color:#9a5c37}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:#742e1e}article header h1 a:visited,article header h2 a:visited{color:#9a5c37}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#d68a41}article>footer{margin-top:1.5em;font-size:.85em}a{color:#418198}a:visited{color:#1d2a3d}a:hover,a:active{outline-width:0}a:hover{color:#d68a41}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(116,46,30,0.15) 0,rgba(116,46,30,0.15) 100%) 0 0,linear-gradient(rgba(116,46,30,0.15) 0,rgba(116,46,30,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#dae4d8}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #c1b6b4;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#dae4d8 50%,rgba(218,228,216,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#dae4d8 50%,rgba(218,228,216,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#dae4d8 50%,rgba(218,228,216,0) 100%),linear-gradient(to left,#dae4d8 50%,rgba(218,228,216,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #9a5c37}legend{color:#9a5c37}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:inline-block;width:auto;background:#c1b6b4;color:#742e1e;cursor:pointer}button:focus{border:1px solid #742e1e}button:not([disabled]):hover{border:1px solid #742e1e}button:active{background-color:#9a5c37}button[disabled]{color:#9a5c37;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:inline-block;width:auto;background:#c1b6b4;color:#742e1e;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(154,92,55)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid #742e1e}select:not([disabled]):hover{border:1px solid #742e1e}select:active{background-color:#9a5c37}select[disabled]{color:#9a5c37;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(116,46,30)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid #742e1e}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#9a5c37}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#9a5c37}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#9a5c37}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:inline-block;width:auto;background:#c1b6b4;color:#742e1e;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid #742e1e}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid #742e1e}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#9a5c37}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#9a5c37;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #742e1e}input[type=color]::-moz-placeholder{color:#9a5c37}input[type=color]::-webkit-input-placeholder{color:#9a5c37}input[type=color]:-ms-input-placeholder{color:#9a5c37}input[type=color]:hover{border:1px solid #742e1e}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:inline-block;width:auto;background:#c1b6b4;color:#742e1e;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid #742e1e}input[type=file]:not([disabled]):hover{border:1px solid #742e1e}input[type=file]:active{background-color:#9a5c37}input[type=file][disabled]{color:#9a5c37;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #9a5c37;border-radius:2px;background:#dae4d8;color:#742e1e;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid #742e1e}textarea::-moz-placeholder{color:#9a5c37}textarea::-webkit-input-placeholder{color:#9a5c37}textarea:-ms-input-placeholder{color:#9a5c37}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(116,46,30,0.15) 0,rgba(116,46,30,0.15) 100%) 0 0,linear-gradient(rgba(116,46,30,0.15) 0,rgba(116,46,30,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #dae4d8;border-left:1px solid #dae4d8}hr{height:1px;margin:2em 0;border:0;background:#c1b6b4}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #c1b6b4}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#73bfbe}::selection{background:rgba(29,42,61,0.25)} \ No newline at end of file diff --git a/min/awsm-white.min.css b/min/awsm-white.min.css new file mode 100644 index 0000000..e0a054d --- /dev/null +++ b/min/awsm-white.min.css @@ -0,0 +1,5 @@ +@charset "UTF-8";/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:white;color:black;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media(min-width:20rem){body{font-size:calc(1rem+0.00625 *(100vw - 20rem))}}@media(min-width:40rem){body{font-size:1.125rem}}body header,body main,body footer,body article{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#aaa}nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav a:visited{color:#0064c1}nav a:hover{color:#f00000}ul,ol{margin-top:0;padding-top:0;padding-left:2.5em}ul li+li,ol li+li{margin-top:.25em}ul li>details,ol li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}p:first-child{margin-top:0}p:last-child{margin-bottom:0}p+ul,p+ol{margin-top:-0.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}dd{margin-bottom:1em;margin-left:0;padding-left:2.5em}dt{font-weight:700}blockquote{margin:0;padding-left:2.5em}aside{margin:.5em 0;font-style:italic;color:#aaa}@media(min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #f2f2f2}}aside:first-child{margin-top:0}aside:last-child{margin-bottom:0}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:hover>a[href^="#"][id]:empty,h1:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty{opacity:1}h1+p,h1+details,h2+p,h2+details,h3+p,h3+details,h4+p,h4+details,h5+p,h5+details,h6+p,h6+details{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-0.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#aaa}@media(min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-0.8em}}h1>a[href^="#"][id]:empty:target,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:focus{opacity:1;box-shadow:none;color:black}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}h5{font-size:1em}h6{margin-top:1em;font-size:1em;color:#aaa}article+article{margin-top:4em}article header p{font-size:.6em;color:#aaa}article header p+h1,article header p+h2{margin-top:-0.25em}article header h1+p,article header h2+p{margin-top:.25em}article header h1 a,article header h2 a{color:black}article header h1 a:visited,article header h2 a:visited{color:#aaa}article header h1 a:visited:hover,article header h2 a:visited:hover{color:#f00000}article>footer{margin-top:1.5em;font-size:.85em}a{color:#0064c1}a:visited{color:#8d39d0}a:hover,a:active{outline-width:0}a:hover{color:#f00000}a abbr{font-size:1em}abbr{margin-right:-0.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure+p{margin-top:.5em}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(0,0,0,0.15) 0,rgba(0,0,0,0.15) 100%) 0 0,linear-gradient(rgba(0,0,0,0.15) 0,rgba(0,0,0,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:white}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #f2f2f2;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,white 50%,rgba(255,255,255,0) 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,white 50%,rgba(255,255,255,0) 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,white 50%,rgba(255,255,255,0) 100%),linear-gradient(to left,white 50%,rgba(255,255,255,0) 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media(min-width:40rem){form{max-width:80%}}form select,form label{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form legend:first-child+label{margin-top:0}form select,form input[type],form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}fieldset{margin:0;padding:.5em 1em;border:1px solid #aaa}legend{color:#aaa}button{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:inline-block;width:auto;background:#f2f2f2;color:black;cursor:pointer}button:focus{border:1px solid black}button:not([disabled]):hover{border:1px solid black}button:active{background-color:#aaa}button[disabled]{color:#aaa;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:inline-block;width:auto;background:#f2f2f2;color:black;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(170,170,170)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}select:focus{border:1px solid black}select:not([disabled]):hover{border:1px solid black}select:active{background-color:#aaa}select[disabled]{color:#aaa;cursor:not-allowed}select:focus,select:hover{background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0032'%3E%3Cpathfill='rgb(0,0,0)'fill-rule='nonzero'd='M1.52L30H0z'/%3E%3C/svg%3E")}input[type=text],input[type=password],input[type^=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=month],input[type=week],input[type=url]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus,input[type^=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus,input[type=url]:focus{border:1px solid black}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type^=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=url]::-moz-placeholder{color:#aaa}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder{color:#aaa}input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder{color:#aaa}input[type=submit],input[type=button],input[type=reset]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:inline-block;width:auto;background:#f2f2f2;color:black;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border:1px solid black}input[type=submit]:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=reset]:not([disabled]):hover{border:1px solid black}input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#aaa}input[type=submit][disabled],input[type=button][disabled],input[type=reset][disabled]{color:#aaa;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid black}input[type=color]::-moz-placeholder{color:#aaa}input[type=color]::-webkit-input-placeholder{color:#aaa}input[type=color]:-ms-input-placeholder{color:#aaa}input[type=color]:hover{border:1px solid black}input[type=file]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:inline-block;width:auto;background:#f2f2f2;color:black;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus{border:1px solid black}input[type=file]:not([disabled]):hover{border:1px solid black}input[type=file]:active{background-color:#aaa}input[type=file][disabled]{color:#aaa;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-0.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #aaa;border-radius:2px;background:white;color:black;display:block;width:100%;line-height:calc(2em - 1px * 2 -(.25em - 1px) * 2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:focus{border:1px solid black}textarea::-moz-placeholder{color:#aaa}textarea::-webkit-input-placeholder{color:#aaa}textarea:-ms-input-placeholder{color:#aaa}output{display:block}code,kbd,var,samp{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(0,0,0,0.15) 0,rgba(0,0,0,0.15) 100%) 0 0,linear-gradient(rgba(0,0,0,0.15) 0,rgba(0,0,0,0.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code{display:inline-block;overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid white;border-left:1px solid white}hr{height:1px;margin:2em 0;border:0;background:#f2f2f2}details{margin:1em 0}details[open]{padding-bottom:.5em;border-bottom:1px solid #f2f2f2}summary{display:inline-block;font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#d00000}::selection{background:rgba(0,100,193,0.25)} \ No newline at end of file diff --git a/scripts/frameworks.yml b/scripts/frameworks.yml index 45e3896..8083860 100644 --- a/scripts/frameworks.yml +++ b/scripts/frameworks.yml @@ -8,13 +8,6 @@ frameworks: license_url: https://github.com/alexandersandberg/a11yana/blob/master/LICENSE.md repo: https://github.com/alexandersandberg/a11yana url: https://github.com/alexandersandberg/a11yana/blob/master/dist/a11yana.css - awsm: - author: igoradamenko - author_name: Igor Adamenko - license: MIT - license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md - repo: https://github.com/igoradamenko/awsm.css - url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm.css bahunya: author: Kimeiga author_name: Hakan Alpay @@ -706,6 +699,73 @@ collections: repo: https://github.com/darshandsoni/asciidoctor-skins url: https://github.com/dohliam/dropin-minimal-css/blob/gh-pages/min/ads-tufte.min.css min_only: true + awsm: + info: + author: igoradamenko + repo: https://github.com/igoradamenko/awsm.css + awsm-default: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm.css + awsm-black: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-black.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_black.css + awsm-bigstone: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-big-stone.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_big-stone.css + awsm-gondola: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-gondola.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_gondola.css + awsm-mischka: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-mischka.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_mischka.css + awsm-pastelpink: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-pastel-pink.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_pastel-pink.css + awsm-pearllusta: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-pearl-lusta.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_pearl-lusta.css + awsm-tasman: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-tasman.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_tasman.css + awsm-white: + author: igoradamenko + license: MIT + license_url: https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md + name: Awsm-white.css + repo: https://github.com/igoradamenko/awsm.css + url: https://github.com/igoradamenko/awsm.css/blob/master/dist/awsm_theme_white.css bootswatch: info: author: thomaspark diff --git a/src/awsm-bigstone.css b/src/awsm-bigstone.css new file mode 100644 index 0000000..c2da73c --- /dev/null +++ b/src/awsm-bigstone.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#1b2d3e; + color:#99c0c9; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#145e86; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#1570ab; +} +nav a:hover{ + color:#aec8e7; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#145e86; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #184165; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#145e86; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#99c0c9; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#145e86; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#145e86; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#99c0c9; +} +article header h1 a:visited, article header h2 a:visited{ + color:#145e86; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#aec8e7; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#1570ab; +} +a:visited{ + color:#726191; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#aec8e7; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 0 0, linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#1b2d3e; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #184165; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%), linear-gradient(to left, #1b2d3e 50%, rgba(27, 45, 62, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #145e86; +} + +legend{ + color:#145e86; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:inline-block; + width:auto; + background:#184165; + color:#99c0c9; + cursor:pointer; +} +button:focus{ + border:1px solid #99c0c9; +} +button:not([disabled]):hover{ + border:1px solid #99c0c9; +} +button:active{ + background-color:#145e86; +} +button[disabled]{ + color:#145e86; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:inline-block; + width:auto; + background:#184165; + color:#99c0c9; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(20, 94, 134)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #99c0c9; +} +select:not([disabled]):hover{ + border:1px solid #99c0c9; +} +select:active{ + background-color:#145e86; +} +select[disabled]{ + color:#145e86; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(153, 192, 201)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #99c0c9; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#145e86; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#145e86; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#145e86; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:inline-block; + width:auto; + background:#184165; + color:#99c0c9; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #99c0c9; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #99c0c9; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#145e86; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#145e86; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #99c0c9; +} +input[type=color]::-moz-placeholder{ + color:#145e86; +} +input[type=color]::-webkit-input-placeholder{ + color:#145e86; +} +input[type=color]:-ms-input-placeholder{ + color:#145e86; +} +input[type=color]:hover{ + border:1px solid #99c0c9; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:inline-block; + width:auto; + background:#184165; + color:#99c0c9; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #99c0c9; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #99c0c9; +} +input[type=file]:active{ + background-color:#145e86; +} +input[type=file][disabled]{ + color:#145e86; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #145e86; + border-radius:2px; + background:#1b2d3e; + color:#99c0c9; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #99c0c9; +} +textarea::-moz-placeholder{ + color:#145e86; +} +textarea::-webkit-input-placeholder{ + color:#145e86; +} +textarea:-ms-input-placeholder{ + color:#145e86; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 0 0, linear-gradient(rgba(153, 192, 201, 0.15) 0%, rgba(153, 192, 201, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #1b2d3e; + border-left:1px solid #1b2d3e; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#184165; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #184165; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#a15433; +} + +::selection{ + background:rgba(21, 112, 171, 0.25); +} \ No newline at end of file diff --git a/src/awsm-black.css b/src/awsm-black.css new file mode 100644 index 0000000..e6bbf8d --- /dev/null +++ b/src/awsm-black.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:black; + color:white; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#444444; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#fd9a49; +} +nav a:hover{ + color:#75c53c; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#444444; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #222222; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#444444; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:white; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#444444; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#444444; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:white; +} +article header h1 a:visited, article header h2 a:visited{ + color:#444444; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#75c53c; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#fd9a49; +} +a:visited{ + color:#7b4a29; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#75c53c; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 0 0, linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:black; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #222222; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, black 50%, rgba(0, 0, 0, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to left, black 50%, rgba(0, 0, 0, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #444444; +} + +legend{ + color:#444444; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:inline-block; + width:auto; + background:#222222; + color:white; + cursor:pointer; +} +button:focus{ + border:1px solid white; +} +button:not([disabled]):hover{ + border:1px solid white; +} +button:active{ + background-color:#444444; +} +button[disabled]{ + color:#444444; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:inline-block; + width:auto; + background:#222222; + color:white; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(68, 68, 68)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid white; +} +select:not([disabled]):hover{ + border:1px solid white; +} +select:active{ + background-color:#444444; +} +select[disabled]{ + color:#444444; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(255, 255, 255)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid white; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#444444; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#444444; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#444444; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:inline-block; + width:auto; + background:#222222; + color:white; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid white; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid white; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#444444; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#444444; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid white; +} +input[type=color]::-moz-placeholder{ + color:#444444; +} +input[type=color]::-webkit-input-placeholder{ + color:#444444; +} +input[type=color]:-ms-input-placeholder{ + color:#444444; +} +input[type=color]:hover{ + border:1px solid white; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:inline-block; + width:auto; + background:#222222; + color:white; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid white; +} +input[type=file]:not([disabled]):hover{ + border:1px solid white; +} +input[type=file]:active{ + background-color:#444444; +} +input[type=file][disabled]{ + color:#444444; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #444444; + border-radius:2px; + background:black; + color:white; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid white; +} +textarea::-moz-placeholder{ + color:#444444; +} +textarea::-webkit-input-placeholder{ + color:#444444; +} +textarea:-ms-input-placeholder{ + color:#444444; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 0 0, linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid black; + border-left:1px solid black; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#222222; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #222222; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#5afffe; +} + +::selection{ + background:rgba(253, 154, 73, 0.25); +} \ No newline at end of file diff --git a/src/awsm.css b/src/awsm-default.css similarity index 100% rename from src/awsm.css rename to src/awsm-default.css diff --git a/src/awsm-gondola.css b/src/awsm-gondola.css new file mode 100644 index 0000000..5e53045 --- /dev/null +++ b/src/awsm-gondola.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#1f1010; + color:#fff2e1; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#763f28; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#874671; +} +nav a:hover{ + color:#c6bdb8; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#763f28; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #492622; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#763f28; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#fff2e1; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#763f28; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#763f28; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#fff2e1; +} +article header h1 a:visited, article header h2 a:visited{ + color:#763f28; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#c6bdb8; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#874671; +} +a:visited{ + color:#524971; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#c6bdb8; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 0 0, linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#1f1010; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #492622; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #1f1010 50%, rgba(31, 16, 16, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #1f1010 50%, rgba(31, 16, 16, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #1f1010 50%, rgba(31, 16, 16, 0) 100%), linear-gradient(to left, #1f1010 50%, rgba(31, 16, 16, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #763f28; +} + +legend{ + color:#763f28; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:inline-block; + width:auto; + background:#492622; + color:#fff2e1; + cursor:pointer; +} +button:focus{ + border:1px solid #fff2e1; +} +button:not([disabled]):hover{ + border:1px solid #fff2e1; +} +button:active{ + background-color:#763f28; +} +button[disabled]{ + color:#763f28; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:inline-block; + width:auto; + background:#492622; + color:#fff2e1; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(118, 63, 40)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #fff2e1; +} +select:not([disabled]):hover{ + border:1px solid #fff2e1; +} +select:active{ + background-color:#763f28; +} +select[disabled]{ + color:#763f28; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(255, 242, 225)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #fff2e1; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#763f28; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#763f28; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#763f28; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:inline-block; + width:auto; + background:#492622; + color:#fff2e1; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #fff2e1; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #fff2e1; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#763f28; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#763f28; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #fff2e1; +} +input[type=color]::-moz-placeholder{ + color:#763f28; +} +input[type=color]::-webkit-input-placeholder{ + color:#763f28; +} +input[type=color]:-ms-input-placeholder{ + color:#763f28; +} +input[type=color]:hover{ + border:1px solid #fff2e1; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:inline-block; + width:auto; + background:#492622; + color:#fff2e1; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #fff2e1; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #fff2e1; +} +input[type=file]:active{ + background-color:#763f28; +} +input[type=file][disabled]{ + color:#763f28; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #763f28; + border-radius:2px; + background:#1f1010; + color:#fff2e1; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #fff2e1; +} +textarea::-moz-placeholder{ + color:#763f28; +} +textarea::-webkit-input-placeholder{ + color:#763f28; +} +textarea:-ms-input-placeholder{ + color:#763f28; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 0 0, linear-gradient(rgba(255, 242, 225, 0.15) 0%, rgba(255, 242, 225, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #1f1010; + border-left:1px solid #1f1010; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#492622; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #492622; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#852323; +} + +::selection{ + background:rgba(135, 70, 113, 0.25); +} \ No newline at end of file diff --git a/src/awsm-mischka.css b/src/awsm-mischka.css new file mode 100644 index 0000000..0ec8080 --- /dev/null +++ b/src/awsm-mischka.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#d3d7dd; + color:#3a3b45; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#9197a3; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#c34138; +} +nav a:hover{ + color:#db887b; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#9197a3; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #cfced4; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#9197a3; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#3a3b45; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#9197a3; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#9197a3; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#3a3b45; +} +article header h1 a:visited, article header h2 a:visited{ + color:#9197a3; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#db887b; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#c34138; +} +a:visited{ + color:#603237; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#db887b; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 0 0, linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#d3d7dd; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #cfced4; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%), linear-gradient(to left, #d3d7dd 50%, rgba(211, 215, 221, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #9197a3; +} + +legend{ + color:#9197a3; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:inline-block; + width:auto; + background:#cfced4; + color:#3a3b45; + cursor:pointer; +} +button:focus{ + border:1px solid #3a3b45; +} +button:not([disabled]):hover{ + border:1px solid #3a3b45; +} +button:active{ + background-color:#9197a3; +} +button[disabled]{ + color:#9197a3; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:inline-block; + width:auto; + background:#cfced4; + color:#3a3b45; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(145, 151, 163)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #3a3b45; +} +select:not([disabled]):hover{ + border:1px solid #3a3b45; +} +select:active{ + background-color:#9197a3; +} +select[disabled]{ + color:#9197a3; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(58, 59, 69)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #3a3b45; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#9197a3; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#9197a3; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#9197a3; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:inline-block; + width:auto; + background:#cfced4; + color:#3a3b45; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #3a3b45; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #3a3b45; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#9197a3; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#9197a3; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #3a3b45; +} +input[type=color]::-moz-placeholder{ + color:#9197a3; +} +input[type=color]::-webkit-input-placeholder{ + color:#9197a3; +} +input[type=color]:-ms-input-placeholder{ + color:#9197a3; +} +input[type=color]:hover{ + border:1px solid #3a3b45; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:inline-block; + width:auto; + background:#cfced4; + color:#3a3b45; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #3a3b45; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #3a3b45; +} +input[type=file]:active{ + background-color:#9197a3; +} +input[type=file][disabled]{ + color:#9197a3; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9197a3; + border-radius:2px; + background:#d3d7dd; + color:#3a3b45; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #3a3b45; +} +textarea::-moz-placeholder{ + color:#9197a3; +} +textarea::-webkit-input-placeholder{ + color:#9197a3; +} +textarea:-ms-input-placeholder{ + color:#9197a3; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 0 0, linear-gradient(rgba(58, 59, 69, 0.15) 0%, rgba(58, 59, 69, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #d3d7dd; + border-left:1px solid #d3d7dd; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#cfced4; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #cfced4; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#851f1b; +} + +::selection{ + background:rgba(195, 65, 56, 0.25); +} \ No newline at end of file diff --git a/src/awsm-pastelpink.css b/src/awsm-pastelpink.css new file mode 100644 index 0000000..c37dcf0 --- /dev/null +++ b/src/awsm-pastelpink.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#ffd9e3; + color:#173957; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#46799a; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#88505b; +} +nav a:hover{ + color:#1db2c1; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#46799a; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #efb4c0; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#46799a; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#173957; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#46799a; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#46799a; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#173957; +} +article header h1 a:visited, article header h2 a:visited{ + color:#46799a; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#1db2c1; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#88505b; +} +a:visited{ + color:#c27174; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#1db2c1; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 0 0, linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#ffd9e3; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #efb4c0; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%), linear-gradient(to left, #ffd9e3 50%, rgba(255, 217, 227, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #46799a; +} + +legend{ + color:#46799a; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:inline-block; + width:auto; + background:#efb4c0; + color:#173957; + cursor:pointer; +} +button:focus{ + border:1px solid #173957; +} +button:not([disabled]):hover{ + border:1px solid #173957; +} +button:active{ + background-color:#46799a; +} +button[disabled]{ + color:#46799a; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:inline-block; + width:auto; + background:#efb4c0; + color:#173957; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(70, 121, 154)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #173957; +} +select:not([disabled]):hover{ + border:1px solid #173957; +} +select:active{ + background-color:#46799a; +} +select[disabled]{ + color:#46799a; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(23, 57, 87)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #173957; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#46799a; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#46799a; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#46799a; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:inline-block; + width:auto; + background:#efb4c0; + color:#173957; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #173957; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #173957; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#46799a; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#46799a; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #173957; +} +input[type=color]::-moz-placeholder{ + color:#46799a; +} +input[type=color]::-webkit-input-placeholder{ + color:#46799a; +} +input[type=color]:-ms-input-placeholder{ + color:#46799a; +} +input[type=color]:hover{ + border:1px solid #173957; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:inline-block; + width:auto; + background:#efb4c0; + color:#173957; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #173957; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #173957; +} +input[type=file]:active{ + background-color:#46799a; +} +input[type=file][disabled]{ + color:#46799a; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #46799a; + border-radius:2px; + background:#ffd9e3; + color:#173957; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #173957; +} +textarea::-moz-placeholder{ + color:#46799a; +} +textarea::-webkit-input-placeholder{ + color:#46799a; +} +textarea:-ms-input-placeholder{ + color:#46799a; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 0 0, linear-gradient(rgba(23, 57, 87, 0.15) 0%, rgba(23, 57, 87, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #ffd9e3; + border-left:1px solid #ffd9e3; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#efb4c0; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #efb4c0; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#1981e0; +} + +::selection{ + background:rgba(136, 80, 91, 0.25); +} \ No newline at end of file diff --git a/src/awsm-pearllusta.css b/src/awsm-pearllusta.css new file mode 100644 index 0000000..aa345e4 --- /dev/null +++ b/src/awsm-pearllusta.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#fbecda; + color:#411b33; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#dcafb5; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#a54a29; +} +nav a:hover{ + color:#f6b731; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#dcafb5; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #eddbd6; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#dcafb5; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#411b33; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#dcafb5; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#dcafb5; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#411b33; +} +article header h1 a:visited, article header h2 a:visited{ + color:#dcafb5; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#f6b731; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#a54a29; +} +a:visited{ + color:#742b5a; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#f6b731; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 0 0, linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#fbecda; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #eddbd6; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #fbecda 50%, rgba(251, 236, 218, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #fbecda 50%, rgba(251, 236, 218, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #fbecda 50%, rgba(251, 236, 218, 0) 100%), linear-gradient(to left, #fbecda 50%, rgba(251, 236, 218, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #dcafb5; +} + +legend{ + color:#dcafb5; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:inline-block; + width:auto; + background:#eddbd6; + color:#411b33; + cursor:pointer; +} +button:focus{ + border:1px solid #411b33; +} +button:not([disabled]):hover{ + border:1px solid #411b33; +} +button:active{ + background-color:#dcafb5; +} +button[disabled]{ + color:#dcafb5; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:inline-block; + width:auto; + background:#eddbd6; + color:#411b33; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(220, 175, 181)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #411b33; +} +select:not([disabled]):hover{ + border:1px solid #411b33; +} +select:active{ + background-color:#dcafb5; +} +select[disabled]{ + color:#dcafb5; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(65, 27, 51)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #411b33; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#dcafb5; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#dcafb5; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#dcafb5; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:inline-block; + width:auto; + background:#eddbd6; + color:#411b33; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #411b33; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #411b33; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#dcafb5; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#dcafb5; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #411b33; +} +input[type=color]::-moz-placeholder{ + color:#dcafb5; +} +input[type=color]::-webkit-input-placeholder{ + color:#dcafb5; +} +input[type=color]:-ms-input-placeholder{ + color:#dcafb5; +} +input[type=color]:hover{ + border:1px solid #411b33; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:inline-block; + width:auto; + background:#eddbd6; + color:#411b33; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #411b33; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #411b33; +} +input[type=file]:active{ + background-color:#dcafb5; +} +input[type=file][disabled]{ + color:#dcafb5; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #dcafb5; + border-radius:2px; + background:#fbecda; + color:#411b33; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #411b33; +} +textarea::-moz-placeholder{ + color:#dcafb5; +} +textarea::-webkit-input-placeholder{ + color:#dcafb5; +} +textarea:-ms-input-placeholder{ + color:#dcafb5; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 0 0, linear-gradient(rgba(65, 27, 51, 0.15) 0%, rgba(65, 27, 51, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #fbecda; + border-left:1px solid #fbecda; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#eddbd6; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #eddbd6; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#efc44e; +} + +::selection{ + background:rgba(165, 74, 41, 0.25); +} \ No newline at end of file diff --git a/src/awsm-tasman.css b/src/awsm-tasman.css new file mode 100644 index 0000000..340864b --- /dev/null +++ b/src/awsm-tasman.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:#dae4d8; + color:#742e1e; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#9a5c37; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#418198; +} +nav a:hover{ + color:#d68a41; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#9a5c37; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #c1b6b4; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#9a5c37; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:#742e1e; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#9a5c37; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#9a5c37; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:#742e1e; +} +article header h1 a:visited, article header h2 a:visited{ + color:#9a5c37; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#d68a41; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#418198; +} +a:visited{ + color:#1d2a3d; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#d68a41; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 0 0, linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:#dae4d8; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #c1b6b4; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, #dae4d8 50%, rgba(218, 228, 216, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, #dae4d8 50%, rgba(218, 228, 216, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, #dae4d8 50%, rgba(218, 228, 216, 0) 100%), linear-gradient(to left, #dae4d8 50%, rgba(218, 228, 216, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #9a5c37; +} + +legend{ + color:#9a5c37; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:inline-block; + width:auto; + background:#c1b6b4; + color:#742e1e; + cursor:pointer; +} +button:focus{ + border:1px solid #742e1e; +} +button:not([disabled]):hover{ + border:1px solid #742e1e; +} +button:active{ + background-color:#9a5c37; +} +button[disabled]{ + color:#9a5c37; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:inline-block; + width:auto; + background:#c1b6b4; + color:#742e1e; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(154, 92, 55)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid #742e1e; +} +select:not([disabled]):hover{ + border:1px solid #742e1e; +} +select:active{ + background-color:#9a5c37; +} +select[disabled]{ + color:#9a5c37; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(116, 46, 30)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid #742e1e; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#9a5c37; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#9a5c37; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#9a5c37; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:inline-block; + width:auto; + background:#c1b6b4; + color:#742e1e; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid #742e1e; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid #742e1e; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#9a5c37; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#9a5c37; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid #742e1e; +} +input[type=color]::-moz-placeholder{ + color:#9a5c37; +} +input[type=color]::-webkit-input-placeholder{ + color:#9a5c37; +} +input[type=color]:-ms-input-placeholder{ + color:#9a5c37; +} +input[type=color]:hover{ + border:1px solid #742e1e; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:inline-block; + width:auto; + background:#c1b6b4; + color:#742e1e; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid #742e1e; +} +input[type=file]:not([disabled]):hover{ + border:1px solid #742e1e; +} +input[type=file]:active{ + background-color:#9a5c37; +} +input[type=file][disabled]{ + color:#9a5c37; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #9a5c37; + border-radius:2px; + background:#dae4d8; + color:#742e1e; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid #742e1e; +} +textarea::-moz-placeholder{ + color:#9a5c37; +} +textarea::-webkit-input-placeholder{ + color:#9a5c37; +} +textarea:-ms-input-placeholder{ + color:#9a5c37; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 0 0, linear-gradient(rgba(116, 46, 30, 0.15) 0%, rgba(116, 46, 30, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid #dae4d8; + border-left:1px solid #dae4d8; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#c1b6b4; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #c1b6b4; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#73bfbe; +} + +::selection{ + background:rgba(29, 42, 61, 0.25); +} \ No newline at end of file diff --git a/src/awsm-white.css b/src/awsm-white.css new file mode 100644 index 0000000..94ad1eb --- /dev/null +++ b/src/awsm-white.css @@ -0,0 +1,695 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.6 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{ + font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size:100%; + line-height:1.4; + background:white; + color:black; + -webkit-overflow-scrolling:touch; +} + +body{ + margin:1.2em; + font-size:1rem; +} +@media (min-width: 20rem){ + body{ + font-size:calc(1rem + 0.00625 * (100vw - 20rem)); + } +} +@media (min-width: 40rem){ + body{ + font-size:1.125rem; + } +} +body header, +body main, +body footer, +body article{ + position:relative; + max-width:40rem; + margin:0 auto; +} +body > header{ + margin-bottom:3.5em; +} +body > header h1{ + margin:0; + font-size:1.5em; +} +body > header p{ + margin:0; + font-size:0.85em; +} +body > footer{ + margin-top:6em; + padding-bottom:1.5em; + text-align:center; + font-size:0.8rem; + color:#aaaaaa; +} + +nav{ + margin:1em 0; +} +nav ul{ + list-style:none; + margin:0; + padding:0; +} +nav li{ + display:inline-block; + margin-right:1em; + margin-bottom:0.25em; +} +nav a:visited{ + color:#0064c1; +} +nav a:hover{ + color:#f00000; +} + +ul, ol{ + margin-top:0; + padding-top:0; + padding-left:2.5em; +} +ul li + li, ol li + li{ + margin-top:0.25em; +} +ul li > details, ol li > details{ + margin:0; +} + +p{ + margin:1em 0; + -webkit-hyphens:auto; + -ms-hyphens:auto; + hyphens:auto; +} +p:first-child{ + margin-top:0; +} +p:last-child{ + margin-bottom:0; +} +p + ul, p + ol{ + margin-top:-0.75em; +} +p img, p picture{ + float:right; + margin-bottom:0.5em; + margin-left:0.5em; +} +p picture img{ + float:none; + margin:0; +} + +dd{ + margin-bottom:1em; + margin-left:0; + padding-left:2.5em; +} + +dt{ + font-weight:700; +} + +blockquote{ + margin:0; + padding-left:2.5em; +} + +aside{ + margin:0.5em 0; + font-style:italic; + color:#aaaaaa; +} +@media (min-width: 65rem){ + aside{ + position:absolute; + right:-12.5rem; + width:9.375rem; + max-width:9.375rem; + margin:0; + padding-left:0.5em; + font-size:0.8em; + border-left:1px solid #f2f2f2; + } +} +aside:first-child{ + margin-top:0; +} +aside:last-child{ + margin-bottom:0; +} + +section + section{ + margin-top:2em; +} + +h1, h2, h3, h4, h5, h6{ + margin:1.25em 0 0; + line-height:1.2; +} +h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty{ + opacity:1; +} +h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details{ + margin-top:0.5em; +} +h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + position:absolute; + left:-0.65em; + opacity:0; + text-decoration:none; + font-weight:400; + line-height:1; + color:#aaaaaa; +} +@media (min-width: 40rem){ + h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty{ + left:-0.8em; + } +} +h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus{ + opacity:1; + box-shadow:none; + color:black; +} +h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus{ + outline:none; +} +h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before{ + content:"§ "; +} + +h1{ + font-size:2.5em; +} + +h2{ + font-size:1.75em; +} + +h3{ + font-size:1.25em; +} + +h4{ + font-size:1.15em; +} + +h5{ + font-size:1em; +} + +h6{ + margin-top:1em; + font-size:1em; + color:#aaaaaa; +} + +article + article{ + margin-top:4em; +} +article header p{ + font-size:0.6em; + color:#aaaaaa; +} +article header p + h1, article header p + h2{ + margin-top:-0.25em; +} +article header h1 + p, article header h2 + p{ + margin-top:0.25em; +} +article header h1 a, article header h2 a{ + color:black; +} +article header h1 a:visited, article header h2 a:visited{ + color:#aaaaaa; +} +article header h1 a:visited:hover, article header h2 a:visited:hover{ + color:#f00000; +} +article > footer{ + margin-top:1.5em; + font-size:0.85em; +} + +a{ + color:#0064c1; +} +a:visited{ + color:#8d39d0; +} +a:hover, a:active{ + outline-width:0; +} +a:hover{ + color:#f00000; +} +a abbr{ + font-size:1em; +} + +abbr{ + margin-right:-0.075em; + text-decoration:none; + -webkit-hyphens:none; + -ms-hyphens:none; + hyphens:none; + letter-spacing:0.075em; + font-size:0.9em; +} + +img, picture{ + display:block; + max-width:100%; + margin:0 auto; +} + +audio, video{ + width:100%; + max-width:100%; +} + +figure{ + margin:1em 0 0.5em; + padding:0; +} +figure + p{ + margin-top:0.5em; +} +figure figcaption{ + opacity:0.65; + font-size:0.85em; +} + +table{ + display:inline-block; + border-spacing:0; + border-collapse:collapse; + overflow-x:auto; + max-width:100%; + text-align:left; + vertical-align:top; + background:linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 0 0, linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +table caption{ + font-size:0.9em; + background:white; +} +table td, table th{ + padding:0.35em 0.75em; + vertical-align:top; + font-size:0.9em; + border:1px solid #f2f2f2; + border-top:0; + border-left:0; +} +table td:first-child, table th:first-child{ + padding-left:0; + background-image:linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%); + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:last-child, table th:last-child{ + padding-right:0; + border-right:0; + background-image:linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); + background-position:100% 0; + background-size:2px 100%; + background-repeat:no-repeat; +} +table td:only-child, table th:only-child{ + background-image:linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); + background-position:0 0, 100% 0; + background-size:2px 100%, 2px 100%; + background-repeat:no-repeat, no-repeat; +} +table th{ + line-height:1.2; +} + +form{ + margin-right:auto; + margin-left:auto; +} +@media (min-width: 40rem){ + form{ + max-width:80%; + } +} +form select, form label{ + display:block; +} +form label:not(:first-child){ + margin-top:1em; +} +form p label{ + display:inline; +} +form p label + label{ + margin-left:1em; +} +form legend:first-child + label{ + margin-top:0; +} +form select, form input[type], form textarea{ + margin-bottom:1em; +} +form input[type=checkbox], form input[type=radio]{ + margin-bottom:0; +} + +fieldset{ + margin:0; + padding:0.5em 1em; + border:1px solid #aaaaaa; +} + +legend{ + color:#aaaaaa; +} + +button{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:inline-block; + width:auto; + background:#f2f2f2; + color:black; + cursor:pointer; +} +button:focus{ + border:1px solid black; +} +button:not([disabled]):hover{ + border:1px solid black; +} +button:active{ + background-color:#aaaaaa; +} +button[disabled]{ + color:#aaaaaa; + cursor:not-allowed; +} + +select{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:inline-block; + width:auto; + background:#f2f2f2; + color:black; + cursor:pointer; + padding-right:1.2em; + background-position:top 55% right 0.35em; + background-size:0.5em; + background-repeat:no-repeat; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(170, 170, 170)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} +select:focus{ + border:1px solid black; +} +select:not([disabled]):hover{ + border:1px solid black; +} +select:active{ + background-color:#aaaaaa; +} +select[disabled]{ + color:#aaaaaa; + cursor:not-allowed; +} +select:focus, select:hover{ + background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(0, 0, 0)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E"); +} + +input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus{ + border:1px solid black; +} +input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder{ + color:#aaaaaa; +} +input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder{ + color:#aaaaaa; +} +input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder{ + color:#aaaaaa; +} +input[type=submit], input[type=button], input[type=reset]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:inline-block; + width:auto; + background:#f2f2f2; + color:black; + cursor:pointer; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} +input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus{ + border:1px solid black; +} +input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover{ + border:1px solid black; +} +input[type=submit]:active, input[type=button]:active, input[type=reset]:active{ + background-color:#aaaaaa; +} +input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled]{ + color:#aaaaaa; + cursor:not-allowed; +} +input[type=color]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + width:6em; +} +input[type=color]:focus{ + border:1px solid black; +} +input[type=color]::-moz-placeholder{ + color:#aaaaaa; +} +input[type=color]::-webkit-input-placeholder{ + color:#aaaaaa; +} +input[type=color]:-ms-input-placeholder{ + color:#aaaaaa; +} +input[type=color]:hover{ + border:1px solid black; +} +input[type=file]{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:inline-block; + width:auto; + background:#f2f2f2; + color:black; + cursor:pointer; + display:block; + width:100%; + height:auto; + padding:0.75em 0.5em; + font-size:12px; + line-height:1; +} +input[type=file]:focus{ + border:1px solid black; +} +input[type=file]:not([disabled]):hover{ + border:1px solid black; +} +input[type=file]:active{ + background-color:#aaaaaa; +} +input[type=file][disabled]{ + color:#aaaaaa; + cursor:not-allowed; +} +input[type=checkbox], input[type=radio]{ + margin:-0.2em 0.75em 0 0; + vertical-align:middle; +} + +textarea{ + outline:none; + box-sizing:border-box; + height:2em; + margin:0; + padding:calc(.25em - 1px) 0.5em; + font-family:inherit; + font-size:1em; + border:1px solid #aaaaaa; + border-radius:2px; + background:white; + color:black; + display:block; + width:100%; + line-height:calc(2em - 1px * 2 - (.25em - 1px) * 2); + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + height:4.5em; + resize:vertical; + padding-top:0.5em; + padding-bottom:0.5em; +} +textarea:focus{ + border:1px solid black; +} +textarea::-moz-placeholder{ + color:#aaaaaa; +} +textarea::-webkit-input-placeholder{ + color:#aaaaaa; +} +textarea:-ms-input-placeholder{ + color:#aaaaaa; +} + +output{ + display:block; +} + +code, kbd, var, samp{ + font-family:Consolas, "Lucida Console", Monaco, monospace; + font-style:normal; +} + +pre{ + overflow-x:auto; + font-size:0.8em; + background:linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 0 0, linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) 100% 0; + background-attachment:scroll, scroll; + background-size:1px 100%, 1px 100%; + background-repeat:no-repeat, no-repeat; +} +pre > code{ + display:inline-block; + overflow-x:visible; + box-sizing:border-box; + min-width:100%; + border-right:3px solid white; + border-left:1px solid white; +} + +hr{ + height:1px; + margin:2em 0; + border:0; + background:#f2f2f2; +} + +details{ + margin:1em 0; +} +details[open]{ + padding-bottom:0.5em; + border-bottom:1px solid #f2f2f2; +} + +summary{ + display:inline-block; + font-weight:700; + border-bottom:1px dashed; + cursor:pointer; +} +summary::-webkit-details-marker{ + display:none; +} + +noscript{ + color:#d00000; +} + +::selection{ + background:rgba(0, 100, 193, 0.25); +} \ No newline at end of file diff --git a/switcher.js b/switcher.js index 85c2eb9..5dcaeb1 100644 --- a/switcher.js +++ b/switcher.js @@ -1,4 +1,4 @@ -var frameworks = "a11yana,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,centurion,chota,cirrus,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,minimal-stylesheet,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,md-air,md-modest,md-retro,md-splendor,w3c-chocolate,w3c-midnight,w3c-modernist,w3c-oldstyle,w3c-steely,w3c-swiss,w3c-traditional,w3c-ultramarine"; +var frameworks = "a11yana,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,centurion,chota,cirrus,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,minimal-stylesheet,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,awsm-default,awsm-black,awsm-bigstone,awsm-gondola,awsm-mischka,awsm-pastelpink,awsm-pearllusta,awsm-tasman,awsm-white,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,md-air,md-modest,md-retro,md-splendor,w3c-chocolate,w3c-midnight,w3c-modernist,w3c-oldstyle,w3c-steely,w3c-swiss,w3c-traditional,w3c-ultramarine"; add_switcher();