Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/layout/phabricator-side-menu-view.css
| Show All 13 Lines | .phabricator-side-menu .phui-list-item-href { | ||||
| display: block; | display: block; | ||||
| padding: 6px 8px 6px 24px; | padding: 6px 8px 6px 24px; | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| border-top-right-radius: 3px; | border-top-right-radius: 3px; | ||||
| border-bottom-right-radius: 3px; | border-bottom-right-radius: 3px; | ||||
| } | } | ||||
| .phabricator-side-menu .phui-list-item-selected { | .phabricator-side-menu .phui-list-item-selected { | ||||
| background-color: {$lightsky}; | background-color: rgba(0,0,0,.05); | ||||
| border-left: 4px solid {$sky}; | border-left: 4px solid {$blue}; | ||||
| border-top-right-radius: 3px; | border-top-right-radius: 3px; | ||||
| border-bottom-right-radius: 3px; | border-bottom-right-radius: 3px; | ||||
| font-weight: bold; | |||||
| } | |||||
| .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected { | |||||
| background-color: rgba(0,0,0,.1); | |||||
| } | } | ||||
| .device-desktop .phabricator-side-menu .phui-list-item-selected | .device-desktop .phabricator-side-menu .phui-list-item-selected | ||||
| a.phui-list-item-href:hover { | a.phui-list-item-href:hover { | ||||
| background-color: rgba(0,0,0,.05); | background-color: rgba(0,0,0,.05); | ||||
| } | } | ||||
| .phabricator-side-menu .phui-list-item-selected .phui-list-item-href { | .phabricator-side-menu .phui-list-item-selected .phui-list-item-href { | ||||
| padding-left: 20px; | padding-left: 20px; | ||||
| } | } | ||||
| .phabricator-side-menu .phui-list-item-type-label { | .phabricator-side-menu .phui-list-item-type-label { | ||||
| padding: 6px 8px 4px 12px; | padding: 6px 8px 4px 12px; | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| text-transform: uppercase; | text-transform: uppercase; | ||||
| font-size: 12px; | font-size: 12px; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| border-style: solid; | border-style: solid; | ||||
| } | } | ||||
| .device-desktop .phabricator-side-menu a.phui-list-item-href:hover { | .device-desktop .phabricator-side-menu a.phui-list-item-href:hover { | ||||
| text-decoration: none; | text-decoration: none; | ||||
| background-color: rgba(0,0,0,.05); | background-color: rgba(0,0,0,.07); | ||||
| } | |||||
| .device-desktop .phabricator-icon-nav a.phui-list-item-href:hover | |||||
| .phui-list-item-icon { | |||||
| color: {$darkbluetext}; | |||||
| } | } | ||||
| .device-desktop .phabricator-icon-nav .phabricator-nav-local { | .device-desktop .phabricator-icon-nav .phabricator-nav-local { | ||||
| width: 40px; | width: 40px; | ||||
| margin-top: 16px; | |||||
| border-color: {$lightblueborder}; | |||||
| border-width: 1px 1px 1px 0; | |||||
| border-style: solid; | |||||
| background-color: #fff; | |||||
| border-top-right-radius: 3px; | |||||
| border-bottom-right-radius: 3px; | |||||
| } | } | ||||
| .device-desktop .phabricator-icon-nav .phabricator-nav-content { | .device-desktop .phabricator-icon-nav .phabricator-nav-content { | ||||
| margin-left: 41px; | margin-left: 41px; | ||||
| } | } | ||||
| .phabricator-icon-nav .phabricator-side-menu .phui-list-item-href { | .phabricator-icon-nav .phabricator-side-menu .phui-list-item-href { | ||||
| height: 40px; | height: 40px; | ||||
| width: 40px; | width: 40px; | ||||
| padding: 0; | padding: 0; | ||||
| } | } | ||||
| .phabricator-icon-nav .phabricator-side-menu .phui-list-item-icon { | .phabricator-icon-nav .phabricator-side-menu .phui-list-item-icon { | ||||
| font-size: 20px; | font-size: 20px; | ||||
| width: 40px; | width: 40px; | ||||
| line-height: 38px; | line-height: 38px; | ||||
| text-align: center; | text-align: center; | ||||
| vertical-align: bottom; | vertical-align: bottom; | ||||
| text-shadow: {$whitetextshadow}; | text-shadow: {$whitetextshadow}; | ||||
| color: {$blue}; | |||||
| } | } | ||||
| .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected { | .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected { | ||||
| border: none; | border: none; | ||||
| } | } | ||||
| .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected | .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected | ||||
| .phui-icon-view { | .phui-icon-view { | ||||
| color: {$sky}; | color: {$darkbluetext}; | ||||
| } | } | ||||
| .phabricator-icon-nav .phui-icon-view.phuihead-small { | .phabricator-icon-nav .phui-icon-view.phuihead-small { | ||||
| height: 24px; | height: 24px; | ||||
| width: 24px; | width: 24px; | ||||
| border: 1px solid #fff; | border: 1px solid #fff; | ||||
| background-size: 24px; | background-size: 24px; | ||||
| display: inline-block; | display: inline-block; | ||||
| margin: 7px; | margin: 7px; | ||||
| } | } | ||||