User editable dashboards... implementation in progress

git-svn-id: http://svn.code.sf.net/p/itop/code/trunk@2033 a333f486-631f-4898-b8df-5754b55c2be0

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;
-}
+}
+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;
+}