Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
11 KiB
1 lines
11 KiB
html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1em}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1em}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.72rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.88rem!important}}.text-size-medium{font-size:.99rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.1rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.21rem!important}}.text-size-large{font-size:1.17rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.3rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.43rem!important}}.text-size-big{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.65rem!important}}.text-size-mega{font-size:1.62rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:1.8rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:1.98rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.75em!important}.margin-left-1{margin-left:.75em!important}.margin-bottom-1{margin-bottom:.75em!important}.margin-right-1{margin-right:.75em!important}.padding-top-1{padding-top:.75em!important}.padding-left-1{padding-left:.75em!important}.padding-bottom-1{padding-bottom:.75em!important}.padding-right-1{padding-right:.75em!important}.margin-top-2{margin-top:1.5em!important}.margin-left-2{margin-left:1.5em!important}.margin-bottom-2{margin-bottom:1.5em!important}.margin-right-2{margin-right:1.5em!important}.padding-top-2{padding-top:1.5em!important}.padding-left-2{padding-left:1.5em!important}.padding-bottom-2{padding-bottom:1.5em!important}.padding-right-2{padding-right:1.5em!important}.margin-top-3{margin-top:2.25em!important}.margin-left-3{margin-left:2.25em!important}.margin-bottom-3{margin-bottom:2.25em!important}.margin-right-3{margin-right:2.25em!important}.padding-top-3{padding-top:2.25em!important}.padding-left-3{padding-left:2.25em!important}.padding-bottom-3{padding-bottom:2.25em!important}.padding-right-3{padding-right:2.25em!important}.margin-top-4{margin-top:3em!important}.margin-left-4{margin-left:3em!important}.margin-bottom-4{margin-bottom:3em!important}.margin-right-4{margin-right:3em!important}.padding-top-4{padding-top:3em!important}.padding-left-4{padding-left:3em!important}.padding-bottom-4{padding-bottom:3em!important}.padding-right-4{padding-right:3em!important}.margin-top-5{margin-top:3.75em!important}.margin-left-5{margin-left:3.75em!important}.margin-bottom-5{margin-bottom:3.75em!important}.margin-right-5{margin-right:3.75em!important}.padding-top-5{padding-top:3.75em!important}.padding-left-5{padding-left:3.75em!important}.padding-bottom-5{padding-bottom:3.75em!important}.padding-right-5{padding-right:3.75em!important}.margin-top-6{margin-top:4.5em!important}.margin-left-6{margin-left:4.5em!important}.margin-bottom-6{margin-bottom:4.5em!important}.margin-right-6{margin-right:4.5em!important}.padding-top-6{padding-top:4.5em!important}.padding-left-6{padding-left:4.5em!important}.padding-bottom-6{padding-bottom:4.5em!important}.padding-right-6{padding-right:4.5em!important}
|