Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/base/main-menu-view.css
| /** | /** | ||||
| * @provides phabricator-main-menu-view | * @provides phabricator-main-menu-view | ||||
| */ | */ | ||||
| /* - Main Menu ----------------------------------------------------------------- | /* - Main Menu ----------------------------------------------------------------- | ||||
| Main menu at the top of every page that has chrome. It reacts to resolution | Main menu at the top of every page that has chrome. It reacts to resolution | ||||
| changes in order to behave reasonably on tablets and phones. | changes in order to behave reasonably on tablets and phones. | ||||
| */ | */ | ||||
| .phabricator-main-menu { | .phabricator-main-menu { | ||||
| background: #2d3236; | background: #2d3236; | ||||
| background-image: url(/rsrc/image/texture/phlnx-bg.png); | |||||
| background-repeat: repeat-x; | background-repeat: repeat-x; | ||||
| position: relative; | position: relative; | ||||
| box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); | ||||
| min-height: 44px; | min-height: 44px; | ||||
| } | } | ||||
| .device-desktop .phabricator-main-menu { | .device-desktop .phabricator-main-menu { | ||||
| height: 44px; | height: 44px; | ||||
| Show All 20 Lines | .phabricator-main-menu-logo { | ||||
| width: 149px; | width: 149px; | ||||
| height: 44px; | height: 44px; | ||||
| float: left; | float: left; | ||||
| margin-right: 6px; | margin-right: 6px; | ||||
| padding-right: 6px; | padding-right: 6px; | ||||
| padding-left: 6px; | padding-left: 6px; | ||||
| } | } | ||||
| .device-desktop .phabricator-main-menu-logo:hover { | .menu-logo-image { | ||||
| background-color: rgba(0,0,0,.6); | |||||
| } | |||||
| .phabricator-main-menu-logo-image { | |||||
| position: absolute; | position: absolute; | ||||
| width: 149px; | width: 149px; | ||||
| height: 26px; | height: 26px; | ||||
| top: 9px; | top: 9px; | ||||
| } | } | ||||
| .device-phone .phabricator-main-menu-logo { | .device-phone .phabricator-main-menu-logo { | ||||
| margin-left: -45px; | margin-left: -45px; | ||||
| ▲ Show 20 Lines • Show All 76 Lines • ▼ Show 20 Lines | .phabricator-main-menu .phabricator-main-menu-search input { | ||||
| color: {$lightgreytext}; | color: {$lightgreytext}; | ||||
| width: 100%; | width: 100%; | ||||
| right: 0; | right: 0; | ||||
| position: absolute; | position: absolute; | ||||
| font-size: 13px; | font-size: 13px; | ||||
| border: 1px solid #333; | border: 1px solid #333; | ||||
| border-radius: 12px; | border-radius: 12px; | ||||
| background-color: #555; | background-color: #222; | ||||
| opacity: .8; | |||||
| height: 26px; | height: 26px; | ||||
| line-height: 12px; | line-height: 12px; | ||||
| box-shadow: 0px 1px 1px rgba(128, 128, 128, 0.25); | box-shadow: 0px 1px 1px rgba(128, 128, 128, 0.25); | ||||
| padding: 6px 32px 6px 10px; | padding: 6px 32px 6px 10px; | ||||
| } | } | ||||
| .phabricator-main-menu.main-header-dark .phabricator-main-menu-search input { | |||||
| background-color: #555; | |||||
| } | |||||
| .device .phabricator-main-menu-search input { | .device .phabricator-main-menu-search input { | ||||
| height: 30px; | height: 30px; | ||||
| font-size: 15px; | font-size: 15px; | ||||
| border-radius: 15px; | border-radius: 15px; | ||||
| } | } | ||||
| .phabricator-main-menu .phabricator-main-menu-search input:focus { | .phabricator-main-menu .phabricator-main-menu-search input:focus { | ||||
| background: #fff; | background: #fff; | ||||
| opacity: 1; | |||||
| color: #333; | color: #333; | ||||
| border-color: #e7e7e7; | border-color: #e7e7e7; | ||||
| box-shadow: none; | box-shadow: none; | ||||
| -webkit-box-shadow: none; | -webkit-box-shadow: none; | ||||
| -moz-box-shadow: none; | -moz-box-shadow: none; | ||||
| } | } | ||||
| .phabricator-main-menu-search input.jx-typeahead-placeholder { | .phabricator-main-menu-search input.jx-typeahead-placeholder { | ||||
| color: {$lightgreytext}; | color: #fff; | ||||
| } | } | ||||
| .phabricator-main-menu-search button { | .phabricator-main-menu-search button { | ||||
| position: absolute; | position: absolute; | ||||
| color: transparent; | color: transparent; | ||||
| background: transparent 5px 6px url(/rsrc/image/search.png) no-repeat; | background: transparent 5px 6px url(/rsrc/image/search-white.png) no-repeat; | ||||
| border: none; | border: none; | ||||
| outline: none; | outline: none; | ||||
| box-shadow: none; | box-shadow: none; | ||||
| text-shadow: none; | text-shadow: none; | ||||
| min-width: 0; | min-width: 0; | ||||
| height: 20px; | height: 20px; | ||||
| width: 20px; | width: 20px; | ||||
| ▲ Show 20 Lines • Show All 161 Lines • ▼ Show 20 Lines | |||||
| .device-desktop .phabricator-application-menu .phui-list-item-name { | .device-desktop .phabricator-application-menu .phui-list-item-name { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu .phui-list-item-view.core-menu-item { | .device-desktop .phabricator-application-menu .phui-list-item-view.core-menu-item { | ||||
| display: block; | display: block; | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu | .device-desktop .main-header-dark .phabricator-application-menu | ||||
| .core-menu-item.phui-list-item-view:hover { | .core-menu-item.phui-list-item-view:hover, | ||||
| .device-desktop .main-header-dark .phabricator-main-menu-logo:hover { | |||||
| background-color: rgba(0,0,0,.6); | background-color: rgba(0,0,0,.6); | ||||
| } | } | ||||
| .device-desktop .phabricator-application-menu | |||||
| .core-menu-item.phui-list-item-view:hover, | |||||
| .device-desktop .phabricator-main-menu-logo:hover { | |||||
| background-color: rgba(0,0,0,.3); | |||||
| } | |||||
| .device-desktop .phabricator-application-menu .phui-list-item-view { | .device-desktop .phabricator-application-menu .phui-list-item-view { | ||||
| float: left; | float: left; | ||||
| position: relative; | position: relative; | ||||
| min-width: 40px; | min-width: 40px; | ||||
| height: 44px; | height: 44px; | ||||
| } | } | ||||
| .device-desktop .phabricator-core-menu-icon { | .device-desktop .phabricator-core-menu-icon { | ||||
| ▲ Show 20 Lines • Show All 42 Lines • Show Last 20 Lines | |||||