You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/02/14 00:18:02 UTC

[4/6] git commit: refs/heads/ui-multiple-vlan-ranges - Multiple vlan ranges: update styling

Multiple vlan ranges: update styling


Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/4e5bf9bb
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/4e5bf9bb
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/4e5bf9bb

Branch: refs/heads/ui-multiple-vlan-ranges
Commit: 4e5bf9bba0d36f2cc294ee052ef30b064fc6ee60
Parents: e99c907
Author: Brian Federle <br...@citrix.com>
Authored: Tue Feb 12 14:27:06 2013 -0800
Committer: Brian Federle <br...@citrix.com>
Committed: Wed Feb 13 15:15:57 2013 -0800

----------------------------------------------------------------------
 ui/css/cloudstack3.css |   75 ++++++++++++++++++++++--------------------
 1 files changed, 39 insertions(+), 36 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/4e5bf9bb/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 57fe48f..5dbaeeb 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6905,7 +6905,7 @@ label.error {
 
 /*** Select container fields*/
 .multi-wizard.zone-wizard .select-container .field {
-  width: 100%;
+  width: 682px;
   padding-bottom: 13px;
   float: left;
 }
@@ -6928,7 +6928,6 @@ label.error {
   float: left;
 }
 
-
 .multi-wizard.zone-wizard .select-container .field .value {
   float: left;
   position: relative;
@@ -10459,9 +10458,6 @@ div.ui-dialog div.acl div.multi-edit div.data div.data-body div.data-item table
   width: 65px;
 }
 
-
-
-
 /*Autoscaler*/
 .ui-dialog div.autoscaler {
   overflow: auto;
@@ -10668,43 +10664,54 @@ div.ui-dialog div.autoscaler div.scale-up-policy div.hide {
   width: 14px;
 }
 
-/* Multiple Vlan Ranges */
-
-div.ui-dialog div.multi-wizard div.steps div.setup-guest-traffic div.content div.select-container div.physical-network-item [rel=vlanRange] div.expand {
-  background: #FFFFFF url("../images/sprites.png") repeat -541px -499px;
-  border: 1px solid #D0D0D0;
-  border-radius: 9px 9px 9px 9px;
+/*Multiple Vlan Ranges*/
+div.ui-dialog div.multi-wizard div.steps div.setup-guest-traffic div.content div.select-container div.physical-network-item [rel=vlanRange] div.hide {
+  background: url("../images/sprites.png") no-repeat -8px -98px;
   cursor: pointer;
-  float: right;
+  float: left;
   height: 15px;
-  margin: 16px 320px 0 11px;
+  margin-left: 28px;
+  margin-top: 17px;
   width: 14px;
 }
 
-div.ui-dialog div.multi-wizard div.steps div.setup-guest-traffic div.content div.select-container div.physical-network-item [rel=vlanRange]  div.hide {
-  background: url("../images/minus.png") no-repeat scroll 38% 59% #FFFFFF;
-  border: 1px solid #D0D0D0;
-  border-radius: 9px 9px 9px 9px;
-  cursor: pointer;
-  float: right;
-  height: 15px;
-  margin-right:-5px;
-  margin-top:17px;
-  width: 14px;
+div.ui-dialog div.multi-wizard div.steps div.setup-guest-traffic div.content div.select-container div.physical-network-item [rel=vlanRange] div.hide:hover {
+  background-position: -8px -680px;
 }
 
- div.ui-dialog div.multi-wizard div.steps div.setup-guest-traffic div.content div.select-container div.physical-network-item div.expand div.expand-label{
-
-    float: left;
-    font-size: 11px;
-    margin-left: 18px;
-    margin-top: 2px;
-    width: 100px;
-
+div.ui-dialog div.multi-wizard div.physical-network-item div.expand {
+  padding: 11px;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  border: 1px solid #CCC;
+  background: url(../images/bg-gradients.png) 0px -33px;
+  float: left;
+  font-size: 11px;
+  margin-left: 9px;
+  cursor: pointer;
+  margin-top: 9px;
+  width: 112px;
 }
 
+div.ui-dialog div.multi-wizard div.physical-network-item div.expand .icon {
+  padding: 1px 12px 1px 0px;
+  background: url("../images/sprites.png") repeat -541px -499px;
+  /*+placement:shift -10px -1px;*/
+  position: relative;
+  left: -10px;
+  top: -1px;
+}
 
-
+div.ui-dialog div.multi-wizard div.physical-network-item div.expand:hover {
+  /*+box-shadow:inset 0px 1px 6px #828282;*/
+  -moz-box-shadow: inset 0px 1px 6px #828282;
+  -webkit-box-shadow: inset 0px 1px 6px #828282;
+  -o-box-shadow: inset 0px 1px 6px #828282;
+  box-shadow: inset 0px 1px 6px #828282;
+}
 
 div.ui-dialog div.autoscaler div.scale-down-policy div.hide {
   background: #FFFFFF url("../images/minus.png") no-repeat 31% 54%;
@@ -10739,10 +10746,6 @@ div.ui-dialog div.autoscaler div.scale-down-policy div.expand {
   width: 14px;
 }
 
-
-
-
-
 div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-item div.name label {
   font-size: 11px;
 }