Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-list.css
| Show First 20 Lines • Show All 104 Lines • ▼ Show 20 Lines | |||||
| .phui-list-view.phui-list-navbar > li { | .phui-list-view.phui-list-navbar > li { | ||||
| list-style: none; | list-style: none; | ||||
| float: left; | float: left; | ||||
| display: block; | display: block; | ||||
| border-right: 1px solid {$thinblueborder}; | border-right: 1px solid {$thinblueborder}; | ||||
| } | } | ||||
| .phui-list-view.phui-list-navbar > li > * { | |||||
| display: block; | |||||
| } | |||||
| .phui-list-navbar .phui-list-item-href { | .phui-list-navbar .phui-list-item-href { | ||||
| color: {$bluetext}; | color: {$bluetext}; | ||||
| padding: 8px 16px; | padding: 8px 16px; | ||||
| line-height: 16px; | line-height: 16px; | ||||
| } | } | ||||
| .phui-list-navbar .phui-list-item-selected .phui-list-item-href { | .phui-list-navbar .phui-list-item-selected .phui-list-item-href { | ||||
| background: {$lightbluebackground}; | background: {$lightbluebackground}; | ||||
| ▲ Show 20 Lines • Show All 135 Lines • ▼ Show 20 Lines | |||||
| .phui-info-view + .phui-list-view { | .phui-info-view + .phui-list-view { | ||||
| margin-top: 16px; | margin-top: 16px; | ||||
| border-top: 1px solid {$thinblueborder}; | border-top: 1px solid {$thinblueborder}; | ||||
| } | } | ||||
| /* - Action Icon ----------------------------------------------------------- */ | /* - Action Icon ----------------------------------------------------------- */ | ||||
| .phui-list-item-has-action-icon .phui-list-item-action-href { | .phui-list-sidenav .phui-list-item-has-action-icon .phui-list-item-action-href { | ||||
| position: absolute; | position: absolute; | ||||
| width: 28px; | width: 28px; | ||||
| top: 0; | top: 0; | ||||
| right: 0; | right: 0; | ||||
| bottom: 0; | bottom: 0; | ||||
| text-align: center; | text-align: center; | ||||
| line-height: 28px; | line-height: 28px; | ||||
| background-color: transparent; | background-color: transparent; | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .phui-list-item-has-action-icon.phui-list-item-selected .phui-list-item-href { | .phui-list-sidenav .phui-list-item-has-action-icon.phui-list-item-selected | ||||
| .phui-list-item-href { | |||||
| padding-right: 32px; | padding-right: 32px; | ||||
| } | } | ||||
| .phui-list-item-has-action-icon.phui-list-item-selected | .phui-list-sidenav .phui-list-item-has-action-icon.phui-list-item-selected | ||||
| .phui-list-item-action-href { | .phui-list-item-action-href { | ||||
| display: block; | display: block; | ||||
| } | } | ||||
| .phui-list-item-has-action-icon .phui-list-item-action-href:hover { | .phui-list-sidenav .phui-list-item-has-action-icon | ||||
| .phui-list-item-action-href:hover { | |||||
| background-color: rgba({$alphablack},.05); | background-color: rgba({$alphablack},.05); | ||||
| } | } | ||||
| .phui-list-item-has-action-icon .phui-list-item-action-icon { | .phui-list-sidenav .phui-list-item-has-action-icon .phui-list-item-action-icon { | ||||
| opacity: 0.5; | opacity: 0.5; | ||||
| } | } | ||||
| .phui-list-item-has-action-icon .phui-list-item-action-href:hover | .phui-list-sidenav .phui-list-item-has-action-icon | ||||
| .phui-list-item-action-href:hover | |||||
| .phui-list-item-action-icon { | .phui-list-item-action-icon { | ||||
| opacity: 1; | opacity: 1; | ||||
| } | } | ||||
| /* - Item Counts ----------------------------------------------------------- */ | /* - Item Counts ----------------------------------------------------------- */ | ||||
| .phui-list-item-count { | .phui-list-item-count { | ||||
| position: absolute; | position: absolute; | ||||
| right: 7px; | right: 7px; | ||||
| top: 7px; | top: 7px; | ||||
| background: {$blue}; | background: {$blue}; | ||||
| border-radius: 2px; | border-radius: 2px; | ||||
| color: #fff; | color: #fff; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| padding: 0 5px 1px; | padding: 0 5px 1px; | ||||
| font-size: {$smallestfontsize}; | font-size: {$smallestfontsize}; | ||||
| } | } | ||||