mirror of
https://github.com/munin-monitoring/contrib.git
synced 2025-08-10 16:04:23 +00:00
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.
This commit is contained in:
JTSage
parent
3693adb343
commit
bc2dc914b3
34 changed files with 2720 additions and 0 deletions
6
templates/munstrap4/static/css/bootstrap4.min.css
vendored
Normal file
6
templates/munstrap4/static/css/bootstrap4.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
199
templates/munstrap4/static/css/style-munstrap.css
Normal file
199
templates/munstrap4/static/css/style-munstrap.css
Normal file
|
|
@ -0,0 +1,199 @@
|
|||
@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; }
|
||||
1
templates/munstrap4/static/css/style-munstrap.min.css
vendored
Normal file
1
templates/munstrap4/static/css/style-munstrap.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
@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 #fa0}html{position:relative;min-height:100%}body{margin-bottom:75px}.footer{position:absolute;bottom:0;width:100%;height:60px;line-height:60px;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:.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:0;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}
|
||||
Loading…
Add table
Add a link
Reference in a new issue