Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/pholio/pholio-edit.css
| Show All 11 Lines | .pholio-uploaded-image { | ||||
| border: 1px solid transparent; | border: 1px solid transparent; | ||||
| margin: -4px -4px 12px; | margin: -4px -4px 12px; | ||||
| padding: 4px; | padding: 4px; | ||||
| } | } | ||||
| .pholio-thumb-box { | .pholio-thumb-box { | ||||
| margin: 2px 0; | margin: 2px 0; | ||||
| float: left; | float: left; | ||||
| background: #f7f7f7; | background: {$lightgreybackground}; | ||||
| border: 1px solid #D5D9DF; | border: 1px solid {$lightgreyborder}; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| width: 296px; | width: 296px; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .device .pholio-thumb-box { | .device .pholio-thumb-box { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .device-desktop .pholio-thumb-box { | .device-desktop .pholio-thumb-box { | ||||
| /* Provide room for the draggable grip. */ | /* Provide room for the draggable grip. */ | ||||
| margin-left: 12px; | margin-left: 12px; | ||||
| } | } | ||||
| .device .pholio-thumb-box { | .device .pholio-thumb-box { | ||||
| float: none; | float: none; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| } | } | ||||
| .pholio-thumb-frame { | .pholio-thumb-img { | ||||
| background-color: #ffffff; | max-width: 280px; | ||||
| background-position: center center; | max-height: 210px; | ||||
| background-repeat: no-repeat; | |||||
| background-size: 280px 210px; | |||||
| width: 280px; | |||||
| height: 210px; | |||||
| padding: 8px; | padding: 8px; | ||||
| } | } | ||||
| .pholio-thumb-frame { | |||||
| background: url('/rsrc/image/checker_lighter.png'); | |||||
| } | |||||
| .device .pholio-thumb-frame { | .device .pholio-thumb-frame { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .pholio-thumb-title { | .pholio-thumb-title { | ||||
| padding: 4px 8px; | padding: 4px 8px; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| color: {$darkgreytext}; | color: {$darkgreytext}; | ||||
| ▲ Show 20 Lines • Show All 107 Lines • Show Last 20 Lines | |||||