1
0
Fork 0
mirror of https://github.com/munin-monitoring/contrib.git synced 2025-08-03 14:48:22 +00:00
Munin-Contrib/templates/munstrap4/static/css/style-munstrap.css
JTSage bc2dc914b3 Add "munstrap4" template.
This template is based on the original munstrap template, updated
to use bootstrap4 and fixing some of the navigation issues the
author had with the original project.

Key Features:
 * Most pages use lazy-loaded images to cut down network usage.
 * Graph Catergory per node is directly linkable
 * Modal based graph zoom (requires working munin-graph-cgi
 * JavaScript implemented search feature to quickly jump to the desired display.
2020-04-09 14:13:04 -04:00

199 lines
No EOL
3.9 KiB
CSS

@media (min-width: 992px) {
.modal-lg {
width: 940px !important;
}
}
img.i {
display: block;
margin: 10px auto;
}
img.img-zoom {
cursor: pointer;
}
div.service-alert {
margin-top: 10px;
}
img#zoom_image {
margin-bottom: 15px;
}
ul.groupview, ul.groupview ul {
list-style-type: none;
}
.munin-icon {
background: url(../img/logo-munin.png) left top;
margin-top: -6px;
width: 35px;
height: 35px;
display: block;
float: left;
}
img {
box-sizing: content-box;
border: 2px solid transparent;
}
img.warn {
border: 2px solid #8a6d3b;
}
img.crit {
border: 2px solid #a94442;
}
img.unkn {
border: 2px solid #ffaa00;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 75px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
}
.breadcrumb-item-svc::before {
display: inline-block;
color: #6c757d;
content: "[";
}
.breadcrumb-item-svc::after {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "]";
}
.custom-collapse {
color: #6c757d;
font-size: 75%;
}
.custom-collapse::before {
display: inline-block;
color: #6c757d;
content: "[";
}
.custom-collapse::after {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "]";
}
.custom-collapse-all {
color: #6c757d;
font-size: 75%;
}
.custom-collapse-all::before {
display: inline-block;
color: #6c757d;
content: "[";
}
.custom-collapse-all::after {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "]";
}
.cat-list::before {
display: inline-block;
color: #6c757d;
content: "[ ";
}
.cat-list::after {
display: inline-block;
color: #6c757d;
content: " ]";
}
span.twitter-typeahead .tt-menu {
cursor: pointer;
}
span.twitter-typeahead .tt-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 1rem;
color: #373a3c;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
overflow: hidden;
}
span.twitter-typeahead .tt-suggestion {
display: block;
width: 100%;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.5;
color: #373a3c;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0;
}
span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
}
span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
color: #fff;
text-decoration: none;
background-color: #0275d8;
outline: 0;
}
span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
color: #818a91;
}
span.twitter-typeahead {
width: 100%;
}
.input-group span.twitter-typeahead {
display: block !important;
}
.input-group span.twitter-typeahead .tt-menu {
top: 2.375rem !important;
}
span.hangindent2 { padding-left: 1em; }
span.hangindent3 { padding-left: 2em; }
span.hangindent4 { padding-left: 3em; }
span.hangindent5 { padding-left: 4em; }
span.hangindent6 { padding-left: 5em; }