File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/components/bitrix/landing.demo_preview/templates/.default/style.css
Back
label { margin: 0; } html { box-sizing: content-box; } body { line-height: normal; height: auto !important; } .landing-template-preview-body { background: #eef2f4 !important; padding: 20px 15px 21px 14px; } .preview-container { display: flex; } .preview-left { position: absolute; left: 21px; right: 392px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .preview-right { padding-right: 3%; } .preview-desktop { background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34); border-radius: 4px; padding: 11px; overflow: hidden; line-height: 0; } .preview-desktop img { width: 100%; height: auto; } .pagetitle { font-size: 30px !important; line-height: 34px !important; padding: 0 !important; } .pagetitle-wrap { min-height: 34px !important; padding-top: 16px !important; } .landing-template-preview-info { position: absolute; right: 0; padding-right: 51px; padding-left: 30px; width: 392px; box-sizing: border-box; } .landing-template-preview-info p { color: #525c69; display: flex; align-items: flex-start; margin-bottom: 10px; } .landing-template-preview-palette { display: flex; padding-right: 6px; } .landing-template-preview-setting-container { margin-top: 21px; padding-left: 0px; display: flex; } .landing-template-preview-site-color { display: block; padding: 0; } .landing-template-preview-palette-item { flex-grow: 1; border-radius: 50%; position: relative; cursor: pointer; max-width: 42px; } .landing-template-preview-palette-item span { display: block; padding-bottom: 100%; } .landing-template-site-color-item { width: 35px; height: 35px; margin-right: 10px; max-width: 35px; } .landing-template-preview-site-group-item { max-width: 35px; max-height: 35px; } .landing-template-preview-palette-item + .landing-template-preview-palette-item { margin-left: 10px; } .landing-template-preview-palette-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0, 0 ,0 , .13); border-radius: 100%; transition: all 200ms ease; } .landing-template-preview-palette-item.active::before { top: -4px; left: -4px; right: -4px; bottom: -4px; border: 2px rgba(82, 92, 105, .45) solid; } .landing-template-preview-header { padding-top: 20px; padding-bottom: 12px; color: #828B95; align-self: center; } .landing-template-preview-header-site-color { padding: 0; line-height: 21px; } .preview-desktop-body { position: relative; } .preview-desktop-body-image { position: relative; height: calc(100vh - 140px); width: 100%; border: 1px rgba(0, 0, 0, .04) solid; transform: translateZ(0); } .preview-desktop-body-image::before { background-color: #ffffff; content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; opacity: 0; pointer-events: none; z-index: 2; transition: opacity 200ms ease; } .preview-desktop-body-image.landing-template-preview-overlay::before { opacity: 1; } .preview-desktop-body-image img { opacity: 0; transition: opacity 300ms ease; } .preview-desktop-body-loader-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; pointer-events: none; } .landing-edit-footer-fixed { box-shadow: 0 -2px 4px 0 #c6c9cb; overflow: hidden; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; padding: 15px; background: #fff; text-align: center; } .landing-template-preview-settings { margin-top: 23px; padding-top: 4px; padding-bottom: 41px; border-top: 1px rgba(216, 216, 216, .5) solid; border-bottom: 1px rgba(216, 216, 216, .5) solid; } .landing-template-preview-description { font-size: 13px; line-height: 17px; padding-top: 6px; color: #525C69; } .preview-desktop-body-preview-frame { transition: opacity 400ms ease; } .landing-slider-pagetitle-wrap { display: none !important; } .bx-session-message { display: none; } .landing-template-preview-loader-text { color: #0063c6; font: 28px/34px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); text-align: center; max-width: 400px; position: absolute; top: 69%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); will-change: transform; } .ui-progressbar-landing-preview { position: absolute; top: 80%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 500px; } .landing-template-preview-edit-btn { display: inline-block; width: 20px; height: 25px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%3E%3Cpath%20fill%3D%22%23525C69%22%20d%3D%22M346.697954%2C919%20L348.626577%2C920.928622%20L341.709035%2C927.844782%20L339.780413%2C925.91616%20L346.697954%2C919%20Z%20M338.64341%2C928.723438%20C338.624068%2C928.79666%20338.644791%2C928.874026%20338.69729%2C928.927906%20C338.751169%2C928.981785%20338.828535%2C929.002508%20338.901757%2C928.981785%20L341.188197%2C928.365621%20L339.259574%2C926.436999%20L338.64341%2C928.723438%20Z%22%20transform%3D%22translate%28-338%20-919%29%22/%3E%3C/svg%3E) no-repeat 5px center; vertical-align: middle; opacity: .6; cursor: pointer; transition: all 250ms ease; flex-shrink: 0; } .landing-template-preview-edit-btn:hover { opacity: .9; } .landing-template-preview-edit-input { font: 30px/34px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); border: 0; border-bottom: 1px solid #d2d2d2; background: #eef2f4; min-height: 40px; margin: -4px 0 0 -1px; max-width: 100%; } .landing-template-preview-edit-title { min-height: 38px; border-bottom: 1px solid transparent; } .landing-template-preview-title { display: flex; align-items: center; font: 26px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-light, 300); margin: 0; word-wrap: break-word; } .landing-template-preview-edit-textarea { font: 13px/17px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); border: 0; border-bottom: 1px solid #d2d2d2; background: #eef2f4; color: #525c69; resize: none; margin: 0 0 0 -1px; min-width: 100%; min-height: 48px; outline: none; } .landing-template-preview-description .landing-template-preview-edit-btn { height: 20px; } .landing-template-preview-notice { font-size: 12px; line-height: 16px; color: #a8adb4; font-style: italic; position: relative; padding-left: 7px; } .landing-template-preview-notice:before { content: '*'; position: absolute; left: 0; top: -2px; } .main-color-picker-preview { background: #f25a8f; } .template-landing24 { font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-size: 14px; font-weight: normal; -moz-osx-font-smoothing: grayscale } .cursor-pointer { cursor: pointer; } input { outline: none; } .main-color-picker-custom-input { height: 100%; margin-top: 0 !important; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.26 |
proxy
|
phpinfo
|
Settings