www/assets/css/app.css

28 lines
177 KiB
CSS
Raw Normal View History

2022-08-04 23:14:17 +02:00
html{box-sizing:border-box;background:#fff;color:#363f4f;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}.alert{align-items:center;background-color:#1c76fd;border-radius:.5rem;color:#fff;display:flex;font-weight:700;margin-bottom:1rem;margin-top:0;min-width:0;padding:1.25rem;position:relative}.alert.is-secondary{background-color:#3542d4;color:#fff}.badge{background-color:#1c76fd;border-radius:.25rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;line-height:1.25rem;padding:.25rem .5rem;text-decoration:none;vertical-align:text-top}.badge.is-secondary{background-color:#3542d4;color:#fff}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1c76fd;border:0;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;font-weight:700;line-height:inherit;min-width:0;padding:.75rem 1.5rem;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.button:hover{text-decoration:none;transition-duration:.3s;transition-property:background-color}.button.is-secondary{background-color:#3542d4;color:#fff}.button.is-full{display:block;width:100%}.button.is-disabled,.button:disabled{cursor:not-allowed!important;opacity:.6!important}.card{background-color:#fff;border-radius:.5rem;color:inherit;display:block;padding:2rem;text-decoration:none!important;width:100%}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ebedef;border-radius:.25rem;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;height:1.125rem;margin:.1875rem;position:relative;width:1.125rem;vertical-align:top}.checkbox:after{background-color:transparent;content:'';height:.375rem;position:absolute}.checkbox:checked,.checkbox:indeterminate{background-color:#1c76fd;transition-duration:.3s;transition-property:background-color}.checkbox:indeterminate:after{border-bottom:.125rem solid #fff;left:.3125rem;top:.25rem;width:.5rem}.checkbox:checked:after{border-bottom:.125rem solid #fff;border-left:.125rem solid #fff;left:.25rem;top:.3125rem;transform:rotate(-45deg);width:.625rem}.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:currentColor;cursor:pointer;display:inline-flex;height:1rem;opacity:.6;position:relative;transition:opacity .3s;width:1rem}.close:hover{opacity:1}.close:after,.close:before{background-color:currentColor;border-radius:1px;content:'';height:3px;left:0;position:absolute;top:6px;width:1rem}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.column{flex:1;min-height:0;padding:1rem;width:100%}.column.is-one-fifth{flex:none;width:20%}@media screen and (max-width:640px){.column.is-one-fifth-mobile{flex:none;width:20%}}@media screen and (min-width:640px){.column.is-one-fifth-tablet{flex:none;width:20%}}@media screen and (min-width:1264px){.column.is-one-fifth-desktop{flex:none;width:20%}}@media screen and (min-width:1504px){.column.is-one-fifth-widescreen{flex:none;width:20%}}.column.is-one-quarter{flex:none;width:25%}@media screen and (max-width:640px){.column.is-one-quarter-mobile{flex:none;width:25%}}@media screen and (min-width:640px){.column.is-one-quarter-tablet{flex:none;width:25%}}@media screen and (min-width:1264px){.column.is-one-quarter-desktop{flex:none;width:25%}}@media screen and (min-width:1504px){.column.is-one-quarter-widescreen{flex:none;width:25%}}.column.is-one-third{flex:none;width:33.33%}@media screen and (max-width:640px){.column.is-one-third-mobile{flex:none;width:33.33%}}@media screen and (min-width:640px){.column.is-one-third-tablet{flex:none;width:33.33%}}@media screen and (min-width:1264px){.column.is-one-third-desktop{flex:none;width:33.33%}}@media screen and (min-width:1504px){.column.is-one-third-widescreen{flex:none;width:33.33%}}.column.is-two-fifths{flex:none;width:40%}@media screen a
background: #2a2a2a;
color: #e6e6e6;
}
p > code {
padding: 3px;
border-radius: 3px;
}
pre {
padding: 5px 10px;
border-radius: 3px;
}
html {
background: #f6f7f9;
}
.header {
background: #212c41;
color: #f6f7f9;
}
.title:not(:first-child) {
margin-top: 0;
}