Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-pinboard-view.css
| Show All 11 Lines | .device-phone .phui-pinboard-view { | ||||
| padding: 0; | padding: 0; | ||||
| } | } | ||||
| .phui-pinboard-item-view { | .phui-pinboard-item-view { | ||||
| margin: 0 12px 16px 0; | margin: 0 12px 16px 0; | ||||
| background: #ffffff; | background: #ffffff; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| border: 1px solid {$lightblueborder}; | border: 1px solid {$lightblueborder}; | ||||
| border-bottom: 1px solid {$blueborder}; | |||||
| text-align: left; | text-align: left; | ||||
| width: 288px; | width: 288px; | ||||
| } | } | ||||
| .phui-pinboard-view .phui-pinboard-item-view { | .phui-pinboard-view .phui-pinboard-item-view { | ||||
| float: left; | float: left; | ||||
| } | } | ||||
| .device-desktop .phui-pinboard-item-view:hover { | .device-desktop .phui-pinboard-item-view:hover { | ||||
| box-shadow: {$dropshadow}; | border-color: {$blue}; | ||||
| } | |||||
| .device-desktop .phui-pinboard-item-view:hover .phui-pinboard-item-header a { | |||||
| color: {$blue}; | |||||
| } | } | ||||
| /* On phones, show a single column of items. */ | /* On phones, show a single column of items. */ | ||||
| .device-phone .phui-pinboard-item-view { | .device-phone .phui-pinboard-item-view { | ||||
| float: none; | float: none; | ||||
| margin: 0 auto 16px; | margin: 0 auto 16px; | ||||
| } | } | ||||
| .phui-pinboard-item-header { | .phui-pinboard-item-header { | ||||
| padding: 6px 8px; | padding: 6px 8px; | ||||
| display: block; | display: block; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| border-top-left-radius: 3px; | border-top-left-radius: 3px; | ||||
| border-top-right-radius: 3px; | border-top-right-radius: 3px; | ||||
| border-bottom: 1px solid {$lightblueborder}; | border-bottom: 1px solid {$thinblueborder}; | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .phui-pinboard-item-header a { | .phui-pinboard-item-header a { | ||||
| color: {$bluetext}; | color: {$darkbluetext}; | ||||
| } | } | ||||
| .phui-pinboard-item-image-link { | .phui-pinboard-item-image-link { | ||||
| padding: 8px 4px; | padding: 8px 4px; | ||||
| display: block; | display: block; | ||||
| } | } | ||||
| .phui-pinboard-item-content { | .phui-pinboard-item-content { | ||||
| ▲ Show 20 Lines • Show All 43 Lines • Show Last 20 Lines | |||||