From 0f0a881238f2c01c40a7dcc19a140e1c6cf38b9a Mon Sep 17 00:00:00 2001 From: Denis Flaven Date: Fri, 25 May 2012 09:23:10 +0000 Subject: [PATCH] User editable dashboards... implementation in progress SVN:trunk[2033] --- css/light-grey.css | 116 ++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 115 insertions(+), 1 deletion(-) diff --git a/css/light-grey.css b/css/light-grey.css index 0975e62680..9bee5c6352 100644 --- a/css/light-grey.css +++ b/css/light-grey.css @@ -1114,6 +1114,9 @@ select#org_id { max-width: 90%; } /*********** Dashboards ***********/ +.itop-dashboard { + background-color: #fff; +} .dragHover { background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png); } @@ -1130,6 +1133,7 @@ select#org_id { } td.layout_cell { height: 50px; /* min-height does not work */ + vertical-align: top; } .dashlet-content { background: #fff; @@ -1149,4 +1153,114 @@ table.prop_table { right: 0; z-index: 10; background: transparent url(../images/delete.png) no-repeat center; -} \ No newline at end of file +} +td.prop_value { + text-align: left; +} +.dashlet { + text-align:left; +} +.dashlet-inline { + display: inline-block; +} +.dashlet-badge a.actions { + background: none repeat scroll 0 0 transparent; + color: #666666; + font-size: 16px; + text-decoration: none; +} +.dashlet-content .display_block { + text-align:left; +} +.summary-details { + float: right; + margin-top: 5px; +} +.summary-details th { + background: none repeat scroll 0 0 #CCCCCC; + color: #EEEEEE; + padding: 5px; + text-align: center; +} +.main_header { + background-color: #F1F1F6; + height: 60px; + width: 100%; +} +.main_header h1 { + color: #1C94C4; + line-height: 16px; + margin-bottom: 0; + margin-top: 0; + padding-bottom: 10px; + padding-top: 10px; +} +a.summary { + background: none repeat scroll 0 0 transparent; + color: #666666; + text-decoration: none; +} +.summary-details td { + background: none repeat scroll 0 0 transparent; + padding: 5px; + text-align: center; +} + +#DashboardMenu > ul > li { + list-style: none; + vertical-align: middle; + margin: 0; + padding: 0; +} + +#DashboardMenu > ul { + list-style: none; + vertical-align: middle; + margin: 0; + padding: 0; + height: 25px; +} +#DashboardMenu li a { + display: block; + padding: 5px 12px; + text-decoration: none; + color: #000; + font-weight: bold; + white-space: nowrap; + background: #fff; +} +#DashboardMenu li span { + display: block; + padding: 5px 12px; + text-decoration: none; + color: #000; + white-space: nowrap; + background: #fff; +} +#DashboardMenu li { + list-style: none; +} +#DashboardMenu li a:hover { + background: #1A4473; +} + +#DashboardMenu ul > li > ul +{ + border: 1px solid black; + background: #fff; +} + +#DashboardMenu li > ul +{ margin: 0; + padding: 0; + position: absolute; + display: none; + border-top: 1px solid white; + z-index: 999; +} +#DashboardMenu li ul li a:hover{ + background: #D81515; + color: #fff; + font-weight: bold; + list-style: none; +}