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.

0 lines
8.3 KiB

6 years ago
  1. @charset "UTF-8";html{font-size:100%}body,html{height:100%}html,legend{box-sizing:border-box}*,::after,::before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 .625em 0}a,ins,u{text-decoration-skip:ink edges}a{color:#f0c209}a:hover{color:#363636}a:focus{outline:0}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.3125em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.625em 1.25em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 .625em .625em}ol ol,ul ul{margin-top:.3125em}ol{list-style:decimal inside}ul{list-style:disc inside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 .625em}figcaption{margin:.625em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:.625em 0}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;line-height:1.618;color:#363636;background-color:#fff;direction:ltr;font-size:16px;font-size:1rem}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;appearance:none;padding:.625em 1.5625em}.button--wide{width:100%}.button--down,.button--up{position:fixed;bottom:0;margin:1.25em;padding:.5em .8125em;z-index:100}.button--down{bottom:0}.button--up{bottom:0}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:0}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;border:1px solid #d0d0d0;background-color:#f9f9f9;margin:0 0 .625em;font-size:16px;font-size:1rem}.group--horizontal .group__item,.group--horizontal .group__section{display:inline-block}.group__section{list-style:none;margin:0;padding:0}.group__section li{margin:0;padding:0}.group__section--separate .group__item:after{margin:0 .625em 0;content:"/"}.group__section--separate .group__item:last-child:after{display:none}.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.618;margin:0 0 .3125em}.h1,h1{font-size:40px;font-size:2.5rem}.h2,h2{font-size:36px;font-size:2.25rem}.h3,h3{font-size:32px;font-size:2rem}.h4,h4{font-size:28px;font-size:1.75rem}.h5,h5{font-size:24px;font-size:1.5rem}.h6,h6{font-size:20px;font-size:1.25rem}.hero{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top center}.hero--bottom{background-position:bottom center}.hero--contain{background-size:contain}.icon{display:inline-block;position:relative;vertical-align:text-bottom;margin:0 2px;fill:#363636;width:16px}.icon--success{fill:#5cb85c}.icon--warning{fill:#f0ad4e}.icon--danger{fill:#d9534f}.icon--small{width:12px}.icon--large{width:28px}.modal{position:absolute;z-index:100}.modal--fixed{position:fixed}.modal--left{left:0}.modal--top-center{left:50%}.modal--top{top:0}.modal--right{right:0}.modal--bottom{bottom:0}.modal .panel{margin:1.25em}.panel__inner{padding:.625em}.table{width:100%}.table--striped tr:nth-child(even){background-color:#f5f5f5}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.625em .5em;text-align:left;border-bottom:1px solid #9c9c9c}.table th{border-bottom-width:2px}.field{margin:0 0 .625em 0}.field__input,.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.375em .5em;color:#363636;appearance:none;font-size:16px;font-size:1rem}.field__text{border:1px solid #b3b2af}.field__text:focus{border-color:#f0c209}.field--valid .field__text{border-color:#5cb85c}.field--error .field__text{border-color:#d9534f}.field__checkbox{position:relative;display:none}.field__checkbox+.field__label .field__checkbox__checked{display:none}.field__checkbox+.field__label:hover{cursor:pointer}.field__checkbox:checked+.field__label .field__checkbox__checked{display:inline-block}.field__checkbox:checked+.field__label .field__checkbox__unchecked{display:none}.field__checkbox__checked{fill:#5cb85c}.field__checkbox__unchecked{fill:#363636}.field--valid .field__checkbox__checked,.field--valid .field__checkbox__unchecked{fill:#5cb85c}.field--e