From 75a5cab0f93eef8d01fc2b5a2c5cb4899f379e35 Mon Sep 17 00:00:00 2001 From: Susanne Vestner-Ludwig Date: Fri, 11 Oct 2013 10:00:37 +0200 Subject: [PATCH] Main navigation and detail table refs #4824 --- doc/Icinga-Design/documentation.html | 68 ++++++---- doc/Icinga-Design/icinga-design.css | 127 +++++++++++++++++- doc/Icinga-Design/images/comment_petrol.png | Bin 0 -> 502 bytes .../images/configuration_petrol.png | Bin 0 -> 645 bytes doc/Icinga-Design/images/dashboard_petrol.png | Bin 0 -> 420 bytes doc/Icinga-Design/images/host_petrol.png | Bin 0 -> 489 bytes .../images/in_downtime_petrol.png | Bin 0 -> 497 bytes .../images/notification_petrol.png | Bin 0 -> 604 bytes doc/Icinga-Design/images/service_petrol.png | Bin 0 -> 505 bytes 9 files changed, 168 insertions(+), 27 deletions(-) create mode 100644 doc/Icinga-Design/images/comment_petrol.png create mode 100644 doc/Icinga-Design/images/configuration_petrol.png create mode 100644 doc/Icinga-Design/images/dashboard_petrol.png create mode 100644 doc/Icinga-Design/images/host_petrol.png create mode 100644 doc/Icinga-Design/images/in_downtime_petrol.png create mode 100644 doc/Icinga-Design/images/notification_petrol.png create mode 100644 doc/Icinga-Design/images/service_petrol.png diff --git a/doc/Icinga-Design/documentation.html b/doc/Icinga-Design/documentation.html index 3970273ea..90d7ee4b6 100644 --- a/doc/Icinga-Design/documentation.html +++ b/doc/Icinga-Design/documentation.html @@ -506,33 +506,33 @@ code... - Passive Checks + Passive Checks
- Active Checks + Active Checks - Obsessing + Obsessing
- Notifications + Notifications - Event Handler + Event Handler
- Flap Detection + Flap Detection @@ -543,15 +543,6 @@ code... - - - - - - - - - @@ -610,26 +601,57 @@ code... -

Buttons

+

Main Navigation

-

Link Button

+
- Lorem Ipsum + + + +
+ +
-
- -
+ diff --git a/doc/Icinga-Design/icinga-design.css b/doc/Icinga-Design/icinga-design.css index 919c265ef..d648f9bec 100644 --- a/doc/Icinga-Design/icinga-design.css +++ b/doc/Icinga-Design/icinga-design.css @@ -167,7 +167,7 @@ td { .badge a:hover, .badge:hover { color: #ff3300 !important; - display: block !important; + display: inline-block !important; } @@ -191,11 +191,11 @@ td { -.disabled { +.panel-disabled { border-left: 8px solid #FF3300; } -.enabled { +.panel-enabled { border-left: 8px solid #00CC33; } @@ -625,4 +625,123 @@ input[type="checkbox"]:checked + label span { .btn-half-right { float: right; width: 48%; -} \ No newline at end of file +} + + +/* ========================================================================== + Main Navigation + ========================================================================== */ + + +.nav-stacked { + background-color: #f8f8f8; +} + +.nav-stacked > li { + padding-top: 5px; + padding-bottom: 7px; + border-bottom: 1px dotted #049baf; + border-right: 1px dotted #049baf; +} +.nav-stacked > li:first-child { + border-top: 1px dotted #049baf; +} + +.nav-stacked > li > a { + padding-left: 40px; + padding-right: 3px; + border-left: 6px solid #049baf; + display: inline-block; +} + +.nav-stacked > li > a.nav-notification { + border-left: 6px solid red !important; +} + +.nav-stacked > li > a:hover, +.nav-stacked > li > a:focus { +/* font-weight: bold;*/ + background-color: transparent; !important; + display: inline-block; +} + +.nav-stacked > li:hover, +.nav-stacked > li:focus { +background-color: #fff; + +} + +.nav-stacked > li.active { + background-color: #fff; + border-right: 0; +} + + + + +.nav-icon-hosts { + background-image: url('images/host_petrol.png'); + background-repeat: no-repeat; + background-position: 18px 17px; +} + +.nav-icon-services { + background-image: url('images/service_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 18px; +} +.nav-icon-downtimes { + background-image: url('images/in_downtime_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 17px; +} +.nav-icon-notifications { + background-image: url('images/notification_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 18px; +} +.nav-icon-comments { + background-image: url('images/comment_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 19px; +} +.nav-icon-dashboard { + background-image: url('images/dashboard_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 19px; +} +.nav-icon-configuration { + background-image: url('images/configuration_petrol.png'); + background-repeat: no-repeat; + background-position: 19px 19px; +} + + + +.badge-container-nav { + display: inline-block; + overflow: hidden; + padding-top: 0; + margin-bottom: 5px; +} +.badge-nav { + background-color: #fff; + border-radius: 2px; + color: #ff3300; + display: inline-block; + font-size: 12px; + font-weight: bold; + line-height: 1; + min-width: 10px; + padding-bottom: 3px; + padding-left: 7px; + padding-right: 7px; + padding-top: 3px; + text-align: center; + vertical-align: baseline; + white-space: nowrap; + border: 1px solid #ff3300; +} + + + diff --git a/doc/Icinga-Design/images/comment_petrol.png b/doc/Icinga-Design/images/comment_petrol.png new file mode 100644 index 0000000000000000000000000000000000000000..53c1223e9f98acde3c31ae6904a2b842ed8e84f6 GIT binary patch literal 502 zcmVL)3HldQ5eVZ&wY6hQG=UEHHC$%lY=%CLeO?-Xly!DlZD`*2tqj-5kXMi zKOiXb6121=IJA^B78H&yE-nflM^{>2i(dj{ya<4zYVV84Ibwd szyI$&Kwa0T*2(MyR%En5A1!JKJ*~|yoOls<8#^QfRe`9i1_uO;ubI5L%%AC8OEW-O)obw;EAR|Qa;X=4(TXK0hCBZNlvRBQJs3ngPNx_i=Gs17!g%iL zY>MIfAAqu|Pv9bUU@?YL46mk9nuker;5AOA7;d-bdOt=mm}2P97uH}WCeW8+_?Y(# z4C4zFdE*ymV^%)Yjduvxj}K*4cjd?0(T0Jts*3_cc$zs6XCW&bNHJ_pF>Jq)?DmKF}&d4&$JzHGzM!Bhcz6zi&fZ!lwx@P$BO@a=aJkd fe8-}!*I)4)6V$-th-l9300000NkvXXu0mjfy|Nh2 literal 0 HcmV?d00001 diff --git a/doc/Icinga-Design/images/dashboard_petrol.png b/doc/Icinga-Design/images/dashboard_petrol.png new file mode 100644 index 0000000000000000000000000000000000000000..04936ba85ba4c00e8ed41db129a13cf6d77de3b2 GIT binary patch literal 420 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ za0`JjuD>E~E=>r_UO%PPAbP0 Hl+XkK{pF#} literal 0 HcmV?d00001 diff --git a/doc/Icinga-Design/images/host_petrol.png b/doc/Icinga-Design/images/host_petrol.png new file mode 100644 index 0000000000000000000000000000000000000000..6568fe6f78399aa5218ef371b10b3b50c9a468b8 GIT binary patch literal 489 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf4nJ za0`JjZSczqK+cRKc25L z?l_o{xymGyS<#h?`y*!ytMtVw++~#=GsHdYQ-ipgd-*4@b7=fnzGP2^KFi9n)C3t?S4z2%inD|4DTM-_UXB9>Q{6<&hhg1y#kl{`V5b*S8Xy~lcZn% z_NG^6Uecu9W#ybPm+SP-C^YCRE{mP>z@q%^!H&n(e^)li@qgqzUnrL(#l10ThGRkJ z@gE)bOXb~I`nilbu5tb05#JGB)%_~hc72oekH*~=M>5~tD(`+FaQXeAGj}=oC%+KqK3+8u+YH`dqb~BVb&-F;7Tz`ylQ=>c{|p=W8Ma694r6hQw83-| z53thG`+Qr3XJNgFs<+o{kd+m@z;ld5wSbp_(>lRp-B{o8JF0K!$D>|Bda3apT7Y3}6{g>LULYM|g_!y2w{s#8(F` z2JSATSy>HY98384KXJe(EM;YNgwrJ5**`&ogSyB++`&LrR%@8YWs>gfckmuRFo?ce n^cVPpDQu?L!}eWHZou9@gXdOoq3=^<00000NkvXXu0mjfY5mU) literal 0 HcmV?d00001 diff --git a/doc/Icinga-Design/images/notification_petrol.png b/doc/Icinga-Design/images/notification_petrol.png new file mode 100644 index 0000000000000000000000000000000000000000..cf4e9505a30360e817425fac2a3310b8928836f9 GIT binary patch literal 604 zcmV-i0;BzjP)LlTS!gQ5eO4@4mU#JYHEzwW^3{QL`+I2qH?TRa~-7pu6j$$ifjE+Kp6F z81!djiwo^CqVPhiXxlDq6QyEcU@L1#M8}~!Z*H4cjN)kNxBbrfanHxOf%l$`j95z` zjm=79*9VZs_5z=Q_`dEGL_nr~x8wTFeX9bbvBSW5;3zNyg!OyZvbzusnx_DP z_a13%CWSQvFH*x42jGj- z>Xg&UEze%dMxE0g`GFrp_kU*QX0IT^8vHugn$Q1jm!W$Uq7Gqp_m6q;^s}F>b45t74Qfc1;(VYw;BPy=5JpXl}Z($y!XJ7 z!2QY!r`09k5Re1f040qbNj(co2)?#o)RMmK`Qk1@c^9}AEU&UOHUdU~7T^N#1~~1s z`WtUc@xf3M#f#;>uKbdM064A6z&UB`lQdQUB=wr6(#$}q*fR}j4;qa$wg6lOa!#xH ql{BmV1*g?L;4rYFdCeF6%lrlyVUb&N#~o7u00004nJ za0`JjF~p*G>E*pyVvZumKHh(2 zox#G*>bQqN`Zdd+j7v)d4!VBi`^KgcEA?3{t|7vzHzRSXPqLsupo$BppyQg{mI*gF zBPWoV;_E=jW%No2hwgTj?B$))``k-NG7uE3!9sn=9KKsI8g7aKfzn zUZqsOTkNCQ;HlF8lWmWD@lKas_V3~!gCkoEJp8{hPCk-u&|lc`^3H~NjMcUWojP7t zu7A$A?~$=s_0L!hH~(qTcaBJ%dn|k|Y1ztCUj;5l?>Q!9_lRp-A+Nr10=Io3*ZL34 z(+kCC&&XT#$-Coa>))x@Eqc2p4cbF9R&C-ljD4ZA|M=2nTIp=YjnWY(jc;VG+LX6y z(>sOxA4Rr*Tw}i_?mpj>@`56ZSetk6cGq~kb(qZfb;GTYr{;Hlb^iczt~>iAI(<$o tG-W>at-SX9eDnG#HxBQxcvt?9_li=+`+8(6j&m literal 0 HcmV?d00001