mirror of
https://github.com/caronc/apprise-api.git
synced 2024-12-12 18:00:51 +01:00
1383 lines
30 KiB
CSS
1383 lines
30 KiB
CSS
/* highlightjs overrides */
|
|
|
|
.nav.nav-color {
|
|
background: #4c566a !important
|
|
}
|
|
|
|
.hljs {
|
|
color: #d8dee9;
|
|
background: #4c566a
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: #998
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: #4fa1ba
|
|
}
|
|
|
|
.hljs-literal,
|
|
.hljs-number,
|
|
.hljs-tag .hljs-attr,
|
|
.hljs-template-variable,
|
|
.hljs-variable {
|
|
color: teal
|
|
}
|
|
|
|
.hljs-doctag,
|
|
.hljs-string {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.hljs-section,
|
|
.hljs-selector-id,
|
|
.hljs-title {
|
|
color: #900
|
|
}
|
|
|
|
.hljs-class .hljs-title,
|
|
.hljs-type {
|
|
color: #458
|
|
}
|
|
|
|
.hljs-attribute,
|
|
.hljs-name,
|
|
.hljs-tag {
|
|
color: navy
|
|
}
|
|
|
|
.hljs-link,
|
|
.hljs-regexp {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.hljs-bullet,
|
|
.hljs-symbol {
|
|
color: #b48ead
|
|
}
|
|
|
|
.hljs-built_in,
|
|
.hljs-builtin-name {
|
|
color: #0086b3
|
|
}
|
|
|
|
.hljs-meta {
|
|
color: #999
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background: #fdd
|
|
}
|
|
|
|
.hljs-addition {
|
|
background: #dfd
|
|
}
|
|
|
|
.no-config .info {
|
|
color: #4c566a
|
|
}
|
|
|
|
.tabs .tab a:hover,
|
|
.tabs .tab a.active {
|
|
color: #4c566a
|
|
}
|
|
|
|
.theme a {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.url-enabled {
|
|
color: #02c7a6
|
|
}
|
|
|
|
.url-disabled {
|
|
color: #e00202
|
|
}
|
|
|
|
.btn,
|
|
.btn-large,
|
|
.btn-small {
|
|
background-color: #333
|
|
}
|
|
|
|
.btn-large:hover,
|
|
.btn-small:hover,
|
|
.btn:hover {
|
|
background-color: #222
|
|
}
|
|
|
|
i.material-icons {
|
|
color: #6e7d9c
|
|
}
|
|
|
|
i.material-icons:hover {
|
|
color: #57637a
|
|
}
|
|
|
|
.nav h1 {
|
|
color: #d8dee9 !important
|
|
}
|
|
|
|
button.waves-light:hover {
|
|
background-color: #81a1c1
|
|
}
|
|
|
|
/* materialui overrides */
|
|
|
|
a:hover {
|
|
color: #d08770
|
|
}
|
|
|
|
#overview strong {
|
|
color: #d8dee9 !important;
|
|
background-color: #4c566a !important
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
samp {
|
|
background-color: #2e3440 !important;
|
|
color: #d8dee9
|
|
}
|
|
|
|
code.config-id {
|
|
background-color: transparent !important
|
|
}
|
|
|
|
a {
|
|
color: #ebcb8b
|
|
}
|
|
|
|
.page-footer {
|
|
color: #d8dee9;
|
|
background-color: #ee6e73
|
|
}
|
|
|
|
.collection {
|
|
border-color: #525252
|
|
}
|
|
|
|
.collection .collection-item {
|
|
background-color: #2e3440;
|
|
border-color: #666
|
|
}
|
|
|
|
.collection .collection-item.avatar i.circle {
|
|
color: #d8dee9;
|
|
background-color: #525252
|
|
}
|
|
|
|
.collection .collection-item.active {
|
|
background-color: #8fbcbb;
|
|
color: #eafaf9
|
|
}
|
|
|
|
.collection .collection-item.active .secondary-content {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.collection a.collection-item {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.collection a.collection-item:not(.active):hover {
|
|
background-color: #81a1c1 !important
|
|
}
|
|
|
|
.collection.with-header .collection-header {
|
|
background-color: #d8dee9;
|
|
}
|
|
|
|
.secondary-content {
|
|
color: #8fbcbb
|
|
}
|
|
|
|
.progress .indeterminate {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
span.badge {
|
|
color: #757575
|
|
}
|
|
|
|
span.badge.new {
|
|
color: #d8dee9;
|
|
background-color: #8fbcbb;
|
|
}
|
|
|
|
.row .col.s5 {
|
|
background-color: #3b4252
|
|
}
|
|
|
|
.row .col.s9 {
|
|
background-color: #3b4252
|
|
}
|
|
|
|
nav {
|
|
color: #d8dee9;
|
|
background-color: #ee6e73
|
|
}
|
|
|
|
nav a {
|
|
color: #fff
|
|
}
|
|
|
|
.nav i {
|
|
color: #2e3440
|
|
}
|
|
|
|
nav .brand-logo {
|
|
color: #d8dee9
|
|
}
|
|
|
|
nav ul li.active {
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
nav ul a {
|
|
color: #d8dee9
|
|
}
|
|
|
|
nav ul a:hover {
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
nav .input-field label i {
|
|
color: rgba(255, 255, 255, .7)
|
|
}
|
|
|
|
nav .input-field label.active i {
|
|
color: #fff
|
|
}
|
|
|
|
html {
|
|
color: #d8dee9;
|
|
background-color: #2e3440
|
|
}
|
|
|
|
h1 {
|
|
color: #eceff4 !important
|
|
}
|
|
|
|
h4 {
|
|
color: #e5e9f0
|
|
}
|
|
|
|
h5 {
|
|
color: #8fbcbb
|
|
}
|
|
|
|
em {
|
|
color: #5e81ac !important;
|
|
}
|
|
|
|
.card-panel {
|
|
background-color: #4c566a
|
|
}
|
|
|
|
.card {
|
|
background-color: #4c566a
|
|
}
|
|
|
|
.card .card-image .card-title {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
|
|
color: #ffab40
|
|
}
|
|
|
|
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
|
|
color: #fff
|
|
}
|
|
|
|
.card .card-reveal {
|
|
background-color: #d8dee9
|
|
}
|
|
|
|
.toast {
|
|
background-color: #323232;
|
|
color: #d8dee9
|
|
}
|
|
|
|
.toast .toast-action {
|
|
color: #eeff41
|
|
}
|
|
|
|
.tabs {
|
|
background-color: #3b4252
|
|
}
|
|
|
|
.tabs.tabs-transparent {
|
|
background-color: transparent
|
|
}
|
|
|
|
.tabs.tabs-transparent .tab a,
|
|
.tabs.tabs-transparent .tab.disabled a,
|
|
.tabs.tabs-transparent .tab.disabled a:hover,
|
|
.tab.disabled i.material-icons {
|
|
color: #6e7d9c
|
|
}
|
|
|
|
.tabs.tabs-transparent .tab a.active,
|
|
.tabs.tabs-transparent .tab a:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.tabs.tabs-transparent .indicator {
|
|
background-color: #fff
|
|
}
|
|
|
|
.tabs .tab {
|
|
background-color: #3b4252
|
|
}
|
|
|
|
.tabs .tab a {
|
|
color: #d8dee9;
|
|
background-color: #2e3440;
|
|
border-left: 1px solid #3b4252;
|
|
border-bottom: 1px solid #81a1c1
|
|
}
|
|
|
|
.tabs .tab a:focus,
|
|
.tabs .tab a:focus.active {
|
|
background-color: rgba(246, 178, 181, .2)
|
|
}
|
|
|
|
.tabs .tab a.active,
|
|
.tabs .tab a:hover {
|
|
background-color: #81a1c1 !important
|
|
}
|
|
|
|
.tabs .tab.disabled a,
|
|
.tabs .tab.disabled a:hover {
|
|
background-color: #4c566a !important;
|
|
color: #6e7d9c !important
|
|
}
|
|
|
|
.tabs .indicator {
|
|
background-color: #ebcb8b !important
|
|
}
|
|
|
|
@media only screen and (max-width:992px).material-tooltip {
|
|
color: #d8dee9;
|
|
background-color: #323232
|
|
}
|
|
|
|
.backdrop {
|
|
background-color: #323232
|
|
}
|
|
|
|
.btn-flat.disabled,
|
|
.btn-flat:disabled,
|
|
.btn-flat[disabled],
|
|
.btn-floating.disabled,
|
|
.btn-floating:disabled,
|
|
.btn-floating[disabled],
|
|
.btn-large.disabled,
|
|
.btn-large:disabled,
|
|
.btn-large[disabled],
|
|
.btn-small.disabled,
|
|
.btn-small:disabled,
|
|
.btn-small[disabled],
|
|
.btn.disabled,
|
|
.btn:disabled,
|
|
.btn[disabled],
|
|
.disabled.btn-large,
|
|
.disabled.btn-small {
|
|
background-color: #dfdfdf !important;
|
|
color: #9f9f9f !important
|
|
}
|
|
|
|
.btn-flat.disabled:hover,
|
|
.btn-flat:disabled:hover,
|
|
.btn-flat[disabled]:hover,
|
|
.btn-floating.disabled:hover,
|
|
.btn-floating:disabled:hover,
|
|
.btn-floating[disabled]:hover,
|
|
.btn-large.disabled:hover,
|
|
.btn-large:disabled:hover,
|
|
.btn-large[disabled]:hover,
|
|
.btn-small.disabled:hover,
|
|
.btn-small:disabled:hover,
|
|
.btn-small[disabled]:hover,
|
|
.btn.disabled:hover,
|
|
.btn:disabled:hover,
|
|
.btn[disabled]:hover,
|
|
.disabled.btn-large:hover,
|
|
.disabled.btn-small:hover {
|
|
background-color: #dfdfdf !important;
|
|
color: #9f9f9f !important
|
|
}
|
|
|
|
.btn-floating:focus,
|
|
.btn-large:focus,
|
|
.btn-small:focus,
|
|
.btn:focus {
|
|
background-color: #2e3440
|
|
}
|
|
|
|
.btn,
|
|
.btn-large,
|
|
.btn-small {
|
|
color: #e5e9f0;
|
|
background-color: #2e3440
|
|
}
|
|
|
|
.btn-large:hover,
|
|
.btn-small:hover,
|
|
.btn:hover {
|
|
background-color: #d08770
|
|
}
|
|
|
|
.btn-floating {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
.btn-floating:hover {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
.btn-floating i {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.fixed-action-btn.toolbar ul li a {
|
|
color: #d8dee9
|
|
}
|
|
|
|
.fixed-action-btn .fab-backdrop {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
.btn-flat {
|
|
background-color: transparent;
|
|
color: #343434
|
|
}
|
|
|
|
.btn-flat:focus {
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
.btn-flat.btn-flat[disabled],
|
|
.btn-flat.disabled {
|
|
background-color: transparent !important;
|
|
color: #b3b2b2 !important
|
|
}
|
|
|
|
.modal {
|
|
background-color: #fafafa
|
|
}
|
|
|
|
.modal .modal-footer {
|
|
background-color: #fafafa
|
|
}
|
|
|
|
.collapsible-header {
|
|
background-color: #2e3440;
|
|
border-bottom: 1px solid #4c566a
|
|
}
|
|
|
|
.keyboard-focused .collapsible-header:focus {
|
|
background-color: #eee
|
|
}
|
|
|
|
.collapsible-body {
|
|
border-bottom: 1px solid #434c5e;
|
|
background-color: #2e3440
|
|
}
|
|
|
|
.sidenav .collapsible-header:hover,
|
|
.sidenav.fixed .collapsible-header:hover {
|
|
background-color: rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.sidenav .collapsible-body,
|
|
.sidenav.fixed .collapsible-body {
|
|
background-color: #fff
|
|
}
|
|
|
|
#url-list .card-panel.selected {
|
|
background-color: #a0c8ef;
|
|
}
|
|
|
|
.chip {
|
|
color: #d8dee9;
|
|
background-color: #2e3440 !important;
|
|
border: 1px solid #434c5e !important
|
|
}
|
|
|
|
.chip:focus {
|
|
background-color: #d08770;
|
|
color: #eceff4
|
|
}
|
|
|
|
.chips {
|
|
border-bottom: 1px solid #4c566a
|
|
}
|
|
|
|
.chips.focus {
|
|
border-bottom: 1px solid #8fbcbb;
|
|
-webkit-box-shadow: 0 1px 0 0 #8fbcbb;
|
|
box-shadow: 0 1px 0 0 #8fbcbb
|
|
}
|
|
|
|
.chips .input {
|
|
color: rgba(0, 0, 0, .6)
|
|
}
|
|
|
|
.chips .input:focus,
|
|
.chips textarea:focus {
|
|
border: 0 !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
color: #d8dee9
|
|
}
|
|
|
|
#materialbox-overlay {
|
|
background-color: #292929
|
|
}
|
|
|
|
.materialbox-caption {
|
|
color: #d8dee9
|
|
}
|
|
|
|
select:focus {
|
|
outline: 1px solid #c9f3ef
|
|
}
|
|
|
|
button:focus {
|
|
background-color: #2ab7a9
|
|
}
|
|
|
|
label {
|
|
color: #8fbcbb
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: #d1d1d1
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
color: #d1d1d1
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
color: #d1d1d1
|
|
}
|
|
|
|
::-ms-input-placeholder {
|
|
color: #d1d1d1
|
|
}
|
|
|
|
::placeholder {
|
|
color: #d1d1d1
|
|
}
|
|
|
|
input:not([type]),
|
|
input[type=date]:not(.browser-default),
|
|
input[type=datetime-local]:not(.browser-default),
|
|
input[type=datetime]:not(.browser-default),
|
|
input[type=email]:not(.browser-default),
|
|
input[type=number]:not(.browser-default),
|
|
input[type=password]:not(.browser-default),
|
|
input[type=search]:not(.browser-default),
|
|
input[type=tel]:not(.browser-default),
|
|
input[type=text]:not(.browser-default),
|
|
input[type=time]:not(.browser-default),
|
|
input[type=url]:not(.browser-default),
|
|
textarea.materialize-textarea {
|
|
border-bottom: 1px solid #4c566a
|
|
}
|
|
|
|
input:not([type]):disabled,
|
|
input:not([type])[readonly=readonly],
|
|
input[type=date]:not(.browser-default):disabled,
|
|
input[type=date]:not(.browser-default)[readonly=readonly],
|
|
input[type=datetime-local]:not(.browser-default):disabled,
|
|
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
|
|
input[type=datetime]:not(.browser-default):disabled,
|
|
input[type=datetime]:not(.browser-default)[readonly=readonly],
|
|
input[type=email]:not(.browser-default):disabled,
|
|
input[type=email]:not(.browser-default)[readonly=readonly],
|
|
input[type=number]:not(.browser-default):disabled,
|
|
input[type=number]:not(.browser-default)[readonly=readonly],
|
|
input[type=password]:not(.browser-default):disabled,
|
|
input[type=password]:not(.browser-default)[readonly=readonly],
|
|
input[type=search]:not(.browser-default):disabled,
|
|
input[type=search]:not(.browser-default)[readonly=readonly],
|
|
input[type=tel]:not(.browser-default):disabled,
|
|
input[type=tel]:not(.browser-default)[readonly=readonly],
|
|
input[type=text]:not(.browser-default):disabled,
|
|
input[type=text]:not(.browser-default)[readonly=readonly],
|
|
input[type=time]:not(.browser-default):disabled,
|
|
input[type=time]:not(.browser-default)[readonly=readonly],
|
|
input[type=url]:not(.browser-default):disabled,
|
|
input[type=url]:not(.browser-default)[readonly=readonly],
|
|
textarea.materialize-textarea:disabled,
|
|
textarea.materialize-textarea[readonly=readonly] {
|
|
color: rgba(0, 0, 0, .42);
|
|
border-bottom: 1px dotted rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
input:not([type]):disabled+label,
|
|
input:not([type])[readonly=readonly]+label,
|
|
input[type=date]:not(.browser-default):disabled+label,
|
|
input[type=date]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=datetime-local]:not(.browser-default):disabled+label,
|
|
input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=datetime]:not(.browser-default):disabled+label,
|
|
input[type=datetime]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=email]:not(.browser-default):disabled+label,
|
|
input[type=email]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=number]:not(.browser-default):disabled+label,
|
|
input[type=number]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=password]:not(.browser-default):disabled+label,
|
|
input[type=password]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=search]:not(.browser-default):disabled+label,
|
|
input[type=search]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=tel]:not(.browser-default):disabled+label,
|
|
input[type=tel]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=text]:not(.browser-default):disabled+label,
|
|
input[type=text]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=time]:not(.browser-default):disabled+label,
|
|
input[type=time]:not(.browser-default)[readonly=readonly]+label,
|
|
input[type=url]:not(.browser-default):disabled+label,
|
|
input[type=url]:not(.browser-default)[readonly=readonly]+label,
|
|
textarea.materialize-textarea:disabled+label,
|
|
textarea.materialize-textarea[readonly=readonly]+label {
|
|
color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
input:not([type]):focus:not([readonly]),
|
|
input[type=date]:not(.browser-default):focus:not([readonly]),
|
|
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
|
|
input[type=datetime]:not(.browser-default):focus:not([readonly]),
|
|
input[type=email]:not(.browser-default):focus:not([readonly]),
|
|
input[type=number]:not(.browser-default):focus:not([readonly]),
|
|
input[type=password]:not(.browser-default):focus:not([readonly]),
|
|
input[type=search]:not(.browser-default):focus:not([readonly]),
|
|
input[type=tel]:not(.browser-default):focus:not([readonly]),
|
|
input[type=text]:not(.browser-default):focus:not([readonly]),
|
|
input[type=time]:not(.browser-default):focus:not([readonly]),
|
|
input[type=url]:not(.browser-default):focus:not([readonly]),
|
|
textarea.materialize-textarea:focus:not([readonly]) {
|
|
border-bottom: 1px solid #8fbcbb
|
|
}
|
|
|
|
input:not([type]):focus:not([readonly])+label,
|
|
input[type=date]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=email]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=number]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=password]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=search]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=text]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=time]:not(.browser-default):focus:not([readonly])+label,
|
|
input[type=url]:not(.browser-default):focus:not([readonly])+label,
|
|
textarea.materialize-textarea:focus:not([readonly])+label {
|
|
color: #8fbcbb
|
|
}
|
|
|
|
input:not([type]):focus.valid~label,
|
|
input[type=date]:not(.browser-default):focus.valid~label,
|
|
input[type=datetime-local]:not(.browser-default):focus.valid~label,
|
|
input[type=datetime]:not(.browser-default):focus.valid~label,
|
|
input[type=email]:not(.browser-default):focus.valid~label,
|
|
input[type=number]:not(.browser-default):focus.valid~label,
|
|
input[type=password]:not(.browser-default):focus.valid~label,
|
|
input[type=search]:not(.browser-default):focus.valid~label,
|
|
input[type=tel]:not(.browser-default):focus.valid~label,
|
|
input[type=text]:not(.browser-default):focus.valid~label,
|
|
input[type=time]:not(.browser-default):focus.valid~label,
|
|
input[type=url]:not(.browser-default):focus.valid~label,
|
|
textarea.materialize-textarea:focus.valid~label {
|
|
color: #4caf50
|
|
}
|
|
|
|
input:not([type]):focus.invalid~label,
|
|
input[type=date]:not(.browser-default):focus.invalid~label,
|
|
input[type=datetime-local]:not(.browser-default):focus.invalid~label,
|
|
input[type=datetime]:not(.browser-default):focus.invalid~label,
|
|
input[type=email]:not(.browser-default):focus.invalid~label,
|
|
input[type=number]:not(.browser-default):focus.invalid~label,
|
|
input[type=password]:not(.browser-default):focus.invalid~label,
|
|
input[type=search]:not(.browser-default):focus.invalid~label,
|
|
input[type=tel]:not(.browser-default):focus.invalid~label,
|
|
input[type=text]:not(.browser-default):focus.invalid~label,
|
|
input[type=time]:not(.browser-default):focus.invalid~label,
|
|
input[type=url]:not(.browser-default):focus.invalid~label,
|
|
textarea.materialize-textarea:focus.invalid~label {
|
|
color: #f44336
|
|
}
|
|
|
|
input:not([type]).validate+label,
|
|
input[type=date]:not(.browser-default).validate+label,
|
|
input[type=datetime-local]:not(.browser-default).validate+label,
|
|
input[type=datetime]:not(.browser-default).validate+label,
|
|
input[type=email]:not(.browser-default).validate+label,
|
|
input[type=number]:not(.browser-default).validate+label,
|
|
input[type=password]:not(.browser-default).validate+label,
|
|
input[type=search]:not(.browser-default).validate+label,
|
|
input[type=tel]:not(.browser-default).validate+label,
|
|
input[type=text]:not(.browser-default).validate+label,
|
|
input[type=time]:not(.browser-default).validate+label,
|
|
input[type=url]:not(.browser-default).validate+label,
|
|
textarea.materialize-textarea.validate+label {
|
|
width: 100%
|
|
}
|
|
|
|
.select-wrapper.valid>input.select-dropdown,
|
|
input.valid:not([type]),
|
|
input.valid:not([type]):focus,
|
|
input.valid[type=date]:not(.browser-default),
|
|
input.valid[type=date]:not(.browser-default):focus,
|
|
input.valid[type=datetime-local]:not(.browser-default),
|
|
input.valid[type=datetime-local]:not(.browser-default):focus,
|
|
input.valid[type=datetime]:not(.browser-default),
|
|
input.valid[type=datetime]:not(.browser-default):focus,
|
|
input.valid[type=email]:not(.browser-default),
|
|
input.valid[type=email]:not(.browser-default):focus,
|
|
input.valid[type=number]:not(.browser-default),
|
|
input.valid[type=number]:not(.browser-default):focus,
|
|
input.valid[type=password]:not(.browser-default),
|
|
input.valid[type=password]:not(.browser-default):focus,
|
|
input.valid[type=search]:not(.browser-default),
|
|
input.valid[type=search]:not(.browser-default):focus,
|
|
input.valid[type=tel]:not(.browser-default),
|
|
input.valid[type=tel]:not(.browser-default):focus,
|
|
input.valid[type=text]:not(.browser-default),
|
|
input.valid[type=text]:not(.browser-default):focus,
|
|
input.valid[type=time]:not(.browser-default),
|
|
input.valid[type=time]:not(.browser-default):focus,
|
|
input.valid[type=url]:not(.browser-default),
|
|
input.valid[type=url]:not(.browser-default):focus,
|
|
textarea.materialize-textarea.valid,
|
|
textarea.materialize-textarea.valid:focus {
|
|
border-bottom: 1px solid #4caf50;
|
|
-webkit-box-shadow: 0 1px 0 0 #4caf50;
|
|
box-shadow: 0 1px 0 0 #4caf50
|
|
}
|
|
|
|
.select-wrapper.invalid>input.select-dropdown,
|
|
.select-wrapper.invalid>input.select-dropdown:focus,
|
|
input.invalid:not([type]),
|
|
input.invalid:not([type]):focus,
|
|
input.invalid[type=date]:not(.browser-default),
|
|
input.invalid[type=date]:not(.browser-default):focus,
|
|
input.invalid[type=datetime-local]:not(.browser-default),
|
|
input.invalid[type=datetime-local]:not(.browser-default):focus,
|
|
input.invalid[type=datetime]:not(.browser-default),
|
|
input.invalid[type=datetime]:not(.browser-default):focus,
|
|
input.invalid[type=email]:not(.browser-default),
|
|
input.invalid[type=email]:not(.browser-default):focus,
|
|
input.invalid[type=number]:not(.browser-default),
|
|
input.invalid[type=number]:not(.browser-default):focus,
|
|
input.invalid[type=password]:not(.browser-default),
|
|
input.invalid[type=password]:not(.browser-default):focus,
|
|
input.invalid[type=search]:not(.browser-default),
|
|
input.invalid[type=search]:not(.browser-default):focus,
|
|
input.invalid[type=tel]:not(.browser-default),
|
|
input.invalid[type=tel]:not(.browser-default):focus,
|
|
input.invalid[type=text]:not(.browser-default),
|
|
input.invalid[type=text]:not(.browser-default):focus,
|
|
input.invalid[type=time]:not(.browser-default),
|
|
input.invalid[type=time]:not(.browser-default):focus,
|
|
input.invalid[type=url]:not(.browser-default),
|
|
input.invalid[type=url]:not(.browser-default):focus,
|
|
textarea.materialize-textarea.invalid,
|
|
textarea.materialize-textarea.invalid:focus {
|
|
border-bottom: 1px solid #f44336;
|
|
-webkit-box-shadow: 0 1px 0 0 #f44336;
|
|
box-shadow: 0 1px 0 0 #f44336
|
|
}
|
|
|
|
textarea {
|
|
color: #e5e9f0;
|
|
border: 1px solid #2e3440;
|
|
background-color: #1b1e26
|
|
}
|
|
|
|
textarea:focus-visible {
|
|
border: 1px solid #5e81ac;
|
|
box-shadow: 0 0 10px #5e81ac
|
|
}
|
|
|
|
::placeholder {
|
|
color: #81a1c1;
|
|
opacity: 1
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
color: #81a1c1
|
|
}
|
|
|
|
::-ms-input-placeholder {
|
|
color: #81a1c1
|
|
}
|
|
|
|
.autocomplete-content li .highlight {
|
|
color: #444
|
|
}
|
|
|
|
[type=radio]:checked,
|
|
[type=radio]:not(:checked) {
|
|
position: absolute;
|
|
}
|
|
|
|
[type=radio]:not(:checked)+span:after,
|
|
[type=radio]:not(:checked)+span:before {
|
|
border: 2px solid #5a5a5a
|
|
}
|
|
|
|
[type=radio].with-gap:checked+span:after,
|
|
[type=radio].with-gap:checked+span:before,
|
|
[type=radio]:checked+span:after {
|
|
border: 2px solid #8fbcbb
|
|
}
|
|
|
|
[type=radio].with-gap:checked+span:after,
|
|
[type=radio]:checked+span:after {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
[type=radio].tabbed:focus+span:before {
|
|
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
|
|
box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
[type=radio].with-gap:disabled:checked+span:before {
|
|
border: 2px solid rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=radio].with-gap:disabled:checked+span:after {
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=radio]:disabled:checked+span:before,
|
|
[type=radio]:disabled:not(:checked)+span:before {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=radio]:disabled+span {
|
|
color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=radio]:disabled:not(:checked)+span:before {
|
|
border-color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=radio]:disabled:checked+span:after {
|
|
background-color: rgba(0, 0, 0, .42);
|
|
border-color: #949494
|
|
}
|
|
|
|
[type=checkbox]+span:not(.lever):before,
|
|
[type=checkbox]:not(.filled-in)+span:not(.lever):after {
|
|
border: 2px solid #5a5a5a;
|
|
}
|
|
|
|
[type=checkbox]:not(:checked):disabled+span:not(.lever):before {
|
|
background-color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=checkbox].tabbed:focus+span:not(.lever):after {
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
|
|
box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
[type=checkbox]:checked+span:not(.lever):before {
|
|
border-right: 2px solid #8fbcbb;
|
|
border-bottom: 2px solid #8fbcbb;
|
|
}
|
|
|
|
[type=checkbox]:checked:disabled+span:before {
|
|
border-right: 2px solid rgba(0, 0, 0, .42);
|
|
border-bottom: 2px solid rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
[type=checkbox]:indeterminate+span:not(.lever):before {
|
|
border-right: 2px solid #8fbcbb;
|
|
}
|
|
|
|
[type=checkbox]:indeterminate:disabled+span:not(.lever):before {
|
|
border-right: 2px solid rgba(0, 0, 0, .42);
|
|
}
|
|
|
|
[type=checkbox].filled-in+span:not(.lever):after {
|
|
border-radius: 2px
|
|
}
|
|
|
|
[type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
|
|
border: 2px solid #5a5a5a;
|
|
}
|
|
|
|
[type=checkbox].filled-in:checked+span:not(.lever):before {
|
|
border-right: 2px solid #d8dee9;
|
|
border-bottom: 2px solid #d8dee9;
|
|
}
|
|
|
|
[type=checkbox].filled-in:checked+span:not(.lever):after {
|
|
border: 2px solid #8fbcbb;
|
|
background-color: #8fbcbb;
|
|
}
|
|
|
|
[type=checkbox].filled-in.tabbed:focus+span:not(.lever):after {
|
|
border-color: #5a5a5a;
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
|
|
[type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after {
|
|
background-color: #8fbcbb;
|
|
border-color: #8fbcbb
|
|
}
|
|
|
|
[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after {
|
|
background-color: #949494
|
|
}
|
|
|
|
[type=checkbox].filled-in:disabled:checked+span:not(.lever):after {
|
|
background-color: #949494;
|
|
border-color: #949494
|
|
}
|
|
|
|
.switch label input[type=checkbox]:checked+.lever {
|
|
background-color: #84c7c1
|
|
}
|
|
|
|
.switch label input[type=checkbox]:checked+.lever:after {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
.switch label .lever {
|
|
background-color: rgba(0, 0, 0, .38);
|
|
}
|
|
|
|
.switch label .lever:before {
|
|
background-color: rgba(38, 166, 154, .15)
|
|
}
|
|
|
|
.switch label .lever:after {
|
|
background-color: #f1f1f1;
|
|
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
|
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
|
|
}
|
|
|
|
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before,
|
|
input[type=checkbox]:checked:not(:disabled)~.lever:active::before {
|
|
background-color: rgba(38, 166, 154, .15)
|
|
}
|
|
|
|
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before,
|
|
input[type=checkbox]:not(:disabled)~.lever:active:before {
|
|
background-color: rgba(0, 0, 0, .08)
|
|
}
|
|
|
|
.switch input[type=checkbox][disabled]+.lever {
|
|
background-color: rgba(0, 0, 0, .12)
|
|
}
|
|
|
|
.switch label input[type=checkbox][disabled]+.lever:after,
|
|
.switch label input[type=checkbox][disabled]:checked+.lever:after {
|
|
background-color: #949494
|
|
}
|
|
|
|
select {
|
|
background-color: rgba(255, 255, 255, .9);
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.select-wrapper input.select-dropdown {
|
|
color: #81a1c1;
|
|
border-bottom: 1px solid #4c566a;
|
|
}
|
|
|
|
.select-wrapper input.select-dropdown:focus {
|
|
border-bottom: 1px solid #8fbcbb
|
|
}
|
|
|
|
select:disabled {
|
|
color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
.select-wrapper.disabled+label {
|
|
color: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
.select-wrapper.disabled .caret {
|
|
fill: rgba(0, 0, 0, .42)
|
|
}
|
|
|
|
.select-wrapper input.select-dropdown:disabled {
|
|
color: rgba(0, 0, 0, .42);
|
|
}
|
|
|
|
.select-wrapper i {
|
|
color: rgba(0, 0, 0, .3)
|
|
}
|
|
|
|
.select-dropdown li.disabled,
|
|
.select-dropdown li.disabled>span,
|
|
.select-dropdown li.optgroup {
|
|
color: rgba(0, 0, 0, .3);
|
|
background-color: transparent
|
|
}
|
|
|
|
.dropdown-content {
|
|
background-color: #2e3440;
|
|
}
|
|
.dropdown-content li {
|
|
color: rgba(0, 0, 0, .87)
|
|
}
|
|
|
|
.dropdown-content li.active,
|
|
.dropdown-content li:hover{
|
|
background-color: #2e3440
|
|
}
|
|
|
|
body.keyboard-focused .dropdown-content li:focus {
|
|
background-color: #dadada
|
|
}
|
|
|
|
.dropdown-content li>a,
|
|
.dropdown-content li>span {
|
|
color: #d8dee9;
|
|
}
|
|
|
|
body.keyboard-focused .dropdown-content li:focus {
|
|
background-color: #dadada
|
|
}
|
|
|
|
.dropdown-trigger {
|
|
cursor: pointer
|
|
}
|
|
|
|
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
|
|
background-color: rgba(0, 0, 0, .08)
|
|
}
|
|
|
|
.select-dropdown.dropdown-content li:hover {
|
|
background-color: rgba(0, 0, 0, .08)
|
|
}
|
|
|
|
.select-dropdown.dropdown-content li.selected {
|
|
background-color: rgba(0, 0, 0, .03)
|
|
}
|
|
|
|
.select-dropdown li.optgroup {
|
|
border-top: 1px solid #eee
|
|
}
|
|
|
|
.select-dropdown li.optgroup.selected>span {
|
|
color: rgba(0, 0, 0, .7)
|
|
}
|
|
|
|
.select-dropdown li.optgroup>span {
|
|
color: rgba(0, 0, 0, .4)
|
|
}
|
|
|
|
input[type=range]+.thumb {
|
|
background-color: #8fbcbb;
|
|
}
|
|
|
|
input[type=range]+.thumb .value {
|
|
color: #8fbcbb;
|
|
}
|
|
|
|
input[type=range]+.thumb.active .value {
|
|
color: #d8dee9;
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
background: #c2c0c2;
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
background: #8fbcbb;
|
|
background-color: #8fbcbb;
|
|
}
|
|
|
|
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
|
|
-webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, .26);
|
|
box-shadow: 0 0 0 10px rgba(38, 166, 154, .26)
|
|
}
|
|
|
|
input[type=range] {
|
|
border: 1px solid #fff
|
|
}
|
|
|
|
input[type=range]::-moz-range-track {
|
|
background: #c2c0c2;
|
|
}
|
|
|
|
input[type=range]::-moz-range-thumb {
|
|
background: #8fbcbb;
|
|
}
|
|
|
|
input[type=range]:-moz-focusring {
|
|
outline: 1px solid #d8dee9;
|
|
}
|
|
|
|
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
|
|
box-shadow: 0 0 0 10px rgba(38, 166, 154, .26)
|
|
}
|
|
|
|
input[type=range]::-ms-track {
|
|
background: 0 0;
|
|
}
|
|
|
|
input[type=range]::-ms-fill-lower {
|
|
background: #777
|
|
}
|
|
|
|
input[type=range]::-ms-fill-upper {
|
|
background: #ddd
|
|
}
|
|
|
|
input[type=range]::-ms-thumb {
|
|
background: #8fbcbb;
|
|
}
|
|
|
|
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
|
|
box-shadow: 0 0 0 10px rgba(38, 166, 154, .26)
|
|
}
|
|
|
|
.table-of-contents a {
|
|
color: #757575;
|
|
}
|
|
|
|
.table-of-contents a:hover {
|
|
color: #a8a8a8;
|
|
border-left: 1px solid #ee6e73
|
|
}
|
|
|
|
.table-of-contents a.active {
|
|
border-left: 2px solid #ee6e73
|
|
}
|
|
|
|
.sidenav {
|
|
background-color: #d8dee9;
|
|
}
|
|
|
|
.sidenav li.active {
|
|
background-color: rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.sidenav li>a {
|
|
color: rgba(0, 0, 0, .87);
|
|
}
|
|
|
|
.sidenav li>a:hover {
|
|
background-color: rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.sidenav li>a.btn,
|
|
.sidenav li>a.btn-floating,
|
|
.sidenav li>a.btn-large,
|
|
.sidenav li>a.btn-small {
|
|
color: #fff
|
|
}
|
|
|
|
.sidenav li>a.btn-flat {
|
|
color: #343434
|
|
}
|
|
|
|
.sidenav li>a.btn-large:hover,
|
|
.sidenav li>a.btn-small:hover,
|
|
.sidenav li>a.btn:hover {
|
|
background-color: #2bbbad
|
|
}
|
|
|
|
.sidenav li>a.btn-floating:hover {
|
|
background-color: #8fbcbb
|
|
}
|
|
|
|
.sidenav li>a li>a>[class*=mdi-],
|
|
.sidenav li>a>[class^=mdi-],
|
|
.sidenav li>a>i,
|
|
.sidenav li>a>i.material-icons {
|
|
color: rgba(0, 0, 0, .54)
|
|
}
|
|
|
|
.sidenav .divider {
|
|
margin: 8px 0 0 0
|
|
}
|
|
|
|
.sidenav .subheader {
|
|
color: rgba(0, 0, 0, .54);
|
|
}
|
|
|
|
.sidenav .collapsible-body>ul:not(.collapsible)>li.active,
|
|
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active {
|
|
background-color: #ee6e73
|
|
}
|
|
|
|
.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,
|
|
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a {
|
|
color: #fff
|
|
}
|
|
|
|
.sidenav-overlay {
|
|
background-color: rgba(0, 0, 0, .5);
|
|
}
|
|
|
|
.spinner-layer {
|
|
border-color: #8fbcbb
|
|
}
|
|
|
|
.spinner-blue,
|
|
.spinner-blue-only {
|
|
border-color: #4285f4
|
|
}
|
|
|
|
.spinner-red,
|
|
.spinner-red-only {
|
|
border-color: #db4437
|
|
}
|
|
|
|
.spinner-yellow,
|
|
.spinner-yellow-only {
|
|
border-color: #f4b400
|
|
}
|
|
|
|
.spinner-green,
|
|
.spinner-green-only {
|
|
border-color: #0f9d58
|
|
}
|
|
|
|
.slider .slides li .caption {
|
|
color: #d8dee9;
|
|
}
|
|
|
|
.slider .slides li .caption p {
|
|
color: #e0e0e0
|
|
}
|
|
|
|
.slider .slides li.active {
|
|
z-index: 2
|
|
}
|
|
|
|
.slider .indicators .indicator-item {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
.slider .indicators .indicator-item.active {
|
|
background-color: #4caf50
|
|
}
|
|
|
|
.carousel .indicators .indicator-item.active {
|
|
background-color: #fff
|
|
}
|
|
|
|
.tap-target {
|
|
background-color: #ee6e73;
|
|
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2);
|
|
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.tap-target-wave::after,
|
|
.tap-target-wave::before {
|
|
background-color: #fff
|
|
}
|
|
|
|
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),
|
|
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
|
|
background: 0 0
|
|
}
|
|
|
|
.datepicker-table abbr {
|
|
color: #999
|
|
}
|
|
|
|
.datepicker-table td.is-today {
|
|
color: #8fbcbb
|
|
}
|
|
|
|
.datepicker-table td.is-selected {
|
|
background-color: #8fbcbb;
|
|
color: #fff
|
|
}
|
|
|
|
.datepicker-day-button:focus {
|
|
background-color: rgba(43, 161, 150, .25)
|
|
}
|
|
|
|
.datepicker-cancel,
|
|
.datepicker-clear,
|
|
.datepicker-done,
|
|
.datepicker-today {
|
|
color: #8fbcbb;
|
|
}
|
|
|
|
.datepicker-clear {
|
|
color: #f44336
|
|
}
|
|
|
|
.file-selected {
|
|
color: #ebcb8b;
|
|
background-color: #2e3440;
|
|
}
|
|
|
|
.chip.selected {
|
|
color: #fff;
|
|
background-color: #258528!important;
|
|
}
|
|
|
|
.swal2-popup {
|
|
background-color: #2e3440;
|
|
}
|
|
|
|
.swal-icon--success__ring {
|
|
border: 4px solid rgba(194, 26, 90, 0.2);
|
|
}
|
|
|
|
/* spin color */
|
|
.swal-icon--success {
|
|
border-color: rgb(62, 16, 226);
|
|
}
|
|
|
|
/* V color */
|
|
.swal-icon--success__line {
|
|
background-color: rgb(30, 206, 53);
|
|
}
|
|
|
|
/* Warning */
|
|
/* ! */
|
|
.swal-icon--warning__body,
|
|
.swal-icon--warning__dot {
|
|
background-color: #1816ac;
|
|
}
|
|
|
|
/* Error */
|
|
/* outer ring */
|
|
.swal-icon--error {
|
|
border-color: #19e645;
|
|
}
|
|
|
|
/* X */
|
|
.swal-icon--error__line {
|
|
background-color: #af13df;
|
|
}
|
|
|
|
/* Info */
|
|
/* outer ring */
|
|
.swal-icon--info {
|
|
border-color: #020404;
|
|
}
|
|
|
|
/* i */
|
|
.swal-icon--info:after,
|
|
.swal-icon--info:before {
|
|
background-color: #d119c8;
|
|
}
|