librenms/html/css/mono.css
Florian Beer 44d5a592f1 webui: Update badge background for selected pagemenu item (mono.css) (#8157)
* Update badge background for selected pagemenu item

This brings the background color in line with the user notification number badge background in the upper right corner.
The previous background was too bright for mono.css to properly read the white menu item text.

* CSS cache busting

Change last two digits to 42, because reasons.
2018-01-29 21:58:45 +00:00

124 lines
2.7 KiB
CSS

.fa-nav-icons {
color: #ffffff;
}
.fa-col-success {
color: #3c763d;
}
.fa-col-info {
color: #31708f;
}
.fa-col-primary {
color: #357ebd;
}
.fa-col-danger {
color: #e30613;
}
.icon-theme {
color: black;
}
.panel-default>.panel-heading {
background: #222;
color: white;
}
.panel-default>.panel-heading .icon-theme,
.panel-default>.panel-heading a:visited,
.panel-default>.panel-heading a:link {
color: white;
}
.twitter-typeahead .tt-hint {
border-color: #000 !important;
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #fff;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
.pace .pace-progress-inner {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #d6cdbe, 0 0 5px #d6cdbe;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
display: block;
position: fixed;
z-index: 2000;
top: 16px;
right: 45px;
width: 20px;
height: 20px;
border: solid 2px transparent;
border-top-color: #9a968f;
border-left-color: #9a968f;
border-radius: 10px;
-webkit-animation: pace-spinner 400ms linear infinite;
-moz-animation: pace-spinner 400ms linear infinite;
-ms-animation: pace-spinner 400ms linear infinite;
-o-animation: pace-spinner 400ms linear infinite;
animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.pagemenu-selected {
background-color: #777;
border: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}