├── LICENSE ├── README.md ├── index.html ├── min ├── a11yana.min.css ├── ads-gazette.min.css ├── ads-medium.min.css ├── ads-notebook.min.css ├── ads-tufte.min.css ├── almond.min.css ├── attri-bright-light-green.min.css ├── attri-dark-fairy-pink.min.css ├── attri-dark-forest-green.min.css ├── attri-light-fairy-pink.min.css ├── attri-midnight-green.min.css ├── awsm-bigstone.min.css ├── awsm-black.min.css ├── awsm-default.min.css ├── awsm-gondola.min.css ├── awsm-mischka.min.css ├── awsm-pastelpink.min.css ├── awsm-pearllusta.min.css ├── awsm-tasman.min.css ├── awsm-white.min.css ├── axist.min.css ├── bahunya.min.css ├── bamboo.min.css ├── bare.min.css ├── base.min.css ├── basic.min.css ├── bolt.min.css ├── bonsai.min.css ├── boot-cerulean.min.css ├── boot-cosmo.min.css ├── boot-cyborg.min.css ├── boot-darkly.min.css ├── boot-flatly.min.css ├── boot-journal.min.css ├── boot-lumen.min.css ├── boot-paper.min.css ├── boot-readable.min.css ├── boot-sandstone.min.css ├── boot-slate.min.css ├── boot-spacelab.min.css ├── boot-superhero.min.css ├── boot-yeti.min.css ├── brutalist.min.css ├── bullframe.min.css ├── caiuss.min.css ├── caramel.min.css ├── cardinal.min.css ├── centigram.min.css ├── centurion.min.css ├── chota.min.css ├── cirrus.min.css ├── classless.min.css ├── clmaterial.min.css ├── codify.min.css ├── comet.min.css ├── concise.min.css ├── concrete.min.css ├── cutestrap.min.css ├── flat-ui.min.css ├── fluidity.min.css ├── furtive.min.css ├── gd.min.css ├── generic.min.css ├── github-markdown.min.css ├── gutenberg.min.css ├── hack.min.css ├── hello.min.css ├── hiq.min.css ├── holiday.min.css ├── html-starterkit.min.css ├── hyp.min.css ├── kathamo.min.css ├── koochak.min.css ├── kraken.min.css ├── kube.min.css ├── latex.min.css ├── lemon.min.css ├── lissom.min.css ├── lit.min.css ├── lotus.min.css ├── magick.min.css ├── markdown.min.css ├── marx.min.css ├── material.min.css ├── materialize.min.css ├── md-air.min.css ├── md-modest.min.css ├── md-retro.min.css ├── md-splendor.min.css ├── mercury.min.css ├── milligram.min.css ├── min.min.css ├── mini.min.css ├── minimal-stylesheet.min.css ├── minimal.min.css ├── missing-style.min.css ├── mobi.min.css ├── motherplate.min.css ├── mu.min.css ├── mui.min.css ├── mvp.min.css ├── neat.min.css ├── new.min.css ├── no-class.min.css ├── normalize.min.css ├── oh-my-css.min.css ├── ok.min.css ├── pandoc-scholar.min.css ├── paper.min.css ├── papier.min.css ├── pavilion.min.css ├── picnic.min.css ├── pico.min.css ├── preface.min.css ├── primer.min.css ├── propeller.min.css ├── pure.min.css ├── roble.min.css ├── sakura.min.css ├── sanitize.min.css ├── scooter.min.css ├── semantic-ui.min.css ├── shoelace.min.css ├── siimple.min.css ├── simple.min.css ├── skeleton-framework.min.css ├── skeleton-plus.min.css ├── skeleton.min.css ├── snack.min.css ├── spcss.min.css ├── spectre.min.css ├── style.min.css ├── stylize.min.css ├── superstylin.min.css ├── tacit.min.css ├── tent.min.css ├── terminal.min.css ├── thao.min.css ├── tui.min.css ├── vanilla.min.css ├── vital.min.css ├── w3c-chocolate.min.css ├── w3c-midnight.min.css ├── w3c-modernist.min.css ├── w3c-oldstyle.min.css ├── w3c-steely.min.css ├── w3c-swiss.min.css ├── w3c-traditional.min.css ├── w3c-ultramarine.min.css ├── water.min.css ├── wing.min.css ├── writ.min.css ├── yamb.min.css └── yorha.min.css ├── scripts ├── build.rb ├── frameworks.yml └── minify.rb ├── src ├── a11yana.css ├── ads-gazette.css ├── ads-medium.css ├── ads-notebook.css ├── ads-tufte.css ├── almond.css ├── attri-bright-light-green.css ├── attri-dark-fairy-pink.css ├── attri-dark-forest-green.css ├── attri-light-fairy-pink.css ├── attri-midnight-green.css ├── awsm-bigstone.css ├── awsm-black.css ├── awsm-default.css ├── awsm-gondola.css ├── awsm-mischka.css ├── awsm-pastelpink.css ├── awsm-pearllusta.css ├── awsm-tasman.css ├── awsm-white.css ├── axist.css ├── bahunya.css ├── bamboo.css ├── bare.css ├── base.css ├── basic.css ├── bolt.css ├── bonsai.css ├── boot-cerulean.css ├── boot-cosmo.css ├── boot-cyborg.css ├── boot-darkly.css ├── boot-flatly.css ├── boot-journal.css ├── boot-lumen.css ├── boot-paper.css ├── boot-readable.css ├── boot-sandstone.css ├── boot-slate.css ├── boot-spacelab.css ├── boot-superhero.css ├── boot-yeti.css ├── brutalist.css ├── bullframe.css ├── caiuss.css ├── caramel.css ├── cardinal.css ├── centigram.css ├── centurion.css ├── chota.css ├── cirrus.css ├── classless.css ├── clmaterial.css ├── codify.css ├── comet.css ├── concise.css ├── concrete.css ├── cutestrap.css ├── flat-ui.css ├── fluidity.css ├── furtive.css ├── gd.css ├── generic.css ├── github-markdown.css ├── gutenberg.css ├── hack.css ├── hello.css ├── hiq.css ├── holiday.css ├── html-starterkit.css ├── hyp.css ├── kathamo.css ├── koochak.css ├── kraken.css ├── kube.css ├── latex.css ├── lemon.css ├── lissom.css ├── lit.css ├── lotus.css ├── magick.css ├── markdown.css ├── marx.css ├── material.css ├── materialize.css ├── md-air.css ├── md-modest.css ├── md-retro.css ├── md-splendor.css ├── mercury.css ├── milligram.css ├── min.css ├── mini.css ├── minimal-stylesheet.css ├── minimal.css ├── missing-style.css ├── mobi.css ├── motherplate.css ├── mu.css ├── mui.css ├── mvp.css ├── neat.css ├── new.css ├── no-class.css ├── normalize.css ├── oh-my-css.css ├── ok.css ├── pandoc-scholar.css ├── paper.css ├── papier.css ├── pavilion.css ├── picnic.css ├── pico.css ├── preface.css ├── primer.css ├── propeller.css ├── pure.css ├── roble.css ├── sakura.css ├── sanitize.css ├── scooter.css ├── semantic-ui.css ├── shoelace.css ├── siimple.css ├── simple.css ├── skeleton-framework.css ├── skeleton-plus.css ├── skeleton.css ├── snack.css ├── spcss.css ├── spectre.css ├── style.css ├── stylize.css ├── superstylin.css ├── tacit.css ├── tent.css ├── terminal.css ├── thao.css ├── tui.css ├── vanilla.css ├── vital.css ├── w3c-chocolate.css ├── w3c-midnight.css ├── w3c-modernist.css ├── w3c-oldstyle.css ├── w3c-steely.css ├── w3c-swiss.css ├── w3c-traditional.css ├── w3c-ultramarine.css ├── water.css ├── wing.css ├── writ.css ├── yamb.css └── yorha.css └── switcher.js /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 dohliam 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /min/a11yana.min.css: -------------------------------------------------------------------------------- 1 | *,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:125%;line-height:1.6;-webkit-text-size-adjust:100%;word-break:break-word}body{padding:1em}body,dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul,button,input,select,textarea{margin:0}hr{overflow:visible;height:0}main,details{display:block}summary{display:list-item}nav ol,nav ul{list-style:none;padding:0}pre,code,kbd,samp{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1em}abbr[title]{cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}iframe{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #666;padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type="search"]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:inline;display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}@media print{a[href^="http"]::after{content:" (" attr(href) ")"}}:root{--background-main:#fefefe;--background-element:#eee;--background-inverted:#282a36;--text-main:#1f1f1f;--text-alt:#333;--text-inverted:#fefefe;--border-element:#282a36;--theme:#7a283a;--theme-light:hsl(0,25%,65%);--theme-dark:hsl(0,25%,45%)}body{margin:auto;max-width:36rem;min-height:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:3.2rem 0 .8em}h1{font-size:2.441rem;line-height:1.1}h2{font-size:1.953rem;line-height:1.15}h3{font-size:1.563rem;line-height:1.2}h4{font-size:1.25rem;line-height:1.3}h5{font-size:1rem;line-height:1.4}h6{font-size:1rem;line-height:1.4}p,ul,ol,figure{margin:.6rem 0 1.2rem}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{display:block;font-size:1em;font-style:italic;font-weight:normal;line-height:1.3;margin-top:.3em}h1 span{font-size:.6em}h2 span{font-size:.7em}h3 span{font-size:.8em}h4 span{font-size:.9em}small{font-size:1em;opacity:.8}mark{background:pink}pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4}ins{text-decoration:none;font-weight:bolder}blockquote{border-left:.3rem solid #7a283a;border-left:.3rem solid var(--theme);margin:.6rem 0 1.2rem 0;padding-left:2rem}blockquote p{font-size:1.2em;font-style:italic}figure{margin:0}body{background:#fefefe;background:var(--background-main);color:#1f1f1f;color:var(--text-main)}a{color:#7a283a;color:var(--theme);text-decoration:underline}a:hover{color:hsl(0,25%,65%);color:var(--theme-light)}a:active{color:hsl(0,25%,45%);color:var(--theme-dark)}:focus{outline:3px solid hsl(0,25%,65%);outline:3px solid var(--theme-light);outline-offset:3px}::-moz-selection{background:hsl(0,25%,65%);background:var(--theme-light);color:#fefefe;color:var(--text-inverted)}::selection{background:hsl(0,25%,65%);background:var(--theme-light);color:#fefefe;color:var(--text-inverted)}input{background:#eee;background:var(--background-element);padding:.5rem .65rem;border-radius:.5rem;border:2px solid #282a36;border:2px solid var(--border-element);font-size:1rem}mark{background:pink;padding:.1em .15em}kbd,code{background:#eee;padding:.1em .25em;border-radius:.2rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}kbd>kbd{padding-left:0;padding-right:0}pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4}pre code{display:block;padding:.3em .7em;word-break:normal;overflow-x:auto}[tabindex="-1"]:focus{outline:0}[hidden]{display:none}[aria-disabled],[disabled]{cursor:not-allowed !important;pointer-events:none !important}a[href^='#']::after{content:''}body>a:first-child{background:#7a283a;background:var(--theme);border-radius:.2rem;color:#fefefe;color:var(--text-inverted);padding:.3em .5em;position:absolute;top:-10rem}body>a:first-child:focus{top:1rem} -------------------------------------------------------------------------------- /min/ads-gazette.min.css: -------------------------------------------------------------------------------- 1 | @import "https://fonts.googleapis.com/css?family=Source+Serif+Pro|UnifrakturMaguntia|Source+Sans+Pro";@import "asciidoctor.css";:root{--maincolor:#fff;--primarycolor:#000;--secondarycolor:#aaa;--tertiarycolor:#ccc;--sidebarbackground:#fff;--linkcolor:#0d47a1;--linkcoloralternate:#b71c1c}body{font-family:"Source Serif Pro",serif;color:black}h1{font-family:"Source Serif Pro",serif;font-size:24px;text-transform:uppercase}header h1{font-size:39px;font-family:"UnifrakturMaguntia",serif;border-bottom:2px solid black !important;text-transform:none}h2{font-family:"Source Serif Pro",serif;font-style:italic;font-weight:bold;text-transform:uppercase}h3{font-family:"Source Serif Pro",serif;font-style:italic;font-weight:bold}h4{font-family:'Times New Roman',Times,serif;letter-spacing:-1px;text-transform:uppercase}h5{font-family:'Times New Roman',Times,serif;letter-spacing:-1px;text-transform:uppercase}h6{font-family:"Source Serif Pro",serif;font-weight:bold}hr{border-color:black}a{text-decoration:none;color:#5a5a5a !important}a:hover{text-decoration:underline}p{font-family:"Source Serif Pro",serif !important}img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}video,audio{-webkit-filter:grayscale(100%);filter:grayscale(100%)}svg,progress,meter{-webkit-filter:grayscale(100%);filter:grayscale(100%)}th{color:black !important}td{color:black !important}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} -------------------------------------------------------------------------------- /min/ads-medium.min.css: -------------------------------------------------------------------------------- 1 | body{font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-size:21px !important;line-height:1.58;letter-spacing:-.003em;margin-top:29px;width:90vh;margin:0 auto;padding-left:5vw !important}h1{margin-top:0;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;font-weight:700;font-style:normal;font-size:36px;margin-left:-2.25px;line-height:1.15;letter-spacing:-.02em;color:rgba(0,0,0,.8);word-wrap:break-word}h1{border-bottom:0 !important}h2,h3,h4,h5,h6{margin-top:39px;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;font-weight:300;font-style:normal;margin-left:-1.75px;line-height:1.22;letter-spacing:-.022em;color:rgba(0,0,0,.44)}h2{font-size:28px}h3{font-size:26px}h4{font-size:24px}h5{font-size:22px}h6{font-size:20px}nav{display:none}blockquote{margin-top:55px;font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:28px;margin-left:-1.75px;line-height:1.48;letter-spacing:-.014em;color:rgba(0,0,0,.6);border:0;padding:0;padding-left:50px;text-align:left}blockquote:before{color:rgba(0,0,0,.6) !important}hr{margin-top:52px;margin-bottom:42px;border:0;text-align:center}hr:before{font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:28px;letter-spacing:.6em;content:'...';display:inline-block;margin-left:.6em;color:rgba(0,0,0,.6);position:relative;top:-30px}a{text-decoration:none;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 22px;color:inherit;background-color:transparent}a:hover{outline:0;color:inherit}p{font-size:inherit}caption,figcaption{font-style:normal !important;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif !important;font-weight:300 !important;font-size:13px !important;line-height:1.4 !important;color:rgba(0,0,0,.6) !important;letter-spacing:0 !important;text-align:center !important;margin-top:10px !important}caption,figcaption a:hover{outline:0;color:inherit}td{padding:21px}tfoot{font-weight:bold}img{max-width:100%}video{max-width:85vw}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw}pre{font-size:large} -------------------------------------------------------------------------------- /min/ads-notebook.min.css: -------------------------------------------------------------------------------- 1 | @import "https://fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter";body{font-family:"Architects Daughter",sans-serif;margin-left:10%;background-color:#fff;background-image:-webkit-linear-gradient(90deg,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-webkit-linear-gradient(#eee .15em,transparent .15em);background-size:1px,auto 20px;background-repeat:repeat-y,repeat;background-position:10% 0,0 0,0 0}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}h4,h5{font-size:1.125em}h6{font-size:1em}h1{color:#000 !important;font-family:"Cabin Sketch",sans-serif}h2,h3,h4,h5,h6{color:#1a237e !important;font-family:"Cabin Sketch",sans-serif}.title{color:#000 !important;font-family:"Architects Daughter",sans-serif;font-style:normal;font-weight:normal}a:hover{text-decoration:none}p{font-family:"Architects Daughter",sans-serif !important}blockquote{color:#1a237e !important}blockquote:before{color:#000;font-style:italic;content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;text-shadow:0 1px 2px rgba(0,0,0,.1)}cite{display:block;text-align:right;color:#000;font-style:normal}cite:before{content:'\2014 \00A0'}code{color:#1a237e;background-color:#f9a825 !important}mark{background-color:#ffd600}pre{background-color:#f9a825 !important;color:#1a237e;font-family:monospace;margin:1.5em;padding:8px;max-width:80em;border-radius:4px}table{border-collapse:collapse}th{background-color:#fff;color:#000 !important}td{background-color:#fff;color:#000 !important}td,th,tfoot{border-width:0 1px 1px 0;border:1px solid #dedede;padding:10px}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} -------------------------------------------------------------------------------- /min/attri-bright-light-green.min.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#000}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#fff}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#00c853}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#00c853}nav div ul li ul{right:0;position:relative;background:pink}@media(max-width:630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #00c853;border-bottom:0}blockquote{border-left:4px solid #00c853;padding:8px 5px;margin:0}blockquote p{font-size:.4rem}}@media(min-width:630px){nav div ul li.active,nav div ul li[active]{border:1px solid #00c853;border-bottom:0;border-top:0}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#00c853}a:hover{color:#212121}mark{background-color:#00c853}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #00c853;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#eee;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #00c853}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0}form input,form select{font-size:1rem;padding:5px;border:1px solid #bdbdbd;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#00c853}form input[type="submit"]{padding:10px;background-color:#00c853;color:#000;border-radius:5px;border:0;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:0}form input[type="submit"]:active{background-color:#212121;color:#00c853}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#00c853}form input[type="submit"][secondary]:active{background-color:#00c853;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#00c853}button{padding:10px;background-color:#00c853;color:#000;border-radius:5px;border:0;cursor:pointer}button:active,button:focus{outline:0}button:active{background-color:#212121;color:#00c853}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#00c853}button[secondary]:active{background-color:#00c853;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px;color:#fff} -------------------------------------------------------------------------------- /min/attri-dark-fairy-pink.min.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#fce4ec}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#ad1457}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#e91e63}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#e91e63}nav div ul li ul{right:0;position:relative;background:pink}@media(max-width:630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #e91e63;border-bottom:0}blockquote{border-left:4px solid #e91e63;padding:8px 5px;margin:0}blockquote p{font-size:.4rem}}@media(min-width:630px){nav div ul li.active,nav div ul li[active]{border:1px solid #e91e63;border-bottom:0;border-top:0}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#e91e63}a:hover{color:#212121}mark{background-color:#e91e63}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #e91e63;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #e91e63}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0}form input,form select{font-size:1rem;padding:5px;border:0;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#e91e63}form input[type="submit"]{padding:10px;background-color:#e91e63;color:#fce4ec;border-radius:5px;border:0;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:0}form input[type="submit"]:active{background-color:#212121;color:#e91e63}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#e91e63}form input[type="submit"][secondary]:active{background-color:#e91e63;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#e91e63}button{padding:10px;background-color:#e91e63;color:#fce4ec;border-radius:5px;border:0;cursor:pointer}button:active,button:focus{outline:0}button:active{background-color:#212121;color:#e91e63}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#e91e63}button[secondary]:active{background-color:#e91e63;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /min/attri-dark-forest-green.min.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#00c853}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#000}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#ccff90}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#ccff90}nav div ul li ul{right:0;position:relative;background:pink}@media(max-width:630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #ccff90;border-bottom:0}blockquote{border-left:4px solid #ccff90;padding:8px 5px;margin:0}blockquote p{font-size:.4rem}}@media(min-width:630px){nav div ul li.active,nav div ul li[active]{border:1px solid #ccff90;border-bottom:0;border-top:0}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#ccff90}a:hover{color:#212121}mark{background-color:#ccff90}code{font-family:monospace;background-color:#33691e;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #ccff90;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#33691e}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #ccff90}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0}form input,form select{font-size:1rem;padding:5px;border:1px solid #33691e;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#ccff90}form input[type="submit"]{padding:10px;background-color:#ccff90;color:#00c853;border-radius:5px;border:0;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:0}form input[type="submit"]:active{background-color:#212121;color:#ccff90}form input[type="submit"]:disabled{background:#33691e;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#ccff90}form input[type="submit"][secondary]:active{background-color:#ccff90;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#ccff90}button{padding:10px;background-color:#ccff90;color:#00c853;border-radius:5px;border:0;cursor:pointer}button:active,button:focus{outline:0}button:active{background-color:#212121;color:#ccff90}button:disabled{background:#33691e;cursor:not-allowed}button[secondary]{background-color:#212121;color:#ccff90}button[secondary]:active{background-color:#ccff90;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /min/attri-light-fairy-pink.min.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#ff4081}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#fce4ec}nav{font-family:"Nunito",sans-serif;background-color:#c51162;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#ff80ab}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#ff80ab}nav div ul li ul{right:0;position:relative;background:pink}@media(max-width:630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #ff80ab;border-bottom:0}blockquote{border-left:4px solid #ff80ab;padding:8px 5px;margin:0}blockquote p{font-size:.4rem}}@media(min-width:630px){nav div ul li.active,nav div ul li[active]{border:1px solid #ff80ab;border-bottom:0;border-top:0}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#ff80ab}a:hover{color:#c51162}mark{background-color:#ff80ab}code{font-family:monospace;background-color:#e0e0e0;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #ff80ab;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#e0e0e0}pre{background:#880e4f;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #ff80ab}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0}form input,form select{font-size:1rem;padding:5px;border:1px solid #e0e0e0;color:#c51162}form input:active,form input:focus,form select:active,form select:focus{outline-color:#ff80ab}form input[type="submit"]{padding:10px;background-color:#ff80ab;color:#ff4081;border-radius:5px;border:0;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:0}form input[type="submit"]:active{background-color:#c51162;color:#ff80ab}form input[type="submit"]:disabled{background:#e0e0e0;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#c51162;color:#ff80ab}form input[type="submit"][secondary]:active{background-color:#ff80ab;color:initial}textarea{color:#c51162;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#ff80ab}button{padding:10px;background-color:#ff80ab;color:#ff4081;border-radius:5px;border:0;cursor:pointer}button:active,button:focus{outline:0}button:active{background-color:#c51162;color:#ff80ab}button:disabled{background:#e0e0e0;cursor:not-allowed}button[secondary]{background-color:#c51162;color:#ff80ab}button[secondary]:active{background-color:#ff80ab;color:initial}body>footer{background-color:#c51162;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /min/attri-midnight-green.min.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#eceff1}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#37474f}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#00c853}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#00c853}nav div ul li ul{right:0;position:relative;background:pink}@media(max-width:630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #00c853;border-bottom:0}blockquote{border-left:4px solid #00c853;padding:8px 5px;margin:0}blockquote p{font-size:.4rem}}@media(min-width:630px){nav div ul li.active,nav div ul li[active]{border:1px solid #00c853;border-bottom:0;border-top:0}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#00c853}a:hover{color:#212121}mark{background-color:#00c853}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #00c853;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #00c853}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0}form input,form select{font-size:1rem;padding:5px;border:0;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#00c853}form input[type="submit"]{padding:10px;background-color:#00c853;color:#eceff1;border-radius:5px;border:0;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:0}form input[type="submit"]:active{background-color:#212121;color:#00c853}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#00c853}form input[type="submit"][secondary]:active{background-color:#00c853;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#00c853}button{padding:10px;background-color:#00c853;color:#eceff1;border-radius:5px;border:0;cursor:pointer}button:active,button:focus{outline:0}button:active{background-color:#212121;color:#00c853}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#00c853}button[secondary]:active{background-color:#00c853;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /min/axist.min.css: -------------------------------------------------------------------------------- 1 | :root{--primary:#1524d9;--light-primary:#2332ea;--secondary:#ff2e88;--light-secondary:#fc77b1;--red:red;--black:#212529;--white:#fdfdfd;--dark-gray:#343334;--gray:#616060;--light-gray:#ccc;--lighter-gray:#f6f6f6;--font-sans-serif:system-ui,-apple-system,segoe ui,roboto,ubuntu,helvetica,cantarell,noto sans,sans-serif;--font-monospace:menlo,monaco,lucida console,liberation mono,dejavu sans mono,bitstream vera sans mono,courier new,monospace,serif;--boder-radius:.2rem}*{box-sizing:border-box;margin:0;padding:0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans-serif)}html{font-size:calc(16px+((100vw - 600px) / 250));padding:0;text-decoration-skip-ink:"auto";line-height:1.953rem;margin:auto;min-height:100%;overflow-x:hidden;max-width:1140px}body{padding:0;margin:calc((100vh / 25) * 1.563) calc((100vw / 25) * 1.563);background-color:var(--white);color:var(--black);caret-color:var(--black);word-wrap:break-word}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;margin-top:1em;font-weight:bold}h1{font-size:3.052rem;letter-spacing:-0.15rem;line-height:1}h2{font-size:2.441rem;letter-spacing:-0.12rem;line-height:1.2}h3{font-size:1.953rem;letter-spacing:-0.09rem;line-height:1.2}h4{font-size:1.563rem;letter-spacing:-0.06rem;line-height:1.3}h5{font-size:1.25rem;letter-spacing:-0.03rem;line-height:1.4}h6{font-size:1rem;letter-spacing:0;line-height:1.5}p{margin-bottom:1.563rem}p>*:last-child{margin-bottom:0}blockquote{border-left:1px solid var(--light-gray);padding:0 1rem;margin-bottom:1.563rem}a{color:var(--primary);text-decoration:none}@media(hover:hover){a:hover{text-decoration:underline}}small{font-size:.888rem}hr{border:0;height:2px;margin:1rem 0;background:var(--light-gray)}fieldset{border:0;padding:0;margin:0}label,legend{font-weight:bold;display:inline-block}input[type="email"],input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],input[type="tel"],input:not([type]){display:block;padding:1rem;font-size:1rem;border:2px solid var(--lighter-gray);color:var(--black);appearance:none;border-radius:var(--boder-radius);background-color:var(--lighter-gray);-webkit-appearance:none;-moz-appearance:none}select{display:block;padding:1rem;font-size:1em;border:2px solid var(--lighter-gray);border-radius:var(--boder-radius);color:var(--black);background-color:var(--lighter-gray);appearance:none;-webkit-appearance:none;-moz-appearance:none}textarea{display:block;font-size:1rem;padding:1rem;line-height:1rem;color:var(--black);border-radius:var(--boder-radius);border:2px solid var(--lighter-gray);background-color:var(--lighter-gray);box-sizing:border-box;resize:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}input:focus,select:focus,textarea:focus{outline:0;border:2px solid var(--primary)}input:invalid,select:invalid,textarea:invalid{border:2px solid var(--red);outline:0}input[type="checkbox"]:hover,input[type="radio"]:hover{cursor:pointer}input[type="submit"],input[type="reset"],input[type="button"],button{padding:.5rem 1.25rem;font-size:1rem;border:0;border-radius:var(--boder-radius);color:var(--lighter-gray);height:2.5rem;background-color:var(--primary);-webkit-appearance:none;-moz-appearance:none;font-weight:bold}@media(hover:hover){input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover,button:hover{cursor:pointer;background-color:var(--light-primary)}}button:focus-visible,input[type="submit"]:focus-visible,input[type="reset"]:focus-visible,input[type="button"]:focus-visible{border-color:var(--light-primary);outline:0}input[disabled],button:disabled{background-color:var(--gray)}table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-variant-numeric:tabular-nums}th,td{vertical-align:top;border-bottom:2px solid var(--light-gray);line-height:15px;padding:15px}th{font-weight:bold;text-align:left;color:var(--dark-gray)}code,pre{font-family:var(--font-monospace);color:var(--dark-gray);background-color:var(--lighter-gray);font-size:.8rem;vertical-align:middle;overflow:scroll;border-radius:var(--boder-radius)}code{white-space:nowrap;vertical-align:baseline;padding:0 .328rem}pre{white-space:pre;margin:.262rem 0;padding:.64rem 1rem}pre::after{content:" "}ul{margin:0;padding:0 1px;list-style:disc outside;font-variant-numeric:tabular-nums}ol{list-style:decimal outside}ol,ul{padding-left:1rem;margin-bottom:1rem}li{list-style-position:inside}kbd{display:inline-block;padding:0 .328rem;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.64rem;color:var(--dark-gray);vertical-align:middle;background-color:#f9f9f9;border:solid 1px #d8d8d8;border-bottom:solid 2px #a6a5a6;border-radius:5px}abbr{text-decoration:none;border-bottom:2px dashed #949394}@media(hover:hover){abbr:hover{cursor:help}} -------------------------------------------------------------------------------- /min/basic.min.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box}:root{--sans:1em/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;--mono:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,'Courier New',monospace;--c1:#0074d9;--c2:#eee;--c3:#fff;--c4:#000;--c5:#fff;--m1:8px;--rc:8px}@media(prefers-color-scheme:dark){:root{--c2:#333;--c3:#1e1f20;--c4:#fff}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:var(--sans);font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--c3);color:var(--c4)}img,iframe{border:0;max-width:100%}a{color:var(--c1);text-decoration:none}a:hover{color:var(--c1);text-decoration:underline}pre{font:1em/1.6 var(--mono);background:var(--c2);padding:1em;overflow:auto}code{font:1em/1.6 var(--mono)}blockquote{border-left:5px solid var(--c2);padding:1em 1.5em;margin:0}hr{border:0;border-bottom:1px solid var(--c4)}h1,h2,h3,h4,h5,h6{margin:.6em 0;font-weight:normal}h1{font-size:2.625em;line-height:1.2}h2{font-size:1.625em;line-height:1.2}h3{font-size:1.3125em;line-height:1.24}h4{font-size:1.1875em;line-height:1.23}h5,h6{font-size:1em;font-weight:bold}table{border-collapse:collapse;border-spacing:0;margin:1em 0}th,td{text-align:left;vertical-align:top;border:1px solid;padding:.4em}thead,tfoot{background:var(--c2)}pre,code,input,select,textarea,button,img{border-radius:var(--rc)}input,select,textarea{font-size:1em;color:var(--c4);background:var(--c2);border:0;padding:.6em}button,input[type=submit],input[type=reset],input[type="button"]{-webkit-appearance:none;font-size:1em;display:inline-block;color:var(--c5);background:var(--c1);border:0;margin:4px;padding:.6em;cursor:pointer;text-align:center}button:hover,button:focus,input:hover,textarea:hover,select:hover{opacity:.8}section{display:flex;flex-flow:row wrap}[style*="--c:"],section>section,aside,article{flex:var(--c,1);margin:var(--m1)}article{background:var(--c2);border-radius:var(--rc);padding:1em;box-shadow:0 1px 0 rgba(0,0,0,0.3)}[style*="--c:"]:first-child,section>section:first-child,article:first-child{margin-left:0}[style*="--c:"]:last-child,section>section:last-child,article:last-child{margin-right:0} -------------------------------------------------------------------------------- /min/brutalist.min.css: -------------------------------------------------------------------------------- 1 | body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}pre{padding:1em;background-color:#eee}pre code{color:#009}pre kbd{color:#090}table,td,th{border-collapse:collapse}td,th{padding:.5em;border:1px solid #eee}th{background-color:#eee}@media only screen and (max-width:720px){img{max-width:100%}pre{overflow-y:scroll}}@media(prefers-color-scheme:dark){body{background-color:#000;color:#e8e6e3}a:link{color:#3391ff}a:visited{color:#ba55d3}pre{background-color:#222}pre code{color:#bbb}td,th{border:1px solid #222}th{background-color:#222}} -------------------------------------------------------------------------------- /min/caiuss.min.css: -------------------------------------------------------------------------------- 1 | @import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext";html,body{margin:0;background-color:#fff}html,body,button{font-family:"Open Sans",sans-serif}html,body,input,textarea{color:#2c3e50}.container{width:960px;max-width:100%;margin:0 auto}h6{font-size:.5em}h5{font-size:.6em}h4{font-size:.75em}h3{font-size:1em}h2{font-size:1.5em}h1{font-size:3em}.btn{margin-right:3px;margin-top:10px;display:inline-block;white-space:nowrap;padding:8px 20px;border-width:1px;border-style:solid;cursor:pointer;color:#2c3e50;border-radius:4px;font-weight:bold;-webkit-transition:background-color .5s ease-in;-moz-transition:background-color .5s ease-in;-o-transition:background-color .5s ease-in;-ms-transition:background-color .5s ease-in;transition:background-color .5s ease-in;text-decoration:none}.bg-black,.bg-gray,.bg-red,.bg-orange,.bg-green,.bg-blue,.bg-purple{color:#ecf0f1}.btn.bg-black{border-color:#2c3e50}.btn.bg-gray{border-color:#7f8c8d}.btn.bg-red{border-color:#c0392b}.btn.bg-orange{border-color:#d35400}.btn.bg-yellow{border-color:#f39c12}.btn.bg-green{border-color:#27ae60}.btn.bg-blue{border-color:#2980b9}.btn.bg-purple{border-color:#8e44ad}.btn.bg-white{border-color:#bdc3c7}.bg-black{background-color:#34495e}.bg-gray{background-color:#95a5a6}.bg-red{background-color:#e74c3c}.bg-orange{background-color:#d35400}.bg-yellow{background-color:#f1c40f}.bg-green{background-color:#2ecc71}.bg-blue{background-color:#3498db}.bg-purple{background-color:#9b59b6}.bg-white{background-color:#ecf0f1}.btn.bg-black:hover{background-color:#46627f}.btn.bg-gray:hover{background-color:#b1bdbd}.btn.bg-red:hover{background-color:#ed7669}.btn.bg-orange:hover{background-color:#eb9950}.btn.bg-yellow:hover{background-color:#f4d03f}.btn.bg-green:hover{background-color:#54d98c}.btn.bg-blue:hover{background-color:#5faee3}.btn.bg-purple:hover{background-color:#b07cc6}.btn.bg-white:hover{background-color:#fff}.img{background-color:#ecf0f1;border:1px solid #bdc3c7;padding:3px;max-width:100%}.table{border-collapse:collapse;border:1px solid #587ca0}.table td,.table th{border:1px solid #587ca0;padding:5px 12px}.table{border-radius:4px}.form-elm{padding:10px;margin:5px 0;border-radius:4px;border:1px solid #bdc3c7;outline:0}.form-elm:focus{border:1px solid #98afc6}.pad-xs{padding:5px}.pad-s{padding:10px}.pad-l{padding:15px}.pad-xl{padding:20px}.mrg-xs{margin:5px}.mrg-s{margin:10px}.mrg-l{margin:15px}.mrg-xl{margin:20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-justify{text-align:justify}a:not(.btn){color:#2ecc71;font-weight:bold;text-decoration:none;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;-o-transition:color .5s linear;-ms-transition:color .5s linear;transition:color .5s linear}a:not(.btn):hover{color:#fbfefc} -------------------------------------------------------------------------------- /min/codify.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Codify.css 1.0.0 (https://github.com/zdroid/codify.css) 3 | * Licensed under the MIT License. 4 | */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.2}body{margin:0}main{display:block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{-webkit-text-decoration-skip:objects;background:transparent}hr{height:0;box-sizing:content-box;overflow:visible}h1{margin:.67em 0;font-size:2em}b,strong{font-weight:bold}small{font-size:80%}sub,sup{position:relative;font-size:80%;line-height:0;vertical-align:baseline}sup{top:-.25em}sub{bottom:-.5em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}blockquote:before,blockquote:after{content:""}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{overflow:auto;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}img{max-width:100%;height:auto;border:0}svg:not(:root){overflow:hidden}progress{vertical-align:baseline}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button,select{text-transform:none}fieldset{padding:0;margin:0;border:0}legend{display:table;max-width:100%;box-sizing:border-box;padding:0;white-space:normal;border:0}[type="search"]{box-sizing:border-box;-webkit-appearance:textfield}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button,[type="reset"],[type="submit"]{-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;margin:4px 0 0;line-height:normal}textarea{vertical-align:top}button,input{overflow:visible} -------------------------------------------------------------------------------- /min/concrete.min.css: -------------------------------------------------------------------------------- 1 | /*! concrete.css v2.1.1 | MIT License | github.com/louismerlin/concrete.css */:root{--fg:#111;--bg:#fff}@media(prefers-color-scheme:dark){:root{--fg:#fff;--bg:#111}}html{font-size:62.5%;box-sizing:border-box}*,::after,::before{box-sizing:inherit;text-decoration-thickness:.2rem}body{font-size:2rem;font-weight:400;background:var(--bg);color:var(--fg);font-family:Helvetica,Arial,sans-serif}a{color:var(--fg)}img{max-width:100%;height:auto}main{margin:auto;max-width:66rem;padding:0 1rem;width:100%}header{padding:16rem 0;font-size:1.2em}footer{text-align:center}section{padding:4rem 0}button,input[type="button"],input[type="reset"],input[type="submit"]{display:inline-block;vertical-align:middle;padding:.4rem 1rem;font-size:2rem;font-weight:normal;margin-bottom:1rem;background:var(--bg);color:var(--fg);border:.2rem solid var(--fg);border-radius:0;cursor:pointer}button:disabled,input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled{border-style:dashed;cursor:not-allowed}ul{list-style:square}fieldset{border:.2rem solid var(--fg)}label,legend{display:block;font-weight:bold;margin-bottom:.8rem}input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;box-sizing:inherit;padding:.4rem 1rem;width:100%;font-size:2rem;color:var(--fg);background-color:var(--bg);border:.2rem solid var(--fg);border-radius:0}fieldset,input,select,textarea{margin:0 0 1.6rem 0}input::placeholder,textarea::placeholder{color:var(--fg);font-style:italic}table{width:100%;border-spacing:0}td,th{padding:.8rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}th{border-bottom:.2rem solid var(--fg);text-align:left}td{border-bottom:.1rem solid var(--fg)}blockquote,pre{margin-left:0;margin-right:0;padding:1rem 1.6rem;border-left:.2rem solid var(--fg);overflow-y:hidden}pre{border:.1rem dotted var(--fg);border-left:.2rem solid var(--fg)}pre>code{white-space:pre;display:block;font-size:1.6rem}progress{-moz-appearance:none;-webkit-appearance:none;display:block;height:1rem;overflow:hidden;padding:0;width:100%;background:var(--bg);color:var(--fg);border:.2rem solid var(--fg);border-radius:0}progress::-webkit-progress-bar{background-color:var(--bg)}progress::-webkit-progress-value{background-color:var(--fg)}progress::-moz-progress-bar{background-color:var(--fg)}hr{border:.1rem solid var(--fg)} -------------------------------------------------------------------------------- /min/fluidity.min.css: -------------------------------------------------------------------------------- 1 | img,canvas,iframe,video,svg,select,textarea{max-width:100%}.overflow-container{overflow-x:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:100} -------------------------------------------------------------------------------- /min/github-markdown.min.css: -------------------------------------------------------------------------------- 1 | body{box-sizing:border-box;min-width:200px;max-width:980px;margin:0 auto;padding:45px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5;word-wrap:break-word}details{display:block}summary{display:list-item}a{background-color:initial}a:active,a:hover{outline-width:0}strong{font-weight:inherit;font-weight:bolder}h1{font-size:2em;margin:.67em 0}img{border-style:none}code,kbd,pre{font-family:monospace,monospace;font-size:1em}hr{box-sizing:initial;height:0;overflow:visible}input{font:inherit;margin:0}input{overflow:visible}[type=checkbox]{box-sizing:border-box;padding:0}*{box-sizing:border-box}input{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:600}hr{height:0;margin:15px 0;overflow:hidden;background:0;border:0;border-bottom:1px solid #dfe2e5}hr:after,hr:before{display:table;content:""}hr:after{clear:both}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}details summary{cursor:pointer}kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px}h1,h2{font-weight:600}h2{font-size:24px}h3{font-size:20px}h3,h4{font-weight:600}h4{font-size:16px}h5{font-size:14px}h5,h6{font-weight:600}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0}ol,ul{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}dd{margin-left:0}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}hr{border-bottom-color:#eee}kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}body:after,body:before{display:table;content:""}body:after{clear:both}body>:first-child{margin-top:0 !important}body>:last-child{margin-bottom:0 !important}a:not([href]){color:inherit;text-decoration:none}blockquote,details,dl,ol,p,pre,table,ul{margin-top:0;margin-bottom:16px}hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}h1{font-size:2em}h1,h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}h5{font-size:.875em}h6{font-size:.85em;color:#6a737d}ol,ul{padding-left:2em}ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}li{word-wrap:break-all}li>p{margin-top:16px}li+li{margin-top:.25em}dl{padding:0}dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}dl dd{padding:0 16px;margin-bottom:16px}table{display:block;width:100%;overflow:auto}table th{font-weight:600}table td,table th{padding:6px 13px;border:1px solid #dfe2e5}table tr{background-color:#fff;border-top:1px solid #c6cbd1}table tr:nth-child(2n){background-color:#f6f8fa}img{max-width:100%;box-sizing:initial;background-color:#fff}img[align=right]{padding-left:20px}img[align=left]{padding-right:20px}code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}pre{word-wrap:normal}pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:0;border:0}pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0} -------------------------------------------------------------------------------- /min/gutenberg.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Gutenberg 3 | * 4 | * MIT Fabien Sa 5 | * https://github.com/BafS/Gutenberg 6 | *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after,p:first-letter ,div:first-letter ,blockquote:first-letter ,li:first-letter ,p:first-line ,div:first-line ,blockquote:first-line ,li:first-line {background:transparent !important;box-shadow:none !important;text-shadow:none !important}html{font-size:16px;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff !important;color:#000 !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:0 auto;text-rendering:optimizeLegibility}p,blockquote,table,ul,ol,dl{margin-bottom:1.5rem;margin-top:0}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.2;margin-bottom:.75rem;margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a,a:visited{color:#000;text-decoration:underline;word-wrap:break-word}table{border-collapse:collapse}thead{display:table-header-group}table,th,td{border-bottom:1px solid #000}td,th{padding:8px 16px;page-break-inside:avoid}code,pre,kbd{border:1px solid #bbb;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:85%}code,kbd{padding:3px}pre{margin-bottom:1.5rem;padding:10px 12px}pre code,pre kbd{border:0}::-webkit-input-placeholder{color:transparent}:-moz-placeholder{color:transparent}::-moz-placeholder{color:transparent}:-ms-input-placeholder{color:transparent}blockquote{border:0;border-left:5px solid #bbb;margin-left:1px;padding:12px 1.5rem}[dir=rtl] blockquote{border-left:0;border-right:5px solid #bbb;margin-left:0;margin-right:1px}blockquote:first-child{margin-top:0}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer{display:block;font-size:80%}img{border:0;display:block;max-width:100% !important;vertical-align:middle}hr{border:0;border-bottom:2px solid #bbb;height:0;margin:2.25rem 0;padding:0}dt{font-weight:bold}dd{margin:0;margin-bottom:.75rem}abbr[title],acronym[title]{border:0;text-decoration:none}table,blockquote,pre,code,figure,li,hr,ul,ol,a,tr{page-break-inside:avoid}h2,h3,h4,p,a{orphans:3;widows:3}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}h1+p,h2+p,h3+p{page-break-before:avoid}img{page-break-after:auto;page-break-before:auto;page-break-inside:avoid}pre{white-space:pre-wrap !important;word-wrap:break-word}body{padding-bottom:2.54cm;padding-left:1.8cm;padding-right:1.8cm;padding-top:2.54cm}a[href^=http]:after,a[href^=ftp]:after{content:" (" attr(href) ")";font-size:80%}a[href$=".jpg"]:after,a[href$=".jpeg"]:after,a[href$=".gif"]:after,a[href$=".png"]:after{display:none}abbr[title]:after,acronym[title]:after{content:" (" attr(title) ")"}.page-break,.break-before,.page-break-before{page-break-before:always}.break-after,.page-break-after{page-break-after:always}.avoid-break-inside{page-break-inside:avoid}.no-print{display:none}a.no-reformat:after{content:""}abbr[title].no-reformat:after,acronym[title].no-reformat:after{content:""}.no-reformat abbr:after,.no-reformat acronym:after,.no-reformat a:after{content:""} -------------------------------------------------------------------------------- /min/hyp.min.css: -------------------------------------------------------------------------------- 1 | @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} -------------------------------------------------------------------------------- /min/lit.min.css: -------------------------------------------------------------------------------- 1 | :root{--font:nunito;--primary-color:#fa0;--light:#eee}*{box-sizing:border-box}*+*{margin:.5em 0}pre{overflow:auto}@media(min-width:35em){.col{display:table-cell}.\31{width:5%}.\33{width:22%}.\34{width:30%}.\35{width:40%}.\32{width:15%}.\36{width:50%}.row{display:table;border-spacing:1em 0}}.w-100,.row{width:100%}.card:focus,hr{outline:0;border:solid var(--primary-color)}.card,pre{padding:1em;border:solid var(--light)}a:hover,.btn:hover{opacity:.6}.c{max-width:60em;padding:1em;margin:auto;font:1em/1.6 var(--font)}h6{font:100 1em var(--font)}h5{font:100 1.2em var(--font)}h3{font:100 2em var(--font)}h4{font:100 1.5em var(--font)}h2{font:100 2.2em var(--font)}h1{font:100 2.5em var(--font)}a{color:var(--primary-color);text-decoration:none}.btn.primary{color:white;background:var(--primary-color);border:solid var(--primary-color)}td,th{padding:1em;text-align:left;border-bottom:solid var(--light)}.btn{padding:1em;text-transform:uppercase;background:white;border:solid;font:.7em var(--font)} -------------------------------------------------------------------------------- /min/markdown.min.css: -------------------------------------------------------------------------------- 1 | body{word-wrap:break-word;font-family:consolas,monaco,courier,"courier new",fixed-width}h1,h2,h3,h4,h5,h6,pre,code,blockquote,em,strong,code{font-size:14px;line-height:20px;font-weight:normal;font-style:normal;font-family:consolas,monaco,courier,"courier new",fixed-width;color:#333}h1,h2,h3,h4,h5,h6,pre,code,blockquote,ol,ul,li,p,section,header,footer{float:none;margin:0;padding:0}h1,p,ul,ol,pre,blockquote{margin-top:20px;margin-bottom:20px}h1{position:relative;display:inline-block;display:table-cell;padding:20px 0 40px;margin:0;overflow:hidden}h1:after{content:"====================================================================================================";position:absolute;bottom:20px;left:0}h1+*{margin-top:0}h2,h3,h4,h5,h6{position:relative;margin-bottom:20px}h2:before,h3:before,h4:before,h5:before,h6:before{content:"## ";display:inline}h3:before{content:"### "}h4:before{content:"#### "}h5:before{content:"##### "}h6:before{content:"###### "}li{position:relative;display:block;padding-left:34px;padding-left:4ch}li:after{position:absolute;top:0;left:0}ul>li:after{content:"*"}ol{counter-reset:ol}ol>li:after{content:counter(ol) ".";counter-increment:ol}pre{margin-left:34px;padding-left:4ch}blockquote{position:relative;padding-left:17px;padding-left:2ch;overflow:hidden}blockquote:after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-space:pre;position:absolute;top:0;left:0;font-size:14px;line-height:20px}strong:before,strong:after{content:"__";display:inline}em:before,em:after{content:"*";display:inline}a{text-decoration:none;color:black;cursor:pointer}a:before{content:"[";display:inline;color:#333}a:after{content:"](" attr(href) ")";display:inline;color:#333}code{font-weight:100}code:before,code:after{content:"`";display:inline}pre code:before,pre code:after{content:none}hr{position:relative;height:20px;font-size:0;line-height:0;overflow:hidden;border:0;margin-bottom:20px}hr:after{content:"----------------------------------------------------------------------------------------------------";position:absolute;top:0;left:0;font-size:14px;line-height:20px;width:100%;word-wrap:break-word}img{display:inline;content:"";height:1px}img:before{content:"![" attr(alt) "](" attr(src) ")";display:inline;color:#333}td:after{content:" | "}td:last-child:after{content:""}td{margin:0;padding:0}th{float:none;position:relative;display:inline-block;display:table-cell;padding:20px 0 40px;margin:0;overflow:hidden;font-weight:normal}th:after{content:"----------";position:absolute;bottom:20px;left:15px}th:before{content:" | ";position:absolute;bottom:20px;left:0;padding-right:2px}th:first-child:before{content:"";position:absolute;bottom:20px;left:0}tfoot{display:none}@-moz-document url-prefix(){h1{display:block}}ol>li:after{content:"1."} -------------------------------------------------------------------------------- /min/md-air.min.css: -------------------------------------------------------------------------------- 1 | @media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-size:12px}@media screen and (min-width:32rem) and (max-width:48rem){html{font-size:15px}}@media screen and (min-width:48rem){html{font-size:16px}}body{line-height:1.85}p,.air-p{font-size:1rem;margin-bottom:1.3rem}h1,.air-h1,h2,.air-h2,h3,.air-h3,h4,.air-h4{margin:1.414rem 0 .5rem;font-weight:inherit;line-height:1.42}h1,.air-h1{margin-top:0;font-size:3.998rem}h2,.air-h2{font-size:2.827rem}h3,.air-h3{font-size:1.999rem}h4,.air-h4{font-size:1.414rem}h5,.air-h5{font-size:1.121rem}h6,.air-h6{font-size:.88rem}small,.air-small{font-size:.707em}img,canvas,iframe,video,svg,select,textarea{max-width:100%}@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300);body{color:#444;font-family:'Open Sans',Helvetica,sans-serif;font-weight:300;margin:6rem auto 1rem;max-width:48rem;text-align:center}img{border-radius:50%;height:200px;margin:0 auto;width:200px}a,a:visited{color:#3498db}a:hover,a:focus,a:active{color:#2980b9}pre{background-color:#fafafa;padding:1rem;text-align:left}blockquote{margin:0;border-left:5px solid #7a7a7a;font-style:italic;padding:1.33em;text-align:left}ul,ol,li{text-align:left}p{color:#777} -------------------------------------------------------------------------------- /min/md-modest.min.css: -------------------------------------------------------------------------------- 1 | @media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}pre,code{font-family:Menlo,Monaco,"Courier New",monospace}pre{padding:.5rem;line-height:1.25;overflow-x:scroll}a,a:visited{color:#3498db}a:hover,a:focus,a:active{color:#2980b9}.modest-no-decoration{text-decoration:none}html{font-size:12px}@media screen and (min-width:32rem) and (max-width:48rem){html{font-size:15px}}@media screen and (min-width:48rem){html{font-size:16px}}body{line-height:1.85}p,.modest-p{font-size:1rem;margin-bottom:1.3rem}h1,.modest-h1,h2,.modest-h2,h3,.modest-h3,h4,.modest-h4{margin:1.414rem 0 .5rem;font-weight:inherit;line-height:1.42}h1,.modest-h1{margin-top:0;font-size:3.998rem}h2,.modest-h2{font-size:2.827rem}h3,.modest-h3{font-size:1.999rem}h4,.modest-h4{font-size:1.414rem}h5,.modest-h5{font-size:1.121rem}h6,.modest-h6{font-size:.88rem}small,.modest-small{font-size:.707em}img,canvas,iframe,video,svg,select,textarea{max-width:100%}@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);@import url(http://fonts.googleapis.com/css?family=Arimo:700,700italic);html{font-size:18px;max-width:100%}body{color:#444;font-family:'Open Sans Condensed',sans-serif;font-weight:300;margin:0 auto;max-width:48rem;line-height:1.45;padding:.25rem}h1,h2,h3,h4,h5,h6{font-family:Arimo,Helvetica,sans-serif}h1,h2,h3{border-bottom:2px solid #fafafa;margin-bottom:1.15rem;padding-bottom:.5rem;text-align:center}blockquote{border-left:8px solid #fafafa;padding:1rem}pre,code{background-color:#fafafa} -------------------------------------------------------------------------------- /min/md-retro.min.css: -------------------------------------------------------------------------------- 1 | pre,code{font-family:Menlo,Monaco,"Courier New",monospace}pre{padding:.5rem;line-height:1.25;overflow-x:scroll}@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}a,a:visited{color:#01ff70}a:hover,a:focus,a:active{color:#2ecc40}.retro-no-decoration{text-decoration:none}html{font-size:12px}@media screen and (min-width:32rem) and (max-width:48rem){html{font-size:15px}}@media screen and (min-width:48rem){html{font-size:16px}}body{line-height:1.85}p,.retro-p{font-size:1rem;margin-bottom:1.3rem}h1,.retro-h1,h2,.retro-h2,h3,.retro-h3,h4,.retro-h4{margin:1.414rem 0 .5rem;font-weight:inherit;line-height:1.42}h1,.retro-h1{margin-top:0;font-size:3.998rem}h2,.retro-h2{font-size:2.827rem}h3,.retro-h3{font-size:1.999rem}h4,.retro-h4{font-size:1.414rem}h5,.retro-h5{font-size:1.121rem}h6,.retro-h6{font-size:.88rem}small,.retro-small{font-size:.707em}img,canvas,iframe,video,svg,select,textarea{max-width:100%}html,body{background-color:#222;min-height:100%}html{font-size:18px}body{color:#fafafa;font-family:"Courier New";line-height:1.45;margin:6rem auto 1rem;max-width:48rem;padding:.25rem}pre{background-color:#333}blockquote{border-left:3px solid #01ff70;padding-left:1rem} -------------------------------------------------------------------------------- /min/md-splendor.min.css: -------------------------------------------------------------------------------- 1 | @media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-size:12px}@media screen and (min-width:32rem) and (max-width:48rem){html{font-size:15px}}@media screen and (min-width:48rem){html{font-size:16px}}body{line-height:1.85}p,.splendor-p{font-size:1rem;margin-bottom:1.3rem}h1,.splendor-h1,h2,.splendor-h2,h3,.splendor-h3,h4,.splendor-h4{margin:1.414rem 0 .5rem;font-weight:inherit;line-height:1.42}h1,.splendor-h1{margin-top:0;font-size:3.998rem}h2,.splendor-h2{font-size:2.827rem}h3,.splendor-h3{font-size:1.999rem}h4,.splendor-h4{font-size:1.414rem}h5,.splendor-h5{font-size:1.121rem}h6,.splendor-h6{font-size:.88rem}small,.splendor-small{font-size:.707em}img,canvas,iframe,video,svg,select,textarea{max-width:100%}@import url(http://fonts.googleapis.com/css?family=Merriweather:300italic,300);html{font-size:18px;max-width:100%}body{color:#444;font-family:'Merriweather',Georgia,serif;margin:0;max-width:100%}p,*:not(div):not(img):not(body):not(html):not(li):not(blockquote):not(p){margin:1rem auto 1rem;max-width:36rem;padding:.25rem}div{width:100%}div img{width:100%}blockquote p{font-size:1.5rem;font-style:italic;margin:1rem auto 1rem;max-width:48rem}li{margin-left:2rem}h1{padding:4rem 0 !important}p{color:#555;height:auto;line-height:1.45}pre,code{font-family:Menlo,Monaco,"Courier New",monospace}pre{background-color:#fafafa;font-size:.8rem;overflow-x:scroll;padding:1.125em}a,a:visited{color:#3498db}a:hover,a:focus,a:active{color:#2980b9} -------------------------------------------------------------------------------- /min/mercury.min.css: -------------------------------------------------------------------------------- 1 | /*! mercury.css v1.0 | MIT License | https://github.com/wmeredith/MercuryCSS */html{font-family:"Georgia",serif;font-size:62.5%}body{background-color:#fbfbfb;color:#222;font-size:1.618rem;font-weight:400;line-height:1.325;margin:auto;max-width:90%;padding:1.325;width:42em}h1,h2,h3,h4,h5,th,h6{hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;font-family:"Verdana",sans-serif;font-weight:600;letter-spacing:.05em;line-height:1.325;margin:.66em 0 0}h1{font-size:4.98703rem}h2{font-size:3.7638rem}h3{font-size:2.8406rem}h4{font-size:2.14385rem}h5,th{font-size:1.618rem}h6{font-size:1.22113rem}small,sub,sup,caption{font-size:1.22113rem;font-weight:400;letter-spacing:0}a{border-bottom:1px dotted #1f5aff;color:#1f5aff;text-decoration:none}a:hover{border-bottom:1px solid #1f5aff}a:visited{border-bottom:1px dotted #9d32ff;color:#9d32ff}p,fieldset{margin-bottom:1.325em}b,strong{font-weight:600}i,em{font-style:italic}ul,ol{padding-left:2.65em}ul ul,ul ol,ol ul,ol ol{padding-bottom:0;padding-top:.6625em}li{margin-bottom:.6625em}blockquote{border-left:1px solid #919191;margin-bottom:1.325em;margin-left:.6625em;padding-left:1.325em}hr{border:0;border-top:1px solid #919191}pre{background-color:#eaeaea;color:#000;display:block;overflow-x:auto;padding:1.325em}code{color:#000;white-space:pre-wrap}pre>code{background-color:transparent;padding:0;white-space:pre}img{max-width:100%}table{border-collapse:collapse;text-align:justify;width:100%}th{border-bottom:1px solid #919191;font-family:"Verdana",sans-serif;padding:.6625em .6625em}td{padding:.44167em .6625em}tbody tr{border-bottom:1px solid #d5d5d5}tbody tr:last-of-type{border:0}input,textarea{border:1px solid #222}input:focus,textarea:focus{border:1px solid #1f5aff}textarea{width:100%}textarea,select,input[type]{color:#222;padding:.44167em;margin-bottom:.6625em;background-color:#FFF;border:1px solid #eaeaea;border-radius:2px;box-shadow:0;box-sizing:border-box}textarea:focus,select:focus,input[type]:focus{border:1px solid #1f5aff;outline:0}input:invalid{border:1px solid #fc2b07;outline:0}label,legend,fieldset{display:block}label{margin-bottom:.33125em}fieldset{border-radius:4px;box-shadow:0 2px 3px -1px rgba(34,34,34,0.1)}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background-color:#4878ff;border:1px solid #0446ff;border-radius:4px;box-shadow:0 3px 4px -2px rgba(34,34,34,0.5);box-sizing:border-box;color:#FFF;cursor:pointer;display:inline-block;padding:.44167em .6625em;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type="submit"]:focus,input[type="submit"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="button"]:focus,input[type="button"]:hover{background-color:#2d64ff;border-color:#0032bf;outline:0}.button[disabled],button[disabled],input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled]{box-shadow:none;cursor:default;opacity:.5}.button[disabled]:hover,button[disabled]:hover,input[type="submit"][disabled]:hover,input[type="reset"][disabled]:hover,input[type="button"][disabled]:hover{background-color:#4878ff;border-color:#1f5aff;cursor:default} -------------------------------------------------------------------------------- /min/min.min.css: -------------------------------------------------------------------------------- 1 | body,textarea,input,select{background:0;border-radius:0;font:16px sans-serif;margin:0}.smooth{transition:all .2s}.btn,.nav a{text-decoration:none}.container{margin:0 20px;width:auto}label>*{display:inline}form>*{display:block;margin-bottom:10px}.btn{background:#999;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;margin:2px 0;padding:12px 30px 14px}.btn:hover{background:#888}.btn:active,.btn:focus{background:#777}.btn-a{background:#0ae}.btn-a:hover{background:#09d}.btn-a:active,.btn-a:focus{background:#08b}.btn-b{background:#3c5}.btn-b:hover{background:#2b4}.btn-b:active,.btn-b:focus{background:#2a4}.btn-c{background:#d33}.btn-c:hover{background:#c22}.btn-c:active,.btn-c:focus{background:#b22}.btn-sm{border-radius:4px;padding:10px 14px 11px}.row{margin:1% 0;overflow:auto}.col{float:left}.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}h1{font-size:3em}.btn,h2{font-size:2em}.ico{font:33px Arial Unicode MS,Lucida Sans Unicode}.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}textarea,input,select{padding:8px;border:1px solid #ccc}textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em}.addon{padding:8px 12px;box-shadow:0 0 0 1px #ccc}.nav,.nav .current,.nav a:hover{background:#000;color:#fff}.nav{height:24px;padding:11px 0 15px}.nav a{color:#aaa;padding-right:1em;position:relative;top:-1px}.nav .pagename{font-size:22px;top:1px}.btn.btn-close{background:#000;float:right;font-size:25px;margin:-54px 7px;display:none}@media(min-width:1310px){.container{margin:auto;width:1270px}}@media(max-width:870px){.row .col{width:100%}}@media(max-width:500px){.btn.btn-close{display:block}.nav{overflow:hidden}.pagename{margin-top:-11px}.nav:active,.nav:focus{height:auto}.nav div:before{background:#000;border-bottom:10px double;border-top:3px solid;content:'';float:right;height:4px;position:relative;right:3px;top:14px;width:20px}.nav a{padding:.5em 0;display:block;width:50%}}.table th,.table td{padding:.5em;text-align:left}.table tbody>:nth-child(2n-1){background:#ddd}.msg{padding:1.5em;background:#def;border-left:5px solid #59d} -------------------------------------------------------------------------------- /min/minimal-stylesheet.min.css: -------------------------------------------------------------------------------- 1 | :root{--color-hi:#f56a6a}*{box-sizing:border-box}body{color:#555;margin:0 auto;max-width:50em;font-family:"Helvetica","Arial",sans-serif;line-height:1.5;padding:2em 1em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h2,h3{margin-top:1.5em}h1,h2,strong{color:#333}code,pre{background:#eee}code{padding:2px 4px;vertical-align:text-bottom}pre{border-left:2px solid #bbb;padding:1em}a{color:var(--color-hi)}blockquote,q{border-left:solid 4px #bbb;font-style:italic;margin:0 0 2em 0;padding:.5em 0 .5em 2em}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none} -------------------------------------------------------------------------------- /min/minimal.min.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#fff;color:#333;font:14px/20px "HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif}header{width:100%;margin:0 auto;position:relative;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}.logo{font-size:28px;color:#333}nav ul{margin:0}nav ul li{display:inline;margin-right:20px;font-size:16px;line-height:28px;color:#333}nav ul li a{color:#333}.container{position:relative;text-align:left;width:960px;max-width:90%;margin:0 auto}footer{border-top:1px solid #ccc;font-size:11px;line-height:26px;color:#999}footer a{color:#999}footer a:hover{color:#105cb6}footer ul li{display:inline;list-style:none;padding-left:20px}.row{width:100%;margin:0 auto 20px auto;display:inline-block;position:relative}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;margin-right:2%}.row .col-1:last-child,.row .col-2:last-child,.row .col-3:last-child,.row .col-4:last-child,.row .col-5:last-child,.row .col-6:last-child,.row .col-7:last-child,.row .col-8:last-child,.row .col-9:last-child,.row .col-10:last-child,.row .col-11:last-child,.row .col-12:last-child{margin-right:0}.row:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.col-1{width:6%}.col-2{width:15%}.col-3{width:23.5%}.col-4{width:32%}.col-5{width:40%}.col-6{width:49%}.col-7{width:56.5%}.col-8{width:66%}.col-9{width:74%}.col-10{width:82.5%}.col-11{width:91%}.col-12{width:100%}a{color:#105cb6;text-decoration:none}a:hover,a:focus{color:#105cb6;text-decoration:underline}a:active{color:#105cb6}h1{font-size:30px;line-height:36px;margin-bottom:20px}h2{font-size:24px;line-height:20px;margin-bottom:20px}h3{font-size:20px;line-height:20px;margin-bottom:10px}h4{font-size:16px;line-height:20px;margin-bottom:10px}h5{font-size:14px;line-height:20px;margin-bottom:20px}h6{font-size:12px;line-height:20px;margin-bottom:20px}h1,h2,h3,h4,h5,h6{color:#333}p{margin-bottom:20px}.float-left{float:left}.float-right{float:right}img.float-left{float:left;margin:0 20px 20px 0}img.float-right{float:right;margin:0 0 20px 20px}img.center{margin:0 auto;display:block}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}hr{background-color:#ccc;border:0;color:#ccc;height:1px;margin-bottom:20px}pre,code{background-color:#eee;display:block;padding:10px}pre{margin-bottom:20px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}blockquote{margin:10px 10px 20px;padding:9px;background-color:#f8f8f8;color:#666;border-left:5px solid #ddd;font:14px/20px Georgia,Times,serif;quotes:"\201C" "\201D"}blockquote p{margin:0}blockquote:before{content:open-quote;font-weight:bold}blockquote:after{content:close-quote;font-weight:bold}ul{margin-bottom:20px;list-style-position:inside}ol{margin-bottom:20px;list-style-position:inside}ul ul,ol ol{margin-bottom:0}fieldset{position:relative;border-top:1px solid #ccc;padding:10px;margin-bottom:20px}fieldset legend{font-weight:bold;font-size:16px;padding:0 5px}table{margin-bottom:20px;width:100%}th{font-weight:bold}td{text-align:left}tfoot{font-style:italic}@media print{*{text-shadow:none !important;background:transparent !important;box-shadow:none !important;color:#000 !important} -------------------------------------------------------------------------------- /min/missing-style.min.css: -------------------------------------------------------------------------------- 1 | missing.css

missing.css:The Missing CSS Stylesheet

missing.css is the CSS library we wished already existed. Add it to your website:<link rel="stylesheet" href="https://unpkg.com/missing.css@1.1.1">

3 |

The goal of missing.css is to reduce needed intervention in HTML. It lets 4 | authors

5 | 11 |

Though it's quite early,there are a few sites using missing.css:

Missing.css is a notch on the complexity slider that's just right for small projects and personal sites 12 | where classless CSS is not enough, Tailwind is too much 13 | and Bootstrap just doesn't have the right vibe.

We also have a JavaScript libraryand a Prismsyntax theme.

-------------------------------------------------------------------------------- /min/mu.min.css: -------------------------------------------------------------------------------- 1 | *,*:after,*:before{box-sizing:border-box}body{font:18px/1.6 Georgia,"Times New Roman",Times,serif;margin:40px auto;max-width:760px;color:#444;padding:0 20px}h1,h2,h3,h4,h5{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.2}a{color:#07c;text-decoration:none}a:hover{color:#059;text-decoration:underline}hr{border:0;margin:25px 0}table{border-spacing:0;border-collapse:collapse;text-align:left;padding-bottom:25px}td,th,hr{border-bottom:1px solid #ddd}button,select{background:#ddd;border:0;padding:9px 20px;font-size:14px}input,table{font-size:16px}input,td,th{padding:5px;vertical-align:bottom}code,pre,button:hover{background:#eee}pre{padding:8px;white-space:pre-wrap}textarea{border-color:#ccc}.row{display:block;width:auto;min-height:1px}.row:after{content:"";display:table;clear:both}.row .c{float:left}table,.g2,.g3,.g3-2,.m2,.m3,.m3-2{width:100%}@media(min-width:768px){.g2{width:50%}.m2{margin-left:50%}.g3{width:33.33%}.g3-2{width:66.66%}.m3{margin-left:33.33%}.m3-2{margin-left:66.66%}} -------------------------------------------------------------------------------- /min/neat.min.css: -------------------------------------------------------------------------------- 1 | :root{color-scheme:light dark;--light:#fff;--lesslight:#efefef;--dark:#404040;--moredark:#000;border-top:5px solid var(--dark);line-height:1.5em;font-family:system-ui,sans-serif;font-size:16px}*{box-sizing:border-box;color:var(--dark)}h1{line-height:1em}button,input{font-size:1em}input{border:1px solid var(--dark);background-color:var(--lesslight);border-radius:.25em;padding:.5em}pre{background-color:var(--lesslight);margin:.5em 0 .5em 0;padding:.5em;overflow:auto}code{background-color:var(--lesslight)}body{background-color:var(--light);margin:0;max-width:800px;padding:0 20px 20px 20px;margin-left:auto;margin-right:auto}img{max-width:100%;height:auto}button,.button,input[type=submit]{display:inline-block;background-color:var(--dark);color:var(--light);text-align:center;padding:.5em;border-radius:.25em;text-decoration:none;border:0;cursor:pointer}button:hover,.button:hover,input[type=submit]:hover{color:var(--lesslight);background-color:var(--moredark)}button+button,.button+.button,input[type=submit]+input[type=submit]{margin-left:1em}.center{display:block;margin-left:auto;margin-right:auto;text-align:center}.bordered{border:3px solid}.home{display:inline-block;background-color:var(--dark);color:var(--light);margin-top:20px;padding:5px 10px 5px 10px;text-decoration:none;font-weight:bold}@media only screen and (min-width:600px){ol.twocol{column-count:2}.row{display:flex;flex-direction:row;padding:0;width:100%}.row>*{display:block;flex:1 1 auto;max-width:100%;width:100%}.row>*:not(:last-child){margin-right:10px}}@media(prefers-color-scheme:dark){:root{--light:#222;--lesslight:#333;--dark:#eee;--moredark:#fefefe}*:focus{outline:var(--light);box-shadow:0 0 0 .25em royalblue}}@media print{.home{display:none}} -------------------------------------------------------------------------------- /min/new.min.css: -------------------------------------------------------------------------------- 1 | :root{--nc-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--nc-font-mono:Consolas,monaco,'Ubuntu Mono','Liberation Mono','Courier New',Courier,monospace;--nc-tx-1:#000;--nc-tx-2:#1a1a1a;--nc-bg-1:#fff;--nc-bg-2:#f6f8fa;--nc-bg-3:#e5e7eb;--nc-lk-1:#0070f3;--nc-lk-2:#0366d6;--nc-lk-tx:#fff;--nc-ac-1:#79ffe1;--nc-ac-tx:#0c4047;--nc-d-tx-1:#fff;--nc-d-tx-2:#eee;--nc-d-bg-1:#000;--nc-d-bg-2:#111;--nc-d-bg-3:#222;--nc-d-lk-1:#3291ff;--nc-d-lk-2:#0070f3;--nc-d-lk-tx:#fff;--nc-d-ac-1:#7928ca;--nc-d-ac-tx:#fff}@media(prefers-color-scheme:dark){:root{--nc-tx-1:var(--nc-d-tx-1);--nc-tx-2:var(--nc-d-tx-2);--nc-bg-1:var(--nc-d-bg-1);--nc-bg-2:var(--nc-d-bg-2);--nc-bg-3:var(--nc-d-bg-3);--nc-lk-1:var(--nc-d-lk-1);--nc-lk-2:var(--nc-d-lk-2);--nc-lk-tx:var(--nc--dlk-tx);--nc-ac-1:var(--nc-d-ac-1);--nc-ac-tx:var(--nc--dac-tx)}}*{margin:0;padding:0}address,area,article,aside,audio,blockquote,datalist,details,dl,fieldset,figure,form,input,iframe,img,meter,nav,ol,optgroup,option,output,p,pre,progress,ruby,section,table,textarea,ul,video{margin-bottom:1rem}html,input,select,button{font-family:var(--nc-font-sans)}body{margin:0 auto;max-width:750px;padding:2rem;border-radius:6px;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;background:var(--nc-bg-1);color:var(--nc-tx-2);font-size:1.03rem;line-height:1.5}::selection{background:var(--nc-ac-1);color:var(--nc-ac-tx)}h1,h2,h3,h4,h5,h6{line-height:1;color:var(--nc-tx-1);padding-top:.875rem}h1,h2,h3{color:var(--nc-tx-1);padding-bottom:2px;margin-bottom:8px;border-bottom:1px solid var(--nc-bg-2)}h4,h5,h6{margin-bottom:.3rem}h1{font-size:2.25rem}h2{font-size:1.85rem}h3{font-size:1.55rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--nc-lk-1)}a:hover{color:var(--nc-lk-2)}abbr:hover{cursor:help}blockquote{padding:1.5rem;background:var(--nc-bg-2);border-left:5px solid var(--nc-bg-3)}abbr{cursor:help}blockquote *:last-child{padding-bottom:0;margin-bottom:0}header{background:var(--nc-bg-2);border-bottom:1px solid var(--nc-bg-3);padding:2rem 1.5rem;margin:-2rem calc(50% - 50vw) 2rem;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}header h1,header h2,header h3{padding-bottom:0;border-bottom:0}header>*:first-child{margin-top:0;padding-top:0}header>*:last-child{margin-bottom:0}a button,button,input[type="submit"],input[type="reset"],input[type="button"]{font-size:1rem;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;white-space:nowrap;background:var(--nc-lk-1);color:var(--nc-lk-tx);border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;color:var(--nc-lk-tx)}a button[disabled],button[disabled],input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled]{cursor:default;opacity:.5;cursor:not-allowed}.button:focus,.button:enabled:hover,button:focus,button:enabled:hover,input[type="submit"]:focus,input[type="submit"]:enabled:hover,input[type="reset"]:focus,input[type="reset"]:enabled:hover,input[type="button"]:focus,input[type="button"]:enabled:hover{background:var(--nc-lk-2)}a img{margin-bottom:0}code,pre,kbd,samp{font-family:var(--nc-font-mono)}code,samp,kbd,pre{background:var(--nc-bg-2);border:1px solid var(--nc-bg-3);border-radius:4px;padding:3px 6px;font-size:.9em}kbd{border-bottom:3px solid var(--nc-bg-3)}pre{padding:1rem 1.4rem;max-width:100%;overflow:auto}pre code{background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}code pre{display:inline;background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}details{padding:.6rem 1rem;background:var(--nc-bg-2);border:1px solid var(--nc-bg-3);border-radius:4px}summary{cursor:pointer;font-weight:bold}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:6px}details[open]>*:last-child{margin-bottom:0}dt{font-weight:bold}dd::before{content:'→ '}hr{border:0;border-bottom:1px solid var(--nc-bg-3);margin:1rem auto}fieldset{margin-top:1rem;padding:2rem;border:1px solid var(--nc-bg-3);border-radius:4px}legend{padding:auto .5rem}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--nc-bg-3);text-align:left;padding:.5rem}th{background:var(--nc-bg-2)}tr:nth-child(even){background:var(--nc-bg-2)}table caption{font-weight:bold;margin-bottom:.5rem}textarea{max-width:100%}ol,ul{padding-left:2rem}li{margin-top:.4rem}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}mark{padding:3px 6px;background:var(--nc-ac-1);color:var(--nc-ac-tx)}textarea,select,input{padding:6px 12px;margin-bottom:.5rem;background:var(--nc-bg-2);color:var(--nc-tx-2);border:1px solid var(--nc-bg-3);border-radius:4px;box-shadow:none;box-sizing:border-box}img{max-width:100%} -------------------------------------------------------------------------------- /min/normalize.min.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} -------------------------------------------------------------------------------- /min/roble.min.css: -------------------------------------------------------------------------------- 1 | body{margin:0;font-family:sans-serif;height:100%;background:#f5f5fb}a:link,a:visited{color:#f44337}::selection{background:#f44337;color:#fff}code,pre{background:#fcfcff;color:#666;font-weight:bold;padding:3px 5px;border-radius:4px}pre{padding:12px;overflow-x:auto}.rbl-layout{display:flex;flex-direction:column;min-height:100vh}.rbl-layout__header{padding:20px}.rbl-layout__content{flex:1;margin:0 auto}.rbl-layout__footer{color:#888;font-size:12px;text-align:center;padding:20px}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{color:#333;font-family:BlinkMacSystemFont,sans-serif;font-weight:normal}html{font-size:1em}body{font-family:BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.45;color:#666}.rbl-paragraph{margin-bottom:1.3em}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{margin:1.414em 0 .5em;font-weight:inherit;line-height:1.2}.rbl-header-1{margin-top:0;font-size:2.074em}.rbl-header-2{font-size:1.728em}.rbl-header-3{font-size:1.44em}.rbl-header-4{font-size:1.2em}.rbl-small{font-size:.833em}.rbl-panel{border-radius:6px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.01);background:#fff}.rbl-panel__title{box-sizing:border-box;margin:0;padding:20px 20px 0}.rbl-panel__inner{box-sizing:border-box;padding:20px}.rbl-button,.rbl-button--secondary{border:0;border-radius:2px;min-width:64px;padding:0 16px;display:inline-block;font-family:BlinkMacSystemFont,sans-serif;height:36px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(0.4,0,1,1),background-color .2s cubic-bezier(0.4,0,0.2,1),color .2s cubic-bezier(0.4,0,0.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;user-select:none;vertical-align:middle}.rbl-button{background:rgba(244,67,55,0.1);color:#f44337}.rbl-button:hover{background:rgba(244,67,55,0.2)}.rbl-button:active{background:rgba(244,67,55,0.4)}.rbl-button:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-button--secondary{background:transparent;color:#666}.rbl-button--secondary:hover{background:rgba(0,0,0,0.06)}.rbl-button--secondary:active{background:rgba(0,0,0,0.12)}.rbl-button--secondary:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-checkbox{position:fixed;top:-30px;left:-30px;opacity:0}.rbl-checkbox+label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none}.rbl-checkbox+label::before{content:'';width:16px;height:16px;border-radius:2px;background:#fff center center;background-size:90%;margin:0 10px 0 0;border:2px solid #aaa;transition:background .1s ease,background-size .1s ease,border .1s ease}.rbl-checkbox+label::after{content:'';width:40px;height:40px;background:rgba(0,0,0,0.1);position:absolute;left:-10px;top:-10px;border-radius:100%;transform:scale(0);transition:transform .5s ease}.rbl-checkbox:checked+label::before{border-color:#ff8981;background:#ff8981 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy44LDE1LjYgMi4yLDEwIDMuOCw4LjQgNy44LDEyLjQgMTYuMiw0IDE3LjgsNS42ICIvPjwvc3ZnPg==);background-size:100%;color:#fff}.rbl-checkbox:active+label::after{transform:scale(1);transition:transform .1s ease}@keyframes checkboxFocus{0{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.rbl-checkbox:focus+label::after{background:rgba(244,67,55,0.2);animation:checkboxFocus .7s infinite alternate;transition:transform .1s ease,color .1s ease}.rbl-select{border:0;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat right center;font-family:sans-serif;padding:0 32px 0 16px;font-size:16px;border-radius:2px;-webkit-appearance:none;color:#555;height:36px;transition:box-shadow .1s ease}.rbl-select:focus{outline:0;box-shadow:0 0 0 2px rgba(244,67,55,0.3)}.rbl-field-label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none;margin:0 0 4px}.rbl-textfield{box-shadow:0 0 0 2px rgba(0,0,0,0.1);border:0;background:#fff;border-radius:2px;color:#555;padding:8px;display:block;font-family:BlinkMacSystemFont,sans-serif;font-size:16px;outline:0;width:100%;box-sizing:border-box}.rbl-textfield::placeholder{color:rgba(102,102,102,0.2)}.rbl-textfield:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.3)} -------------------------------------------------------------------------------- /min/sakura.min.css: -------------------------------------------------------------------------------- 1 | html{font-size:62.5%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}body{font-size:1.8rem;line-height:1.618;max-width:38em;margin:auto;color:#4a4a4a;background-color:#f9f9f9;padding:13px}@media(max-width:684px){body{font-size:1.53rem}}@media(max-width:382px){body{font-size:1.35rem}}h1,h2,h3,h4,h5,h6{line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}p{margin-top:0;margin-bottom:2.5rem}small,sub,sup{font-size:75%}hr{border-color:#1d7484}a{text-decoration:none;color:#1d7484}a:visited{color:#144f5a}a:hover{color:#982c61;border-bottom:2px solid #4a4a4a}ul{padding-left:1.4em;margin-top:0;margin-bottom:2.5rem}li{margin-bottom:.4em}blockquote{margin-left:0;margin-right:0;padding-left:1em;padding-top:.8em;padding-bottom:.8em;padding-right:.8em;border-left:5px solid #1d7484;margin-bottom:2.5rem;background-color:#f1f1f1}blockquote p{margin-bottom:0}img,video{height:auto;max-width:100%;margin-top:0;margin-bottom:2.5rem}pre{background-color:#f1f1f1;display:block;padding:1em;overflow-x:auto;margin-top:0;margin-bottom:2.5rem;font-size:.9em}code,kbd,samp{font-size:.9em;padding:0 .5em;background-color:#f1f1f1;white-space:pre-wrap}pre>code{padding:0;background-color:transparent;white-space:pre;font-size:1em}table{text-align:justify;width:100%;border-collapse:collapse;margin-bottom:2rem}td,th{padding:.5em;border-bottom:1px solid #f1f1f1}input,textarea{border:1px solid #4a4a4a}input:focus,textarea:focus{border:1px solid #1d7484}textarea{width:100%}.button,button,input[type=submit],input[type=reset],input[type=button],input[type=file]::file-selector-button{display:inline-block;padding:5px 10px;text-align:center;text-decoration:none;white-space:nowrap;background-color:#1d7484;color:#f9f9f9;border-radius:1px;border:1px solid #1d7484;cursor:pointer;box-sizing:border-box}.button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled],input[type=file]::file-selector-button[disabled]{cursor:default;opacity:.5}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input[type=file]::file-selector-button:hover{background-color:#982c61;color:#f9f9f9;outline:0}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,input[type=button]:focus-visible,input[type=file]::file-selector-button:focus-visible{outline-style:solid;outline-width:2px}textarea,select,input{color:#4a4a4a;padding:6px 10px;margin-bottom:10px;background-color:#f1f1f1;border:1px solid #f1f1f1;border-radius:4px;box-shadow:none;box-sizing:border-box}textarea:focus,select:focus,input:focus{border:1px solid #1d7484;outline:0}input[type=checkbox]:focus{outline:1px dotted #1d7484}label,legend,fieldset{display:block;margin-bottom:.5rem;font-weight:600} -------------------------------------------------------------------------------- /min/sanitize.min.css: -------------------------------------------------------------------------------- 1 | *,::before,::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute} -------------------------------------------------------------------------------- /min/siimple.min.css: -------------------------------------------------------------------------------- 1 | // Export the same API from @siimple/core export{css,mergeConfig,mergeStyles}from "@siimple/core";export{injectModules}from "@siimple/modules";// Export base theme export{default as base}from "@siimple/preset-base"; -------------------------------------------------------------------------------- /min/spcss.min.css: -------------------------------------------------------------------------------- 1 | body{color:#333;font-family:helvetica,arial,sans-serif;line-height:1.5;margin:0 auto;max-width:40em;padding:0 1em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 .5em 0;line-height:1.2}a:link{color:#00e}a:visited{color:#518}a:focus,a:hover{color:#03f}a:active{color:#e00}h1 a:empty:before,h2 a:empty:before,h3 a:empty:before,h4 a:empty:before,h5 a:empty:before,h6 a:empty:before{content:"#"}h1 a:empty,h2 a:empty,h3 a:empty,h4 a:empty,h5 a:empty,h6 a:empty{visibility:hidden;padding-left:.25em}h1:hover a:empty,h2:hover a:empty,h3:hover a:empty,h4:hover a:empty,h5:hover a:empty,h6:hover a:empty{visibility:visible}img{max-width:100%}figure{margin:1em 0;text-align:center}figcaption{font-size:small}pre,code,samp,kbd{font-family:monospace,monospace}pre,code,kbd{color:#050}samp{color:#730}pre,blockquote{background:#eee;padding:.5em}pre{overflow:auto}blockquote{border-left:medium solid #ccc;margin:1em 0}blockquote :first-child{margin-top:0}blockquote :last-child{margin-bottom:0}table{border-collapse:collapse}th,td{border:thin solid #999;padding:.3em .4em;text-align:left}@media(prefers-color-scheme:dark){body{background:#111;color:#bbb}a:link{color:#9bf}a:visited{color:#caf}a:focus,a:hover{color:#9cf}a:active{color:#f99}pre,code,kbd{color:#9c6;font-family:monospace,monospace}samp{color:#db0}pre,blockquote{background:#000}blockquote{border-color:#333}th,td{border-color:#666}} -------------------------------------------------------------------------------- /min/stylize.min.css: -------------------------------------------------------------------------------- 1 | /*! stylize.css v1.0.0 | License MIT | https://github.com/vasanthv/stylize.css */:root{--text:#333;--text-med:#888;--text-light:#ccc;--text-lighter:#eee;--blue:#3498db;--dark-blue:#2980b9;--yellow:#ffeaa7;--red:#c0392b;--border-radius:3px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5;font-size:1em;color:var(--text);margin:10px;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.17em 0}h5{font-size:.83em;margin:1.5em 0}h6{font-size:.67em;margin:2em 0}a{color:var(--blue);background-color:transparent}a:visited{color:var(--dark-blue)}nav{background-color:var(--text-lighter);padding:1em;margin:-10px}nav a{padding:.5em;border-radius:var(--border-radius);text-decoration:none}nav a:hover{background-color:var(--text-light);color:var(--text)}hr{border:1px solid var(--text-med);border-bottom:0;height:0}p{margin:1em 0}mark{background-color:var(--yellow);color:#333}small{font-size:80%}sub,sup{font-size:75%}blockquote{border-left:4px solid var(--text-light);margin:1em 0;padding:.6em 1em}pre{font-family:monospace;border:1px solid var(--text-light);background-color:var(--text-lighter);padding:.8em;border-radius:var(--border-radius);font-size:1em;white-space:pre-wrap;word-wrap:break-word}code,kbd,samp{font-family:monospace;font-size:1em}code,kbd{border-radius:var(--border-radius);padding:0 2px}code{border:1px solid var(--text-light);background-color:var(--text-lighter);color:var(--red)}kbd{border:1px solid var(--text);background-color:var(--text);color:var(--text-lighter)}ul,ol{padding-left:2em}fieldset{border:1px solid var(--text);border-radius:var(--border-radius)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position-x:100%;background-position-y:50%}button,input,select,textarea,a[role="button"]{font-family:inherit;font-size:100%;line-height:1.5;margin:0;padding:.33em;border:1px solid var(--text-light);border-radius:var(--border-radius);box-sizing:border-box}input[type="checkbox"],input[type="radio"]{border:0;border:0}button,input[type="button"],input[type="submit"],a[role="button"]{padding:.33em .66em;cursor:pointer;background-color:var(--text-lighter);color:var(--text);text-decoration:none}button:hover,input[type="button"]:hover,input[type="submit"]:hover,a[role="button"]:hover{background-color:var(--text-light)}a[role="button"]{padding:.5em .66em}button:disabled,input[type="button"]:disabled,input[type="submit"]:disabled,a[role="button"]:disabled{background-color:var(--text-lighter);color:var(--text-light);cursor:not-allowed}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;border:0;width:15em;height:.75em;background-color:var(--text-light);color:var(--blue)}progress[value]::-webkit-progress-bar{background-color:var(--text-light)}progress[value]::-webkit-progress-value{background-color:var(--blue)}table{border-collapse:collapse}table,table th,table td{border-bottom:1px solid var(--text-light);padding:.33em .66em;text-align:left;vertical-align:middle}table[border="1"],table[border="1"] th,table[border="1"] td{border:1px solid var(--text-light)}.left{float:left}.right{float:right}.center{text-align:center}.clear{clear:both}.hide{display:none}.spacer{display:block;height:1em;border:0;clear:both}.wrap{width:100%;max-width:40em;margin:auto}.reset{font:inherit;font-size:100%;margin:0;padding:0;border:0;text-decoration:none}ol.reset,ul.reset{list-style:none} -------------------------------------------------------------------------------- /min/vanilla.min.css: -------------------------------------------------------------------------------- 1 | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box}:root{--desktop-font-size:1.2rem/1.55;--mobile-font-size:1rem/1.45;--text-color:#2d2d2d;--link-color:blue;--link-color-alt:darkblue;--primary-color:lightsteelblue;--secondary-color:aliceblue;--tertiary-color:whitesmoke}body{color:var(--text-color);margin:0 auto;max-width:75ch;padding:0 .5rem}body,input{font:var(--desktop-font-size) -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}h1,h2,h3,h4,h5,h6,p,blockquote,dl,img,figure{margin:2rem 0}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.2}h1{font-size:200%}h2{font-size:150%}h3{font-size:120%}h4,h5,h6{font-size:100%}h5,h6{text-transform:uppercase}header h1{border-bottom:1px solid}a,a:visited{color:var(--link-color)}a:hover,a:focus{color:var(--link-color-alt)}strong,time,b{font-weight:bold}em,dfn,i{font-style:italic}sub{font-size:60%;vertical-align:bottom}small{font-size:80%}blockquote,q{background:var(--secondary-color);border-left:10px solid var(--primary-color);display:block;font-family:"Georgia",serif;padding:1rem}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}cite{font-family:"Georgia",serif;font-style:italic;font-weight:bold;margin-top:1rem}kbd,code,samp,pre,var{font:var(--mobile-font-size) monospace}code,pre{background:var(--tertiary-color);border:1px solid;overflow:auto;padding:.25rem .5rem}code pre,pre code{border:0;padding:0}hr{background:var(--text-color);border:0;height:1px;margin:4rem 0}img{display:block;height:auto;max-width:100%}figure{border:1px solid var(--primary-color);display:inline-block;padding:1rem;width:100%}figure img{margin:0 auto}figure figcaption{font-size:80%;margin-top:.5rem;text-align:center}ul,ol{margin:2rem 0;padding:0 0 0 2rem}ul li,ol li{margin-bottom:1rem}li>ul,li>ol{margin:.25rem 0 .5rem;padding:0 0 0 2rem}li>ul li,li>ol li{margin-bottom:.5rem}dl dd{padding-left:2rem}table{border:1px solid var(--primary-color);border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}table caption{margin:2rem 0}table tr{border-bottom:1px solid var(--primary-color)}table thead{position:sticky;top:0}table tbody tr:nth-child(even){background:var(--tertiary-color)}table th{background:var(--secondary-color);font-weight:bold}table th,table td{padding:.5rem}input{appearance:none;border:1px solid var(--text-color);display:block;margin:.5rem 0;padding:.8rem}input:focus,input:active{background-color:var(--secondary-color);border-color:var(--link-color)}sup{font-size:80%;vertical-align:top}@media screen and (max-width:75ch){body,input{font:var(--mobile-font-size) -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}table{table-layout:auto}}@media(prefers-color-scheme:dark){body{background:#191919}input:focus,input:active{background-color:var(--text-color);color:var(--secondary-color)}table,table tr,table th:not(:last-of-type),table td:not(:last-of-type){border-color:var(--text-color)}table thead th,table tfoot th{background-color:var(--primary-color-light)}:root{--text-color:#fff;--link-color:orange;--link-color-alt:yellow;--primary-color:orange;--primary-color-light:dimgrey;--secondary-color:black;--tertiary-color:#2d2d2d}} -------------------------------------------------------------------------------- /min/water.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}blockquote{border-left:4px solid #0096bfab;margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}blockquote cite{font-style:normal}address{font-style:normal}a[href^='mailto']::before{content:'📧 '}a[href^='tel']::before{content:'📞 '}a[href^='sms']::before{content:'💬 '}button,input[type='submit'],input[type='button'],input[type='checkbox']{cursor:pointer}input:not([type='checkbox']):not([type='radio']),select{display:block}input,select,button,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:0;border-radius:6px;outline:0}input:not([type='checkbox']):not([type='radio']),select,button,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type='submit'],input[type='button']{padding-right:30px;padding-left:30px}button:hover,input[type='submit']:hover,input[type='button']:hover{background:#ddd}input:focus,select:focus,button:focus,textarea:focus{box-shadow:0 0 0 2px #0096bfab}input[type='checkbox']:active,input[type='radio']:active,input[type='submit']:active,input[type='button']:active,button:active{transform:translateY(2px)}input:disabled,select:disabled,button:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,kbd{background:#efefef;color:#000;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:0;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(even){background-color:#efefef}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4} -------------------------------------------------------------------------------- /min/writ.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Writ v1.0.4 3 | * 4 | * Copyright © 2015, Curtis McEnroe 5 | * 6 | * https://cmcenroe.me/writ/LICENSE (ISC) 7 | */html{font-family:Palatino,Georgia,Lucida Bright,Book Antiqua,serif;font-size:16px;line-height:1.5rem}code,pre,samp,kbd{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.833rem}kbd{font-weight:bold}h1,h2,h3,h4,h5,h6,th{font-weight:normal}h1{font-size:2.488em}h2{font-size:2.074em}h3{font-size:1.728em}h4{font-size:1.44em}h5{font-size:1.2em}h6{font-size:1em}small{font-size:.833em}h1,h2,h3{line-height:3rem}p,ul,ol,dl,table,blockquote,pre,h1,h2,h3,h4,h5,h6{margin:1.5rem 0 0}ul ul,ol ol,ul ol,ol ul{margin:0}hr{margin:0;border:0;padding:1.5rem 0 0}table{line-height:calc(1.5rem - 1px);margin-bottom:-1px}pre{margin-top:calc(1.5rem - 1px);margin-bottom:-1px}body{color:#222}code,pre,samp,kbd{color:#111}a,header nav a:visited,a code{color:#00e}a:visited,a:visited code{color:#60b}mark{color:inherit}code,pre,samp,thead,tfoot{background-color:rgba(0,0,0,0.05)}mark{background-color:#fe0}main aside,blockquote,ins{border:solid rgba(0,0,0,0.05)}pre,code,samp{border:solid rgba(0,0,0,0.1)}th,td{border:solid #dbdbdb}body{margin:1.5rem 1ch}body>header{text-align:center}main,body>footer{display:block;max-width:78ch;margin:auto}main figure,main aside{float:right;margin:1.5rem 0 0 1ch}main aside{max-width:26ch;border-width:0 0 0 .5ch;padding:0 0 0 .5ch}blockquote{margin-right:3ch;margin-left:1.5ch;border-width:0 0 0 .5ch;padding:0 0 0 1ch}pre{border-width:1px;border-radius:2px;padding:0 .5ch;overflow-x:auto}pre code{border:0;padding:0;background-color:transparent;white-space:inherit}img{max-width:100%}ul,ol,dd{padding:0 0 0 3ch}dd{margin:0}ul>li{list-style-type:disc}li ul>li{list-style-type:circle}li li ul>li{list-style-type:square}ol>li{list-style-type:decimal}li ol>li{list-style-type:lower-roman}li li ol>li{list-style-type:lower-alpha}nav ul{padding:0;list-style-type:none}nav ul li{display:inline;padding-left:1ch;white-space:nowrap}nav ul li:first-child{padding-left:0}table{width:100%;border-collapse:collapse;overflow-x:auto}th,td{border-width:1px;padding:0 .5ch}a{text-decoration:none}sup,sub{font-size:.75em;line-height:1em}ins{border-width:1px;padding:1px;text-decoration:none}mark{padding:1px}code,samp{border-width:1px;border-radius:2px;padding:.1em .2em;white-space:nowrap} -------------------------------------------------------------------------------- /scripts/build.rb: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env ruby 2 | 3 | require 'yaml' 4 | 5 | require_relative 'minify.rb' 6 | 7 | def get_frameworks(data) 8 | frameworks = [] 9 | 10 | data["frameworks"].each do |f| 11 | name = f[0] 12 | frameworks << name 13 | end 14 | frameworks 15 | end 16 | 17 | def get_collections(data) 18 | collections = {} 19 | 20 | data["collections"].each do |f| 21 | collection_name = f[0] 22 | collections[collection_name] = [] 23 | f[1].each do |n| 24 | name = n[0] 25 | collections[collection_name] << name 26 | end 27 | end 28 | collections 29 | end 30 | 31 | def generate_switcher(data) 32 | frameworks = get_frameworks(data) 33 | collections = get_collections(data) 34 | 35 | switcher = 'var frameworks = "' + frameworks.sort.join(",") + "," + collections.values.flatten.join(",").gsub(/info,/, "") + '";' 36 | end 37 | 38 | def update_js(switcher) 39 | switcher_file = "../switcher.js" 40 | switcher_txt = File.read(switcher_file) 41 | 42 | switcher_txt.gsub(/var frameworks = .*/, switcher) 43 | end 44 | 45 | def frameworks_attribution(data) 46 | frameworks = get_frameworks(data) 47 | list = "" 48 | 49 | frameworks.sort.each do |name| 50 | root = data["frameworks"][name] 51 | url = root["url"] 52 | author = root["author"] 53 | repo = root["repo"] 54 | license = root["license"] 55 | license_url = root["license_url"] 56 | list << "* [#{name}](#{repo}) by @#{author} ([Preview](https://dohliam.github.io/dropin-minimal-css/?#{name}) · [#{license}](#{license_url}))\n" 57 | end 58 | list 59 | end 60 | 61 | def collections_attribution(data) 62 | collections = get_collections(data) 63 | list = "" 64 | 65 | collections.each do |collection, names| 66 | names.each do |name| 67 | root = data["collections"][collection][name] 68 | author = root["author"] 69 | repo = root["repo"] 70 | url = root["url"] 71 | license = root["license"] 72 | license_url = root["license_url"] 73 | if name == "info" 74 | list << "* **[#{collection}](#{repo})** by @#{author}:\n" 75 | next 76 | end 77 | list << " * [#{name}](#{repo}) by @#{author} ([Preview](https://dohliam.github.io/dropin-minimal-css/?#{name}) · [#{license}](#{license_url}))\n" 78 | end 79 | end 80 | list 81 | end 82 | 83 | def update_readme(data) 84 | readme_file = "../README.md" 85 | readme_txt = File.read(readme_file) 86 | 87 | frameworks_list = frameworks_attribution(data) 88 | collections_list = collections_attribution(data) 89 | 90 | header_f = "### List of frameworks\n\n" 91 | header_c = "### Theme collections\n\n" 92 | out_f = header_f + frameworks_list + "\n###" 93 | out_c = header_c + collections_list + "\n##" 94 | 95 | readme = readme_txt 96 | .gsub(/#{header_f}.*?###/m, out_f) 97 | .gsub(/#{header_c}.*?##/m, out_c) 98 | 99 | File.open(readme_file, "w") {|f| f << readme } 100 | end 101 | 102 | def switcher_routine(data) 103 | puts "- Updating switcher.js file..." 104 | switcher = generate_switcher(data) 105 | js_file = "../switcher.js" 106 | new_switcher = update_js(switcher) 107 | File.open(js_file, "w") { |f| f << new_switcher } 108 | puts " Update complete." 109 | puts 110 | end 111 | 112 | def frameworks_routine(data, options) 113 | puts "- Updating CSS frameworks..." 114 | frameworks = get_frameworks(data) 115 | 116 | frameworks.sort.each do |name| 117 | root = data["frameworks"][name] 118 | url = root["url"] 119 | min_only = root["min_only"] 120 | skip = root["skip"] 121 | if options == [] 122 | if !skip 123 | update_css(name, url) 124 | end 125 | elsif options.include?(name) 126 | update_css(name, url) 127 | end 128 | end 129 | puts " Update complete." 130 | puts 131 | end 132 | 133 | def collections_routine(data, options) 134 | puts "- Updating CSS collections..." 135 | collections = get_collections(data) 136 | 137 | collections.each do |collection, names| 138 | names.each do |name| 139 | if name == "info" then next end 140 | root = data["collections"][collection][name] 141 | url = root["url"] 142 | min_only = root["min_only"] 143 | if options == [] 144 | if !skip 145 | update_css(name, url) 146 | end 147 | elsif options.include?(name) 148 | update_css(name, url) 149 | end 150 | end 151 | end 152 | puts " Update complete." 153 | puts 154 | end 155 | 156 | def readme_routine(data) 157 | puts "- Updating readme file..." 158 | update_readme(data) 159 | puts " Update complete." 160 | puts 161 | end 162 | 163 | def process_updates(data, options=[]) 164 | frameworks_routine(data, options) 165 | collections_routine(data, options) 166 | switcher_routine(data) 167 | readme_routine(data) 168 | end 169 | 170 | data = YAML::load(File.read("frameworks.yml")) 171 | 172 | if ARGV[0] 173 | options = ARGV 174 | process_updates(data, options) 175 | else 176 | process_updates(data) 177 | end 178 | -------------------------------------------------------------------------------- /scripts/minify.rb: -------------------------------------------------------------------------------- 1 | require 'open-uri' 2 | require 'yaml' 3 | require 'yui/compressor' 4 | 5 | def minify(css) 6 | compressor = YUI::CssCompressor.new 7 | compressor.compress(css) 8 | end 9 | 10 | def get_css(url) 11 | url = url 12 | .gsub(/https:\/\/github\.com\/([^\/]+\/[^\/]+)\/blob\//, 13 | "https://raw.githubusercontent.com/\\1//") 14 | .gsub(/https:\/\/gitlab\.com\/([^\/]+\/[^\/]+)\/-\/blob\//, 15 | "https://gitlab.com/\\1/-/raw/") 16 | URI.open(url).read 17 | end 18 | 19 | def strip_css(css) 20 | sourcemap = "# sourceMappingURL" 21 | select_none = "select \{\n display: none;\n\}" 22 | nav_broken = /nav \{\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 3em;\n/ 23 | nav_fixed = "nav {\n top: 0;\n left: 0;\n right: 0;\n" 24 | header_broken = /\t\n\tpadding\-left: calc\(50vw \- 50%\);\n\tpadding\-right: calc\(50vw \- 50%\);\n/ 25 | css 26 | .gsub(/\n*\/\*#{sourcemap}.*\n*/, "") 27 | .gsub(/#{select_none}\n\n/, "") 28 | .gsub(nav_broken, nav_fixed) 29 | .gsub(header_broken, "") 30 | .gsub(/\r\n?/, "\n") 31 | end 32 | 33 | def update_css(name, url) 34 | css_file = "../src/#{name}.css" 35 | minified_file = "../min/#{name}.min.css" 36 | 37 | css = get_css(url) 38 | css = strip_css(css) 39 | 40 | if !diff_css(css, name) 41 | puts " >> " + name + " css updating from " + url + "..." 42 | File.open(css_file, "w") { |f| f << css } 43 | File.open(minified_file, "w") { |f| f << minify(css) } 44 | puts " Update complete." 45 | else 46 | puts " No changes detected in " + name + " css" 47 | end 48 | end 49 | 50 | def diff_css(css, name) 51 | source_path = "../src/" + name + ".css" 52 | if File.exist?(source_path) 53 | src = File.read(source_path) 54 | css == src 55 | else 56 | false 57 | end 58 | end 59 | -------------------------------------------------------------------------------- /src/ads-gazette.css: -------------------------------------------------------------------------------- 1 | @import "https://fonts.googleapis.com/css?family=Source+Serif+Pro|UnifrakturMaguntia|Source+Sans+Pro";@import "asciidoctor.css";:root{--maincolor:#fff;--primarycolor:#000;--secondarycolor:#aaa;--tertiarycolor:#ccc;--sidebarbackground:#fff;--linkcolor:#0d47a1;--linkcoloralternate:#b71c1c}body{font-family:"Source Serif Pro",serif;color:black}h1{font-family:"Source Serif Pro",serif;font-size:24px;text-transform:uppercase}header h1{font-size:39px;font-family:"UnifrakturMaguntia",serif;border-bottom:2px solid black !important;text-transform:none}h2{font-family:"Source Serif Pro",serif;font-style:italic;font-weight:bold;text-transform:uppercase}h3{font-family:"Source Serif Pro",serif;font-style:italic;font-weight:bold}h4{font-family:'Times New Roman',Times,serif;letter-spacing:-1px;text-transform:uppercase}h5{font-family:'Times New Roman',Times,serif;letter-spacing:-1px;text-transform:uppercase}h6{font-family:"Source Serif Pro",serif;font-weight:bold}hr{border-color:black}a{text-decoration:none;color:#5a5a5a !important}a:hover{text-decoration:underline}p{font-family:"Source Serif Pro",serif !important}img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}video,audio{-webkit-filter:grayscale(100%);filter:grayscale(100%)}svg,progress,meter{-webkit-filter:grayscale(100%);filter:grayscale(100%)}th{color:black !important}td{color:black !important}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} -------------------------------------------------------------------------------- /src/ads-medium.css: -------------------------------------------------------------------------------- 1 | body{font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-size:21px !important;line-height:1.58;letter-spacing:-.003em;margin-top:29px;width:90vh;margin:0 auto;padding-left:5vw !important}h1{margin-top:0;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;font-weight:700;font-style:normal;font-size:36px;margin-left:-2.25px;line-height:1.15;letter-spacing:-.02em;color:rgba(0,0,0,.8);word-wrap:break-word}h1{border-bottom:0 !important}h2,h3,h4,h5,h6{margin-top:39px;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;font-weight:300;font-style:normal;margin-left:-1.75px;line-height:1.22;letter-spacing:-.022em;color:rgba(0,0,0,.44)}h2{font-size:28px}h3{font-size:26px}h4{font-size:24px}h5{font-size:22px}h6{font-size:20px}nav{display:none}blockquote{margin-top:55px;font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:28px;margin-left:-1.75px;line-height:1.48;letter-spacing:-.014em;color:rgba(0,0,0,.6);border:0;padding:0;padding-left:50px;text-align:left}blockquote:before{color:rgba(0,0,0,.6) !important}hr{margin-top:52px;margin-bottom:42px;border:0;text-align:center}hr:before{font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:28px;letter-spacing:.6em;content:'...';display:inline-block;margin-left:.6em;color:rgba(0,0,0,.6);position:relative;top:-30px}a{text-decoration:none;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 22px;color:inherit;background-color:transparent}a:hover{outline:0;color:inherit}p{font-size:inherit}caption,figcaption{font-style:normal !important;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif !important;font-weight:300 !important;font-size:13px !important;line-height:1.4 !important;color:rgba(0,0,0,.6) !important;letter-spacing:0 !important;text-align:center !important;margin-top:10px !important}caption,figcaption a:hover{outline:0;color:inherit}td{padding:21px}tfoot{font-weight:bold}img{max-width:100%}video{max-width:85vw}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw}pre{font-size:large} -------------------------------------------------------------------------------- /src/ads-notebook.css: -------------------------------------------------------------------------------- 1 | @import "https://fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter";body{font-family:"Architects Daughter",sans-serif;margin-left:10%;background-color:#fff;background-image:-webkit-linear-gradient(90deg,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-webkit-linear-gradient(#eee .15em,transparent .15em);background-size:1px,auto 20px;background-repeat:repeat-y,repeat;background-position:10% 0,0 0,0 0}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}h4,h5{font-size:1.125em}h6{font-size:1em}h1{color:#000 !important;font-family:"Cabin Sketch",sans-serif}h2,h3,h4,h5,h6{color:#1a237e !important;font-family:"Cabin Sketch",sans-serif}.title{color:#000 !important;font-family:"Architects Daughter",sans-serif;font-style:normal;font-weight:normal}a:hover{text-decoration:none}p{font-family:"Architects Daughter",sans-serif !important}blockquote{color:#1a237e !important}blockquote:before{color:#000;font-style:italic;content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;text-shadow:0 1px 2px rgba(0,0,0,.1)}cite{display:block;text-align:right;color:#000;font-style:normal}cite:before{content:'\2014 \00A0'}code{color:#1a237e;background-color:#f9a825 !important}mark{background-color:#ffd600}pre{background-color:#f9a825 !important;color:#1a237e;font-family:monospace;margin:1.5em;padding:8px;max-width:80em;border-radius:4px}table{border-collapse:collapse}th{background-color:#fff;color:#000 !important}td{background-color:#fff;color:#000 !important}td,th,tfoot{border-width:0 1px 1px 0;border:1px solid #dedede;padding:10px}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} -------------------------------------------------------------------------------- /src/attri-bright-light-green.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#000}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#fff}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#00c853}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#00c853}nav div ul li ul{right:0;position:relative;background:pink}@media (max-width: 630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #00c853;border-bottom:none}blockquote{border-left:4px solid #00c853;padding:8px 5px;margin:0}blockquote p{font-size:0.4rem}}@media (min-width: 630px){nav div ul li.active,nav div ul li[active]{border:1px solid #00c853;border-bottom:none;border-top:none}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#00c853}a:hover{color:#212121}mark{background-color:#00c853}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #00c853;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#eee;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #00c853}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0px}form input,form select{font-size:1rem;padding:5px;border:1px solid #bdbdbd;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#00c853}form input[type="submit"]{padding:10px;background-color:#00c853;color:#000;border-radius:5px;border:none;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:none}form input[type="submit"]:active{background-color:#212121;color:#00c853}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#00c853}form input[type="submit"][secondary]:active{background-color:#00c853;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#00c853}button{padding:10px;background-color:#00c853;color:#000;border-radius:5px;border:none;cursor:pointer}button:active,button:focus{outline:none}button:active{background-color:#212121;color:#00c853}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#00c853}button[secondary]:active{background-color:#00c853;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px;color:#fff} -------------------------------------------------------------------------------- /src/attri-dark-fairy-pink.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#fce4ec}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#ad1457}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#e91e63}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#e91e63}nav div ul li ul{right:0;position:relative;background:pink}@media (max-width: 630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #e91e63;border-bottom:none}blockquote{border-left:4px solid #e91e63;padding:8px 5px;margin:0}blockquote p{font-size:0.4rem}}@media (min-width: 630px){nav div ul li.active,nav div ul li[active]{border:1px solid #e91e63;border-bottom:none;border-top:none}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#e91e63}a:hover{color:#212121}mark{background-color:#e91e63}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #e91e63;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #e91e63}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0px}form input,form select{font-size:1rem;padding:5px;border:none;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#e91e63}form input[type="submit"]{padding:10px;background-color:#e91e63;color:#fce4ec;border-radius:5px;border:none;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:none}form input[type="submit"]:active{background-color:#212121;color:#e91e63}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#e91e63}form input[type="submit"][secondary]:active{background-color:#e91e63;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#e91e63}button{padding:10px;background-color:#e91e63;color:#fce4ec;border-radius:5px;border:none;cursor:pointer}button:active,button:focus{outline:none}button:active{background-color:#212121;color:#e91e63}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#e91e63}button[secondary]:active{background-color:#e91e63;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /src/attri-dark-forest-green.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#00c853}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#000}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#ccff90}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#ccff90}nav div ul li ul{right:0;position:relative;background:pink}@media (max-width: 630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #ccff90;border-bottom:none}blockquote{border-left:4px solid #ccff90;padding:8px 5px;margin:0}blockquote p{font-size:0.4rem}}@media (min-width: 630px){nav div ul li.active,nav div ul li[active]{border:1px solid #ccff90;border-bottom:none;border-top:none}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#ccff90}a:hover{color:#212121}mark{background-color:#ccff90}code{font-family:monospace;background-color:#33691e;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #ccff90;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#33691e}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #ccff90}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0px}form input,form select{font-size:1rem;padding:5px;border:1px solid #33691e;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#ccff90}form input[type="submit"]{padding:10px;background-color:#ccff90;color:#00c853;border-radius:5px;border:none;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:none}form input[type="submit"]:active{background-color:#212121;color:#ccff90}form input[type="submit"]:disabled{background:#33691e;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#ccff90}form input[type="submit"][secondary]:active{background-color:#ccff90;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#ccff90}button{padding:10px;background-color:#ccff90;color:#00c853;border-radius:5px;border:none;cursor:pointer}button:active,button:focus{outline:none}button:active{background-color:#212121;color:#ccff90}button:disabled{background:#33691e;cursor:not-allowed}button[secondary]{background-color:#212121;color:#ccff90}button[secondary]:active{background-color:#ccff90;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /src/attri-light-fairy-pink.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#ff4081}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#fce4ec}nav{font-family:"Nunito",sans-serif;background-color:#c51162;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#ff80ab}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#ff80ab}nav div ul li ul{right:0;position:relative;background:pink}@media (max-width: 630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #ff80ab;border-bottom:none}blockquote{border-left:4px solid #ff80ab;padding:8px 5px;margin:0}blockquote p{font-size:0.4rem}}@media (min-width: 630px){nav div ul li.active,nav div ul li[active]{border:1px solid #ff80ab;border-bottom:none;border-top:none}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#ff80ab}a:hover{color:#c51162}mark{background-color:#ff80ab}code{font-family:monospace;background-color:#e0e0e0;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #ff80ab;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#e0e0e0}pre{background:#880e4f;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #ff80ab}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0px}form input,form select{font-size:1rem;padding:5px;border:1px solid #e0e0e0;color:#c51162}form input:active,form input:focus,form select:active,form select:focus{outline-color:#ff80ab}form input[type="submit"]{padding:10px;background-color:#ff80ab;color:#ff4081;border-radius:5px;border:none;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:none}form input[type="submit"]:active{background-color:#c51162;color:#ff80ab}form input[type="submit"]:disabled{background:#e0e0e0;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#c51162;color:#ff80ab}form input[type="submit"][secondary]:active{background-color:#ff80ab;color:initial}textarea{color:#c51162;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#ff80ab}button{padding:10px;background-color:#ff80ab;color:#ff4081;border-radius:5px;border:none;cursor:pointer}button:active,button:focus{outline:none}button:active{background-color:#c51162;color:#ff80ab}button:disabled{background:#e0e0e0;cursor:not-allowed}button[secondary]{background-color:#c51162;color:#ff80ab}button[secondary]:active{background-color:#ff80ab;color:initial}body>footer{background-color:#c51162;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /src/attri-midnight-green.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Nunito");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,textarea,input,select,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:"Nunito",sans-serif;color:#eceff1}body,html{padding:0;margin:0;overflow-x:hidden;background-color:#37474f}nav{font-family:"Nunito",sans-serif;background-color:#212121;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}nav header{padding:8px;display:inline}nav header a{text-decoration:none;color:#fff}nav header a:hover{color:#00c853}nav header+input:checked+div{display:block}nav div{display:none;margin-left:auto}nav div ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px}nav div ul li a{display:inline-block;padding:8px;color:#fff;text-decoration:none}nav div ul li:hover{background-color:#00c853}nav div ul li ul{right:0;position:relative;background:pink}@media (max-width: 630px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}nav header{text-align:center}nav div{margin:auto}nav div ul{padding:0}nav div ul li{border-top-left-radius:5px;border-top-right-radius:5px}nav div ul li[active],nav div ul li.active{border:1px solid #00c853;border-bottom:none}blockquote{border-left:4px solid #00c853;padding:8px 5px;margin:0}blockquote p{font-size:0.4rem}}@media (min-width: 630px){nav div ul li.active,nav div ul li[active]{border:1px solid #00c853;border-bottom:none;border-top:none}nav header label{display:none}}section[container]{max-width:38em;margin:auto;padding:5px}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}a{color:#00c853}a:hover{color:#212121}mark{background-color:#00c853}code{font-family:monospace;background-color:#bdbdbd;padding-left:5px;padding-right:5px}blockquote{border-left:4px solid #00c853;padding:8px 10px;width:100%}blockquote p{font-style:italic;font-size:1.1rem}blockquote footer::before{content:"\2014 \00A0"}blockquote footer cite{font-style:italic;color:#bdbdbd}pre{background:#263238;overflow-x:auto;text-align:left;padding:5px}pre code{display:block;padding:0 10px;background:transparent}table{display:table;padding:5px;border-collapse:collapse}table thead,table tbody{text-align:left}table tr th,table tr td{padding:5px 10px;border-bottom:1px solid #00c853}div[overflow]{overflow-x:auto;max-width:100vw}div[overflow] ::-webkit-scrollbar{height:0}img{max-width:100%;border-radius:5px}form div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 5px}form div p{margin:0px}form input,form select{font-size:1rem;padding:5px;border:none;color:#212121}form input:active,form input:focus,form select:active,form select:focus{outline-color:#00c853}form input[type="submit"]{padding:10px;background-color:#00c853;color:#eceff1;border-radius:5px;border:none;cursor:pointer}form input[type="submit"]:active,form input[type="submit"]:focus{outline:none}form input[type="submit"]:active{background-color:#212121;color:#00c853}form input[type="submit"]:disabled{background:#bdbdbd;cursor:not-allowed}form input[type="submit"][secondary]{background-color:#212121;color:#00c853}form input[type="submit"][secondary]:active{background-color:#00c853;color:initial}textarea{color:#212121;width:-webkit-fill-available;font-size:1rem;padding:5px}textarea:active,textarea:focus{outline-color:#00c853}button{padding:10px;background-color:#00c853;color:#eceff1;border-radius:5px;border:none;cursor:pointer}button:active,button:focus{outline:none}button:active{background-color:#212121;color:#00c853}button:disabled{background:#bdbdbd;cursor:not-allowed}button[secondary]{background-color:#212121;color:#00c853}button[secondary]:active{background-color:#00c853;color:initial}body>footer{background-color:#212121;position:relative;bottom:0;width:100%;padding:5px} -------------------------------------------------------------------------------- /src/basic.css: -------------------------------------------------------------------------------- 1 | /* Basic.css */ 2 | 3 | * {box-sizing: border-box} 4 | 5 | :root{ 6 | --sans: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif; 7 | --mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, 'Courier New', monospace; 8 | --c1:#0074d9; 9 | --c2:#eee; 10 | --c3:#fff; 11 | --c4:#000; 12 | --c5:#fff; 13 | --m1: 8px; 14 | --rc: 8px; 15 | } 16 | 17 | @media (prefers-color-scheme: dark) { 18 | :root { 19 | --c2:#333; 20 | --c3:#1e1f20; 21 | --c4:#fff; 22 | } 23 | } 24 | 25 | html { 26 | -ms-text-size-adjust: 100%; 27 | -webkit-text-size-adjust: 100%; 28 | 29 | } 30 | 31 | /* General settings */ 32 | 33 | body { 34 | margin: 0; 35 | font: var(--sans); 36 | font-weight: 400; 37 | font-style: normal; 38 | text-rendering: optimizeLegibility; 39 | -webkit-font-smoothing: antialiased; 40 | background-color: var(--c3); 41 | color: var(--c4); 42 | } 43 | img, iframe {border: none; max-width: 100%} 44 | 45 | a {color: var(--c1); text-decoration:none} 46 | 47 | a:hover {color: var(--c1); text-decoration: underline} 48 | 49 | pre {font: 1em/1.6 var(--mono); background: var(--c2); padding: 1em; overflow: auto} 50 | 51 | code {font: 1em/1.6 var(--mono);} 52 | 53 | blockquote {border-left: 5px solid var(--c2); padding: 1em 1.5em; margin: 0} 54 | 55 | hr {border:0; border-bottom: 1px solid var(--c4)} 56 | 57 | /* Headlines */ 58 | 59 | h1,h2,h3,h4,h5,h6 {margin: 0.6em 0; font-weight: normal} 60 | 61 | h1 {font-size: 2.625em; line-height: 1.2} 62 | 63 | h2 {font-size: 1.625em; line-height: 1.2} 64 | 65 | h3 {font-size: 1.3125em; line-height: 1.24} 66 | 67 | h4 {font-size: 1.1875em; line-height: 1.23} 68 | 69 | h5,h6 {font-size: 1em; font-weight:bold} 70 | 71 | /* Table */ 72 | 73 | table {border-collapse: collapse; border-spacing: 0; margin:1em 0} 74 | 75 | th, td {text-align: left; vertical-align: top; border: 1px solid; padding: 0.4em} 76 | 77 | thead,tfoot {background: var(--c2)} 78 | 79 | /* Rounded Corners*/ 80 | 81 | pre,code,input,select,textarea,button,img {border-radius: var(--rc)} 82 | 83 | 84 | /* Forms */ 85 | 86 | input, select, textarea {font-size: 1em; color:var(--c4); background: var(--c2); border: 0; padding: 0.6em} 87 | 88 | button, input[type=submit], input[type=reset], input[type="button"] { -webkit-appearance: none; font-size: 1em; display: inline-block; color: var(--c5); background: var(--c1); border: 0; margin: 4px; padding: 0.6em; cursor: pointer; text-align: center} 89 | 90 | button:hover, button:focus, input:hover, textarea:hover, select:hover {opacity: 0.8} 91 | 92 | /* Infinite Grid */ 93 | 94 | section {display: flex; flex-flow: row wrap} 95 | 96 | [style*="--c:"], section>section, aside, article {flex:var(--c,1); margin:var(--m1)} 97 | 98 | /* Cards */ 99 | 100 | article {background: var(--c2); border-radius: var(--rc); padding: 1em; box-shadow: 0px 1px 0px rgba(0,0,0,0.3)} 101 | 102 | [style*="--c:"]:first-child, section>section:first-child, article:first-child {margin-left:0} 103 | [style*="--c:"]:last-child, section>section:last-child, article:last-child {margin-right:0} 104 | -------------------------------------------------------------------------------- /src/brutalist.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 3 | } 4 | 5 | pre { 6 | padding: 1em; 7 | background-color: #eee; 8 | } 9 | 10 | pre code { 11 | color: #009; 12 | } 13 | pre kbd { 14 | color: #090; 15 | } 16 | 17 | table, 18 | td, 19 | th { 20 | border-collapse: collapse; 21 | } 22 | 23 | td, 24 | th { 25 | padding: .5em; 26 | border: 1px solid #eee; 27 | } 28 | 29 | th { 30 | background-color: #eee; 31 | } 32 | 33 | @media only screen and (max-width: 720px) { 34 | img { 35 | max-width: 100%; 36 | } 37 | 38 | pre { 39 | overflow-y: scroll; 40 | } 41 | } 42 | 43 | @media (prefers-color-scheme: dark) { 44 | body { 45 | background-color: #000; 46 | color: #e8e6e3; 47 | } 48 | 49 | a:link { 50 | color: #3391ff; 51 | } 52 | 53 | a:visited { 54 | color: #ba55d3; 55 | } 56 | 57 | pre { 58 | background-color: #222; 59 | } 60 | 61 | pre code { 62 | color: #bbb; 63 | } 64 | 65 | td, 66 | th { 67 | border: 1px solid #222; 68 | } 69 | 70 | th { 71 | background-color: #222; 72 | } 73 | } -------------------------------------------------------------------------------- /src/caiuss.css: -------------------------------------------------------------------------------- 1 | /* CaiuSS CSS Framework by Ionică Bizău 2 | * https://github.com/IonicaBizau/CaiuSS 3 | * */ 4 | @import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext"; html,body{margin:0;background-color:#fff} html,body,button{font-family:"Open Sans",sans-serif} html,body,input,textarea{color:#2c3e50} .container{width:960px;max-width:100%;margin:0 auto} h6{font-size:.5em} h5{font-size:.6em} h4{font-size:.75em} h3{font-size:1em} h2{font-size:1.5em} h1{font-size:3em} .btn{margin-right:3px;margin-top:10px;display:inline-block;white-space:nowrap;padding:8px 20px;border-width:1px;border-style:solid;cursor:pointer;color:#2c3e50;border-radius:4px;font-weight:bold;-webkit-transition:background-color .5s ease-in;-moz-transition:background-color .5s ease-in;-o-transition:background-color .5s ease-in;-ms-transition:background-color .5s ease-in;transition:background-color .5s ease-in;text-decoration:none} .bg-black,.bg-gray,.bg-red,.bg-orange,.bg-green,.bg-blue,.bg-purple{color:#ecf0f1} .btn.bg-black{border-color:#2c3e50} .btn.bg-gray{border-color:#7f8c8d} .btn.bg-red{border-color:#c0392b} .btn.bg-orange{border-color:#d35400} .btn.bg-yellow{border-color:#f39c12} .btn.bg-green{border-color:#27ae60} .btn.bg-blue{border-color:#2980b9} .btn.bg-purple{border-color:#8e44ad} .btn.bg-white{border-color:#bdc3c7} .bg-black{background-color:#34495e} .bg-gray{background-color:#95a5a6} .bg-red{background-color:#e74c3c} .bg-orange{background-color:#d35400} .bg-yellow{background-color:#f1c40f} .bg-green{background-color:#2ecc71} .bg-blue{background-color:#3498db} .bg-purple{background-color:#9b59b6} .bg-white{background-color:#ecf0f1} .btn.bg-black:hover{background-color:#46627f} .btn.bg-gray:hover{background-color:#b1bdbd} .btn.bg-red:hover{background-color:#ed7669} .btn.bg-orange:hover{background-color:#eb9950} .btn.bg-yellow:hover{background-color:#f4d03f} .btn.bg-green:hover{background-color:#54d98c} .btn.bg-blue:hover{background-color:#5faee3} .btn.bg-purple:hover{background-color:#b07cc6} .btn.bg-white:hover{background-color:#fff} .img{background-color:#ecf0f1;border:1px solid #bdc3c7;padding:3px;max-width:100%} .table{border-collapse:collapse;border:1px solid #587ca0} .table td,.table th{border:1px solid #587ca0;padding:5px 12px} .table{border-radius:4px} .form-elm{padding:10px;margin:5px 0;border-radius:4px;border:1px solid #bdc3c7;outline:none} .form-elm:focus{border:1px solid #98afc6} .pad-xs{padding:5px} .pad-s{padding:10px} .pad-l{padding:15px} .pad-xl{padding:20px} .mrg-xs{margin:5px} .mrg-s{margin:10px} .mrg-l{margin:15px} .mrg-xl{margin:20px} .text-center{text-align:center} .text-right{text-align:right} .text-left{text-align:left} .text-justify{text-align:justify} a:not(.btn){color:#2ecc71;font-weight:bold;text-decoration:none;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;-o-transition:color .5s linear;-ms-transition:color .5s linear;transition:color .5s linear} a:not(.btn):hover{color:#fbfefc} 5 | -------------------------------------------------------------------------------- /src/codify.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Codify.css 1.0.0 (https://github.com/zdroid/codify.css) 3 | * Licensed under the MIT License. 4 | */ 5 | html { 6 | font-family: sans-serif; 7 | -webkit-text-size-adjust: 100%; 8 | -ms-text-size-adjust: 100%; 9 | line-height: 1.2; 10 | } 11 | body { 12 | margin: 0; 13 | } 14 | 15 | main { 16 | display: block; 17 | } 18 | audio:not([controls]) { 19 | display: none; 20 | height: 0; 21 | } 22 | [hidden], 23 | template { 24 | display: none; 25 | } 26 | 27 | a { 28 | -webkit-text-decoration-skip: objects; 29 | background: transparent; 30 | } 31 | hr { 32 | height: 0; 33 | box-sizing: content-box; 34 | overflow: visible; 35 | } 36 | h1 { 37 | margin: .67em 0; 38 | font-size: 2em; 39 | } 40 | b, 41 | strong { 42 | font-weight: bold; 43 | } 44 | small { 45 | font-size: 80%; 46 | } 47 | sub, 48 | sup { 49 | position: relative; 50 | font-size: 80%; 51 | line-height: 0; 52 | vertical-align: baseline; 53 | } 54 | sup { 55 | top: -.25em; 56 | } 57 | sub { 58 | bottom: -.5em; 59 | } 60 | abbr[title] { 61 | text-decoration: underline; 62 | text-decoration: underline dotted; 63 | } 64 | blockquote:before, 65 | blockquote:after { 66 | content: ""; 67 | } 68 | code, 69 | kbd, 70 | pre, 71 | samp { 72 | font-family: monospace, monospace; 73 | font-size: 1em; 74 | } 75 | pre { 76 | overflow: auto; 77 | word-break: break-all; 78 | word-wrap: break-word; 79 | white-space: pre-wrap; 80 | } 81 | 82 | img { 83 | max-width: 100%; 84 | height: auto; 85 | border: 0; 86 | } 87 | svg:not(:root) { 88 | overflow: hidden; 89 | } 90 | progress { 91 | vertical-align: baseline; 92 | } 93 | 94 | button, 95 | input, 96 | optgroup, 97 | select, 98 | textarea { 99 | margin: 0; 100 | font: inherit; 101 | color: inherit; 102 | } 103 | button, 104 | select { 105 | text-transform: none; 106 | } 107 | fieldset { 108 | padding: 0; 109 | margin: 0; 110 | border: 0; 111 | } 112 | legend { 113 | display: table; 114 | max-width: 100%; 115 | box-sizing: border-box; 116 | padding: 0; 117 | white-space: normal; 118 | border: 0; 119 | } 120 | [type="search"] { 121 | box-sizing: border-box; 122 | -webkit-appearance: textfield; 123 | } 124 | [type="number"]::-webkit-inner-spin-button, 125 | [type="number"]::-webkit-outer-spin-button { 126 | height: auto; 127 | } 128 | [type="search"]::-webkit-search-cancel-button, 129 | [type="search"]::-webkit-search-decoration { 130 | -webkit-appearance: none; 131 | } 132 | button, 133 | [type="reset"], 134 | [type="submit"] { 135 | -webkit-appearance: button; 136 | } 137 | button[disabled], 138 | html input[disabled] { 139 | cursor: default; 140 | } 141 | button::-moz-focus-inner, 142 | [type="button"]::-moz-focus-inner, 143 | [type="reset"]::-moz-focus-inner, 144 | [type="submit"]::-moz-focus-inner { 145 | padding: 0; 146 | border-style: none; 147 | } 148 | button:-moz-focusring, 149 | [type="button"]:-moz-focusring, 150 | [type="reset"]:-moz-focusring, 151 | [type="submit"]:-moz-focusring { 152 | outline: 1px dotted ButtonText; 153 | } 154 | [type="checkbox"], 155 | [type="radio"] { 156 | box-sizing: border-box; 157 | padding: 0; 158 | margin: 4px 0 0; 159 | line-height: normal; 160 | } 161 | textarea { 162 | vertical-align: top; 163 | } 164 | button, 165 | input { 166 | overflow: visible; 167 | } 168 | -------------------------------------------------------------------------------- /src/fluidity.css: -------------------------------------------------------------------------------- 1 | /* 2 | FLUIDITY v0.1.0 3 | @mrmrs - http://mrmrs.cc 4 | MIT 5 | */ 6 | /* 7 | 8 | Responsive Utilities 9 | 10 | */ 11 | img, canvas, iframe, video, svg, select, textarea { 12 | max-width: 100%; } 13 | 14 | /* Wrap tables or pre elements in a div with this class */ 15 | .overflow-container { 16 | overflow-x: scroll; } 17 | 18 | /* 19 | Aspect ratios for media objects i.e canvas, iframe, video, svg etc. 20 | Defaults to 16x9 21 | */ 22 | .aspect-ratio { 23 | height: 0; 24 | padding-top: 56.25%; 25 | position: relative; } 26 | 27 | .aspect-ratio--object { 28 | height: 100%; 29 | position: absolute; 30 | top: 0; 31 | right: 0; 32 | bottom: 0; 33 | left: 0; 34 | width: 100%; 35 | z-index: 100; } 36 | -------------------------------------------------------------------------------- /src/hyp.css: -------------------------------------------------------------------------------- 1 | /* 2 | hyp 0.1.0 3 | Copyright 2016 Krzysztof Kraszewski 4 | Free to use under MIT licence. 5 | */ 6 | @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%} 7 | 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} 8 | .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%}} 9 | 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} 10 | 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%} 11 | .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%)} 12 | pre>code{background-color:#e3e3e3;border:1px solid #D7D7D7;border-radius:5px;font-family:monospace;font-size:12px;padding:20px 10px} -------------------------------------------------------------------------------- /src/lit.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Lit v0.1 3 | * Primary Color set to: #FA0 4 | * Font set to: Nunito 5 | */ 6 | 7 | :root { 8 | --font: nunito; 9 | --primary-color: #fa0; 10 | --light: #eee; 11 | } 12 | 13 | * { 14 | box-sizing: border-box; 15 | } 16 | 17 | *+* { 18 | margin: .5em 0; 19 | } 20 | 21 | pre { 22 | overflow: auto 23 | } 24 | 25 | @media(min-width:35em) { 26 | .col { 27 | display: table-cell; 28 | } 29 | 30 | .\31 { 31 | width: 5%; 32 | } 33 | 34 | .\33 { 35 | width: 22%; 36 | } 37 | 38 | .\34 { 39 | width: 30%; 40 | } 41 | 42 | .\35 { 43 | width: 40%; 44 | } 45 | 46 | .\32 { 47 | width: 15%; 48 | } 49 | 50 | .\36 { 51 | width: 50%; 52 | } 53 | 54 | .row { 55 | display: table; 56 | border-spacing: 1em 0; 57 | } 58 | } 59 | 60 | .w-100, 61 | .row { 62 | width: 100%; 63 | } 64 | 65 | .card:focus, 66 | hr { 67 | outline: 0; 68 | border: solid var(--primary-color); 69 | } 70 | 71 | .card, 72 | pre { 73 | padding: 1em; 74 | border: solid var(--light); 75 | } 76 | 77 | a:hover, 78 | .btn:hover { 79 | opacity: .6; 80 | } 81 | 82 | .c { 83 | max-width: 60em; 84 | padding: 1em; 85 | margin: auto; 86 | font: 1em/1.6 var(--font); 87 | } 88 | 89 | h6 { 90 | font: 100 1em var(--font); 91 | } 92 | 93 | h5 { 94 | font: 100 1.2em var(--font); 95 | } 96 | 97 | h3 { 98 | font: 100 2em var(--font); 99 | } 100 | 101 | h4 { 102 | font: 100 1.5em var(--font); 103 | } 104 | 105 | h2 { 106 | font: 100 2.2em var(--font); 107 | } 108 | 109 | h1 { 110 | font: 100 2.5em var(--font); 111 | } 112 | 113 | a { 114 | color: var(--primary-color); 115 | text-decoration: none; 116 | } 117 | 118 | .btn.primary { 119 | color: white; 120 | background: var(--primary-color); 121 | border: solid var(--primary-color); 122 | } 123 | 124 | td, 125 | th { 126 | padding: 1em; 127 | text-align: left; 128 | border-bottom: solid var(--light); 129 | } 130 | 131 | .btn { 132 | padding: 1em; 133 | text-transform: uppercase; 134 | background: white; 135 | border: solid; 136 | font: .7em var(--font); 137 | } -------------------------------------------------------------------------------- /src/md-air.css: -------------------------------------------------------------------------------- 1 | @media print { 2 | *, 3 | *:before, 4 | *:after { 5 | background: transparent !important; 6 | color: #000 !important; 7 | box-shadow: none !important; 8 | text-shadow: none !important; 9 | } 10 | 11 | a, 12 | a:visited { 13 | text-decoration: underline; 14 | } 15 | 16 | a[href]:after { 17 | content: " (" attr(href) ")"; 18 | } 19 | 20 | abbr[title]:after { 21 | content: " (" attr(title) ")"; 22 | } 23 | 24 | a[href^="#"]:after, 25 | a[href^="javascript:"]:after { 26 | content: ""; 27 | } 28 | 29 | pre, 30 | blockquote { 31 | border: 1px solid #999; 32 | page-break-inside: avoid; 33 | } 34 | 35 | thead { 36 | display: table-header-group; 37 | } 38 | 39 | tr, 40 | img { 41 | page-break-inside: avoid; 42 | } 43 | 44 | img { 45 | max-width: 100% !important; 46 | } 47 | 48 | p, 49 | h2, 50 | h3 { 51 | orphans: 3; 52 | widows: 3; 53 | } 54 | 55 | h2, 56 | h3 { 57 | page-break-after: avoid; 58 | } 59 | } 60 | 61 | html { 62 | font-size: 12px; 63 | } 64 | 65 | @media screen and (min-width: 32rem) and (max-width: 48rem) { 66 | html { 67 | font-size: 15px; 68 | } 69 | } 70 | 71 | @media screen and (min-width: 48rem) { 72 | html { 73 | font-size: 16px; 74 | } 75 | } 76 | 77 | body { 78 | line-height: 1.85; 79 | } 80 | 81 | p, 82 | .air-p { 83 | font-size: 1rem; 84 | margin-bottom: 1.3rem; 85 | } 86 | 87 | h1, 88 | .air-h1, 89 | h2, 90 | .air-h2, 91 | h3, 92 | .air-h3, 93 | h4, 94 | .air-h4 { 95 | margin: 1.414rem 0 .5rem; 96 | font-weight: inherit; 97 | line-height: 1.42; 98 | } 99 | 100 | h1, 101 | .air-h1 { 102 | margin-top: 0; 103 | font-size: 3.998rem; 104 | } 105 | 106 | h2, 107 | .air-h2 { 108 | font-size: 2.827rem; 109 | } 110 | 111 | h3, 112 | .air-h3 { 113 | font-size: 1.999rem; 114 | } 115 | 116 | h4, 117 | .air-h4 { 118 | font-size: 1.414rem; 119 | } 120 | 121 | h5, 122 | .air-h5 { 123 | font-size: 1.121rem; 124 | } 125 | 126 | h6, 127 | .air-h6 { 128 | font-size: .88rem; 129 | } 130 | 131 | small, 132 | .air-small { 133 | font-size: .707em; 134 | } 135 | 136 | /* https://github.com/mrmrs/fluidity */ 137 | 138 | img, 139 | canvas, 140 | iframe, 141 | video, 142 | svg, 143 | select, 144 | textarea { 145 | max-width: 100%; 146 | } 147 | 148 | @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300); 149 | 150 | body { 151 | color: #444; 152 | font-family: 'Open Sans', Helvetica, sans-serif; 153 | font-weight: 300; 154 | margin: 6rem auto 1rem; 155 | max-width: 48rem; 156 | text-align: center; 157 | } 158 | 159 | img { 160 | border-radius: 50%; 161 | height: 200px; 162 | margin: 0 auto; 163 | width: 200px; 164 | } 165 | 166 | a, 167 | a:visited { 168 | color: #3498db; 169 | } 170 | 171 | a:hover, 172 | a:focus, 173 | a:active { 174 | color: #2980b9; 175 | } 176 | 177 | pre { 178 | background-color: #fafafa; 179 | padding: 1rem; 180 | text-align: left; 181 | } 182 | 183 | blockquote { 184 | margin: 0; 185 | border-left: 5px solid #7a7a7a; 186 | font-style: italic; 187 | padding: 1.33em; 188 | text-align: left; 189 | } 190 | 191 | ul, 192 | ol, 193 | li { 194 | text-align: left; 195 | } 196 | 197 | p { 198 | color: #777; 199 | } -------------------------------------------------------------------------------- /src/md-modest.css: -------------------------------------------------------------------------------- 1 | @media print { 2 | *, 3 | *:before, 4 | *:after { 5 | background: transparent !important; 6 | color: #000 !important; 7 | box-shadow: none !important; 8 | text-shadow: none !important; 9 | } 10 | 11 | a, 12 | a:visited { 13 | text-decoration: underline; 14 | } 15 | 16 | a[href]:after { 17 | content: " (" attr(href) ")"; 18 | } 19 | 20 | abbr[title]:after { 21 | content: " (" attr(title) ")"; 22 | } 23 | 24 | a[href^="#"]:after, 25 | a[href^="javascript:"]:after { 26 | content: ""; 27 | } 28 | 29 | pre, 30 | blockquote { 31 | border: 1px solid #999; 32 | page-break-inside: avoid; 33 | } 34 | 35 | thead { 36 | display: table-header-group; 37 | } 38 | 39 | tr, 40 | img { 41 | page-break-inside: avoid; 42 | } 43 | 44 | img { 45 | max-width: 100% !important; 46 | } 47 | 48 | p, 49 | h2, 50 | h3 { 51 | orphans: 3; 52 | widows: 3; 53 | } 54 | 55 | h2, 56 | h3 { 57 | page-break-after: avoid; 58 | } 59 | } 60 | 61 | pre, 62 | code { 63 | font-family: Menlo, Monaco, "Courier New", monospace; 64 | } 65 | 66 | pre { 67 | padding: .5rem; 68 | line-height: 1.25; 69 | overflow-x: scroll; 70 | } 71 | 72 | a, 73 | a:visited { 74 | color: #3498db; 75 | } 76 | 77 | a:hover, 78 | a:focus, 79 | a:active { 80 | color: #2980b9; 81 | } 82 | 83 | .modest-no-decoration { 84 | text-decoration: none; 85 | } 86 | 87 | html { 88 | font-size: 12px; 89 | } 90 | 91 | @media screen and (min-width: 32rem) and (max-width: 48rem) { 92 | html { 93 | font-size: 15px; 94 | } 95 | } 96 | 97 | @media screen and (min-width: 48rem) { 98 | html { 99 | font-size: 16px; 100 | } 101 | } 102 | 103 | body { 104 | line-height: 1.85; 105 | } 106 | 107 | p, 108 | .modest-p { 109 | font-size: 1rem; 110 | margin-bottom: 1.3rem; 111 | } 112 | 113 | h1, 114 | .modest-h1, 115 | h2, 116 | .modest-h2, 117 | h3, 118 | .modest-h3, 119 | h4, 120 | .modest-h4 { 121 | margin: 1.414rem 0 .5rem; 122 | font-weight: inherit; 123 | line-height: 1.42; 124 | } 125 | 126 | h1, 127 | .modest-h1 { 128 | margin-top: 0; 129 | font-size: 3.998rem; 130 | } 131 | 132 | h2, 133 | .modest-h2 { 134 | font-size: 2.827rem; 135 | } 136 | 137 | h3, 138 | .modest-h3 { 139 | font-size: 1.999rem; 140 | } 141 | 142 | h4, 143 | .modest-h4 { 144 | font-size: 1.414rem; 145 | } 146 | 147 | h5, 148 | .modest-h5 { 149 | font-size: 1.121rem; 150 | } 151 | 152 | h6, 153 | .modest-h6 { 154 | font-size: .88rem; 155 | } 156 | 157 | small, 158 | .modest-small { 159 | font-size: .707em; 160 | } 161 | 162 | /* https://github.com/mrmrs/fluidity */ 163 | 164 | img, 165 | canvas, 166 | iframe, 167 | video, 168 | svg, 169 | select, 170 | textarea { 171 | max-width: 100%; 172 | } 173 | 174 | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); 175 | 176 | @import url(http://fonts.googleapis.com/css?family=Arimo:700,700italic); 177 | 178 | html { 179 | font-size: 18px; 180 | max-width: 100%; 181 | } 182 | 183 | body { 184 | color: #444; 185 | font-family: 'Open Sans Condensed', sans-serif; 186 | font-weight: 300; 187 | margin: 0 auto; 188 | max-width: 48rem; 189 | line-height: 1.45; 190 | padding: .25rem; 191 | } 192 | 193 | h1, 194 | h2, 195 | h3, 196 | h4, 197 | h5, 198 | h6 { 199 | font-family: Arimo, Helvetica, sans-serif; 200 | } 201 | 202 | h1, 203 | h2, 204 | h3 { 205 | border-bottom: 2px solid #fafafa; 206 | margin-bottom: 1.15rem; 207 | padding-bottom: .5rem; 208 | text-align: center; 209 | } 210 | 211 | blockquote { 212 | border-left: 8px solid #fafafa; 213 | padding: 1rem; 214 | } 215 | 216 | pre, 217 | code { 218 | background-color: #fafafa; 219 | } -------------------------------------------------------------------------------- /src/md-retro.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | pre, 4 | code { 5 | font-family: Menlo, Monaco, "Courier New", monospace; 6 | } 7 | 8 | pre { 9 | padding: .5rem; 10 | line-height: 1.25; 11 | overflow-x: scroll; 12 | } 13 | 14 | @media print { 15 | *, 16 | *:before, 17 | *:after { 18 | background: transparent !important; 19 | color: #000 !important; 20 | box-shadow: none !important; 21 | text-shadow: none !important; 22 | } 23 | 24 | a, 25 | a:visited { 26 | text-decoration: underline; 27 | } 28 | 29 | a[href]:after { 30 | content: " (" attr(href) ")"; 31 | } 32 | 33 | abbr[title]:after { 34 | content: " (" attr(title) ")"; 35 | } 36 | 37 | a[href^="#"]:after, 38 | a[href^="javascript:"]:after { 39 | content: ""; 40 | } 41 | 42 | pre, 43 | blockquote { 44 | border: 1px solid #999; 45 | page-break-inside: avoid; 46 | } 47 | 48 | thead { 49 | display: table-header-group; 50 | } 51 | 52 | tr, 53 | img { 54 | page-break-inside: avoid; 55 | } 56 | 57 | img { 58 | max-width: 100% !important; 59 | } 60 | 61 | p, 62 | h2, 63 | h3 { 64 | orphans: 3; 65 | widows: 3; 66 | } 67 | 68 | h2, 69 | h3 { 70 | page-break-after: avoid; 71 | } 72 | } 73 | 74 | a, 75 | a:visited { 76 | color: #01ff70; 77 | } 78 | 79 | a:hover, 80 | a:focus, 81 | a:active { 82 | color: #2ecc40; 83 | } 84 | 85 | .retro-no-decoration { 86 | text-decoration: none; 87 | } 88 | 89 | html { 90 | font-size: 12px; 91 | } 92 | 93 | @media screen and (min-width: 32rem) and (max-width: 48rem) { 94 | html { 95 | font-size: 15px; 96 | } 97 | } 98 | 99 | @media screen and (min-width: 48rem) { 100 | html { 101 | font-size: 16px; 102 | } 103 | } 104 | 105 | body { 106 | line-height: 1.85; 107 | } 108 | 109 | p, 110 | .retro-p { 111 | font-size: 1rem; 112 | margin-bottom: 1.3rem; 113 | } 114 | 115 | h1, 116 | .retro-h1, 117 | h2, 118 | .retro-h2, 119 | h3, 120 | .retro-h3, 121 | h4, 122 | .retro-h4 { 123 | margin: 1.414rem 0 .5rem; 124 | font-weight: inherit; 125 | line-height: 1.42; 126 | } 127 | 128 | h1, 129 | .retro-h1 { 130 | margin-top: 0; 131 | font-size: 3.998rem; 132 | } 133 | 134 | h2, 135 | .retro-h2 { 136 | font-size: 2.827rem; 137 | } 138 | 139 | h3, 140 | .retro-h3 { 141 | font-size: 1.999rem; 142 | } 143 | 144 | h4, 145 | .retro-h4 { 146 | font-size: 1.414rem; 147 | } 148 | 149 | h5, 150 | .retro-h5 { 151 | font-size: 1.121rem; 152 | } 153 | 154 | h6, 155 | .retro-h6 { 156 | font-size: .88rem; 157 | } 158 | 159 | small, 160 | .retro-small { 161 | font-size: .707em; 162 | } 163 | 164 | /* https://github.com/mrmrs/fluidity */ 165 | 166 | img, 167 | canvas, 168 | iframe, 169 | video, 170 | svg, 171 | select, 172 | textarea { 173 | max-width: 100%; 174 | } 175 | 176 | html, 177 | body { 178 | background-color: #222; 179 | min-height: 100%; 180 | } 181 | 182 | html { 183 | font-size: 18px; 184 | } 185 | 186 | body { 187 | color: #fafafa; 188 | font-family: "Courier New"; 189 | line-height: 1.45; 190 | margin: 6rem auto 1rem; 191 | max-width: 48rem; 192 | padding: .25rem; 193 | } 194 | 195 | pre { 196 | background-color: #333; 197 | } 198 | 199 | blockquote { 200 | border-left: 3px solid #01ff70; 201 | padding-left: 1rem; 202 | } -------------------------------------------------------------------------------- /src/md-splendor.css: -------------------------------------------------------------------------------- 1 | @media print { 2 | *, 3 | *:before, 4 | *:after { 5 | background: transparent !important; 6 | color: #000 !important; 7 | box-shadow: none !important; 8 | text-shadow: none !important; 9 | } 10 | 11 | a, 12 | a:visited { 13 | text-decoration: underline; 14 | } 15 | 16 | a[href]:after { 17 | content: " (" attr(href) ")"; 18 | } 19 | 20 | abbr[title]:after { 21 | content: " (" attr(title) ")"; 22 | } 23 | 24 | a[href^="#"]:after, 25 | a[href^="javascript:"]:after { 26 | content: ""; 27 | } 28 | 29 | pre, 30 | blockquote { 31 | border: 1px solid #999; 32 | page-break-inside: avoid; 33 | } 34 | 35 | thead { 36 | display: table-header-group; 37 | } 38 | 39 | tr, 40 | img { 41 | page-break-inside: avoid; 42 | } 43 | 44 | img { 45 | max-width: 100% !important; 46 | } 47 | 48 | p, 49 | h2, 50 | h3 { 51 | orphans: 3; 52 | widows: 3; 53 | } 54 | 55 | h2, 56 | h3 { 57 | page-break-after: avoid; 58 | } 59 | } 60 | 61 | html { 62 | font-size: 12px; 63 | } 64 | 65 | @media screen and (min-width: 32rem) and (max-width: 48rem) { 66 | html { 67 | font-size: 15px; 68 | } 69 | } 70 | 71 | @media screen and (min-width: 48rem) { 72 | html { 73 | font-size: 16px; 74 | } 75 | } 76 | 77 | body { 78 | line-height: 1.85; 79 | } 80 | 81 | p, 82 | .splendor-p { 83 | font-size: 1rem; 84 | margin-bottom: 1.3rem; 85 | } 86 | 87 | h1, 88 | .splendor-h1, 89 | h2, 90 | .splendor-h2, 91 | h3, 92 | .splendor-h3, 93 | h4, 94 | .splendor-h4 { 95 | margin: 1.414rem 0 .5rem; 96 | font-weight: inherit; 97 | line-height: 1.42; 98 | } 99 | 100 | h1, 101 | .splendor-h1 { 102 | margin-top: 0; 103 | font-size: 3.998rem; 104 | } 105 | 106 | h2, 107 | .splendor-h2 { 108 | font-size: 2.827rem; 109 | } 110 | 111 | h3, 112 | .splendor-h3 { 113 | font-size: 1.999rem; 114 | } 115 | 116 | h4, 117 | .splendor-h4 { 118 | font-size: 1.414rem; 119 | } 120 | 121 | h5, 122 | .splendor-h5 { 123 | font-size: 1.121rem; 124 | } 125 | 126 | h6, 127 | .splendor-h6 { 128 | font-size: .88rem; 129 | } 130 | 131 | small, 132 | .splendor-small { 133 | font-size: .707em; 134 | } 135 | 136 | /* https://github.com/mrmrs/fluidity */ 137 | 138 | img, 139 | canvas, 140 | iframe, 141 | video, 142 | svg, 143 | select, 144 | textarea { 145 | max-width: 100%; 146 | } 147 | 148 | @import url(http://fonts.googleapis.com/css?family=Merriweather:300italic,300); 149 | 150 | html { 151 | font-size: 18px; 152 | max-width: 100%; 153 | } 154 | 155 | body { 156 | color: #444; 157 | font-family: 'Merriweather', Georgia, serif; 158 | margin: 0; 159 | max-width: 100%; 160 | } 161 | 162 | /* === A bit of a gross hack so we can have bleeding divs/blockquotes. */ 163 | 164 | p, 165 | *:not(div):not(img):not(body):not(html):not(li):not(blockquote):not(p) { 166 | margin: 1rem auto 1rem; 167 | max-width: 36rem; 168 | padding: .25rem; 169 | } 170 | 171 | div { 172 | width: 100%; 173 | } 174 | 175 | div img { 176 | width: 100%; 177 | } 178 | 179 | blockquote p { 180 | font-size: 1.5rem; 181 | font-style: italic; 182 | margin: 1rem auto 1rem; 183 | max-width: 48rem; 184 | } 185 | 186 | li { 187 | margin-left: 2rem; 188 | } 189 | 190 | /* Counteract the specificity of the gross *:not() chain. */ 191 | 192 | h1 { 193 | padding: 4rem 0 !important; 194 | } 195 | 196 | /* === End gross hack */ 197 | 198 | p { 199 | color: #555; 200 | height: auto; 201 | line-height: 1.45; 202 | } 203 | 204 | pre, 205 | code { 206 | font-family: Menlo, Monaco, "Courier New", monospace; 207 | } 208 | 209 | pre { 210 | background-color: #fafafa; 211 | font-size: .8rem; 212 | overflow-x: scroll; 213 | padding: 1.125em; 214 | } 215 | 216 | a, 217 | a:visited { 218 | color: #3498db; 219 | } 220 | 221 | a:hover, 222 | a:focus, 223 | a:active { 224 | color: #2980b9; 225 | } -------------------------------------------------------------------------------- /src/mercury.css: -------------------------------------------------------------------------------- 1 | /*! mercury.css v1.0 | MIT License | https://github.com/wmeredith/MercuryCSS */ 2 | html { 3 | font-family: "Georgia", serif; 4 | font-size: 62.5%; } 5 | 6 | body { 7 | background-color: #FBFBFB; 8 | color: #222; 9 | font-size: 1.618rem; 10 | font-weight: 400; 11 | line-height: 1.325; 12 | margin: auto; 13 | max-width: 90%; 14 | padding: 1.325; 15 | width: 42em; } 16 | 17 | h1, h2, h3, h4, h5, th, h6 { 18 | hyphens: auto; 19 | overflow-wrap: break-word; 20 | word-wrap: break-word; 21 | -ms-word-break: break-all; 22 | word-break: break-word; 23 | -ms-hyphens: auto; 24 | -moz-hyphens: auto; 25 | -webkit-hyphens: auto; 26 | font-family: "Verdana", sans-serif; 27 | font-weight: 600; 28 | letter-spacing: .05em; 29 | line-height: 1.325; 30 | margin: .66em 0 0; } 31 | 32 | h1 { 33 | font-size: 4.98703rem; } 34 | 35 | h2 { 36 | font-size: 3.7638rem; } 37 | 38 | h3 { 39 | font-size: 2.8406rem; } 40 | 41 | h4 { 42 | font-size: 2.14385rem; } 43 | 44 | h5, th { 45 | font-size: 1.618rem; } 46 | 47 | h6 { 48 | font-size: 1.22113rem; } 49 | 50 | small, sub, sup, caption { 51 | font-size: 1.22113rem; 52 | font-weight: 400; 53 | letter-spacing: 0; } 54 | 55 | a { 56 | border-bottom: 1px dotted #1F5AFF; 57 | color: #1F5AFF; 58 | text-decoration: none; } 59 | a:hover { 60 | border-bottom: 1px solid #1F5AFF; } 61 | a:visited { 62 | border-bottom: 1px dotted #9D32FF; 63 | color: #9D32FF; } 64 | 65 | p, fieldset { 66 | margin-bottom: 1.325em; } 67 | 68 | b, strong { 69 | font-weight: 600; } 70 | 71 | i, em { 72 | font-style: italic; } 73 | 74 | ul, ol { 75 | padding-left: 2.65em; } 76 | ul ul, ul ol, ol ul, ol ol { 77 | padding-bottom: 0; 78 | padding-top: 0.6625em; } 79 | 80 | li { 81 | margin-bottom: 0.6625em; } 82 | 83 | blockquote { 84 | border-left: 1px solid #919191; 85 | margin-bottom: 1.325em; 86 | margin-left: 0.6625em; 87 | padding-left: 1.325em; } 88 | 89 | hr { 90 | border: 0; 91 | border-top: 1px solid #919191; } 92 | 93 | pre { 94 | background-color: #eaeaea; 95 | color: #000; 96 | display: block; 97 | overflow-x: auto; 98 | padding: 1.325em; } 99 | 100 | code { 101 | color: #000; 102 | white-space: pre-wrap; } 103 | 104 | pre > code { 105 | background-color: transparent; 106 | padding: 0; 107 | white-space: pre; } 108 | 109 | img { 110 | max-width: 100%; } 111 | 112 | table { 113 | border-collapse: collapse; 114 | text-align: justify; 115 | width: 100%; } 116 | 117 | th { 118 | border-bottom: 1px solid #919191; 119 | font-family: "Verdana", sans-serif; 120 | padding: 0.6625em 0.6625em; } 121 | 122 | td { 123 | padding: 0.44167em 0.6625em; } 124 | 125 | tbody tr { 126 | border-bottom: 1px solid #d5d5d5; } 127 | tbody tr:last-of-type { 128 | border: 0; } 129 | 130 | input, textarea { 131 | border: 1px solid #222; } 132 | input:focus, textarea:focus { 133 | border: 1px solid #1F5AFF; } 134 | 135 | textarea { 136 | width: 100%; } 137 | 138 | textarea, select, input[type] { 139 | color: #222; 140 | padding: 0.44167em; 141 | margin-bottom: 0.6625em; 142 | background-color: #FFF; 143 | border: 1px solid #eaeaea; 144 | border-radius: 2px; 145 | box-shadow: 0; 146 | box-sizing: border-box; } 147 | textarea:focus, select:focus, input[type]:focus { 148 | border: 1px solid #1F5AFF; 149 | outline: 0; } 150 | 151 | input:invalid { 152 | border: 1px solid #FC2B07; 153 | outline: 0; } 154 | 155 | label, legend, fieldset { 156 | display: block; } 157 | 158 | label { 159 | margin-bottom: 0.33125em; } 160 | 161 | fieldset { 162 | border-radius: 4px; 163 | box-shadow: 0 2px 3px -1px rgba(34, 34, 34, 0.1); } 164 | 165 | .button, button, input[type="submit"], input[type="reset"], input[type="button"] { 166 | background-color: #4878ff; 167 | border: 1px solid #0446ff; 168 | border-radius: 4px; 169 | box-shadow: 0 3px 4px -2px rgba(34, 34, 34, 0.5); 170 | box-sizing: border-box; 171 | color: #FFF; 172 | cursor: pointer; 173 | display: inline-block; 174 | padding: 0.44167em 0.6625em; 175 | text-align: center; 176 | text-decoration: none; 177 | text-transform: uppercase; 178 | white-space: nowrap; } 179 | .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { 180 | background-color: #2d64ff; 181 | border-color: #0032bf; 182 | outline: 0; } 183 | .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { 184 | box-shadow: none; 185 | cursor: default; 186 | opacity: .5; } 187 | .button[disabled]:hover, button[disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, input[type="button"][disabled]:hover { 188 | background-color: #4878ff; 189 | border-color: #1f5aff; 190 | cursor: default; } 191 | -------------------------------------------------------------------------------- /src/min.css: -------------------------------------------------------------------------------- 1 | /* Copyright 2014 Owen Versteeg; MIT licensed */body,textarea,input,select{background:0;border-radius:0;font:16px sans-serif;margin:0}.smooth{transition:all .2s}.btn,.nav a{text-decoration:none}.container{margin:0 20px;width:auto}label>*{display:inline}form>*{display:block;margin-bottom:10px}.btn{background:#999;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;margin:2px 0;padding:12px 30px 14px}.btn:hover{background:#888}.btn:active,.btn:focus{background:#777}.btn-a{background:#0ae}.btn-a:hover{background:#09d}.btn-a:active,.btn-a:focus{background:#08b}.btn-b{background:#3c5}.btn-b:hover{background:#2b4}.btn-b:active,.btn-b:focus{background:#2a4}.btn-c{background:#d33}.btn-c:hover{background:#c22}.btn-c:active,.btn-c:focus{background:#b22}.btn-sm{border-radius:4px;padding:10px 14px 11px}.row{margin:1% 0;overflow:auto}.col{float:left}.table,.c12{width:100%}.c11{width:91.66%}.c10{width:83.33%}.c9{width:75%}.c8{width:66.66%}.c7{width:58.33%}.c6{width:50%}.c5{width:41.66%}.c4{width:33.33%}.c3{width:25%}.c2{width:16.66%}.c1{width:8.33%}h1{font-size:3em}.btn,h2{font-size:2em}.ico{font:33px Arial Unicode MS,Lucida Sans Unicode}.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}textarea,input,select{padding:8px;border:1px solid #ccc}textarea:focus,input:focus,select:focus{border-color:#5ab}textarea,input[type=text]{-webkit-appearance:none;width:13em}.addon{padding:8px 12px;box-shadow:0 0 0 1px #ccc}.nav,.nav .current,.nav a:hover{background:#000;color:#fff}.nav{height:24px;padding:11px 0 15px}.nav a{color:#aaa;padding-right:1em;position:relative;top:-1px}.nav .pagename{font-size:22px;top:1px}.btn.btn-close{background:#000;float:right;font-size:25px;margin:-54px 7px;display:none}@media(min-width:1310px){.container{margin:auto;width:1270px}}@media(max-width:870px){.row .col{width:100%}}@media(max-width:500px){.btn.btn-close{display:block}.nav{overflow:hidden}.pagename{margin-top:-11px}.nav:active,.nav:focus{height:auto}.nav div:before{background:#000;border-bottom:10px double;border-top:3px solid;content:'';float:right;height:4px;position:relative;right:3px;top:14px;width:20px}.nav a{padding:.5em 0;display:block;width:50%}}.table th,.table td{padding:.5em;text-align:left}.table tbody>:nth-child(2n-1){background:#ddd}.msg{padding:1.5em;background:#def;border-left:5px solid #59d} -------------------------------------------------------------------------------- /src/minimal-stylesheet.css: -------------------------------------------------------------------------------- 1 | /* Hacked together based on: 2 | * https://jgthms.com/web-design-in-4-minutes/ 3 | */ 4 | 5 | :root { 6 | --color-hi: #f56a6a; 7 | } 8 | 9 | * { 10 | box-sizing: border-box; 11 | } 12 | 13 | body { 14 | color: #555; 15 | margin: 0 auto; 16 | max-width: 50em; 17 | font-family: "Helvetica", "Arial", sans-serif; 18 | line-height: 1.5; 19 | padding: 2em 1em; 20 | } 21 | 22 | h1 { 23 | font-size: 2.5em 24 | } 25 | 26 | h2 { 27 | font-size: 2em; 28 | } 29 | 30 | h3 { 31 | font-size: 1.5em 32 | } 33 | 34 | h2, h3 { 35 | margin-top: 1.5em; 36 | } 37 | 38 | h1, h2, strong { 39 | color: #333; 40 | } 41 | 42 | code, pre { 43 | background: #eee; 44 | } 45 | 46 | code { 47 | padding: 2px 4px; 48 | vertical-align: text-bottom; 49 | } 50 | 51 | pre { 52 | border-left: 2px solid #bbb; 53 | padding: 1em; 54 | } 55 | 56 | a { 57 | color: var(--color-hi); 58 | } 59 | 60 | blockquote, q { 61 | border-left: solid 4px #bbb; 62 | font-style: italic; 63 | margin: 0 0 2em 0; 64 | padding: 0.5em 0 0.5em 2em; 65 | } 66 | 67 | blockquote::before, blockquote::after, q::before, q::after { 68 | content: ''; 69 | content: none; 70 | } 71 | -------------------------------------------------------------------------------- /src/minimal.css: -------------------------------------------------------------------------------- 1 | /* 2 | Minimal CSS 3 | minimalcss.com 4 | */ 5 | 6 | /* Reset */ 7 | * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 8 | 9 | /* Layout */ 10 | body { background-color: #fff; color: #333; font: 14px/20px "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; } 11 | 12 | header { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; } 13 | .logo { font-size: 28px; color: #333; } 14 | 15 | nav ul { margin: 0; } 16 | nav ul li { display: inline; margin-right: 20px; font-size: 16px; line-height: 28px; color: #333; } 17 | nav ul li a { color: #333; } 18 | 19 | .container { position: relative; text-align: left; width: 960px; max-width: 90%; margin: 0 auto; } 20 | 21 | footer { border-top:1px solid #ccc; font-size:11px; line-height:26px; color:#999; } 22 | footer a { color:#999999; } 23 | footer a:hover { color:#105CB6; } 24 | footer ul li { display:inline; list-style:none; padding-left:20px; } 25 | 26 | /* Grid */ 27 | .row { width: 100%; margin:0 auto 20px auto; display:inline-block; position:relative; } 28 | .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin-right: 2%; } 29 | .row .col-1:last-child, .row .col-2:last-child, .row .col-3:last-child, .row .col-4:last-child, .row .col-5:last-child, .row .col-6:last-child, .row .col-7:last-child, .row .col-8:last-child, .row .col-9:last-child, .row .col-10:last-child, .row .col-11:last-child, .row .col-12:last-child { margin-right: 0; } 30 | .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 31 | 32 | .col-1 { width: 6%; } 33 | .col-2 { width: 15%; } 34 | .col-3 { width: 23.5%; } 35 | .col-4 { width: 32%; } 36 | .col-5 { width: 40%; } 37 | .col-6 { width: 49%; } 38 | .col-7 { width: 56.5%; } 39 | .col-8 { width: 66%; } 40 | .col-9 { width: 74%; } 41 | .col-10 { width: 82.5%; } 42 | .col-11 { width: 91%; } 43 | .col-12 { width: 100%; } 44 | 45 | /* Typography */ 46 | a { color: #105CB6; text-decoration: none; } 47 | a:hover, a:focus { color: #105CB6; text-decoration: underline; } 48 | a:active { color: #105CB6; } 49 | 50 | h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; } 51 | h2 { font-size: 24px; line-height: 20px; margin-bottom: 20px; } 52 | h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; } 53 | h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; } 54 | h5 { font-size: 14px; line-height: 20px; margin-bottom: 20px; } 55 | h6 { font-size: 12px; line-height: 20px; margin-bottom: 20px; } 56 | h1,h2,h3,h4,h5,h6 { color: #333; } 57 | 58 | p { margin-bottom: 20px; } 59 | 60 | .float-left { float: left; } 61 | .float-right { float: right; } 62 | img.float-left { float: left; margin: 0 20px 20px 0; } 63 | img.float-right { float: right; margin: 0 0 20px 20px; } 64 | img.center { margin: 0 auto; display: block; } 65 | 66 | .text-left { text-align: left; } 67 | .text-center { text-align: center; } 68 | .text-right { text-align: right; } 69 | .text-justify { text-align: justify; } 70 | 71 | /* Misc */ 72 | hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; margin-bottom: 20px; } 73 | 74 | pre, code { background-color: #eee; display:block; padding:10px; } 75 | 76 | pre { 77 | margin-bottom: 20px; 78 | white-space: pre-wrap; /* css-3 */ 79 | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 80 | white-space: -pre-wrap; /* Opera 4-6 */ 81 | white-space: -o-pre-wrap; /* Opera 7 */ 82 | word-wrap: break-word; /* Internet Explorer 5.5+ */ 83 | } 84 | 85 | blockquote { margin: 10px 10px 20px; padding: 9px; background-color: #f8f8f8; color: #666; border-left: 5px solid #ddd; font: 14px/20px Georgia, Times, serif; quotes: "\201C" "\201D"; } 86 | blockquote p { margin: 0; } 87 | blockquote:before { content: open-quote; font-weight: bold; } 88 | blockquote:after { content: close-quote; font-weight: bold; } 89 | 90 | /* List */ 91 | ul { margin-bottom: 20px; list-style-position:inside; } 92 | ol { margin-bottom: 20px; list-style-position:inside; } 93 | ul ul, ol ol { margin-bottom:0; } 94 | 95 | /* Form */ 96 | fieldset { position: relative; border-top:1px solid #ccc; padding: 10px; margin-bottom:20px; } 97 | fieldset legend { font-weight:bold; font-size:16px; padding: 0 5px; } 98 | 99 | /* Table */ 100 | table { margin-bottom: 20px; width:100%; } 101 | th { font-weight: bold; } 102 | td { text-align: left; } 103 | tfoot { font-style: italic; } 104 | 105 | /* Print */ 106 | @media print { 107 | * { 108 | text-shadow: none !important; 109 | background: transparent !important; 110 | box-shadow: none !important; 111 | color: #000 !important; 112 | } -------------------------------------------------------------------------------- /src/missing-style.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | missing.css 7 | 8 | 9 | 10 | 11 | 12 | 24 | 25 | 26 |
27 |

missing.css: The Missing CSS Stylesheet

28 | 36 |
37 |
38 |

missing.css is the CSS library we wished already existed. 39 | Add it to your website: <link rel="stylesheet" href="https://unpkg.com/missing.css@1.1.1">

40 |
    41 |
  • It starts with decent default styling for vanilla HTML, akin to classless 42 | CSS libraries, that can be customized with CSS variables.
    • 43 |
  • It offers a small set of components based on well-known, semantic markup 44 | patterns, with ARIA where appropriate.
    • 45 |
  • Finally, it offers a small & curated set of utility classes and custom 46 | elements for the things HTML hasn't caught up with yet.
    • 47 |
48 |

The goal of missing.css is to reduce needed intervention in HTML. It lets 49 | authors

50 |
    51 |
  • start with a good out-of-the-box experience,
    • 52 |
  • customize it easily, even create multiple themes,
    • 53 |
  • build common components using plain, semantic HTML,
    • 54 |
  • create unique sites by applying utility classes as needed.
    • 55 |
56 |

Though it's quite early, there are a few sites using missing.css:

57 | 63 |

Missing.css is a notch on the complexity slider 64 | that's just right for small projects and personal sites 65 | where classless CSS is not enough, Tailwind is too much 66 | and Bootstrap just doesn't have the right vibe.

67 |

We also have a JavaScript library and a Prism syntax theme.

68 |
69 | 70 | 71 | 72 | 87 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /src/mu.css: -------------------------------------------------------------------------------- 1 | /* 2 | | The mu framework v0.3.1 3 | | BafS 2016-2018 4 | */ 5 | *, *:after, *:before { 6 | box-sizing: border-box; 7 | } 8 | 9 | body { 10 | font: 18px/1.6 Georgia, "Times New Roman", Times, serif; 11 | margin: 40px auto; 12 | max-width: 760px; 13 | color: #444; 14 | padding: 0 20px; 15 | } 16 | 17 | h1, h2, h3, h4, h5 { 18 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 19 | line-height: 1.2; 20 | } 21 | 22 | a { 23 | color: #07c; 24 | text-decoration: none; 25 | } 26 | 27 | a:hover { 28 | color: #059; 29 | text-decoration: underline; 30 | } 31 | 32 | hr { 33 | border: 0; 34 | margin: 25px 0; 35 | } 36 | 37 | table { 38 | border-spacing: 0; 39 | border-collapse: collapse; 40 | text-align: left; 41 | padding-bottom: 25px; 42 | } 43 | 44 | td, th, hr { 45 | border-bottom: 1px solid #ddd; 46 | } 47 | 48 | button, select { 49 | background: #ddd; 50 | border: 0; 51 | padding: 9px 20px; 52 | font-size: 14px; 53 | } 54 | 55 | input, table { 56 | font-size: 16px; 57 | } 58 | 59 | input, td, th { 60 | padding: 5px; 61 | vertical-align: bottom; 62 | } 63 | 64 | code, pre, button:hover { 65 | background: #eee; 66 | } 67 | 68 | pre { 69 | padding: 8px; 70 | white-space: pre-wrap; 71 | } 72 | 73 | textarea { 74 | border-color: #ccc; 75 | } 76 | 77 | /* 78 | | GRID 79 | */ 80 | .row { 81 | display: block; 82 | width: auto; 83 | min-height: 1px; 84 | } 85 | 86 | .row:after { 87 | content: ""; 88 | display: table; 89 | clear: both; 90 | } 91 | 92 | .row .c { 93 | float: left; 94 | } 95 | 96 | table, .g2, .g3, .g3-2, .m2, .m3, .m3-2 { 97 | width: 100%; 98 | } 99 | 100 | /* 101 | | Media queries 102 | | Responsive grid, mobile first 103 | */ 104 | @media (min-width: 768px) { 105 | .g2 { 106 | width: 50%; 107 | } 108 | 109 | .m2 { 110 | margin-left: 50%; 111 | } 112 | 113 | .g3 { 114 | width: 33.33%; 115 | } 116 | 117 | .g3-2 { 118 | width: 66.66%; 119 | } 120 | 121 | .m3 { 122 | margin-left: 33.33%; 123 | } 124 | 125 | .m3-2 { 126 | margin-left: 66.66%; 127 | } 128 | } 129 | -------------------------------------------------------------------------------- /src/neat.css: -------------------------------------------------------------------------------- 1 | :root { 2 | color-scheme: light dark; 3 | --light: #fff; 4 | --lesslight: #efefef; 5 | --dark: #404040; 6 | --moredark: #000; 7 | border-top: 5px solid var(--dark); 8 | line-height: 1.5em; 9 | font-family: system-ui, sans-serif; 10 | font-size: 16px; 11 | } 12 | 13 | * { 14 | box-sizing: border-box; 15 | color: var(--dark); 16 | } 17 | 18 | h1 { 19 | line-height: 1em; 20 | } 21 | 22 | button, input { 23 | font-size: 1em; /* Override browser default font shrinking*/ 24 | } 25 | 26 | input { 27 | border: 1px solid var(--dark); 28 | background-color: var(--lesslight); 29 | border-radius: .25em; 30 | padding: .5em; 31 | } 32 | 33 | pre { 34 | background-color: var(--lesslight); 35 | margin: 0.5em 0 0.5em 0; 36 | padding: 0.5em; 37 | overflow: auto; 38 | } 39 | 40 | code { 41 | background-color: var(--lesslight); 42 | } 43 | 44 | body { 45 | background-color: var(--light); 46 | margin: 0; 47 | max-width: 800px; 48 | padding: 0 20px 20px 20px; 49 | margin-left: auto; 50 | margin-right: auto; 51 | } 52 | 53 | img { 54 | max-width: 100%; 55 | height: auto; 56 | } 57 | 58 | button, .button, input[type=submit] { 59 | display: inline-block; 60 | background-color: var(--dark); 61 | color: var(--light); 62 | text-align: center; 63 | padding: .5em; 64 | border-radius: .25em; 65 | text-decoration: none; 66 | border: none; 67 | cursor: pointer; 68 | } 69 | 70 | button:hover, .button:hover, input[type=submit]:hover { 71 | color: var(--lesslight); 72 | background-color: var(--moredark); 73 | } 74 | 75 | /* Add a margin between side-by-side buttons */ 76 | button + button, .button + .button, input[type=submit] + input[type=submit] { 77 | margin-left: 1em; 78 | } 79 | 80 | .center { 81 | display: block; 82 | margin-left: auto; 83 | margin-right: auto; 84 | text-align: center; 85 | } 86 | 87 | .bordered { 88 | border: 3px solid; 89 | } 90 | 91 | .home { 92 | display: inline-block; 93 | background-color: var(--dark); 94 | color: var(--light); 95 | margin-top: 20px; 96 | padding: 5px 10px 5px 10px; 97 | text-decoration: none; 98 | font-weight: bold; 99 | } 100 | 101 | 102 | /* Desktop sizes */ 103 | @media only screen and (min-width: 600px) { 104 | ol.twocol { 105 | column-count: 2; 106 | } 107 | 108 | .row { 109 | display: flex; 110 | flex-direction: row; 111 | padding: 0; 112 | width: 100%; 113 | } 114 | 115 | /* Make everything in a row a column */ 116 | .row > * { 117 | display: block; 118 | flex: 1 1 auto; 119 | max-width: 100%; 120 | width: 100%; 121 | } 122 | 123 | .row > *:not(:last-child) { 124 | margin-right: 10px; 125 | } 126 | } 127 | 128 | /* Dark mode overrides (confusingly inverse) */ 129 | @media (prefers-color-scheme: dark) { 130 | :root { 131 | --light: #222; 132 | --lesslight: #333; 133 | --dark: #eee; 134 | --moredark: #fefefe; 135 | } 136 | /* This fixes an odd blue then white shadow on FF in dark mode */ 137 | *:focus { 138 | outline: var(--light); 139 | box-shadow: 0 0 0 .25em royalblue; 140 | } 141 | } 142 | 143 | /* Printing */ 144 | @media print { 145 | .home { 146 | display: none; 147 | } 148 | } 149 | -------------------------------------------------------------------------------- /src/roble.css: -------------------------------------------------------------------------------- 1 | body{margin:0;font-family:sans-serif;height:100%;background:#f5f5fb}a:link,a:visited{color:#f44337}::selection{background:#f44337;color:#fff}code,pre{background:#fcfcff;color:#666;font-weight:bold;padding:3px 5px;border-radius:4px}pre{padding:12px;overflow-x:auto}.rbl-layout{display:flex;flex-direction:column;min-height:100vh}.rbl-layout__header{padding:20px}.rbl-layout__content{flex:1;margin:0 auto}.rbl-layout__footer{color:#888;font-size:12px;text-align:center;padding:20px}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{color:#333;font-family:BlinkMacSystemFont,sans-serif;font-weight:normal}html{font-size:1em}body{font-family:BlinkMacSystemFont, sans-serif;font-weight:400;line-height:1.45;color:#666}.rbl-paragraph{margin-bottom:1.3em}.rbl-header-1,.rbl-header-2,.rbl-header-3,.rbl-header-4{margin:1.414em 0 0.5em;font-weight:inherit;line-height:1.2}.rbl-header-1{margin-top:0;font-size:2.074em}.rbl-header-2{font-size:1.728em}.rbl-header-3{font-size:1.44em}.rbl-header-4{font-size:1.2em}.rbl-small{font-size:0.833em}.rbl-panel{border-radius:6px;box-shadow:0 2px 14px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.01);background:#fff}.rbl-panel__title{box-sizing:border-box;margin:0;padding:20px 20px 0}.rbl-panel__inner{box-sizing:border-box;padding:20px}.rbl-button,.rbl-button--secondary{border:none;border-radius:2px;min-width:64px;padding:0 16px;display:inline-block;font-family:BlinkMacSystemFont,sans-serif;height:36px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow;transition:box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;user-select:none;vertical-align:middle}.rbl-button{background:rgba(244,67,55,0.1);color:#f44337}.rbl-button:hover{background:rgba(244,67,55,0.2)}.rbl-button:active{background:rgba(244,67,55,0.4)}.rbl-button:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-button--secondary{background:transparent;color:#666}.rbl-button--secondary:hover{background:rgba(0,0,0,0.06)}.rbl-button--secondary:active{background:rgba(0,0,0,0.12)}.rbl-button--secondary:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.2)}.rbl-checkbox{position:fixed;top:-30px;left:-30px;opacity:0}.rbl-checkbox+label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none}.rbl-checkbox+label::before{content:'';width:16px;height:16px;border-radius:2px;background:#fff center center;background-size:90%;margin:0 10px 0 0;border:2px solid #aaa;transition:background .1s ease, background-size .1s ease, border .1s ease}.rbl-checkbox+label::after{content:'';width:40px;height:40px;background:rgba(0,0,0,0.1);position:absolute;left:-10px;top:-10px;border-radius:100%;transform:scale(0);transition:transform .5s ease}.rbl-checkbox:checked+label::before{border-color:#ff8981;background:#ff8981 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy44LDE1LjYgMi4yLDEwIDMuOCw4LjQgNy44LDEyLjQgMTYuMiw0IDE3LjgsNS42ICIvPjwvc3ZnPg==);background-size:100%;color:#fff}.rbl-checkbox:active+label::after{transform:scale(1);transition:transform .1s ease}@keyframes checkboxFocus{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}.rbl-checkbox:focus+label::after{background:rgba(244,67,55,0.2);animation:checkboxFocus .7s infinite alternate;transition:transform .1s ease, color .1s ease}.rbl-select{border:0;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNyAxMGw1IDUgNS01eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) no-repeat right center;font-family:sans-serif;padding:0 32px 0 16px;font-size:16px;border-radius:2px;-webkit-appearance:none;color:#555;height:36px;transition:box-shadow .1s ease}.rbl-select:focus{outline:0;box-shadow:0 0 0 2px rgba(244,67,55,0.3)}.rbl-field-label{color:#505052;cursor:pointer;align-items:center;font-size:14px;display:flex;position:relative;user-select:none;margin:0 0 4px}.rbl-textfield{box-shadow:0 0 0 2px rgba(0,0,0,0.1);border:0;background:#fff;border-radius:2px;color:#555;padding:8px;display:block;font-family:BlinkMacSystemFont,sans-serif;font-size:16px;outline:0;width:100%;box-sizing:border-box}.rbl-textfield::placeholder{color:rgba(102,102,102,0.2)}.rbl-textfield:focus{box-shadow:0 0 0 2px rgba(244,67,55,0.3)} 2 | -------------------------------------------------------------------------------- /src/siimple.css: -------------------------------------------------------------------------------- 1 | // Export the same API from @siimple/core 2 | export {css, mergeConfig, mergeStyles} from "@siimple/core"; 3 | export {injectModules} from "@siimple/modules"; 4 | 5 | // Export base theme 6 | export {default as base} from "@siimple/preset-base"; 7 | -------------------------------------------------------------------------------- /src/spcss.css: -------------------------------------------------------------------------------- 1 | body { 2 | color: #333; 3 | font-family: helvetica, arial, sans-serif; 4 | line-height: 1.5; 5 | margin: 0 auto; 6 | max-width: 40em; 7 | padding: 0 1em; 8 | } 9 | h1, h2, h3, h4, h5, h6 { 10 | margin: 1.25em 0 0.5em 0; 11 | line-height: 1.2; 12 | } 13 | a:link { 14 | color: #00e; 15 | } 16 | a:visited { 17 | color: #518; 18 | } 19 | a:focus, a:hover { 20 | color: #03f; 21 | } 22 | a:active { 23 | color: #e00; 24 | } 25 | h1 a:empty:before, h2 a:empty:before, h3 a:empty:before, 26 | h4 a:empty:before, h5 a:empty:before, h6 a:empty:before { 27 | content: "#"; 28 | } 29 | h1 a:empty, h2 a:empty, h3 a:empty, h4 a:empty, h5 a:empty, h6 a:empty { 30 | visibility: hidden; 31 | padding-left: 0.25em; 32 | } 33 | h1:hover a:empty, h2:hover a:empty, h3:hover a:empty, 34 | h4:hover a:empty, h5:hover a:empty, h6:hover a:empty { 35 | visibility: visible; 36 | } 37 | img { 38 | max-width: 100%; 39 | } 40 | figure { 41 | margin: 1em 0; 42 | text-align: center; 43 | } 44 | figcaption { 45 | font-size: small; 46 | } 47 | pre, code, samp, kbd { 48 | font-family: monospace, monospace; 49 | } 50 | pre, code, kbd { 51 | color: #050; 52 | } 53 | samp { 54 | color: #730; 55 | } 56 | pre, blockquote { 57 | background: #eee; 58 | padding: 0.5em; 59 | } 60 | pre { 61 | overflow: auto; 62 | } 63 | blockquote { 64 | border-left: medium solid #ccc; 65 | margin: 1em 0; 66 | } 67 | blockquote :first-child { 68 | margin-top: 0; 69 | } 70 | blockquote :last-child { 71 | margin-bottom: 0; 72 | } 73 | table { 74 | border-collapse: collapse; 75 | } 76 | th, td { 77 | border: thin solid #999; 78 | padding: 0.3em 0.4em; 79 | text-align: left; 80 | } 81 | @media (prefers-color-scheme: dark) { 82 | body { 83 | background: #111; 84 | color: #bbb; 85 | } 86 | a:link { 87 | color: #9bf; 88 | } 89 | a:visited { 90 | color: #caf; 91 | } 92 | a:focus, a:hover { 93 | color: #9cf; 94 | } 95 | a:active { 96 | color: #f99; 97 | } 98 | pre, code, kbd { 99 | color: #9c6; 100 | font-family: monospace, monospace; 101 | } 102 | samp { 103 | color: #db0; 104 | } 105 | pre, blockquote { 106 | background: #000; 107 | } 108 | blockquote { 109 | border-color: #333; 110 | } 111 | th, td { 112 | border-color: #666; 113 | } 114 | } 115 | -------------------------------------------------------------------------------- /src/water.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | body { 3 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; 4 | line-height: 1.4; 5 | max-width: 800px; 6 | margin: 20px auto; 7 | padding: 0 10px; 8 | color: #363636; 9 | background: #ffffff; 10 | text-rendering: optimizeLegibility; 11 | } 12 | 13 | button, input, textarea { 14 | transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease; 15 | } 16 | 17 | h1 { 18 | font-size: 2.2em; 19 | margin-top: 0; 20 | } 21 | 22 | h1, 23 | h2, 24 | h3, 25 | h4, 26 | h5, 27 | h6 { 28 | margin-bottom: 12px; 29 | } 30 | 31 | h1, 32 | h2, 33 | h3, 34 | h4, 35 | h5, 36 | h6, 37 | strong { 38 | color: #000000; 39 | } 40 | 41 | h1, 42 | h2, 43 | h3, 44 | h4, 45 | h5, 46 | h6, 47 | b, 48 | strong, 49 | th { 50 | font-weight: 600; 51 | } 52 | 53 | blockquote { 54 | border-left: 4px solid #0096bfab; 55 | margin: 1.5em 0em; 56 | padding: 0.5em 1em; 57 | font-style: italic; 58 | } 59 | 60 | blockquote > footer { 61 | margin-top: 10px; 62 | font-style: normal; 63 | } 64 | 65 | blockquote cite { 66 | font-style: normal; 67 | } 68 | 69 | address { 70 | font-style: normal; 71 | } 72 | 73 | a[href^='mailto']::before { 74 | content: '📧 '; 75 | } 76 | 77 | a[href^='tel']::before { 78 | content: '📞 '; 79 | } 80 | 81 | a[href^='sms']::before { 82 | content: '💬 '; 83 | } 84 | 85 | button, 86 | input[type='submit'], 87 | input[type='button'], 88 | input[type='checkbox'] { 89 | cursor: pointer; 90 | } 91 | 92 | input:not([type='checkbox']):not([type='radio']), 93 | select { 94 | display: block; 95 | } 96 | 97 | input, select, button, textarea { 98 | color: #000000; 99 | background-color: #efefef; 100 | font-family: inherit; 101 | font-size: inherit; 102 | margin-right: 6px; 103 | margin-bottom: 6px; 104 | padding: 10px; 105 | border: none; 106 | border-radius: 6px; 107 | outline: none; 108 | } 109 | 110 | input:not([type='checkbox']):not([type='radio']), 111 | select, button, textarea { 112 | -webkit-appearance: none; 113 | } 114 | 115 | textarea { 116 | margin-right: 0; 117 | width: 100%; 118 | box-sizing: border-box; 119 | resize: vertical; 120 | } 121 | 122 | button, input[type='submit'], input[type='button'] { 123 | padding-right: 30px; 124 | padding-left: 30px; 125 | } 126 | 127 | button:hover, 128 | input[type='submit']:hover, 129 | input[type='button']:hover { 130 | background: #dddddd; 131 | } 132 | 133 | input:focus, 134 | select:focus, 135 | button:focus, 136 | textarea:focus { 137 | box-shadow: 0 0 0 2px #0096bfab; 138 | } 139 | 140 | input[type='checkbox']:active, 141 | input[type='radio']:active, 142 | input[type='submit']:active, 143 | input[type='button']:active, 144 | button:active { 145 | transform: translateY(2px); 146 | } 147 | 148 | input:disabled, 149 | select:disabled, 150 | button:disabled, 151 | textarea:disabled { 152 | cursor: not-allowed; 153 | opacity: .5; 154 | } 155 | 156 | ::-webkit-input-placeholder { 157 | color: #949494; 158 | } 159 | 160 | :-ms-input-placeholder { 161 | color: #949494; 162 | } 163 | 164 | ::-ms-input-placeholder { 165 | color: #949494; 166 | } 167 | 168 | ::placeholder { 169 | color: #949494; 170 | } 171 | 172 | a { 173 | text-decoration: none; 174 | color: #0076d1; 175 | } 176 | 177 | a:hover { 178 | text-decoration: underline; 179 | } 180 | 181 | code, kbd { 182 | background: #efefef; 183 | color: #000000; 184 | padding: 5px; 185 | border-radius: 6px; 186 | } 187 | 188 | pre > code { 189 | padding: 10px; 190 | display: block; 191 | overflow-x: auto; 192 | } 193 | 194 | img { 195 | max-width: 100%; 196 | } 197 | 198 | hr { 199 | border: none; 200 | border-top: 1px solid #dbdbdb; 201 | } 202 | 203 | table { 204 | border-collapse: collapse; 205 | margin-bottom: 10px; 206 | width: 100%; 207 | } 208 | 209 | td, th { 210 | padding: 6px; 211 | text-align: left; 212 | } 213 | 214 | th { 215 | border-bottom: 1px solid #dbdbdb; 216 | } 217 | 218 | tbody tr:nth-child(even) { 219 | background-color: #efefef; 220 | } 221 | 222 | ::-webkit-scrollbar { 223 | height: 10px; 224 | width: 10px; 225 | } 226 | 227 | ::-webkit-scrollbar-track { 228 | background: #efefef; 229 | border-radius: 6px; 230 | } 231 | 232 | ::-webkit-scrollbar-thumb { 233 | background: #d5d5d5; 234 | border-radius: 6px; 235 | } 236 | 237 | ::-webkit-scrollbar-thumb:hover { 238 | background: #c4c4c4; 239 | } -------------------------------------------------------------------------------- /src/writ.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Writ v1.0.4 3 | * 4 | * Copyright © 2015, Curtis McEnroe 5 | * 6 | * https://cmcenroe.me/writ/LICENSE (ISC) 7 | */ 8 | 9 | /* Fonts, sizes & vertical rhythm */ 10 | 11 | html { 12 | font-family: Palatino, Georgia, Lucida Bright, Book Antiqua, serif; 13 | font-size: 16px; 14 | line-height: 1.5rem; 15 | } 16 | 17 | code, pre, samp, kbd { 18 | font-family: Consolas, Liberation Mono, Menlo, Courier, monospace; 19 | font-size: 0.833rem; 20 | } 21 | 22 | kbd { font-weight: bold; } 23 | h1, h2, h3, h4, h5, h6, th { font-weight: normal; } 24 | 25 | /* Minor third */ 26 | h1 { font-size: 2.488em; } 27 | h2 { font-size: 2.074em; } 28 | h3 { font-size: 1.728em; } 29 | h4 { font-size: 1.44em; } 30 | h5 { font-size: 1.2em; } 31 | h6 { font-size: 1em; } 32 | small { font-size: 0.833em; } 33 | 34 | h1, h2, h3 { line-height: 3rem; } 35 | 36 | p, ul, ol, dl, table, blockquote, pre, h1, h2, h3, h4, h5, h6 { 37 | margin: 1.5rem 0 0; 38 | } 39 | ul ul, ol ol, ul ol, ol ul { margin: 0; } 40 | 41 | hr { 42 | margin: 0; 43 | border: none; 44 | padding: 1.5rem 0 0; 45 | } 46 | 47 | /* Accounting for borders */ 48 | table { 49 | line-height: calc(1.5rem - 1px); 50 | margin-bottom: -1px; 51 | } 52 | pre { 53 | margin-top: calc(1.5rem - 1px); 54 | margin-bottom: -1px; 55 | } 56 | 57 | /* Colors */ 58 | 59 | body { color: #222; } 60 | code, pre, samp, kbd { color: #111; } 61 | a, header nav a:visited, a code { color: #00e; } 62 | a:visited, a:visited code { color: #60b; } 63 | mark { color: inherit; } 64 | 65 | code, pre, samp, thead, tfoot { background-color: rgba(0, 0, 0, 0.05); } 66 | mark { background-color: #fe0; } 67 | 68 | main aside, blockquote, ins { border: solid rgba(0, 0, 0, 0.05); } 69 | pre, code, samp { border: solid rgba(0, 0, 0, 0.1); } 70 | th, td { border: solid #dbdbdb; } 71 | 72 | /* Layout */ 73 | 74 | body { margin: 1.5rem 1ch; } 75 | 76 | body > header { text-align: center; } 77 | 78 | main, body > footer { 79 | display: block; /* Just in case */ 80 | max-width: 78ch; 81 | margin: auto; 82 | } 83 | 84 | main figure, main aside { 85 | float: right; 86 | margin: 1.5rem 0 0 1ch; 87 | } 88 | 89 | main aside { 90 | max-width: 26ch; 91 | border-width: 0 0 0 0.5ch; 92 | padding: 0 0 0 0.5ch; 93 | } 94 | 95 | /* Copy blocks */ 96 | 97 | blockquote { 98 | margin-right: 3ch; 99 | margin-left: 1.5ch; 100 | border-width: 0 0 0 0.5ch; 101 | padding: 0 0 0 1ch; 102 | } 103 | 104 | pre { 105 | border-width: 1px; 106 | border-radius: 2px; 107 | padding: 0 0.5ch; 108 | overflow-x: auto; 109 | } 110 | pre code { 111 | border: none; 112 | padding: 0; 113 | background-color: transparent; 114 | white-space: inherit; 115 | } 116 | 117 | img { max-width: 100%; } 118 | 119 | /* Lists */ 120 | 121 | ul, ol, dd { padding: 0 0 0 3ch; } 122 | dd { margin: 0; } 123 | 124 | ul > li { list-style-type: disc; } 125 | li ul > li { list-style-type: circle; } 126 | li li ul > li { list-style-type: square; } 127 | 128 | ol > li { list-style-type: decimal; } 129 | li ol > li { list-style-type: lower-roman; } 130 | li li ol > li { list-style-type: lower-alpha; } 131 | 132 | nav ul { 133 | padding: 0; 134 | list-style-type: none; 135 | } 136 | nav ul li { 137 | display: inline; 138 | padding-left: 1ch; 139 | white-space: nowrap; 140 | } 141 | nav ul li:first-child { padding-left: 0; } 142 | 143 | /* Tables */ 144 | 145 | table { 146 | width: 100%; 147 | border-collapse: collapse; 148 | overflow-x: auto; 149 | } 150 | 151 | th, td { 152 | border-width: 1px; 153 | padding: 0 0.5ch; 154 | } 155 | 156 | /* Copy inline */ 157 | 158 | a { text-decoration: none; } 159 | 160 | sup, sub { 161 | font-size: 0.75em; 162 | line-height: 1em; 163 | } 164 | 165 | ins { 166 | border-width: 1px; 167 | padding: 1px; 168 | text-decoration: none; 169 | } 170 | 171 | mark { 172 | padding: 1px; 173 | } 174 | 175 | code, samp { 176 | border-width: 1px; 177 | border-radius: 2px; 178 | padding: 0.1em 0.2em; 179 | white-space: nowrap; 180 | } 181 | -------------------------------------------------------------------------------- /switcher.js: -------------------------------------------------------------------------------- 1 | var frameworks = "a11yana,almond,axist,bahunya,bamboo,bare,base,basic,bolt,bonsai,brutalist,bullframe,caiuss,caramel,cardinal,centigram,centurion,chota,cirrus,classless,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,gd,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lissom,lit,lotus,magick,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,minimal-stylesheet,missing-style,mobi,motherplate,mu,mui,mvp,neat,new,no-class,normalize,oh-my-css,ok,pandoc-scholar,paper,papier,pavilion,picnic,pico,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spcss,spectre,style,stylize,superstylin,tacit,tent,terminal,thao,tui,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,attri-bright-light-green,attri-midnight-green,attri-dark-forest-green,attri-dark-fairy-pink,attri-light-fairy-pink,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"; 2 | 3 | add_switcher(); 4 | 5 | function switch_css(css) { 6 | css_link.href = "https://dohliam.github.io/dropin-minimal-css/min/" + css + ".min.css"; 7 | } 8 | 9 | function capitalize(s) { 10 | u = s.replace(/^(.)/, function(_, l){ 11 | return l.toUpperCase(); 12 | }); 13 | return u; 14 | } 15 | 16 | function on_css_load() { 17 | var bgColor = getComputedStyle(document.body).backgroundColor; 18 | if (bgColor.match(/^rgba\(.*\)/) ) bgColor = 'white'; 19 | switcher.style.backgroundColor = bgColor; 20 | } 21 | 22 | function inline_switcher() { 23 | switcher = document.getElementById("switcher"); 24 | frameworks_array = frameworks.split(","); 25 | select_open = '\n \n ' 34 | dropdown = dropdown + select_close; 35 | switcher.innerHTML = dropdown; 36 | } 37 | 38 | function add_switcher() { 39 | css_link = document.getElementsByTagName("link")[0]; 40 | if (css_link == undefined) { 41 | head = document.getElementsByTagName('head')[0]; 42 | css_link = document.createElement('link'); 43 | css_link.rel="stylesheet"; 44 | css_link.type="text/css"; 45 | css_link.href="https://dohliam.github.io/dropin-minimal-css/min/" + frameworks.split(",")[0] + ".min.css"; 46 | head.appendChild(css_link); 47 | } 48 | 49 | var new_div = document.createElement('div'); 50 | new_div.id = 'switcher'; 51 | new_div.innerHTML = '
 
\n '; 52 | document.body.prepend(new_div); 53 | document.body.style.paddingLeft = "24px"; 54 | 55 | inline_switcher(); 56 | 57 | css_link.onload = on_css_load; 58 | } 59 | --------------------------------------------------------------------------------