From dd57e8bb38bd6eee8d498c911bcd0536dabe05d1 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Wed, 11 Jul 2012 14:04:27 -0700
Subject: [PATCH] VPC UI: CSS fixes

-Fix hover state for virtual router block -- should not have a
 highlight effect

-Add gray BG for multi-edit header area, for VPC PF/LB form

-Remove border around static NAT tier select
---
 ui/css/cloudstack3.css | 37 ++++++++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 8188a01bf7e..3f08f0054e3 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6934,17 +6934,36 @@ div.panel.ui-dialog div.list-view div.fixed-header {
 /** Header fields*/
 .multi-edit .header-fields {
   position: relative;
-  /*+placement:shift 8px 11px;*/
+  /*+placement:shift 14px 11px;*/
   position: relative;
-  left: 8px;
+  left: 14px;
   top: 11px;
 }
 
+.multi-edit .header-fields .form-container {
+  width: 96%;
+  height: 32px;
+  background: #E4E4E4;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #D4CFCF;
+}
+
 .multi-edit .header-fields .form-item {
+  padding: 4px 15px 3px 9px;
   margin-bottom: 32px;
+  margin-right: 0;
   float: left;
 }
 
+.multi-edit .header-fields .form-item input,
+.multi-edit .header-fields .form-item select {
+  margin-top: 4px;
+}
+
 .multi-edit .header-fields .form-item .name,
 .multi-edit .header-fields .form-item .value {
   float: left;
@@ -8916,6 +8935,7 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   padding: 35px 10px 10px;
   font-size: 14px;
   display: none;
+  z-index: 2000;
   position: absolute;
 }
 
@@ -9245,6 +9265,7 @@ div.panel.ui-dialog div.list-view div.fixed-header {
 }
 
 .vpc-chart li.tier.virtual-router span {
+  cursor: default;
   color: #586E82;
   font-size: 18px;
   /*+text-shadow:0px 1px 3px #FFFFFF;*/
@@ -9258,6 +9279,11 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   top: 22px;
 }
 
+.vpc-chart li.tier.virtual-router span:hover {
+  background: none;
+  border: none;
+}
+
 .vpc-chart li.tier.virtual-router .connect-line {
   /*+placement:shift -47px 14px;*/
   position: relative;
@@ -9269,15 +9295,8 @@ div.panel.ui-dialog div.list-view div.fixed-header {
 /*VPC: Enable Static NAT fields*/
 .list-view.instances .filters.tier-select {
   width: 246px;
-  /*+border-radius:4px;*/
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -khtml-border-radius: 4px;
-  border-radius: 4px;
-  background: #8F98A1;
   padding: 2px 20px 2px 13px;
   margin: 1px 120px 0 19px;
-  border: 1px solid #000000;
 }
 
 .list-view.instances .filters.tier-select label {