Updated Branches: refs/heads/ui-restyle 6b32178a1 -> bd71fbba9
Detail view: reduce size of tabs to prevent wrapping Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/bd71fbba Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/bd71fbba Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/bd71fbba Branch: refs/heads/ui-restyle Commit: bd71fbba9d84204d15c4b0338b9a77d8bc9a29b6 Parents: 6b32178 Author: Brian Federle <[email protected]> Authored: Tue Oct 15 14:59:51 2013 -0700 Committer: Brian Federle <[email protected]> Committed: Tue Oct 15 14:59:51 2013 -0700 ---------------------------------------------------------------------- ui/stylesheets/cloudstack.css | 48 +++++++++++++++++++++++----------- ui/stylesheets/csui/_details.scss | 10 +++++-- 2 files changed, 41 insertions(+), 17 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bd71fbba/ui/stylesheets/cloudstack.css ---------------------------------------------------------------------- diff --git a/ui/stylesheets/cloudstack.css b/ui/stylesheets/cloudstack.css index 1f67bdb..f6bed1a 100644 --- a/ui/stylesheets/cloudstack.css +++ b/ui/stylesheets/cloudstack.css @@ -5131,19 +5131,31 @@ ul.ui-tabs-nav { ul.ui-tabs-nav li { float: left; list-style: none; - padding: 15px 40px; - margin: 0px; } - ul.ui-tabs-nav li a:hover { - color: black; - text-decoration: none; } + padding: 15px 30px; + margin: 0px; + font-size: 12px; + font-weight: bold; } + ul.ui-tabs-nav li a { + color: #8c8c8c; + text-decoration: none; + text-shadow: 0px 2px 1px white; } + ul.ui-tabs-nav li a:hover { + color: black; + text-decoration: underline; } ul.ui-tabs-nav li { float: left; list-style: none; - padding: 15px 40px; - margin: 0px; } - ul.ui-tabs-nav li a:hover { - color: black; - text-decoration: none; } + padding: 15px 30px; + margin: 0px; + font-size: 12px; + font-weight: bold; } + ul.ui-tabs-nav li a { + color: #8c8c8c; + text-decoration: none; + text-shadow: 0px 2px 1px white; } + ul.ui-tabs-nav li a:hover { + color: black; + text-decoration: underline; } ul.ui-tabs-nav li.ui-state-active { background: #f2f2f2; border-radius: 8px 8px 0 0; @@ -6581,11 +6593,17 @@ ul.ui-tabs-nav { .detail-view .ui-tabs-nav li { float: left; list-style: none; - padding: 15px 40px; - margin: 0px; } - .detail-view .ui-tabs-nav li a:hover { - color: black; - text-decoration: none; } + padding: 15px 30px; + margin: 0px; + font-size: 12px; + font-weight: bold; } + .detail-view .ui-tabs-nav li a { + color: #8c8c8c; + text-decoration: none; + text-shadow: 0px 2px 1px white; } + .detail-view .ui-tabs-nav li a:hover { + color: black; + text-decoration: underline; } .detail-view .ui-tabs-nav li.ui-state-active { background: #f2f2f2; border-radius: 8px 8px 0 0; http://git-wip-us.apache.org/repos/asf/cloudstack/blob/bd71fbba/ui/stylesheets/csui/_details.scss ---------------------------------------------------------------------- diff --git a/ui/stylesheets/csui/_details.scss b/ui/stylesheets/csui/_details.scss index 70cdaef..c388ca4 100644 --- a/ui/stylesheets/csui/_details.scss +++ b/ui/stylesheets/csui/_details.scss @@ -20,13 +20,19 @@ $csui-tab-bg: lighten(#ccc, 15%); @mixin csui-tab { float: left; list-style: none; - padding: 15px 40px; + padding: 15px 30px; margin: 0px; + font-size: 12px; + font-weight: bold; a { + color: darken(#ccc, 25%); + text-decoration: none; + text-shadow: 0px 2px 1px white; + &:hover { color: black; - text-decoration: none; + text-decoration: underline; } } }
