UI Project switcher: Better appearance
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/ddf274ed Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/ddf274ed Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/ddf274ed Branch: refs/heads/object_store Commit: ddf274edf96c0f613269ec8477cb1293e5a4d404 Parents: 26c1be6 Author: Brian Federle <brian.fede...@citrix.com> Authored: Tue Jun 18 13:47:38 2013 -0700 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Tue Jun 18 13:48:07 2013 -0700 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 48 ++++++++++++++++++++++++++++++++++++++------- 1 file changed, 41 insertions(+), 7 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/ddf274ed/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index a86b2a2..e145603 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -9087,29 +9087,63 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t /*** View switcher (drop-down)*/ .project-switcher { float: left; - width: 141px; + width: 223px; padding: 9px 17px 0 0; + /*+border-radius:4px;*/ + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; } .project-switcher label { position: absolute; - top: -2px; + top: 15px; color: #FFFFFF; - font-size: 11px; + font-size: 12px; + font-weight: bold; } .project-switcher select { - width: 100%; + width: 79%; + font-weight: bold; font-size: 12px; - border: 1px solid #000000; + /*+text-shadow:0px -1px 1px #000000;*/ + -moz-text-shadow: 0px -1px 1px #000000; + -webkit-text-shadow: 0px -1px 1px #000000; + -o-text-shadow: 0px -1px 1px #000000; + text-shadow: 0px -1px 1px #000000; + border: 1px solid #9A9A9A; border-bottom: #FFFFFF; + /*+box-shadow:inset 0px -1px #A2A2A2;*/ + -moz-box-shadow: inset 0px -1px #A2A2A2; + -webkit-box-shadow: inset 0px -1px #A2A2A2; + -o-box-shadow: inset 0px -1px #A2A2A2; + box-shadow: inset 0px -1px #A2A2A2; /*+border-radius:4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; - background: #ECECEC; - margin-top: 2px; + color: #FFFFFF; + margin-top: -2px; + margin-left: 53px; + background: url(../images/bg-gradients.png) 0px -867px; + padding: 5px; +} + +.project-switcher select:hover { + /*+box-shadow:inset 0px 2px 6px #3B3B3B;*/ + -moz-box-shadow: inset 0px 2px 6px #3B3B3B; + -webkit-box-shadow: inset 0px 2px 6px #3B3B3B; + -o-box-shadow: inset 0px 2px 6px #3B3B3B; + box-shadow: inset 0px 2px 6px #3B3B3B; + cursor: pointer; + border-bottom: 1px solid #828282; +} + +.project-switcher select option { + background: #7F8487; } /*** Select project*/
