1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
phorge-phorge/webroot/rsrc/css/sprite-menu.css
Chad Little 752055a45c Update mobile menu icons
Summary: Simplify the look of the mobile menu, provide active states for the menu icons.

Test Plan: iOS Simulator and Chrome.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Maniphest Tasks: T2426

Differential Revision: https://secure.phabricator.com/D5189
2013-03-03 08:17:57 -08:00

67 lines
1.3 KiB
CSS

/**
* @provides sprite-menu-css
* @generated
*/
.sprite-menu {
background-image: url(/rsrc/image/sprite-menu.png);
background-repeat: no-repeat;
}
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.sprite-menu {
background-image: url(/rsrc/image/sprite-menu-X2.png);
background-size: 140px 117px;
}
}
.alert-notifications .phabricator-main-menu-alert-icon {
background-position: 0px 0px;
}
.alert-notifications:hover .phabricator-main-menu-alert-icon {
background-position: -19px 0px;
}
.alert-notifications.alert-unread .phabricator-main-menu-alert-icon {
background-position: -38px 0px;
}
.phabricator-crumb-divider {
background-position: 0px -85px;
}
.menu-icon-eye {
background-position: 0px -38px;
}
.menu-icon-eye-blue {
background-position: -25px -38px;
}
.menu-icon-app {
background-position: -10px -85px;
}
.menu-icon-app-blue {
background-position: -35px -85px;
}
.phabricator-main-menu-logo-image {
background-position: 0px -59px;
}
.alert-notifications .phabricator-main-menu-message-icon {
background-position: 0px -19px;
}
.alert-notifications:hover .phabricator-main-menu-message-icon {
background-position: -19px -19px;
}
.alert-notifications.message-unread .phabricator-main-menu-message-icon {
background-position: -38px -19px;
}