Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-lightbox.css
| Show First 20 Lines • Show All 71 Lines • ▼ Show 20 Lines | .comment-panel-open .lightbox-comment-frame { | ||||
| bottom: 0; | bottom: 0; | ||||
| right: 0; | right: 0; | ||||
| width: 360px; | width: 360px; | ||||
| overflow-y: auto; | overflow-y: auto; | ||||
| background: #fff; | background: #fff; | ||||
| opacity: 1; | opacity: 1; | ||||
| } | } | ||||
| .device-phone .comment-panel-open .lightbox-comment-frame { | |||||
| width: auto; | |||||
| left: 0; | |||||
| } | |||||
| .jx-mask + .lightbox-attachment { | .jx-mask + .lightbox-attachment { | ||||
| background: {$lightgreybackground}; | background: {$lightgreybackground}; | ||||
| } | } | ||||
| .lightbox-attachment .attachment-name { | .lightbox-attachment .attachment-name { | ||||
| line-height: 32px; | line-height: 32px; | ||||
| font-size: {$biggerfontsize}; | font-size: {$biggerfontsize}; | ||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .lightbox-attachment .lightbox-status { | .lightbox-attachment .lightbox-status { | ||||
| background: #fff; | background: #fff; | ||||
| position: fixed; | position: fixed; | ||||
| top: 0; | top: 0; | ||||
| left: 0; | left: 0; | ||||
| right: 0; | right: 0; | ||||
| height: 44px; | height: 44px; | ||||
| padding: 0 20px; | padding: 0 20px; | ||||
| line-height: 44px; | line-height: 44px; | ||||
| border-bottom: 1px solid {$thinblueborder}; | border-bottom: 1px solid {$thinblueborder}; | ||||
| color: {$greytext}; | color: {$greytext}; | ||||
| } | } | ||||
| .device-phone .lightbox-attachment .lightbox-status { | |||||
| padding: 0 12px; | |||||
| } | |||||
| .lightbox-attachment .lightbox-status .lightbox-download { | .lightbox-attachment .lightbox-status .lightbox-download { | ||||
| float: right; | float: right; | ||||
| } | } | ||||
| .lightbox-attachment .lightbox-status a { | .lightbox-attachment .lightbox-status-txt a { | ||||
| color: #000; | color: #000; | ||||
| margin-right: 12px; | margin-right: 12px; | ||||
| font-size: {$biggerfontsize}; | font-size: {$biggerfontsize}; | ||||
| } | } | ||||
| .lightbox-download button.has-icon { | .lightbox-attachment .lightbox-status .phui-icon-view { | ||||
| padding-left: 28px; | height: 18px; | ||||
| width: 24px; | |||||
| font-size: 14px; | |||||
| line-height: 23px; | |||||
| display: block; | |||||
| } | } | ||||
| .lightbox-attachment .lightbox-status .lightbox-download | .lightbox-attachment .lightbox-status .lightbox-download | ||||
| .lightbox-download-form { | .lightbox-download-form { | ||||
| display: inline; | display: inline; | ||||
| } | } | ||||
| .lightbox-attachment .lightbox-comment { | .lightbox-attachment a.lightbox-download, | ||||
| .lightbox-attachment a.lightbox-comment, | |||||
| .lightbox-attachment a.lightbox-close { | |||||
| float: right; | float: right; | ||||
| margin: 9px 0 0 8px; | margin: 9px 0 0 8px; | ||||
| padding-left: 28px; | |||||
| } | } | ||||
| .lightbox-attachment.comment-panel-open .lightbox-comment, | .lightbox-attachment.comment-panel-open .lightbox-comment.phui-icon-circle, | ||||
| .lightbox-attachment.comment-panel-open .lightbox-comment .phui-icon-view { | .lightbox-attachment.comment-panel-open .lightbox-comment .phui-icon-view { | ||||
| color: {$sky}; | color: {$sky}; | ||||
| } | border-color: {$sky}; | ||||
| .lightbox-attachment .lightbox-close { | |||||
| float: right; | |||||
| margin: 9px 0 0 8px; | |||||
| } | } | ||||
| .lightbox-attachment .lightbox-left { | .lightbox-attachment .lightbox-left { | ||||
| top: 46%; | top: 46%; | ||||
| left: 12px; | left: 12px; | ||||
| position: fixed; | position: fixed; | ||||
| display: block; | display: block; | ||||
| height: 40px; | height: 40px; | ||||
| Show All 31 Lines | |||||