tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed hostgroup and servicegroup design

This commit is contained in:
Bernd Erk 2014-11-06 22:03:03 +01:00
parent 548058650a
commit c885544a6b
2 changed files with 14 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/icinga/defaults.less
View File

@ -11,7 +11,6 @@ html, body {
} }
html { html {
color: #000;
background: #fff; background: #fff;
} }
@ -35,9 +34,8 @@ table {
} }
body { body {
font-family: Ubuntu, Calibri, Trebuchet MS, Helvetica, sans-serif;
font-family: Calibri, Helvetica, sans-serif; font-family: Calibri, Helvetica, sans-serif;
color: black; color: #666;
background-color: white; background-color: white;
} }

34
public/css/icinga/monitoring-colors.less
View File

@ -281,10 +281,8 @@ a.critical {
display: inline-block; display: inline-block;
padding: 0.4em; padding: 0.4em;
margin: 0.4em; margin: 0.4em;
border: 1px solid #d9d9d9;
background: #eee; background: #eee;
border-radius: 0.4em;
-moz-border-radius: 0.4em;
} }
/* Box caption */ /* Box caption */
@ -292,36 +290,32 @@ a.critical {
margin-top: 0; margin-top: 0;
margin-bottom: 0.6em; margin-bottom: 0.6em;
font-size: 0.8em; font-size: 0.8em;
color: #666;
color: #eee;
} }
.boxview div.box h2:first-child { .boxview div.box h2:first-child {
margin-top: 0.2em; margin-top: 0.2em;
padding-bottom: 0.5em;
font-size: inherit; font-size: inherit;
color: #666;
color: white; border-bottom: 1px solid #d9d9d9;
} }
.boxview div.box h2 > a { .boxview div.box h2 > a {
color: inherit; color: inherit;
margin-bottom: 0.2em;
} }
.boxview div.box h2 > a:hover { .boxview div.box h2 > a:hover {
color: #fafafa; text-decoration: underline;
} }
.boxview div.box h2:first-child > a:hover { .boxview div.box h2:first-child > a:hover {
color: #dfdfdf;
} }
/* Box body of contents */ /* Box body of contents */
.boxview div.box.contents { .boxview div.box.contents {
padding: 0.2em; padding: 0.2em;
background: #fbfbfb;
border-radius: 0.4em;
-moz-border-radius: 0.4em;
} }
.boxview div.box.contents table { .boxview div.box.contents table {
@ -329,18 +323,13 @@ a.critical {
} }
.boxview div.box.contents td { .boxview div.box.contents td {
width: 11.1em; width: 13em;
vertical-align: top; vertical-align: top;
} }
/* Box separator */ /* Box separator */
.boxview div.box-separator:first-child { .boxview div.box-separator:first-child {
border-top-width: 0; border-top-width: 0;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
-moz-border-top-left-radius: 0.4em;
-moz-border-top-right-radius: 0.4em;
} }
.boxview div.box-separator { .boxview div.box-separator {
@ -366,8 +355,6 @@ a.critical {
white-space: nowrap; white-space: nowrap;
color: black; color: black;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
} }
/* Any line of a box entry */ /* Any line of a box entry */
@ -394,14 +381,17 @@ a.critical {
/* Host- and Servicegroup element styles */ /* Host- and Servicegroup element styles */
div.box.entry.state_up, div.box.entry.state_ok { div.box.entry.state_up, div.box.entry.state_ok {
border: 1px solid @colorOk;
border-left: 1em solid @colorOk; border-left: 1em solid @colorOk;
} }
div.box.entry.state_pending { div.box.entry.state_pending {
border: 1px solid @colorPending;
border-left: 1em solid @colorPending; border-left: 1em solid @colorPending;
} }
div.box.entry.state_down, div.box.entry.state_critical { div.box.entry.state_down, div.box.entry.state_critical {
border: 1px solid @colorCritical;
border-left: 1em solid @colorCritical; border-left: 1em solid @colorCritical;
background-color: @colorCritical; background-color: @colorCritical;
color: white; color: white;
@ -412,6 +402,7 @@ div.box.entry.state_down a:hover, div.box.entry.state_critical a:hover {
} }
div.box.entry.state_warning { div.box.entry.state_warning {
border: 1px solid @colorWarning;
border-left: 1em solid @colorWarning; border-left: 1em solid @colorWarning;
background-color: @colorWarning; background-color: @colorWarning;
color: white; color: white;
@ -422,6 +413,7 @@ div.box.entry.state_warning a:hover {
} }
div.box.entry.state_unreachable, div.box.entry.state_unknown { div.box.entry.state_unreachable, div.box.entry.state_unknown {
border: 1px solid @colorUnknown;
border-left: 1em solid @colorUnknown; border-left: 1em solid @colorUnknown;
background-color: @colorUnknown; background-color: @colorUnknown;
color: white; color: white;