filesafe/src/css/style.css
Bobby Wibowo 1c260c87b0
Added feature to create new user from Manage Users
New admins-only API route: /api/users/create

Restored checkboxes and bulk buttons in Manage Users
Currently useless, as bulk operators are still WIP

Added filter input in Manage Users, currently WIP

Rebuilt client-side assets and bumped v1 version string
2020-04-17 14:25:18 +07:00

210 lines
3.3 KiB
CSS

html {
background-color: #000;
overflow-y: auto
}
body {
color: #eff0f1;
animation: fadeInOpacity 0.5s
}
@-webkit-keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
a {
color: #209cee
}
a:hover {
color: #67c3ff
}
hr {
background-color: #585858
}
code,
.message-body code {
background-color: #000;
border-radius: 5px;
font-size: 1em
}
.subtitle {
color: #bdc3c7
}
.subtitle strong {
color: #bdc3c7
}
.title,
.subtitle.is-brighter,
.subtitle.is-brighter strong {
color: #eff0f1
}
.input,
.select select,
.textarea {
color: #eff0f1;
border-color: #585858;
background-color: #000
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
color: #bdc3c7
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: #bdc3c7
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: #bdc3c7
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: #bdc3c7
}
.input:not([disabled]):hover,
.select fieldset:not([disabled]) select:hover,
.select select:not([disabled]):hover,
.textarea:not([disabled]):hover,
fieldset:not([disabled]) .input:hover,
fieldset:not([disabled]) .select select:hover,
fieldset:not([disabled]) .textarea:hover {
border-color: #209cee
}
.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
border-color: #209cee
}
.input[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
border-color: #585858;
background-color: #2f2f2f
}
.label {
color: #eff0f1;
font-weight: normal
}
.help {
color: #bdc3c7
}
.progress {
background-color: #585858
}
.button.is-info.is-hovered [class^="icon-"]::before,
.button.is-info.is-hovered [class*=" icon-"]::before,
.button.is-info:hover [class^="icon-"]::before,
.button.is-info:hover [class*=" icon-"]::before {
fill: #fff
}
.checkbox:hover,
.radio:hover {
color: #7f8c8d
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: #eff0f1
}
.select:not(.is-multiple):not(.is-loading):hover::after {
border-color: #eff0f1
}
.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: #585858
}
.message {
background-color: #2f2f2f
}
.message-body {
color: #eff0f1;
border: 0
}
/* floating button's bottom offset + height + bottom offset */
.section.has-extra-bottom-padding {
padding-bottom: 6.5rem
}
a.floating-home-button {
display: flex;
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
border-radius: 100%;
background-color: #209cee;
color: white;
width: 3.5rem;
height: 3.5rem;
justify-content: center;
align-items: center;
transition: background-color 0.25s
}
a.floating-home-button:hover {
background-color: #67c3ff;
color: white
}
a.floating-home-button > .icon {
margin-top: -2px
}
/* https://github.com/philipwalton/flexbugs#flexbug-3 */
.hero.is-fullheight > .hero-body {
min-height: 100vh;
height: 100%
}
/* https://github.com/philipwalton/flexbugs#flexbug-2 */
.hero.is-fullheight > .hero-body > .container {
width: 100%
}