/** * @provides aphront-panel-view-css */ .aphront-panel-view { background: #f3f3f3; border: 1px solid #c0c0c0; border-width: 1px 0 0; padding: 1em 2em; margin: 20px 20px 40px 20px; } .device-phone .aphront-panel-view { margin: 20px 10px 40px 10px; } .aphront-unpadded-panel-view { padding: 0; } .aphront-panel-view.aphront-panel-plain { padding: 0; border: none; background: transparent; } .aphront-panel-view .aphront-panel-header { margin: 0 0 8px 0; } .aphront-panel-view h1 { font-size: 16px; font-weight: bold; color: #555; text-shadow: 0 1px 1px #fff; padding: 4px 0 0 0; } .aphront-panel-plain h1 { padding: 0 0 4px 0; } .aphront-panel-view-caption { font-size: 11px; color: #666666; margin-top: -0.1em; margin-bottom: 0.75em; } .aphront-panel-view-buttons { float: right; } .device-desktop .aphront-panel-width-form { width: 720px; margin-right: auto; margin-left: auto; } .device-desktop .aphront-panel-width-wide { width: 1080px; margin-right: auto; margin-left: auto; } .aphront-panel-accent { background: #f1f1f1; border: 1px solid #ddd; border-radius: 3px; } .aphront-panel-accent .aphront-form-view { background: #f7f7f7; border: 1px solid #c4c4c0; border-radius: 3px; } .aphront-panel-preview { background: #fbfbfb; border-bottom: 1px solid #aaaaaa; padding: 15px 20px; } .device-phone .aphront-panel-preview { display: none; } .aphront-panel-preview-wide { width: 1080px; margin-left: auto; margin-right: auto; padding-left: 2em; padding-right: 2em; } .aphront-panel-preview-loading-text { color: #666666; } .aphront-panel-flush { margin: 0; } .aphront-panel-view-drag-and-drop { background: #99ff99; border-color: #669966; } .aphront-panel-view-drag-and-drop .aphront-form-view { background: #ccffcc; border-color: #669966; } .aphront-mini-panel-view { background: #fff; padding: 10px; margin: 5px 20px; border: 1px solid #e6e6e6; } .aphront-mini-panel-view p { font-size: 12px; color: #666666; }