You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dropin-minimal-css/min/preface.min.css

1 line
19 KiB
CSS

@import url("https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap");*{font-family:"Roboto Mono",monospace;font-weight:400;color:#212121;padding:0;margin:0;box-sizing:border-box;word-wrap:break-word}nav{margin:20px auto;max-width:960px;width:95%}nav label{font-weight:bold}nav ul{list-style:none;float:right}nav ul li{margin:0 15px}nav *{display:inline-block}@media screen and (max-width:640px){nav{text-align:center}nav>*{display:block}nav ul{float:none;margin-top:15px}}.container{max-width:960px;width:95%;margin:0 auto}.grid-flex{display:flex}.grid-flex-wrap{display:flex;flex-wrap:wrap}.row:after{content:'';display:table;clear:both}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.flex-9{flex:9}.flex-10{flex:10}.one.column,.one.columns{width:7.33333%;display:inline-block;margin:0 .5%;float:left}.two.columns{width:15.66667%;display:inline-block;margin:0 .5%;float:left}.three.columns{width:24%;display:inline-block;margin:0 .5%;float:left}.four.columns{width:32.33333%;display:inline-block;margin:0 .5%;float:left}.five.columns{width:40.66667%;display:inline-block;margin:0 .5%;float:left}.six.columns{width:49%;display:inline-block;margin:0 .5%;float:left}.seven.columns{width:57.33333%;display:inline-block;margin:0 .5%;float:left}.eight.columns{width:65.66667%;display:inline-block;margin:0 .5%;float:left}.nine.columns{width:74%;display:inline-block;margin:0 .5%;float:left}.ten.columns{width:82.33333%;display:inline-block;margin:0 .5%;float:left}.eleven.columns{width:90.66667%;display:inline-block;margin:0 .5%;float:left}.twelve.columns{width:99%;display:inline-block;margin:0 .5%;float:left}@media screen and (max-width:750px){.columns.desktop,.column.desktop{display:block !important;width:99% !important}}@media screen and (min-width:750px){.columns.mobile,.column.mobile{display:block !important;width:99% !important}}button{display:inline-block;padding:8px 30px;margin:5px 0;text-align:center;text-transform:uppercase;border:0;outline:0;border-radius:2px;color:#413a3a;cursor:pointer;background-color:#212121;transition:.2s ease-in-out}button:hover,button:disabled{background-color:#878787}button:active{background-color:black}button.success{background-color:#66cdaa;transition:.2s ease-in-out}button.success:hover,button.success:disabled{background-color:#a0e0ca}button.success:active{background-color:#39ae86}button.error{background-color:#f08080;transition:.2s ease-in-out}button.error:hover,button.error:disabled{background-color:#f8c4c4}button.error:active{background-color:#e83c3c}button.warning{background-color:#fef65b;transition:.2s ease-in-out}button.warning:hover,button.warning:disabled{background-color:#fefaa7}button.warning:active{background-color:#fef20f}button.btn-shadow{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}button.btn-shadow:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}button.btn-shadow:active{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}input,textarea,select{display:block;width:100%;padding:5px;margin:5px 0;border:1px solid silver;outline:0;border-radius:2px;background-color:#fff}input:hover,textarea:hover,select:hover{border-color:#6e6e6e}input:focus,textarea:focus,select:focus{border-color:#212121}textarea{resize:vertical;min-height:60px}b,strong{font-weight:700}a{text-decoration:underline;cursor:pointer}a:hover{color:#6e6e6e}a.none{text-decoration:none}h1{font-size:3rem}h2{font-size:2.6rem}h3{font-size:2.2rem}h4{font-size:1.8rem}h5{font-size:1.6rem}h6{font-size:1.4rem}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:bold}small{font-size:.8rem}p{margin:15px 0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted,.text-muted *{color:#616161}.text-success,.text-success *{color:#66cdaa}.text-error,.text-error *{color:#f08080}.text-warning,.text-warning *{color:#fef65b}.text-inverted,.text-inverted *{color:#413a3a}table{border-collapse:collapse;width:100%;margin-top:.5em}@media screen and (max-width:750px){table{overflow-x:auto;