Update layout of header bar -Move notifications to top
-Better alignment of logo Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/7e269e37 Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/7e269e37 Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/7e269e37 Branch: refs/heads/rbac Commit: 7e269e3770d0dd632c4a7fa18db670bab209ee39 Parents: d9e9e0d Author: Brian Federle <brian.fede...@citrix.com> Authored: Tue Oct 29 10:56:05 2013 -0700 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Tue Oct 29 10:56:05 2013 -0700 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 46 +++++++++++++++++++++++++++++---------------- 1 file changed, 30 insertions(+), 16 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/7e269e37/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 7345221..b6d7079 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -2219,14 +2219,18 @@ div.detail-group.actions td { height: 47px; margin: auto; background: url(../images/logo.png) no-repeat 0 center; + /*+placement:shift 0px 2px;*/ + position: relative; + left: 0px; + top: 2px; } #header div.controls { width: 1024px; height: 48px; position: relative; - margin: 8px auto; - padding-top: 14px; + margin: 9px auto 8px; + padding-top: 13px; /*+border-radius:4px 4px 0 0;*/ -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; @@ -2259,16 +2263,28 @@ div.detail-group.actions td { #header div.notifications { background: transparent; + float: right; height: 18px; padding: 1px 0 0; - margin: 8px 36px 0 29px; + /*+placement:shift -174px -54px;*/ + position: relative; + left: -174px; + top: -54px; +} + +#header div.notifications:after { + content: "|"; + /*+placement:shift 28px 7px;*/ + position: relative; + left: 28px; + top: 7px; } #header div.notifications span { position: relative; top: 6px; left: 7px; - font-weight: bold; + font-weight: 100; } #header div.notifications:hover { @@ -2332,7 +2348,7 @@ div.detail-group.actions td { text-align: center; height: 12px; overflow: hidden; - font-weight: bold; + font-weight: normal; /*+text-shadow:0px -1px 1px #464646;*/ -moz-text-shadow: 0px -1px 1px #464646; -webkit-text-shadow: 0px -1px 1px #464646; @@ -9043,7 +9059,7 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t .project-switcher { float: left; width: 223px; - padding: 9px 17px 0 0; + padding: 9px 17px 0 19px; /*+border-radius:4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -11556,24 +11572,19 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it .region-switcher { display: inline-block; position: relative; - background: url(../images/bg-gradients.png) repeat-x 0px -867px; - border: 1px solid #5E5E5E; /*+border-radius:4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; - border-top: 1px solid #717171; - border-bottom: 1px solid #FFFFFF; height: 28px; float: left; margin: 5px 13px 0 0; cursor: pointer; - /*+box-shadow:inset 0px 1px 1px #000000;*/ - -moz-box-shadow: inset 0px 1px 1px #000000; - -webkit-box-shadow: inset 0px 1px 1px #000000; - -o-box-shadow: inset 0px 1px 1px #000000; - box-shadow: inset 0px 1px 1px #000000; + /*+placement:shift 27px 1px;*/ + position: relative; + left: 27px; + top: 1px; } .region-selector { @@ -11711,8 +11722,11 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it font-weight: bold; max-width: 67px; overflow: hidden; - text-overflow: ellipsis; white-space: nowrap; + /*+placement:shift -1px 0px;*/ + position: relative; + left: -1px; + top: 0px; } .region-switcher:hover,
