Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>tags/v13.0.0beta1
background: $color-main-background; | background: $color-main-background; | ||||
color: $color-main-text; | color: $color-main-text; | ||||
border: 1px solid $color-border; | border: 1px solid $color-border; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
box-shadow: 0 0 5px $color-box-shadow; | box-shadow: 0 0 5px $color-box-shadow; | ||||
min-width: 120px; | min-width: 120px; | ||||
z-index: 11110 !important; | z-index: 11110 !important; |
.quota-container { | .quota-container { | ||||
height: 5px; | height: 5px; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
div { | div { | ||||
height: 100%; | height: 100%; |
padding: 4px 10px; | padding: 4px 10px; | ||||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||||
box-shadow: 0 1px 0 rgba(0, 0, 0, .2); | box-shadow: 0 1px 0 rgba(0, 0, 0, .2); | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
display: inline-block; | display: inline-block; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
} | } | ||||
position: absolute; | position: absolute; | ||||
background-color: $color-main-background; | background-color: $color-main-background; | ||||
color: $color-main-text; | color: $color-main-text; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
z-index: 110; | z-index: 110; | ||||
margin: 5px; | margin: 5px; | ||||
margin-top: -5px; | margin-top: -5px; |
background-color: rgba($color-main-background, .97); | background-color: rgba($color-main-background, .97); | ||||
white-space: nowrap; | white-space: nowrap; | ||||
border: none; | border: none; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
border-top-left-radius: 0; | border-top-left-radius: 0; | ||||
border-top-right-radius: 0; | border-top-right-radius: 0; | ||||
margin-top: 0; | margin-top: 0; |
color: nc-lighten($color-main-text, 33%); | color: nc-lighten($color-main-text, 33%); | ||||
border: 1px solid nc-darken($color-main-background, 14%); | border: 1px solid nc-darken($color-main-background, 14%); | ||||
outline: none; | outline: none; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
cursor: text; | cursor: text; | ||||
&:not(:disabled):not(.primary) { | &:not(:disabled):not(.primary) { | ||||
&:hover, | &:hover, | ||||
background: $color-main-background; | background: $color-main-background; | ||||
color: nc-lighten($color-main-text, 33%); | color: nc-lighten($color-main-text, 33%); | ||||
box-sizing: content-box; | box-sizing: content-box; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
border: 1px solid nc-darken($color-main-background, 14%); | border: 1px solid nc-darken($color-main-background, 14%); | ||||
margin: 0; | margin: 0; | ||||
padding: 2px 0; | padding: 2px 0; | ||||
background: $color-main-background; | background: $color-main-background; | ||||
color: nc-lighten($color-main-text, 33%); | color: nc-lighten($color-main-text, 33%); | ||||
box-sizing: content-box; | box-sizing: content-box; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
border: 1px solid nc-darken($color-main-background, 14%); | border: 1px solid nc-darken($color-main-background, 14%); | ||||
margin: 0; | margin: 0; | ||||
padding: 2px 0; | padding: 2px 0; | ||||
padding: 0; | padding: 0; | ||||
border: 0 none; | border: 0 none; | ||||
background-color: nc-darken($color-main-background, 10%); | background-color: nc-darken($color-main-background, 10%); | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
flex-basis: 100%; | flex-basis: 100%; | ||||
height: 5px; | height: 5px; | ||||
overflow: hidden; | overflow: hidden; | ||||
background: transparent; | background: transparent; | ||||
} | } | ||||
&::-moz-progress-bar { | &::-moz-progress-bar { | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
background: $color-primary; | background: $color-primary; | ||||
transition: 250ms all ease-in-out; | transition: 250ms all ease-in-out; | ||||
} | } | ||||
&::-webkit-progress-value { | &::-webkit-progress-value { | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
background: $color-primary; | background: $color-primary; | ||||
transition: 250ms all ease-in-out; | transition: 250ms all ease-in-out; | ||||
} | } |
.oc-dialog { | .oc-dialog { | ||||
background: $color-main-background; | background: $color-main-background; | ||||
color: nc-darken($color-main-text, 20%); | color: nc-darken($color-main-text, 20%); | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
box-shadow: 0 0 7px $color-box-shadow; | box-shadow: 0 0 7px $color-box-shadow; | ||||
padding: 15px; | padding: 15px; | ||||
z-index: 10000; | z-index: 10000; |
::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||||
background: nc-darken($color-main-background, 14%); | background: nc-darken($color-main-background, 14%); | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
} | } | ||||
/* Searchbox */ | /* Searchbox */ | ||||
background: transparent url('../img/actions/search-white.svg?v=1') no-repeat 6px center; | background: transparent url('../img/actions/search-white.svg?v=1') no-repeat 6px center; | ||||
color: $color-primary-text; | color: $color-primary-text; | ||||
border: 0; | border: 0; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
margin-top: 3px; | margin-top: 3px; | ||||
width: 0; | width: 0; | ||||
cursor: pointer; | cursor: pointer; | ||||
background-color: rgba($color-main-text, 0.3); | background-color: rgba($color-main-text, 0.3); | ||||
color: $color-primary-text; | color: $color-primary-text; | ||||
text-align: left; | text-align: left; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
cursor: default; | cursor: default; | ||||
} | } | ||||
.update { | .update { | ||||
margin-top: 8px; | margin-top: 8px; | ||||
padding: 5px; | padding: 5px; | ||||
background: rgba($color-error, .15); | background: rgba($color-error, .15); | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
} | } | ||||
.warning { | .warning { | ||||
margin-top: 10px; | margin-top: 10px; | ||||
padding: 4px 8px; | padding: 4px 8px; | ||||
width: auto; | width: auto; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
border: none; | border: none; | ||||
.ui-state-default, | .ui-state-default, |
color: $color-main-text; | color: $color-main-text; | ||||
box-shadow: 0 1px 10px $color-box-shadow; | box-shadow: 0 1px 10px $color-box-shadow; | ||||
text-align: center; | text-align: center; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
} | } | ||||
.tooltip-arrow { | .tooltip-arrow { |
$color-loading-dark: #bbbbbb; | $color-loading-dark: #bbbbbb; | ||||
$color-box-shadow: rgba(nc-darken($color-main-background, 30%), 0.75); | $color-box-shadow: rgba(nc-darken($color-main-background, 30%), 0.75); | ||||
$color-border: nc-darken($color-main-background, 8%); | $color-border: nc-darken($color-main-background, 8%); | ||||
$border-radius: 3px; |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||||
background: #fff; | background: #fff; | ||||
color: #333; | color: #333; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
box-shadow: 0 0 7px #888; | box-shadow: 0 0 7px #888; | ||||
padding: 15px; | padding: 15px; | ||||
.jcrop-holder { | .jcrop-holder { | ||||
color: #555; | color: #555; | ||||
background-color: transparent; | background-color: transparent; | ||||
border: 1px solid #555; | border: 1px solid #555; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
padding: 3px 6px; | padding: 3px 6px; | ||||
} | } | ||||
a { | a { | ||||
span { | span { | ||||
&.success { | &.success { | ||||
background: #37ce02; | background: #37ce02; | ||||
border-radius: 3px; | |||||
border-radius: $border-radius; | |||||
} | } | ||||
&.error { | &.error { | ||||
background: #ce3702; | background: #ce3702; |