-
Notifications
You must be signed in to change notification settings - Fork 0
/
stil.css
7 lines (5 loc) · 9.21 KB
/
stil.css
1
2
3
4
5
6
7
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#fff;font-size:16px;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility}article,aside,figure,footer,header,hgroup,section{display:block}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}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}span{font-style:inherit;font-weight:inherit}button,input,select,textarea{font:inherit;margin:0}button,input{overflow:visible}::-webkit-input-placeholder{color:inherit;opacity:.54}.button,.input,.select select,.textarea{align-items:center;-moz-appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding:calc(.5em - 1px) calc(.75em - 1px);position:relative;vertical-align:top}
.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);color:#4a4a4a;max-width:100%;position:relative}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:.75rem 1rem}.card-content{padding:1.5rem}.card-content,.card-footer{background-color:transparent}.card-footer{align-items:stretch;border-top:1px solid #ededed;display:flex}.card-footer-item{align-items:center;display:flex;flex-basis:0;flex-grow:1;flex-shrink:0;justify-content:center;padding:.75rem}.message{align-items:center;background-color:#edf2fc;border:1px solid #e4e7ed;border-radius:.25rem;color:#909399;display:none;left:50%;min-width:380px;padding:.8rem 1.2rem;position:fixed;top:20px;transform:translateX(-50%);transition:opacity .3s,transform .4s,top .4s;z-index:555}.message.is-active{display:block}.message.is-success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.message.is-warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.message.is-danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:55}.modal.is-active{display:flex}.modal-background{background-color:hsla(0,0%,4%,.86)}.modal-content{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media screen and (min-width:769px){.modal-content{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}
.box{border-radius:6px;box-shadow:0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);color:#4a4a4a;display:flex;margin:0 1rem;padding:1.25rem}.box,.button{background-color:#fff}.button{border:1px solid #dbdbdb;border-radius:3px;color:#363636;cursor:pointer;display:inline-block;font-size:1em;font-weight:400;line-height:1.5;padding:calc(.5em - 1px) 1em;text-align:center;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.button:hover{border-color:#b5b5b5;color:#363636}.button.is-success{background-color:#48c78e;border-color:transparent;color:#fff}.button.is-success:hover{background-color:#3ec487;border-color:transparent;color:#fff}.button.is-info{background-color:#3e8ed0;border-color:transparent;color:#fff}.button.is-info:hover{background-color:#3488ce;border-color:transparent;color:#fff}.button.is-warning{background-color:#ffe08a}.button.is-warning,.button.is-warning:hover{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning:hover{background-color:#ffdc7d}.button.is-danger{background-color:#f14668;border-color:transparent;color:#fff}.button.is-danger:hover{background-color:#f03a5f;border-color:transparent;color:#fff}.delete{background-color:hsla(0,0%,4%,.2);border:none;border-radius:9999px;cursor:pointer;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;pointer-events:auto;position:relative;vertical-align:top;width:20px}.delete:after,.delete:before{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.delete:before{height:2px;width:50%}.delete:after{height:50%;width:2px}.delete:focus,.delete:hover{background-color:hsla(0,0%,4%,.3)}.delete:active{background-color:hsla(0,0%,4%,.4)}.notification{background-color:#f5f5f5;border-radius:4px;padding:1.25rem 2.5rem 1.25rem 1.25rem;position:relative}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f5f5f5;color:rgba(0,0,0,.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#00d1b2;color:#fff}
.select{display:inline-block;height:2.5em;max-width:100%;position:relative;vertical-align:middle}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:0;padding-right:2.5em}.select:after{border-bottom:3px solid #dbdbdb;border-left:3px solid #dbdbdb;border-radius:2px;border-right:0;border-right-color:#dbdbdb;border-top:0;border-top-color:#dbdbdb;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;right:1.125em;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;z-index:4}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical}.input,.select select,.textarea{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}.input,.textarea{-webkit-box-shadow:inset 0 .0625em .125em hsla(0,0%,4%,.05);box-shadow:inset 0 .0625em .125em hsla(0,0%,4%,.05);max-width:100%;width:100%}.input[readonly],.textarea[readonly]{-webkit-box-shadow:none;box-shadow:none}.input:active,.input:focus,.select select:active,.select select:focus,.textarea:active,.textarea:focus{border-color:#485fc7;-webkit-box-shadow:0 0 0 .125em rgba(72,95,199,.25);box-shadow:0 0 0 .125em rgba(72,95,199,.25);outline:0}.is-primary.input,.is-primary.textarea{border-color:#00d1b2}.is-danger.input,.is-danger.textarea{border-radius:#f14668}.checkbox,.radio{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.checkbox input,.radio input{cursor:pointer}.checkbox,.checkbox input[disabled],.checkbox[disabled],.radio,.radio input[disabled],.radio[disabled]{color:#7a7a7a;cursor:not-allowed}
.is-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.is-relative{position:relative}.is-absolute{position:absolute}.is-fixed{position:fixed}.is-clearfix:after{clear:both;content:"";display:table}.is-pulled-left{float:left}.is-pulled-right{float:right}.is-clipped{overflow:hidden}.is-clickable{cursor:pointer;pointer-events:all}.is-radiusless{border-radius:0}.has-text-centered{text-align:center}.is-marginless{margin:0}.is-paddingless{padding:0}.is-flex{display:flex}.is-flex-direction-column{flex-direction:column}.is-flex-wrap{flex-wrap:wrap}.is-justify-content-center{justify-content:center}.is-justify-content-space-between{justify-content:space-between}.is-justify-content-space-around{justify-content:space-around}.is-align-item-center{align-items:center}.is-flex-grow-1{flex-grow:1}.is-flex-grow-2{flex-grow:2}.is-flex-grow-3{flex-grow:3}.is-flex-shrink-0{flex-shrink:0}.is-flex-shrink-1{flex-shrink:1}.is-flex-shrink-2{flex-shrink:2}.is-size-1{font-size:1rem}.is-size-1-half{font-size:1.5rem}.is-size-2{font-size:2rem}.is-size-2-half{font-size:2.5rem}.is-size-3{font-size:3rem}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-3{margin:.75rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.m-4{margin:1rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}