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/f530729f Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/f530729f Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/f530729f Branch: refs/heads/multiple-Vlans Commit: f530729fc9f2b82771794dc4d09a83f13242e8ad Parents: 2bb1ba9 Author: Brian Federle <[email protected]> Authored: Tue Feb 12 14:27:06 2013 -0800 Committer: Brian Federle <[email protected]> Committed: Tue Feb 12 14:27:06 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/f530729f/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 71e67bf..e3ec737 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -6879,7 +6879,7 @@ label.error { /*** Select container fields*/ .multi-wizard.zone-wizard .select-container .field { - width: 100%; + width: 682px; padding-bottom: 13px; float: left; } @@ -6902,7 +6902,6 @@ label.error { float: left; } - .multi-wizard.zone-wizard .select-container .field .value { float: left; position: relative; @@ -10433,9 +10432,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; @@ -10642,43 +10638,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%; @@ -10713,10 +10720,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; }
