Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-list.css
| Show First 20 Lines • Show All 94 Lines • ▼ Show 20 Lines | /* - Top, Full Width Navigations ----------------------------------------------- | ||||
| Sets a page or box with a top navbar | Sets a page or box with a top navbar | ||||
| */ | */ | ||||
| .phui-list-view.phui-list-navbar { | .phui-list-view.phui-list-navbar { | ||||
| list-style: none; | list-style: none; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | |||||
| .phui-list-view.phui-list-navbar-horizontal { | |||||
| border-bottom: 1px solid {$thinblueborder}; | border-bottom: 1px solid {$thinblueborder}; | ||||
| } | } | ||||
| .phui-list-view.phui-list-navbar > li { | .phui-list-view.phui-list-navbar > li { | ||||
| list-style: none; | list-style: none; | ||||
| float: left; | |||||
| display: block; | display: block; | ||||
| } | |||||
| .phui-list-view.phui-list-navbar-horizontal > li { | |||||
| float: left; | |||||
| border-right: 1px solid {$thinblueborder}; | border-right: 1px solid {$thinblueborder}; | ||||
| } | } | ||||
| .phui-list-navbar .phui-list-item-href { | .phui-list-navbar .phui-list-item-href { | ||||
| color: {$bluetext}; | color: {$bluetext}; | ||||
| padding: 8px 16px; | |||||
| line-height: 16px; | line-height: 16px; | ||||
| } | } | ||||
| .phui-list-navbar-horizontal .phui-list-item-href { | |||||
| padding: 8px 16px; | |||||
| } | |||||
| .phui-list-navbar-vertical .phui-list-item-href { | |||||
| padding: 8px 12px; | |||||
| } | |||||
| .phui-list-navbar-vertical { | |||||
| box-shadow: 0 1px 0 rgba({$alphablue}, 0.05); | |||||
| } | |||||
| .phui-list-navbar-vertical .phui-list-item-href { | |||||
| display: block; | |||||
| background: #ffffff; | |||||
| } | |||||
| .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}; | ||||
| color: {$darkbluetext}; | color: {$darkbluetext}; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| .phui-tab-group-view-tab-column { | |||||
| width: 220px; | |||||
| border-right: 1px solid {$thinblueborder}; | |||||
| background: {$lightgreybackground}; | |||||
| } | |||||
| .phui-list-navbar .phui-list-item-href:hover { | .phui-list-navbar .phui-list-item-href:hover { | ||||
| background: rgba(100,100,100,.1); | background: rgba(100,100,100,.1); | ||||
| color: {$darkgreytext}; | color: {$darkgreytext}; | ||||
| text-decoration: none; | text-decoration: none; | ||||
| } | } | ||||
| .phui-list-navbar .phui-list-item-icon { | .phui-list-navbar .phui-list-item-icon { | ||||
| height: 14px; | height: 14px; | ||||
| width: 14px; | width: 14px; | ||||
| display: block; | |||||
| font-size: 14px; | font-size: 14px; | ||||
| text-align: center; | |||||
| } | } | ||||
| .device-phone .phui-list-view.phui-list-navbar > li { | .phui-list-navbar-vertical .phui-list-item-icon { | ||||
| margin-right: 8px; | |||||
| } | |||||
| .phui-list-navbar-horizontal .phui-list-item-icon { | |||||
| display: block; | |||||
| } | |||||
| .device-phone .phui-list-view.phui-list-navbar-horizontal > li { | |||||
| float: none; | float: none; | ||||
| border: none; | border: none; | ||||
| } | } | ||||
| /* - Two Column View, Responsive Navigations ----------------------------------- | /* - Two Column View, Responsive Navigations ----------------------------------- | ||||
| Sets a two column page with a responsive, top navbar | Sets a two column page with a responsive, top navbar | ||||
| ▲ Show 20 Lines • Show All 169 Lines • Show Last 20 Lines | |||||