From 4b459b7c2b5b07f90646bcd763d2df40ea4c7020 Mon Sep 17 00:00:00 2001 From: dohliam Date: Sat, 12 Oct 2019 18:36:48 -0700 Subject: [PATCH] +comet, hyp, lemon, preface --- README.md | 4 ++++ switcher.js | 2 +- vendor/comet.min.css | 7 +++++++ vendor/hyp.min.css | 12 ++++++++++++ vendor/lemon.min.css | 1 + vendor/preface.min.css | 2 ++ 6 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 vendor/comet.min.css create mode 100644 vendor/hyp.min.css create mode 100644 vendor/lemon.min.css create mode 100644 vendor/preface.min.css diff --git a/README.md b/README.md index 7241339..5f88c17 100644 --- a/README.md +++ b/README.md @@ -47,6 +47,7 @@ If you know of a minimal framework that hasn't been included here, by all means * [cardinal](https://github.com/cardinalcss/cardinalcss) by @cbracco ([MIT](https://github.com/cardinalcss/cardinalcss/blob/master/LICENSE.md)) * [chota](https://github.com/jenil/chota) by @jenil ([MIT](https://github.com/jenil/chota/blob/master/LICENSE)) * [clmaterial](https://github.com/24aitor/CLMaterial) by @24aitor ([MIT](https://github.com/24aitor/CLMaterial/blob/master/LICENSE)) +* [comet](https://github.com/marcbruederlin/comet) by @marcbruederlin ([MIT](https://github.com/marcbruederlin/comet/blob/master/LICENSE)) * [concise](https://github.com/ConciseCSS/concise.css) by ConciseCSS ([MIT](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE)) * [flat-ui](https://github.com/designmodo/Flat-UI) by Designmodo ([CC BY & MIT](https://github.com/designmodo/Flat-UI#copyright-and-license)) * [fluidity](https://github.com/mrmrs/fluidity) by @mrmrs ([MIT](https://github.com/mrmrs/fluidity/blob/master/README.md)) @@ -55,11 +56,13 @@ If you know of a minimal framework that hasn't been included here, by all means * [hack](https://github.com/egoist/hack) by @egoist ([MIT](https://github.com/egoist/hack/blob/master/LICENSE)) * [holiday](https://github.com/EvgenyOrekhov/holiday.css) by @EvgenyOrekhov ([MIT](https://github.com/EvgenyOrekhov/holiday.css/blob/master/LICENSE)) * [html-starterkit](https://github.com/zitrusfrisch/HTML-StarterKit) by @zitrusfrisch ([MIT](https://github.com/zitrusfrisch/HTML-StarterKit#its-free)) +* [hyp](https://github.com/krszwsk/hyp) by @krszwsk ([MIT](https://github.com/krszwsk/hyp/blob/master/LICENSE)) * [kathamo](https://github.com/kathamo/Kathamo) by @debashisbarman ([MIT](https://github.com/kathamo/Kathamo/blob/master/LICENSE)) * [koochak](https://github.com/peyman3d/koochak) by @peyman3d ([MIT](https://github.com/peyman3d/koochak/blob/master/LICENSE)) * [kraken](https://github.com/cferdinandi/kraken) by @cferdinandi ([MIT](https://github.com/cferdinandi/kraken/blob/master/LICENSE.md)) * [kube](https://github.com/imperavi/kube) by @imperavi ([MIT](https://github.com/imperavi/kube/blob/master/LICENSE)) * [latex](https://github.com/davidrzs/latexcss) by @davidrzs ([MIT](https://github.com/davidrzs/latexcss/blob/master/LICENSE)) +* [lemon](https://github.com/appalaszynski/lemon) by @appalaszynski ([MIT](https://github.com/appalaszynski/lemon/blob/master/LICENSE)) * [lit](https://github.com/Ajusa/lit) by @Ajusa ([MIT](https://github.com/Ajusa/lit/blob/master/LICENSE)) * [lotus](https://github.com/goatslacker/lotus.css) by @goatslacker ([MIT](https://github.com/goatslacker/lotus.css#license)) * [markdown-css](https://github.com/mrcoles/markdown-css) by @mrcoles ([MIT](https://github.com/mrcoles/markdown-css/blob/master/license.txt)) @@ -80,6 +83,7 @@ If you know of a minimal framework that hasn't been included here, by all means * [papier](https://github.com/alexanderGugel/papier) by @baasdesign ([MIT](https://github.com/alexanderGugel/papier/blob/master/LICENSE.md)) * [pavilion](https://github.com/getpavilion/pavilion) by @baasdesign ([MIT](https://github.com/getpavilion/pavilion/blob/master/license)) * [picnic](https://github.com/picnicss/picnic) by @FranciscoP ([MIT](https://github.com/picnicss/picnic/blob/master/LICENSE)) +* [preface](https://github.com/cluzier/PrefaceCSS) by @cluzier ([MIT](https://github.com/cluzier/PrefaceCSS/blob/master/LICENSE)) * [primer](https://github.com/primer/css) by GitHub Inc. ([MIT](https://github.com/primer/css/blob/master/LICENSE)) * [pure](https://github.com/yahoo/pure/) by @yahoo ([BSD](https://github.com/yahoo/pure/blob/master/LICENSE.md)) * [sakura](https://github.com/oxalorg/sakura) by @oxalorg ([MIT](https://github.com/oxalorg/sakura/blob/master/LICENSE.txt)) diff --git a/switcher.js b/switcher.js index 5c1c7c5..eed7cd8 100644 --- a/switcher.js +++ b/switcher.js @@ -1,4 +1,4 @@ -var frameworks = "a11yana,air,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,chota,clmaterial,concise,flat-ui,fluidity,furtive,generic,hack,holiday,html-starterkit,kathamo,koochak,kube,latex,lit,lotus,markdown,marx,materialize,mercury,milligram,min,mini,mobi,modest,motherplate,mu,mui,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,primer,pure,retro,sakura,sanitize-10up,sanitize-zdroid,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,splendor,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,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"; +var frameworks = "a11yana,air,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,chota,clmaterial,comet,concise,flat-ui,fluidity,furtive,generic,hack,holiday,html-starterkit,hyp,kathamo,koochak,kube,latex,lemon,lit,lotus,markdown,marx,materialize,mercury,milligram,min,mini,mobi,modest,motherplate,mu,mui,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,pure,retro,sakura,sanitize-10up,sanitize-zdroid,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,splendor,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,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"; add_switcher(); diff --git a/vendor/comet.min.css b/vendor/comet.min.css new file mode 100644 index 0000000..86beb8f --- /dev/null +++ b/vendor/comet.min.css @@ -0,0 +1,7 @@ +/*! + * Comet v1.2.0 + * https://github.com/marcbruederlin/comet + * + * Copyright (c) 2017 Marc Bruederlin + * Licensed under the MIT license +*/button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}html,legend{box-sizing:border-box}.container,.grid .grid__col,sub,sup{position:relative}.button,a,abbr,abbr[title]{text-decoration:none}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}html{font-size:62.5%}body{margin:0;font-family:"Source Sans Pro",sans-serif;font-size:1.5rem;line-height:1.6;color:#626979;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:inherit}.container{max-width:960px;margin:0 auto;padding:0 2rem}@media print{body{-webkit-print-color-adjust:exact}a[href^="www."]:after,a[href^="http://"]:after,a[href^="https://"]:after{content:" (" attr(href) ")"}a[href^="#"]:after{display:none}}.blockquote{margin:3rem 0;padding:1rem 3rem}.blockquote>p{margin:0}.blockquote>.blockquote__footer{margin-top:.3rem;color:#979daa}.blockquote--highlight{border-left:.2rem solid #19e2b5}.button{display:inline-block;padding:0 2rem;font-family:inherit;font-size:1.04167rem;font-weight:700;line-height:4rem;letter-spacing:.05rem;text-align:center;text-transform:uppercase;color:#fff;background-color:#19e2b5;border:.2rem solid #19e2b5;border-radius:.4rem;cursor:pointer}.table th,dl dt{font-weight:600}.table,.utility__text--left{text-align:left}.button:disabled{opacity:.8;cursor:not-allowed}.button:disabled:hover{background-color:#19e2b5;border-color:#19e2b5}.button:active,.button:focus,.button:hover{color:#fff;background-color:#0f866b;border-color:#0f866b;outline:0}.button--small{padding:0 1rem;font-size:.86806rem;line-height:3rem}.button--large{font-size:1.5rem;line-height:6rem}.button--outline,.button--outline:disabled:hover{color:#19e2b5;background-color:transparent}.button--outline:hover{color:#0f866b;background-color:transparent}.button--clear,.button--clear:disabled:hover{color:#19e2b5;background-color:transparent;border-color:transparent}.button--clear:hover{color:#0f866b;background-color:transparent;border-color:transparent}.code{font-family:Monaco,monospace;font-size:1.25rem}.code--background{padding:.5rem 1rem;background:rgba(0,0,0,.05)}.code--highlight{padding:.5rem 1rem;border-left:.2rem solid #19e2b5}fieldset{margin:0;padding:0;border:none}.form>.form__label,label{display:block;margin-bottom:.2rem;font-weight:600}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{display:inline-block;width:100%;margin-bottom:2.3rem;padding:1rem 1.3rem;font-family:inherit;color:#626979;border:.2rem solid #cbccd0;border-radius:.4rem;outline:0}input[type=email]:active,input[type=email]:focus,input[type=number]:active,input[type=number]:focus,input[type=password]:active,input[type=password]:focus,input[type=search]:active,input[type=search]:focus,input[type=tel]:active,input[type=tel]:focus,input[type=text]:active,input[type=text]:focus,input[type=url]:active,input[type=url]:focus,textarea:active,textarea:focus{border-color:#19e2b5}textarea{overflow:auto;max-width:100%}.form__input--success{border-color:#4cb77a!important}.form__input--error{border-color:#e25c48!important}.grid{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-1rem;margin-right:-1rem;box-sizing:border-box}.hr,img{width:100%}.grid--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.grid--gapless{margin:0}.grid--gapless .grid__col{padding:0!important}.grid .grid__col{padding:0 1rem 1rem}.grid .grid__col--12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid .grid__col--11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.grid .grid__col--10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.grid .grid__col--9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid .grid__col--8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.grid .grid__col--7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.grid .grid__col--6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid .grid__col--5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.grid .grid__col--4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.grid .grid__col--3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid .grid__col--2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.grid .grid__col--1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}a{color:#19e2b5;border-bottom:.2rem solid rgba(25,226,181,.35)}a:hover{color:#0f866b;border-bottom-color:#0f866b}.list{margin:3rem 0}.list--inline>li{float:left;margin-right:5rem}.list--inline>li:last-of-type{margin-right:0}.list--unstyled{padding:0;list-style:none}dl dd{margin:0}img{height:auto}.hr{margin:3.5rem 0;height:.1rem;background-color:rgba(98,105,121,.25);border:none}.hr--small{width:30%}.table{width:100%;border-collapse:collapse}.table th{padding:.8rem;border-bottom:.2rem solid rgba(98,105,121,.25);vertical-align:bottom}.table td{padding:.8rem;border-top:1px solid rgba(98,105,121,.25)}.table--striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.03)}.table--hover tbody tr:hover{background-color:rgba(0,0,0,.06)}h1,h2,h3,h4,h5,h6{margin:7rem 0 4rem;font-weight:300;line-height:1.2;color:#000}h1{font-size:4.47898rem}h2{font-size:3.73248rem}h3{font-size:3.1104rem}h4{font-size:2.592rem}h5{font-size:2.16rem}h6{font-size:1.5rem}p{margin:0 0 3rem}abbr,abbr[title]{border-bottom:.1rem dotted #d4d4d4;cursor:help}.utility__text--right{text-align:right}.utility__text--center{text-align:center}.utility__text--highlight{padding:.25rem;color:#000;background-color:#fdf72e}.utility__text--loud{font-weight:700;color:#343841}.utility__text--quiet{color:#979daa}.utility__pos--center{margin-left:auto;margin-right:auto}.utility__pos--left{margin-left:0;margin-right:auto}.utility__pos--right{margin-left:auto;margin-right:0}.utility__pos--center-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.utility__float--left{float:left}.utility__float--right{float:right}.list--inline:after,.list--inline:before,.utility__clearfix:after,.utility__clearfix:before{content:" ";display:table}.list--inline:after,.utility__clearfix:after{clear:both}.utility__hidden--l,.utility__hidden--m,.utility__hidden--s{display:initial;visibility:visible}@media (min-width:769px){.utility__hidden--l,.utility__hidden--l.utility__hidden--s,.utility__hidden--m.utility__hidden--l{display:none}}@media (max-width:425px){.grid .grid__col--s-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid .grid__col--s-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.grid .grid__col--s-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.grid .grid__col--s-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid .grid__col--s-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.grid .grid__col--s-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.grid .grid__col--s-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid .grid__col--s-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.grid .grid__col--s-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.grid .grid__col--s-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid .grid__col--s-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.grid .grid__col--s-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.utility__hidden--l.utility__hidden--s,.utility__hidden--s{display:none}}@media (min-width:426px) and (max-width:768px){.grid .grid__col--m-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid .grid__col--m-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.grid .grid__col--m-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.grid .grid__col--m-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid .grid__col--m-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.grid .grid__col--m-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.grid .grid__col--m-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid .grid__col--m-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.grid .grid__col--m-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.grid .grid__col--m-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid .grid__col--m-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.grid .grid__col--m-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.utility__hidden--m,.utility__hidden--m.utility__hidden--l{display:none}} \ No newline at end of file diff --git a/vendor/hyp.min.css b/vendor/hyp.min.css new file mode 100644 index 0000000..cc83fae --- /dev/null +++ b/vendor/hyp.min.css @@ -0,0 +1,12 @@ +/* +hyp 0.1.0 +Copyright 2016 Krzysztof Kraszewski +Free to use under MIT licence. +*/ +@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Oswald);html{font-size:65%}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:0;width:100%} +h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;font-weight:500}a{color:inherit;text-decoration:none;border-bottom:2px solid #ff7c5c;font-weight:600;transition:.3s}a:hover{background-color:#ff7c5c;color:#fff}.small{font-size:12px}.large{font-size:20px} +.container{max-width:950px;margin:0 auto;padding:10px 20px}.row{display:flex;flex-direction:row;justify-content:flex-start;margin:1%;min-height:40px;width:100%;max-width:100%}.row-center{display:flex;flex-direction:row;justify-content:center;min-height:50px}.row [class*=c-]{min-height:20px}.row [class*=c-]:not([class*=o-]){margin-left:1%}.row [class*=c-]:first-child:not([class*=o-]){margin-left:0}.row .c-1{width:8.33333333333%}.row .c-2{width:16.6666667%}.row .c-3{width:25%}.row .c-4{width:33.3333333333%}.row .c-5{width:41.6666666667%}.row .c-6{width:50%}.row .c-7{width:58.3333333333%}.row .c-8{width:66.6666666667%}.row .c-9{width:75%}.row .c-10{width:83.3333333333%}.row .c-11{width:91.6666666667%}.row .c-12{width:100%}.row .o-1{margin-left:8.33333333333%}.row .o-2{margin-left:16.6666667%}.row .o-3{margin-left:25%}.row .o-4{margin-left:33.3333333333%}.row .o-5{margin-left:41.6666666667%}.row .o-6{margin-left:50%}.row .o-7{margin-left:58.3333333333%}.row .o-8{margin-left:66.6666666667%}.row .o-9{margin-left:75%}.row .o-10{margin-left:83.3333333333%}.row .o-11{margin-left:91.6666666667%}.row .o-12{margin-left:100%}@media screen and (max-width:768px){.row,.row-center{flex-wrap:wrap;margin:0}.row [class*=" c-"],.row [class^=c-]{margin:1%;flex:0 0 100%}} +input[type=text],input[type=password],input[type=number],textarea{border:1px solid #636363;border-radius:5px;padding:8px 15px;outline:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border:1px solid #2DC7FF} +button{font-weight:700;outline:0;padding:10px;text-transform:uppercase;background-color:#2a2a2a;border:1px solid #636363;border-radius:5px;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}button:hover:not([disabled]){background-color:#fff;color:#2a2a2a;cursor:pointer}button:disabled{background-color:#3a3a3a;cursor:not-allowed;transition:none}.btn-light{background-color:#fff;border:2px solid #2a2a2a;border-radius:5px;color:#000;transition:.3s}.btn-light:hover:not([disabled]){background-color:#2a2a2a;border:2px solid #fff;color:#fff}.btn-light:disabled{background-color:#e3e3e3;cursor:not-allowed;transition:none}.stretch{display:block;width:100%} +.pull-left{float:left}.pull-right{float:right}.full{width:100%;height:100vh}.center-vh-parent{position:relative}.center-vh{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} +pre>code{background-color:#e3e3e3;border:1px solid #D7D7D7;border-radius:5px;font-family:monospace;font-size:12px;padding:20px 10px} \ No newline at end of file diff --git a/vendor/lemon.min.css b/vendor/lemon.min.css new file mode 100644 index 0000000..e3e715f --- /dev/null +++ b/vendor/lemon.min.css @@ -0,0 +1 @@ +html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media (max-width:56.25em){html{font-size:56.25%}}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{color:#363c41;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.6;letter-spacing:.01rem}b,strong{font-weight:700}p{margin-bottom:2.5rem}h1,h2,h3,h4,h5,h6{font-weight:300;margin-bottom:2rem}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;line-height:1.35}h5{font-size:1.8rem;line-height:1.5}h6{font-size:1.6rem;line-height:1.4}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media (max-width:56.25em){.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.column{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 1rem}.container{margin:0 auto;max-width:120rem;padding:0 2rem;width:100%}.container.medium{max-width:100rem}.container.small{max-width:80rem}.btn,.btn:link,.btn:visited,button,input[type=button],input[type=reset],input[type=submit]{background-color:#dbbb2b;border:.1rem solid #dbbb2b;border-radius:.4rem;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:middle;margin-bottom:1rem}.btn:focus,.btn:hover,.btn:link:focus,.btn:link:hover,.btn:visited:focus,.btn:visited:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#b4991f;border:.1rem solid #b4991f;outline:0;color:#fff}.btn:disabled,.btn:link:disabled,.btn:visited:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{cursor:default;opacity:.5}.btn:disabled:focus,.btn:disabled:hover,.btn:link:disabled:focus,.btn:link:disabled:hover,.btn:visited:disabled:focus,.btn:visited:disabled:hover,button:disabled:focus,button:disabled:hover,input[type=button]:disabled:focus,input[type=button]:disabled:hover,input[type=reset]:disabled:focus,input[type=reset]:disabled:hover,input[type=submit]:disabled:focus,input[type=submit]:disabled:hover{background-color:#dbbb2b;border-color:#dbbb2b}.btn.outline,.btn:link.outline,.btn:visited.outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{background-color:transparent;color:#dbbb2b}.btn.outline:focus,.btn.outline:hover,.btn:link.outline:focus,.btn:link.outline:hover,.btn:visited.outline:focus,.btn:visited.outline:hover,button.outline:focus,button.outline:hover,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:focus,input[type=submit].outline:hover{color:#b4991f}.btn.outline:disabled:focus,.btn.outline:disabled:hover,.btn:link.outline:disabled:focus,.btn:link.outline:disabled:hover,.btn:visited.outline:disabled:focus,.btn:visited.outline:disabled:hover,button.outline:disabled:focus,button.outline:disabled:hover,input[type=button].outline:disabled:focus,input[type=button].outline:disabled:hover,input[type=reset].outline:disabled:focus,input[type=reset].outline:disabled:hover,input[type=submit].outline:disabled:focus,input[type=submit].outline:disabled:hover{background-color:inherit;border-color:inherit;color:#dbbb2b}.btn.btn-full,.btn:link.btn-full,.btn:visited.btn-full,button.btn-full,input[type=button].btn-full,input[type=reset].btn-full,input[type=submit].btn-full{display:block;width:100%}code{padding:.2rem .5rem;font-size:120%;border-radius:.4rem;margin:0 .2rem}code,pre{background-color:#f6f6f6}pre{overflow-y:scroll;padding:1rem;border-bottom:.4rem solid #dbbb2b;margin-bottom:2rem}pre>code{padding:0;font-size:1.6rem}blockquote{border-left:.4rem solid #dbbb2b;padding:1rem 2rem;background-color:#f6f6f6;margin-bottom:2rem}blockquote :last-of-type{margin-bottom:0}blockquote cite{display:block;text-align:right}hr{margin:3rem 0;border:0;border-top:.1rem solid #dbbb2b}a,a:link,a:visited{color:#dbbb2b;text-decoration:none}a:active,a:focus,a:hover,a:link:active,a:link:focus,a:link:hover,a:visited:active,a:visited:focus,a:visited:hover{color:#b4991f;outline:0}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select,textarea{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:.1rem solid #363c41;font-size:1.6rem;border-radius:.4rem;-webkit-box-sizing:inherit;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem;margin-bottom:1.5rem;color:#363c41}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#dbbb2b;outline:0}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.7rem}input[type=checkbox],input[type=radio]{display:inline}select{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) 100% no-repeat}.label-inline{display:inline-block;font-weight:400;margin-left:.5rem;margin-bottom:0}:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:#363c41}dl,ol,ul{list-style:none;margin-top:0;padding-left:0;margin-bottom:2rem}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0 0 0 1.5rem}ol{list-style:decimal inside}ul{list-style:circle inside}dd{-webkit-margin-start:40px}dt{font-weight:700}table{width:100%;border-spacing:0}td,th{text-align:left;border-bottom:.1rem solid #dbbb2b;padding:1rem}thead th{border-bottom:2px solid #dbbb2b}.clearfix:after{clear:both;content:" ";display:table}.fl{float:left}.fr{float:right}.mt{margin-top:2rem}.mb{margin-bottom:2rem}.nmt{margin-top:0}.nmb{margin-bottom:0}.pt{padding-top:2rem}.pb{padding-bottom:2rem} \ No newline at end of file diff --git a/vendor/preface.min.css b/vendor/preface.min.css new file mode 100644 index 0000000..b4d6100 --- /dev/null +++ b/vendor/preface.min.css @@ -0,0 +1,2 @@ +/* PrefaceCSS , Copyright 2019, Conner Luzier */ +@import url(https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap);*{font-family:"Roboto Mono",monospace;font-weight:400;color:#212121;padding:0;margin:0;box-sizing:border-box;word-wrap:break-word}nav{margin:20px auto;max-width:960px;width:95%}nav label{font-weight:700}nav ul{list-style:none;float:right}nav ul li{margin:0 15px}nav *{display:inline-block}@media screen and (max-width:640px){nav{text-align:center}nav>*{display:block}nav ul{float:none;margin-top:15px}}.container{max-width:960px;width:95%;margin:0 auto}.grid-flex{display:flex}.grid-flex-wrap{display:flex;flex-wrap:wrap}.row:after{content:'';display:table;clear:both}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.flex-9{flex:9}.flex-10{flex:10}.one.column,.one.columns{width:7.33333%;display:inline-block;margin:0 .5%;float:left}.two.columns{width:15.66667%;display:inline-block;margin:0 .5%;float:left}.three.columns{width:24%;display:inline-block;margin:0 .5%;float:left}.four.columns{width:32.33333%;display:inline-block;margin:0 .5%;float:left}.five.columns{width:40.66667%;display:inline-block;margin:0 .5%;float:left}.six.columns{width:49%;display:inline-block;margin:0 .5%;float:left}.seven.columns{width:57.33333%;display:inline-block;margin:0 .5%;float:left}.eight.columns{width:65.66667%;display:inline-block;margin:0 .5%;float:left}.nine.columns{width:74%;display:inline-block;margin:0 .5%;float:left}.ten.columns{width:82.33333%;display:inline-block;margin:0 .5%;float:left}.eleven.columns{width:90.66667%;display:inline-block;margin:0 .5%;float:left}.twelve.columns{width:99%;display:inline-block;margin:0 .5%;float:left}@media screen and (max-width:750px){.column.desktop,.columns.desktop{display:block!important;width:99%!important}}@media screen and (min-width:750px){.column.mobile,.columns.mobile{display:block!important;width:99%!important}}button{display:inline-block;padding:8px 30px;margin:5px 0;text-align:center;text-transform:uppercase;border:none;outline:0;border-radius:2px;color:#413a3a;cursor:pointer;background-color:#212121;transition:.2s ease-in-out}button:disabled,button:hover{background-color:#878787}button:active{background-color:#000}button.success{background-color:#66cdaa;transition:.2s ease-in-out}button.success:disabled,button.success:hover{background-color:#a0e0ca}button.success:active{background-color:#39ae86}button.error{background-color:#f08080;transition:.2s ease-in-out}button.error:disabled,button.error:hover{background-color:#f8c4c4}button.error:active{background-color:#e83c3c}button.warning{background-color:#fef65b;transition:.2s ease-in-out}button.warning:disabled,button.warning:hover{background-color:#fefaa7}button.warning:active{background-color:#fef20f}button.btn-shadow{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}button.btn-shadow:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}button.btn-shadow:active{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}input,select,textarea{display:block;width:100%;padding:5px;margin:5px 0;border:1px solid silver;outline:0;border-radius:2px;background-color:#fff}input:hover,select:hover,textarea:hover{border-color:#6e6e6e}input:focus,select:focus,textarea:focus{border-color:#212121}textarea{resize:vertical;min-height:60px}b,strong{font-weight:700}a{text-decoration:underline;cursor:pointer}a:hover{color:#6e6e6e}a.none{text-decoration:none}h1{font-size:3rem}h2{font-size:2.6rem}h3{font-size:2.2rem}h4{font-size:1.8rem}h5{font-size:1.6rem}h6{font-size:1.4rem}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}small{font-size:.8rem}p{margin:15px 0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted,.text-muted *{color:#616161}.text-success,.text-success *{color:#66cdaa}.text-error,.text-error *{color:#f08080}.text-warning,.text-warning *{color:#fef65b}.text-inverted,.text-inverted *{color:#413a3a}table{border-collapse:collapse;width:100%;margin-top:.5em}@media screen and (max-width:750px){table{overflow-x:auto;display:block}}table td,table th{padding:12px 15px;text-align:left;border-bottom:1px solid silver}ul ul{margin-left:15px}ul .inner,ul.inner{list-style-position:inside}ul .outer,ul.outer{list-style-position:outside}[data-tooltip]{position:relative;z-index:2;cursor:pointer}[data-tooltip]:after,[data-tooltip]:before{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;pointer-events:none}[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:7px;width:160px;border-radius:3px;background-color:#000;background-color:rgba(51,51,51,.9);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2}[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid rgba(51,51,51,.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.card{margin:15px;border-radius:1px;border:.5px solid silver}.card img{width:100%;display:block;border-radius:1px 1px 0 0}.card .content{padding:10px}.card .footer{border-top:1px solid silver;padding:5px 15px;text-align:right}.card.card-shadow{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border:none}hr{border:none;outline:0;height:1px;width:60%;background-color:silver}.bg-success{background-color:#66cdaa}.bg-warning{background-color:#fef65b}.bg-error{background-color:#f08080}.bg-success-bright{background-color:#66cdaa}.bg-warning-bright{background-color:#fef65b}.bg-error-bright{background-color:#f08080}code{background-color:silver;display:inline-block;padding:4px 8px;font-family:monospace;overflow-x:auto}pre>code{display:block;white-space:pre}.cover{min-height:60vh;display:flex;align-items:center;justify-content:center}.cover>div{flex:1}.progress{display:block;width:100%;height:3px;margin:5px;background-color:silver}.progress .bar{transition:width .5s ease-in-out;display:block;height:100%;width:100%;max-width:100%}img{display:block;width:100%}.pagination{display:flex;width:100%;text-align:center;padding:15px}.pagination *{text-decoration:none}.pagination>*{flex:1;padding:3px}.pagination>:hover{background-color:#cdcdcd;transition:.3s background-color ease-in-out}.pagination>:hover,.pagination>:hover *{color:#212121}.pagination .action{flex:.5}.pagination.no-flex{display:block}.pagination.no-flex>*{display:inline-block;margin:0 10px}.lds-facebook{display:inline-block;position:relative;margin:25px;width:64px;height:64px}.lds-facebook div{display:inline-block;position:absolute;left:6px;width:13px;background:#413a3a;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:6px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:26px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:45px;animation-delay:0}@keyframes lds-facebook{0%{top:6px;height:51px}100%,50%{top:19px;height:26px}}.lds-roller{display:inline-block;position:relative;margin:25px;width:64px;height:64px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#413a3a;margin:-3px 0 0 -3px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:50px;left:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:45px;left:10px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lds-ripple{display:inline-block;position:relative;margin:25px;width:64px;height:64px}.lds-ripple div{position:absolute;border:4px solid #413a3a;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.lds-ellipsis{display:inline-block;position:relative;margin:25px;width:64px;height:64px}.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#413a3a;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(19px,0)}}.lds-circle{display:inline-block;margin:25px;transform:translateZ(1px)}.lds-circle>div{display:inline-block;width:51px;height:51px;margin:6px;border-radius:50%;background:#413a3a;animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite}@keyframes lds-circle{0%,100%{animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{transform:rotateY(0)}50%{transform:rotateY(1800deg);animation-timing-function:cubic-bezier(0,.5,.5,1)}100%{transform:rotateY(3600deg)}}.lds-hourglass{display:inline-block;position:relative;margin:25px;width:64px;height:64px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:26px solid #413a3a;border-color:#413a3a transparent #413a3a transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}100%{transform:rotate(1800deg)}}.spinner{position:relative;display:inline-block;margin:25px;width:64px;height:64px}.cube1,.cube2{background-color:#413a3a;width:15px;height:15px;position:absolute;top:0;left:0;animation:sk-cubemove 1.8s infinite ease-in-out}.cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.box-spinner{position:relative;display:inline-block;margin:25px;width:64px;height:64px;background-color:#413a3a;animation:sk-rotateplane 1.2s infinite ease-in-out}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-cube-grid{position:relative;display:inline-block;margin:25px;width:64px;height:64px}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#413a3a;float:left;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{animation-delay:.2s}.sk-cube-grid .sk-cube2{animation-delay:.3s}.sk-cube-grid .sk-cube3{animation-delay:.4s}.sk-cube-grid .sk-cube4{animation-delay:.1s}.sk-cube-grid .sk-cube5{animation-delay:.2s}.sk-cube-grid .sk-cube6{animation-delay:.3s}.sk-cube-grid .sk-cube7{animation-delay:0s}.sk-cube-grid .sk-cube8{animation-delay:.1s}.sk-cube-grid .sk-cube9{animation-delay:.2s}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}.sk-folding-cube{margin:25px;width:40px;height:40px;position:relative;display:inline-block;transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#413a3a;animation:sk-foldCubeAngle 2.4s infinite linear both;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{animation-delay:.3s}.sk-folding-cube .sk-cube3:before{animation-delay:.6s}.sk-folding-cube .sk-cube4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}.scrollbar{margin-left:30px;float:left;height:300px;width:65px;background:#f5f5f5;overflow-y:scroll;margin-bottom:25px}.force-overflow{min-height:450px}#wrapper{text-align:center;width:500px;margin:auto}#style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}#style-1::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#style-1::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}#style-2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}#style-2::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#style-2::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#d62929}#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#style-3::-webkit-scrollbar{width:6px;background-color:#f5f5f5}#style-3::-webkit-scrollbar-thumb{background-color:#000}#style-4::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#style-4::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-4::-webkit-scrollbar-thumb{background-color:#000;border:2px solid #555}#style-5::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#style-5::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-5::-webkit-scrollbar-thumb{background-color:#0ae;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))}#style-6::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#style-6::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-6::-webkit-scrollbar-thumb{background-color:#f90;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}#style-7::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:10px}#style-7::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-7::-webkit-scrollbar-thumb{border-radius:10px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,#7a99d9),color-stop(.72,#497dbd),color-stop(.86,#1c3a94))}#style-8::-webkit-scrollbar-track{border:1px solid #000;background-color:#f5f5f5}#style-8::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-8::-webkit-scrollbar-thumb{background-color:#000}#style-9::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#style-9::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-9::-webkit-scrollbar-thumb{background-color:#f90;background-image:-webkit-linear-gradient(90deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}#style-10::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:10px}#style-10::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-10::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px;background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent)}#style-11::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:10px}#style-11::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-11::-webkit-scrollbar-thumb{background-color:#36f;border-radius:10px;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent)}#style-12::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.9);border-radius:10px;background-color:#444}#style-12::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#style-12::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d62929;background-image:-webkit-linear-gradient(90deg,transparent,rgba(0,0,0,.4) 50%,transparent,transparent)}#style-13::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.9);border-radius:10px;background-color:#ccc}#style-13::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#style-13::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d62929;background-image:-webkit-linear-gradient(90deg,transparent,rgba(0,0,0,.4) 50%,transparent,transparent)}#style-14::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6);background-color:#ccc}#style-14::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-14::-webkit-scrollbar-thumb{background-color:#fff;background-image:-webkit-linear-gradient(90deg,#000 0,#000 25%,transparent 100%,#000 75%,transparent)}#style-15::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f5f5f5;border-radius:10px}#style-15::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-15::-webkit-scrollbar-thumb{border-radius:10px;background-color:#fff;background-image:-webkit-gradient(linear,40% 0,75% 84%,from(#4d9c41),to(#19911d),color-stop(.6,#54de5d))}#style-16::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f5f5f5;border-radius:10px}#style-16::-webkit-scrollbar{width:10px;background-color:#f5f5f5}#style-16::-webkit-scrollbar-thumb{border-radius:10px;background-color:#fff;background-image:-webkit-linear-gradient(top,#e4f5fc 0,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%)} \ No newline at end of file