select,
input,
.cbi-dropdown {
- height: 1.8rem;
+ min-height: 1.8rem;
padding: 0;
color: rgba(0, 0, 0, .87);
border: 0;
position: fixed;
z-index: 1000;
top: 0;
- display: block;
+ opacity: 1;
+ visibility: visible;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgb(240, 240, 240);
+ transition: visibility 400ms, opacity 400ms;
}
.main > .loading > span {
height: calc(100% - 4rem);
background-color: #fff;
background-color: var(--menu-bg-color);
+ transition: visibility 400ms, width 400ms;
}
.main-right {
background-color: #5cb85c !important;
}
-.notice {
+.notice,
+[data-indicator]:not([data-style="inactive"]) {
background-color: #5bc0de !important;
}
display: none;
}
+.main > .main-left > .nav > .slide.active > ul {
+ display: block;
+}
+
.main > .main-left > .nav > .slide > .menu,
.main > .main-left > .nav > li > [data-title="Logout"] {
font-size: 1.15rem;
background: none;
}
-.main > .main-left > .nav > .slide > .slide-menu > li {
- padding: .4rem 2rem;
-}
-
.main > .main-left > .nav > .slide > .slide-menu > .active {
background-color: #09c;
background-color: var(--submenu-bg-hover-active);
.main > .main-left > .nav > .slide > .slide-menu > li > a {
white-space: nowrap;
text-decoration: none;
+ padding: .4rem 2rem;
}
.main > .main-left > .nav > .slide > .slide-menu > .active > a {
border-bottom: thin solid #eee;
}
-.cbi-section > h3:first-child,
.cbi-section > h4:first-child,
.cbi-section > p:first-child,
[data-tab-title] > h3:first-child,
outline: 0;
}
+.cbi-dropdown.btn {
+ min-height: 1.8rem;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-right: 0px;
+}
+
+.cbi-dropdown.btn > .open {
+ font-size: 0.8rem;
+ padding: 0px;
+ margin: 0 5px;
+}
+
+.cbi-dropdown.btn > div {
+ margin: 0px;
+}
+
.cbi-dropdown > .more,
.cbi-dropdown > ul > li[placeholder] {
font-weight: bold;
border: thin solid #918e8c;
background: #f6f6f6;
box-shadow: 0 0 4px #918e8c;
+ color: var(--main-menu-color);
}
.cbi-dropdown > ul > li[display],
.modal ul {
margin-left: 2.2em;
+ word-break: break-word;
}
.modal li {
word-break: break-word;
}
-.modal .label {
- font-size: .6rem;
- font-weight: normal;
- padding: .1rem .3rem;
- padding-bottom: 0;
- cursor: default;
- border-radius: 0;
+.modal label.btn {
+ display: flex;
+ align-items: center;
+ white-space: normal;
+ text-align: left;
+ text-transform: none;
+ padding-bottom: 0.2rem;
+ padding-top: 0.2rem;
}
-.modal .label.warning {
+.modal label.warning {
background-color: #f0ad4e !important;
}
-.modal .btn {
- padding: .3rem .6rem;
-}
-
-.modal .spinning {
- margin-bottom: 2em;
-}
-
.modal.cbi-modal {
max-width: 90%;
max-height: none;
flex-direction: column;
}
-.label {
+.label,
+[data-indicator] {
font-size: .8rem;
font-weight: bold;
padding: .3rem .8rem;
label > input[type="checkbox"],
label > input[type="radio"] {
- position: relative;
- top: .4rem;
- right: .2rem;
- margin: 0;
- vertical-align: bottom;
+ margin-right: 0.8rem;
}
label[data-index][data-depends] {
.darkMask {
position: fixed;
z-index: 99;
- display: none;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, .56);
+ transition: opacity 400ms, visibility 400ms;
+ visibility: hidden;
+ opacity: 0;
}
/* diagnostics */
padding: .3rem .6rem;
}
- .label {
+ .label,
+ [data-indicator] {
padding: .2rem .6rem;
}
padding: .2rem .5rem;
}
+ .cbi-section > h3:first-child,
.panel-title {
font-size: 1.1rem;
padding-bottom: 1rem;
.main-left {
position: fixed;
z-index: 100;
- width: 0;
+ visibility: hidden;
}
.main-right {
display: none;
}
+ .cbi-section > h3:first-child,
.panel-title {
font-size: 1.4rem;
padding-bottom: 1rem;