apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add hover states for nav icons

Browse Source
This commit is contained in:
Brian Federle 2014-03-04 16:03:38 -08:00
parent 5a8d165afa
commit 4df897f4ab
3 changed files with 83 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
ui/css/cloudstack3.css
View File

@ -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 {

BIN
ui/images/icons.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 60 KiB

BIN
ui/images/sprites.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 208 KiB