1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-17 19:10:54 +01:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-side-menu-view.css
Chad Little fe2a96e37f Update Form Layouts
Summary:
This attempts some consistency in form layouts. Notably, they all now contain headers and are 16px off the sides and tops of pages. Also updated dialogs to the same look and feel. I think I got 98% of forms with this pass, but it's likely I missed some buried somewhere.

TODO: will take another pass as consolidating these colors and new gradients in another diff.

Test Plan: Played in my sandbox all week. Please play with it too and let me know how they feel.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, aran

Differential Revision: https://secure.phabricator.com/D6806
2013-08-26 11:53:11 -07:00

58 lines
1.3 KiB
CSS

/**
* @provides phabricator-side-menu-view-css
*/
.phabricator-side-menu .phui-list-item-view {
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
}
.phabricator-side-menu .phui-list-item-href {
display: block;
padding: 6px 8px 6px 24px;
color: #e1e2e5;
text-shadow: rgba(0, 0, 0, 1) 0px 1px 1px;
}
.phabricator-side-menu .phui-list-item-selected,
.device-desktop .phui-side-menu
.phui-list-item-selected.phui-list-item-href:hover {
background-color: #305c85;
color: #fff;
}
.phabricator-side-menu .phui-list-item-type-label {
padding: 6px 8px 4px 12px;
color: #f7f7f7;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
border-style: solid;
background-color: #000;
}
.phabricator-dark-menu .phui-list-item-type-button,
.phabricator-side-menu .phui-list-item-type-button {
width: 50%;
padding: 5px 8px;
display: block;
border-radius: 4px;
border: 2px solid #000;
margin: 10px auto;
color: #fff;
font-size: 14px;
text-shadow: 0px 1px 1px #000000;
font-weight: bold;
text-align: center;
}
.phabricator-side-menu .phui-list-item-type-button:hover {
background-color: #1e2225;
}
.device-desktop .phabricator-side-menu a.phui-list-item-href:hover {
text-decoration: none;
background-color: #1e2225;
}