From 2e272f91b070da8c5cbc4f475838bedfe3128ff1 Mon Sep 17 00:00:00 2001 From: redray <redray@ispconfig3> Date: Tue, 02 Dec 2008 06:18:08 -0500 Subject: [PATCH] some css enhancements for the sysmonitor --- interface/web/themes/default/css/screen/content_ispc.css | 170 +++++++++++++++++++++++++------------------------------- 1 files changed, 76 insertions(+), 94 deletions(-) diff --git a/interface/web/themes/default/css/screen/content_ispc.css b/interface/web/themes/default/css/screen/content_ispc.css index a38188f..a03fbe0 100644 --- a/interface/web/themes/default/css/screen/content_ispc.css +++ b/interface/web/themes/default/css/screen/content_ispc.css @@ -24,32 +24,32 @@ /* Tab-Box */ .tabbox_tabs { - border-bottom: 1px solid #d3d3d3; + border-bottom: 1px solid #d3d3d3; } .tabbox_tabs ul { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .tabbox_tabs li { - display: inline; - margin: 0 2px 0 0; + display: inline; + margin: 0 2px 0 0; } .tabbox_tabs a { - padding: 0 1em; - text-decoration: none; - color: black; - background: #d3d3d3; - border: 1px solid #d3d3d3; + padding: 0 1em; + text-decoration: none; + color: black; + background: #d3d3d3; + border: 1px solid #d3d3d3; } .tabbox_tabs a:hover { - background: #fc0; - color: #540; + background: #fc0; + color: #540; } .tabbox_tabs .active a { - font-weight: bold; - color: #ff6600; - background: #ffffff; + font-weight: bold; + color: #ff6600; + background: #ffffff; } .pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formarea fieldset { @@ -68,7 +68,7 @@ } .box_error { border: 4px solid #CC0000; } .box_error h1 { color: #CC0000; } - .box_support { border: 1px solid #6495ed; } + .box_support { border: 1px solid #6495ed; } .box_support h1 { color: #6495ed; } .box_msg { border: 2px solid #6495ed; } .box_msg h1 { color: #6495ed; } @@ -82,18 +82,6 @@ font-size: 0.9em; } - /* Password Strength */ - #passBar { - width: 101px; height: 10px; - background: url(../../images/meter_bg.gif) repeat-x bottom left; - margin: 2px 0; - float: left; - } - #passText { - padding: 0 8px; - float: left; - } - /* Lists */ table.list { width: 100%; @@ -105,94 +93,88 @@ table.list .tbl_row_even { background: #fcfcfc; } table.list .tbl_row_uneven { background: #f0f8ff; } table.list tr:hover { background: #fffacd; } - + + /* Password Strength */ + #passBar { + width: 101px; height: 10px; + background: url(../../images/meter_bg.gif) repeat-x bottom left; + margin: 2px 0; + float: left; + } + #passText { + padding: 0 8px; + float: left; + } + + /* Systemmonitor */ .systemmonitor-state { - margin:20px 0; + margin: 10px 0; font-family: Consolas, "Lucida Console", "Courier New", monospace; font-size: 0.9em; } - .systemmonitor-state-no_state { - border: 1px solid #30302e; + .systemmonitor-state.state-no_state { + border-top: 4px solid #95A19F; + background-color: #FBF6EE; + } + .systemmonitor-state.state-unknown { + border-top: 4px solid #30302e; background-color: #cecfc5; } - .systemmonitor-state-unknown { - border: 1px solid #30302e; - background-color: #cecfc5; - } - .systemmonitor-state-ok { - border: 1px solid #23fb00; + .systemmonitor-state.state-ok { + border-top: 4px solid #23fb00; background-color: #adffa2; } - .systemmonitor-state-info { - border: 1px solid #fdff00; + .systemmonitor-state.state-info { + border-top: 4px solid #fdff00; background-color: #fdffa2; } - .systemmonitor-state-warning { - border: 1px solid #ffa800; + .systemmonitor-state.state-warning { + border-top: 4px solid #ffa800; background-color: #ffda93; } - .systemmonitor-state-critical { - border: 1px solid #ff0000; + .systemmonitor-state.state-critical { + border-top: 4px solid #ff0000; background-color: #ffb9b9; } - .systemmonitor-state-error { - border: 1px solid #ff0000; + .systemmonitor-state.state-error { + border-top: 4px solid #ff0000; background-color: #ff7f7f; } - .systemmonitor-systemstate { - background-image:url("../../icons/x64/network.png"); - background-repeat: no-repeat; - } - .systemmonitor-serverstate { - background-image:url("../../icons/x64/server.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-no_state-icon { - padding:2px 10px 2px 80px; - /*ackground-image:url("../../icons/x32/state_unknown.png"); */ - background-repeat: no-repeat; - } - .systemmonitor-state-unknown-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_unknown.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-ok-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_ok.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-info-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_info.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-warning-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_warning.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-critical-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_critical.png"); - background-repeat: no-repeat; - } - .systemmonitor-state-error-icon { - padding:2px 10px 2px 80px; - background-image:url("../../icons/x32/state_error.png"); - background-repeat: no-repeat; - } - .systemmonitor table { + .systemmonitor-device { + background-repeat: no-repeat; + background-position: 12px 4px; + min-height: 80px; + } + .systemmonitor-device.device-system { background-image: url("../../icons/x64/network.png"); } + .systemmonitor-device.device-server { background-image: url("../../icons/x64/server.png"); } + + .systemmonitor-content.icons32 { + padding:2px 10px 2px 80px; + background-repeat: no-repeat; + background-position: 12px 4px; + } + .systemmonitor-content.icons32.ico-no_state { /*background-image:url("../../icons/x32/state_no.png"); */ } + .systemmonitor-content.icons32.ico-unknown { background-image:url("../../icons/x32/state_unknown.png"); } + .systemmonitor-content.icons32.ico-ok { background-image:url("../../icons/x32/state_ok.png"); } + .systemmonitor-content.icons32.ico-info { background-image:url("../../icons/x32/state_info.png"); } + .systemmonitor-content.icons32.ico-warning { background-image:url("../../icons/x32/state_warning.png"); } + .systemmonitor-content.icons32.ico-critical { background-image:url("../../icons/x32/state_critical.png"); } + .systemmonitor-content.icons32.ico-error { background-image:url("../../icons/x32/state_error.png"); } + + .systemmonitor-content table { border: none; margin-top: 10px; } - .online { - background-color: #c6d880; + .systemmonitor-content * .online { + border: 1px solid #ffffff; + background-color: #E3FFB8; + color: #000000; padding:0px 5px; } - .offline { + .systemmonitor-content * .offline { + border: 1px solid #ffffff; background-color: #d12f19; color:#ffffff; padding:0px 5px; -- Gitblit v1.9.1