Add hover states for nav icons
Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/4df897f4 Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/4df897f4 Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/4df897f4 Branch: refs/heads/rbac Commit: 4df897f4abb5d68c73b2b482679eb0dd1f2a76be Parents: 5a8d165 Author: Brian Federle <brian.fede...@citrix.com> Authored: Tue Mar 4 16:03:38 2014 -0800 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Tue Mar 4 16:04:17 2014 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 98 +++++++++++++++++++++++++++++++++++++------- ui/images/icons.png | Bin 55332 -> 61164 bytes ui/images/sprites.png | Bin 207785 -> 212515 bytes 3 files changed, 83 insertions(+), 15 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/4df897f4/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 9273eba..162f77b 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -2640,63 +2640,127 @@ div.detail-group.actions td { margin-right: -14px; } -#navigation ul li.last.active, -#navigation ul li.last:hover { -} - /*Navigation icons*/ #navigation ul li.dashboard span.icon, #navigation ul li.dashboard-user span.icon { background-position: -14px -18px; } +#navigation ul li.dashboard:hover span.icon, +#navigation ul li.dashboard-user:hover span.icon span.icon, +#navigation ul li.dashboard.active span.icon, +#navigation ul li.dashboard-user.active span.icon span.icon { + background-position: -23px -687px; +} + #navigation ul li.instances span.icon { - background-position: -73px -23px; + background-position: -73px -18px; +} + +#navigation ul li.instances.active span.icon, +#navigation ul li.instances:hover span.icon { + background-position: -82px -686px; } #navigation ul li.affinityGroups span.icon { background-position: -73px -87px; } +#navigation ul li.affinityGroups.active span.icon, +#navigation ul li.affinityGroups:hover span.icon { + background-position: -82px -755px; +} + #navigation ul li.storage span.icon { - background-position: -127px -23px; + background-position: -127px -19px; +} + +#navigation ul li.storage.active span.icon, +#navigation ul li.storage:hover span.icon { + background-position: -137px -687px; } #navigation ul li.network span.icon { - background-position: -180px -23px; + background-position: -180px -20px; +} + +#navigation ul li.network.active span.icon, +#navigation ul li.network:hover span.icon { + background-position: -189px -690px; } #navigation ul li.templates span.icon { - background-position: -233px -23px; + background-position: -233px -21px; +} + +#navigation ul li.templates.active span.icon, +#navigation ul li.templates:hover span.icon { + background-position: -242px -690px; } #navigation ul li.projects span.icon { - background-position: -294px -23px; + background-position: -294px -21px; +} + +#navigation ul li.projects.active span.icon, +#navigation ul li.projects:hover span.icon { + background-position: -303px -690px; } #navigation ul li.events span.icon { background-position: -351px -23px; } +#navigation ul li.events.active span.icon, +#navigation ul li.events:hover span.icon { + background-position: -359px -692px; +} + #navigation ul li.configuration span.icon { - background-position: -400px -24px; + background-position: -401px -21px; +} + +#navigation ul li.configuration.active span.icon, +#navigation ul li.configuration:hover span.icon { + background-position: -410px -690px; } #navigation ul li.global-settings span.icon { background-image: url(../images/sprites.png); - background-position: -141px -241px; + background-position: -143px -240px; +} + +#navigation ul li.global-settings.active span.icon, +#navigation ul li.global-settings:hover span.icon { + background-image: url(../images/sprites.png); + background-position: -366px -239px; } #navigation ul li.accounts span.icon { - background-position: -458px -24px; + background-position: -458px -19px; +} + +#navigation ul li.accounts.active span.icon, +#navigation ul li.accounts:hover span.icon { + background-position: -467px -688px; } #navigation ul li.system span.icon { background-position: -569px -24px; } +#navigation ul li.system.active span.icon, +#navigation ul li.system:hover span.icon { + background-position: -578px -692px; +} + #navigation ul li.domains span.icon { - background-position: -519px -24px; + background-position: -520px -21px; +} + +#navigation ul li.domains.active span.icon, +#navigation ul li.domains:hover span.icon { + background-position: -529px -690px; } #navigation ul li.plugins span.icon { @@ -2704,7 +2768,12 @@ div.detail-group.actions td { } #navigation ul li.regions span.icon { - background: url(../images/sprites.png) no-repeat -141px -381px; + background: url(../images/sprites.png) no-repeat -141px -379px; +} + +#navigation ul li.regions.active span.icon, +#navigation ul li.regions:hover span.icon { + background: url(../images/sprites.png) no-repeat -365px -377px; } /*Browser*/ @@ -7584,7 +7653,6 @@ label.error { } #navigation ul li.last.active { - height: 52px; } .detail-group table tbody { http://git-wip-us.apache.org/repos/asf/cloudstack/blob/4df897f4/ui/images/icons.png ---------------------------------------------------------------------- diff --git a/ui/images/icons.png b/ui/images/icons.png index fe348c7..fd1049d 100644 Binary files a/ui/images/icons.png and b/ui/images/icons.png differ http://git-wip-us.apache.org/repos/asf/cloudstack/blob/4df897f4/ui/images/sprites.png ---------------------------------------------------------------------- diff --git a/ui/images/sprites.png b/ui/images/sprites.png index 0070bf9..ca7f470 100644 Binary files a/ui/images/sprites.png and b/ui/images/sprites.png differ
