Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/conpherence/message-pane.css
| Show First 20 Lines • Show All 52 Lines • ▼ Show 20 Lines | .conpherence-show-more-messages-loading { | ||||
| font-style: italic; | font-style: italic; | ||||
| } | } | ||||
| .conpherence-message-pane .conpherence-messages { | .conpherence-message-pane .conpherence-messages { | ||||
| position: fixed; | position: fixed; | ||||
| left: 240px; | left: 240px; | ||||
| right: 240px; | right: 240px; | ||||
| top: 103px; | top: 103px; | ||||
| bottom: 148px; | bottom: 122px; | ||||
| overflow-x: hidden; | overflow-x: hidden; | ||||
| overflow-y: auto; | overflow-y: auto; | ||||
| -webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||||
| } | } | ||||
| .conpherence-logged-out .conpherence-message-pane .conpherence-messages { | |||||
| bottom: 42px; | |||||
| } | |||||
| .conpherence-messages.jx-scrollbar-frame { | .conpherence-messages.jx-scrollbar-frame { | ||||
| overflow-y: hidden; | overflow-y: hidden; | ||||
| } | } | ||||
| .conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child, | .conpherence-messages .jx-scrollbar-content > .conpherence-edited:first-child, | ||||
| .conpherence-messages > .conpherence-edited:first-child { | .conpherence-messages > .conpherence-edited:first-child { | ||||
| padding-top: 20px; | padding-top: 20px; | ||||
| } | } | ||||
| .conpherence-messages .jx-scrollbar-content .conpherence-edited:last-child { | .conpherence-messages .conpherence-edited:last-child { | ||||
| padding-bottom: 20px; | padding-bottom: 20px; | ||||
| } | } | ||||
| .conpherence-message-pane .conpherence-edited + .date-marker { | .conpherence-message-pane .conpherence-edited + .date-marker { | ||||
| margin-top: 24px; | margin-top: 24px; | ||||
| } | } | ||||
| .device .conpherence-message-pane .conpherence-messages { | .device .conpherence-message-pane .conpherence-messages { | ||||
| left: 0; | left: 0; | ||||
| right: 0; | right: 0; | ||||
| bottom: 44px; | bottom: 44px; | ||||
| width: 100%; | width: 100%; | ||||
| box-shadow: none; | box-shadow: none; | ||||
| } | } | ||||
| .conpherence-message-pane .messages-loading-mask { | |||||
| opacity: .6; | |||||
| background: #fff; | |||||
| display: none; | |||||
| } | |||||
| .loading .messages-loading-mask { | |||||
| display: block; | |||||
| } | |||||
| .conpherence-message-pane .phui-form-view { | .conpherence-message-pane .phui-form-view { | ||||
| border-width: 0; | border-width: 0; | ||||
| height: 140px; | height: 110px; | ||||
| padding: 0 20px 12px; | padding: 0 20px 12px; | ||||
| position: fixed; | position: fixed; | ||||
| bottom: 0; | bottom: 0; | ||||
| left: 240px; | left: 240px; | ||||
| right: 241px; | right: 241px; | ||||
| } | } | ||||
| .device .conpherence-message-pane .phui-form-view { | .conpherence-no-pontificate .conpherence-message-pane .phui-form-view { | ||||
| padding: 8px 8px; | border-top: 1px solid {$thinblueborder}; | ||||
| text-align: center; | |||||
| } | } | ||||
| .conpherence-message-pane .phui-form-view.login-to-participate { | .conpherence-no-pontificate .conpherence-message-pane | ||||
| height: 26px; | .aphront-form-control-submit button, | ||||
| .conpherence-no-pontificate .conpherence-message-pane | |||||
| .aphront-form-control-submit a.button { | |||||
| margin: 4px 0 0 0; | |||||
| float: none; | |||||
| } | } | ||||
| .conpherence-message-pane .login-to-participate a.button { | .conpherence-no-pontificate .phui-form-view .aphront-form-instructions { | ||||
| float: right; | margin: 24px 0 16px; | ||||
| width: 100%; | |||||
| padding: 0; | |||||
| color: {$bluetext}; | |||||
| font-size: {$biggestfontsize}; | |||||
| } | |||||
| .device .conpherence-message-pane .phui-form-view { | |||||
| padding: 8px 8px; | |||||
| } | } | ||||
| .conpherence-message-pane .aphront-form-control-submit button, | .conpherence-message-pane .aphront-form-control-submit button, | ||||
| .conpherence-message-pane .aphront-form-control-submit a.button { | .conpherence-message-pane .aphront-form-control-submit a.button { | ||||
| margin-top: 6px; | margin-top: 6px; | ||||
| } | } | ||||
| .device .conpherence-message-pane .aphront-form-control-submit button, | .device .conpherence-message-pane .aphront-form-control-submit button, | ||||
| Show All 13 Lines | .remarkup-fullscreen-mode .conpherence-layout { | ||||
| position: static; | position: static; | ||||
| } | } | ||||
| .conpherence-message-pane .remarkup-assist-bar { | .conpherence-message-pane .remarkup-assist-bar { | ||||
| border: 2px solid {$lightgreyborder}; | border: 2px solid {$lightgreyborder}; | ||||
| border-bottom: none; | border-bottom: none; | ||||
| border-top-left-radius: 3px; | border-top-left-radius: 3px; | ||||
| border-top-right-radius: 3px; | border-top-right-radius: 3px; | ||||
| background-color: #f7f7f7; | background-color: {$lightgreybackground}; | ||||
| } | } | ||||
| .device .conpherence-message-pane .remarkup-assist-bar { | .device .conpherence-message-pane .remarkup-assist-bar { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device .conpherence-message-pane .phui-form-view { | .device .conpherence-message-pane .phui-form-view { | ||||
| left: 0; | left: 0; | ||||
| ▲ Show 20 Lines • Show All 203 Lines • Show Last 20 Lines | |||||