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
18 KiB
1 lines
18 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}figure{margin:0 0 15px}@media only screen and (min-width:992px){figure{margin:0 0 20px}}figcaption{margin:10px 0}button,input,optgroup,select,textarea{margin:0}fieldset{padding:5px 12px}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}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:1rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1.1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.2;margin:0 0 15px}@media only screen and (min-width:992px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 20px}}h5,h6{line-height:1.4}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.82rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2.28rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:2.01rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.74rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.47rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1.2rem}}p{margin:0 0 15px}@media only screen and (min-width:992px){p{margin:0 0 20px}}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:70%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:5px 12px}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 15px}@media only screen and (min-width:992px){dl,ol,ul{margin:0 0 20px}}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}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}body{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{line-height:1.618;font-size:1.1rem}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:3px!important}.round{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.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:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8525rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.3475rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.595rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.8425rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2.09rem!important}}.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}.border-color-primary{border-color:#f18f01!important}.border-color-secondary{border-color:#b3b2af!important}.border-color-success{border-color:#5cb85c!important}.border-color-warning{border-color:#f0ad4e!important}.border-color-danger{border-color:#d9534f!important}.border-color-info{border-color:#0090d4!important}.border-color-grey{border-color:#7a7a7a!important}.border-color-grey-light{border-color:#f7f7f7!important}.border-color-grey-dark{border-color:#4a4a4a!important}.border-color-white{border-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}.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}.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}}.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-bottom-0{margin-bottom:0!important}.padding-top-0{padding-top:0!important}.padding-bottom-0{padding-bottom:0!important}.margin-left-0{margin-left:0!important}.margin-right-0{margin-right:0!important}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:4px!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:6px!important}}.margin-bottom-1{margin-bottom:4px!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:6px!important}}.padding-top-1{padding-top:8px!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:6px!important}}.padding-bottom-1{padding-bottom:8px!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:6px!important}}.margin-left-1{margin-left:8px!important}@media only screen and (min-width:992px){.margin-left-1{margin-left:6px!important}}.margin-right-1{margin-right:8px!important}@media only screen and (min-width:992px){.margin-right-1{margin-right:6px!important}}.padding-left-1{padding-left:8px!important}@media only screen and (min-width:992px){.padding-left-1{padding-left:6px!important}}.padding-right-1{padding-right:8px!important}@media only screen and (min-width:992px){.padding-right-1{padding-right:6px!important}}.margin-top-2{margin-top:16px!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:24px!important}}.margin-bottom-2{margin-bottom:16px!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:24px!important}}.padding-top-2{padding-top:16px!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:24px!important}}.padding-bottom-2{padding-bottom:16px!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:24px!important}}.margin-left-2{margin-left:16px!important}@media only screen and (min-width:992px){.margin-left-2{margin-left:24px!important}}.margin-right-2{margin-right:16px!important}@media only screen and (min-width:992px){.margin-right-2{margin-right:24px!important}}.padding-left-2{padding-left:16px!important}@media only screen and (min-width:992px){.padding-left-2{padding-left:24px!important}}.padding-right-2{padding-right:16px!important}@media only screen and (min-width:992px){.padding-right-2{padding-right:24px!important}}.margin-top-3{margin-top:36px!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:54px!important}}.margin-bottom-3{margin-bottom:36px!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:54px!important}}.padding-top-3{padding-top:24px!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:54px!important}}.padding-bottom-3{padding-bottom:24px!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:54px!important}}.margin-top-4{margin-top:64px!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:96px!important}}.margin-bottom-4{margin-bottom:64px!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:96px!important}}.padding-top-4{padding-top:32px!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:96px!important}}.padding-bottom-4{padding-bottom:32px!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:96px!important}}.margin-top-5{margin-top:100px!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:150px!important}}.margin-bottom-5{margin-bottom:100px!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:150px!important}}.padding-top-5{padding-top:40px!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:150px!important}}.padding-bottom-5{padding-bottom:40px!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:150px!important}}.margin-top-6{margin-top:144px!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:216px!important}}.margin-bottom-6{margin-bottom:144px!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:216px!important}}.padding-top-6{padding-top:48px!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:216px!important}}.padding-bottom-6{padding-bottom:48px!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:216px!important}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem;margin:0 0 15px;padding:.4em .8em}@media only screen and (min-width:992px){.button{font-size:1.1rem;margin:0 0 20px;padding:.6em 1.2em}}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;border:1px solid #dfdfdf;background-color:#f7f7f7;margin:0 0 15px;padding:5px 12px}@media only screen and (min-width:992px){.code{margin:0 0 20px;padding:10px 17px}}.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 15px}@media only screen and (min-width:992px){.field{margin:0 0 20px}}.field__label,.field__select,.field__text{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem}@media only screen and (min-width:992px){.field__label,.field__select,.field__text{font-size:1.1rem}}.field__select,.field__text{display:block;width:100%;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5em .6em}@media only screen and (min-width:992px){.field__select,.field__text{padding:.7em .8em}}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #dfdfdf}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{border:1px solid #dfdfdf;background-color:#fff;padding:.5em .3em}@media only screen and (min-width:992px){.field__select{padding:.7em .6em}}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:.3em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.5em .6em}@media only screen and (min-width:992px){.field__panel{padding:.7em .8em}}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none;display:inline-block}.group,.group li{margin:0;padding:0}.group .group__item{display:inline-block;margin:0 .5em}.group .group__item:first-child{margin-left:0}.group .group__item:last-child{margin-right:0}.group--hr .group__item{margin:0}.group--hr .group__item:after{margin:0 .5em;content:"/"}.group--hr .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.15em;height:1.15em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}.icon-color-primary{fill:#f18f01!important}.icon-color-secondary{fill:#b3b2af!important}.icon-color-success{fill:#5cb85c!important}.icon-color-warning{fill:#f0ad4e!important}.icon-color-danger{fill:#d9534f!important}.icon-color-info{fill:#0090d4!important}.icon-color-grey{fill:#7a7a7a!important}.icon-color-grey-light{fill:#f7f7f7!important}.icon-color-grey-dark{fill:#4a4a4a!important}.icon-color-white{fill:#fff!important}.img-responsive{display:block;max-width:100%;height:auto}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.modal{position:absolute;z-index:100;width:100%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:992px){.modal{max-width:50%}}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{transform:translate(0)}@media only screen and (min-width:992px){.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:.75em}}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f7f7f7}.panel__inner{padding:5px 12px}@media only screen and (min-width:992px){.panel__inner{padding:10px 17px}}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f7f7f7}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{text-align:left;border-bottom:1px solid #dfdfdf;padding:5px 12px}@media only screen and (min-width:992px){.table td,.table th{padding:10px 17px}}.table th{border-bottom-width:2px}
|