File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/components/bitrix/landing.site_edit/templates/.default/landing-forms.css

Back
.landing-form-wrapper { padding: 11px 15px; background: #fff; border-radius: var(--ui-border-radius-md); } .ui-input { box-sizing: border-box; border: none; border-radius: var(--ui-field-border-radius, 2px); box-shadow: inset 0 0 0 1px #c6cdd3; color: #5e6675; font-size: 14px; height: 39px; line-height: 39px; padding: 0 10px; } .ui-radio { margin: 0; padding: 0; } .ui-input, .ui-textarea { color: #7c7c7c; font-size: 14px; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .ui-input::-webkit-input-placeholder { /* Chrome/Opera/Safari / color: #bdc7d2; } .ui-input::-moz-placeholder { / Firefox 19+ / color: #bdc7d2; } .ui-input:-ms-input-placeholder { / IE 10+ / color: #bdc7d2; } .ui-input:-moz-placeholder { / Firefox 18- / color: #bdc7d2; } .landing-form-label__locked { position: relative; } .landing-form-label__locked .tariff-lock { position: absolute; top: 2px; right: -20px; cursor: pointer; } .landing-form-title-row { padding: 0 0 10px; } .landing-editable-field { display: inline-block; height: 42px; position: relative; padding-right: 24px; } .landing-editable-field-textar-wrap { height: auto; } .landing-editable-field-input, .landing-editable-field-textarea { display: none; font-size: 19px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); height: 42px; padding: 0 0 0 11px; animation: uiShowTitleInput 0.2s linear; } .landing-editable-field-textarea { height: auto; } @keyframes uiShowTitleInput { 0% { box-shadow: inset 0 0 0 1px rgba(198,205,211,.0);} 100% { box-shadow: inset 0 0 0 1px rgba(198,205,211, 1);} } .landing-editable-field-label { color: #7c7c7c; display: inline-block; font-size: 19px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); height: 42px; line-height: 42px; padding-left: 11px; margin: 0; } .landing-editable-field-textar-wrap .landing-editable-field-label { height: auto; } .ui-title-input-btn { cursor: pointer; height: 20px; position: absolute; right: 0; top: 13px; width: 20px; } .landing-editable-field-textar .ui-title-input-btn { top: 1px; } .ui-title-input-btn:before { background-size: 11px; background-position: center 4px; content: ''; display: block; height: 100%; opacity: .5; width: 100%; } .ui-title-input-btn:hover:before { opacity: 0.8; } .landing-form-collapse { border: none; padding: 0; } .landing-form-collapse-block { background-color: #ffffff; cursor: pointer; min-height: 71px; position: relative; display: flex; width: 100%; border-radius: var(--ui-form-collapse-block-border-radius); } .landing-form-gray-padding .landing-form-collapse-block { padding: 25px 27px 0 42px; box-sizing: border-box; } .landing-form-collapse-block:before { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212px%22%20height%3D%228px%22%20viewBox%3D%220%200%2012%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cpath%20d%3D%22M3.82842712%2C3.48528137%20L3.82842712%2C-2.34314575%20L1.82842712%2C-2.34314575%20L1.82842712%2C3.48528137%20L1.65685425%2C3.48528137%20L1.65685425%2C5.48528137%20L1.82842712%2C5.48528137%20L1.82842712%2C5.65685425%20L3.82842712%2C5.65685425%20L3.82842712%2C5.48528137%20L9.65685425%2C5.48528137%20L9.65685425%2C3.48528137%20L3.82842712%2C3.48528137%20Z%22%20id%3D%22Path-Copy-3%22%20fill%3D%22%238A9098%22%20transform%3D%22translate%285.656854%2C%201.656854%29%20rotate%28-45.000000%29%20translate%28-5.656854%2C%20-1.656854%29%20%22%3E%3C/path%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 0 0; content: ''; height: 8px; left: 15px; opacity: .7; position: absolute; top: 30px; width: 12px; } .landing-form-collapse-block:hover:before { opacity: 1; } .landing-form-collapse-label { color: #535c69; font-weight: var(--ui-font-weight-bold); margin-right: 3px; } .ui-checkbox-hidden-input-hook:last-child, .ui-checkbox-hidden-input-hook-help { margin-top: 5px; } .landing-form-control-label-help { color: #80868e; font-size: 14px; margin-bottom: 9px; } .ui-colorpicker { position: relative; display: block; } .ui-colorpicker input.ui-ctl-element { padding-left: 45px; } .ui-colorpicker-color { border: 1px solid #EAEAEA; border-radius: 2px; display: none; height: 24px; left: 7px; position: absolute; top: 7px; width: 24px; } .ui-colorpicker-selected .ui-colorpicker-color, .ui-colorpicker-selected .ui-colorpicker-clear { display: block; } .ui-colorpicker-clear { cursor: pointer; display: none; height: 39px; position: absolute; right: 0; top: 0; width: 30px; } .ui-colorpicker-clear:before, .ui-colorpicker-clear:after { background-color: #535C69; border-radius: 2px; content: ''; height: 14px; opacity: .5; position: absolute; top: 13px; left: 14px; width: 2px; transition: opacity 0.15s linear; } .ui-colorpicker-clear:before { transform: rotate(-45deg); } .ui-colorpicker-clear:after { transform: rotate(45deg); } .ui-colorpicker-clear:hover:before, .ui-colorpicker-clear:hover:after { opacity: 0.8; } .landing-form-field-description { color: #80868e; font-size: 13px; margin: 0 0 15px; } .landing-form-list { display: flex; padding-bottom: 22px; position: relative; border-bottom: 1px solid #d7dadd; margin-bottom: 27px; overflow: hidden; } .landing-form-layout-item { display: block; margin-right: 8px; padding: 5px; cursor: pointer; border: 3px solid transparent; box-sizing: border-box; } .landing-form-layout-item:last-child { margin-right: 0; } .landing-form-layout-item-img { width: 100px; height: 124px; background-repeat: no-repeat; } .landing-form-layout-item-empty .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-1.svg); } .landing-form-layout-item-sidebar_right .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-2.svg); } .landing-form-layout-item-sidebar_left .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-3.svg); } .landing-form-layout-item-header_footer .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-4.svg); } .landing-form-layout-item-header_only .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-4-1.svg); } .landing-form-layout-item-without_left .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-5.svg); } .landing-form-layout-item-without_right .landing-form-layout-item-img { background-image: url(/bitrix/images/landing/templates/layout-6.svg); } .layout-switcher { display: none; } .field-layout-radio_1:checked ~ .landing-form-list label[for="field-layout-radio_1"], .field-layout-radio_2:checked ~ .landing-form-list label[for="field-layout-radio_2"], .field-layout-radio_3:checked ~ .landing-form-list label[for="field-layout-radio_3"], .field-layout-radio_4:checked ~ .landing-form-list label[for="field-layout-radio_4"], .field-layout-radio_5:checked ~ .landing-form-list label[for="field-layout-radio_5"], .field-layout-radio_6:checked ~ .landing-form-list label[for="field-layout-radio_6"], .field-layout-radio_7:checked ~ .landing-form-list label[for="field-layout-radio_7"], .landing-form-layout-item-selected { border-color: #2fc6f6; border-radius: 7px; position: relative; } .field-layout-radio_1:checked ~ .landing-form-list .landing-form-layout-item-empty:after, .field-layout-radio_2:checked ~ .landing-form-list .landing-form-layout-item-sidebar_left:after, .field-layout-radio_3:checked ~ .landing-form-list .landing-form-layout-item-sidebar_right:after, .field-layout-radio_4:checked ~ .landing-form-list .landing-form-layout-item-header_only:after, .field-layout-radio_5:checked ~ .landing-form-list .landing-form-layout-item-header_footer:after, .field-layout-radio_6:checked ~ .landing-form-list .landing-form-layout-item-without_left:after, .field-layout-radio_7:checked ~ .landing-form-list .landing-form-layout-item-without_right:after, .landing-form-layout-item-selected:after { content: url(/bitrix/images/landing/templates/check-icon.svg); width: 40px; height: 40px; position: absolute; bottom: 3px; right: 3px; } .landing-form-select-buttons { text-align: center; } .landing-form-select-prev, .landing-form-select-next { position: absolute; width: 12px; height: 19px; cursor: pointer; top: 62px; } .landing-form-select-prev { left: 0; } .landing-form-select-next { left: 650px; } .landing-form-select-prev:before, .landing-form-select-prev:after, .landing-form-select-next:before, .landing-form-select-next:after { content: ''; width: 12px; height: 3px; background: #7c838d; position: absolute; left: 0; top: 10px; } .landing-form-select-prev:hover:after, .landing-form-select-prev:hover:before, .landing-form-select-next:hover:after, .landing-form-select-next:hover:before { background: #535c69; } .landing-form-select-prev:before, .landing-form-select-next:after { transform: rotate(45deg); } .landing-form-select-prev:after, .landing-form-select-next:before { transform: rotate(-45deg); top: 3px; } .landing-form-select-next:after { top: 3px; } .landing-form-select-next:before { top: 10px; } .landing-form-list-container { margin-left: 24px; max-width: 615px; overflow: hidden; } .landing-form-list-inner { display: flex; transition: transform ease .3s; } .landing-form-list-inner-prev { transform: translateX(-250px); } .landing-form-layout-detail { display: flex; } .landing-form-layout-detail-hidden { display: none; } .landing-form-layout-img { width: 220px; height: 273px; background-repeat: no-repeat; margin-right: 36px; display: none; } .landing-form-layout-img-empty { background-image: url(/bitrix/images/landing/templates/layout_detail-1.svg); display: block; } .landing-form-layout-img-sidebar_right { background-image: url(/bitrix/images/landing/templates/layout_detail-2.svg); } .landing-form-layout-img-sidebar_left { background-image: url(/bitrix/images/landing/templates/layout_detail-3.svg); } .landing-form-layout-img-header_only { background-image: url(/bitrix/images/landing/templates/layout_detail-4-1.svg); } .landing-form-layout-img-header_footer { background-image: url(/bitrix/images/landing/templates/layout_detail-4.svg); } .landing-form-layout-img-without_left { background-image: url(/bitrix/images/landing/templates/layout_detail-5.svg); } .landing-form-layout-img-without_right { background-image: url(/bitrix/images/landing/templates/layout_detail-6.svg); } .landing-form-layout-block-item { margin-bottom: 22px; } .landing-form-layout-block-item:last-child { margin-bottom: 0; } .landing-form-layout-block-item .landing-ui-field-input { width: 316px; } /! ============== data URI icons ============!/ .ui-editing-pen:before { background-image: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2211px%22%20height%3D%2211px%22%20viewBox%3D%220%200%2011%2011%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%3Cpath%20d%3D%22M0.799894744%2C8.15707577%20L0%2C11%20L2.9326141%2C10.1580224%20C2.74963818%2C9.70003465%202.48267331%2C9.28104581%202.14071831%2C8.9250553%20C1.7607683%2C8.56906479%201.30082883%2C8.30707177%200.800894612%2C8.15707577%20L0.799894744%2C8.15707577%20Z%20M7.28904085%2C1.59725061%20L1.55279567%2C7.33209776%20C2.02873304%2C7.56009168%202.46967502%2C7.8520839%202.86462305%2C8.20207457%20C3.18958029%2C8.5800645%203.46054464%2C9.0000533%203.67051701%2C9.45204126%20C4.02447043%2C9.09605075%207.65399283%2C5.46714746%209.40176285%2C3.71919405%20C9.17979205%2C3.22720716%208.87683192%2C2.77621918%208.5068806%2C2.38522961%20C8.15192731%2C2.04923856%207.73698191%2C1.78324565%207.28704112%2C1.59925055%20L7.28904085%2C1.59625063%20L7.28904085%2C1.59725061%20Z%20M10.5666096%2C0.434281603%20C10.2766477%2C0.148289226%209.88369943%2C-0.00770661647%209.47675298%2C0.000293170312%20C9.06880666%2C0.0102929038%208.68285744%2C0.180288373%208.40489402%2C0.480280377%20L8.06093928%2C0.823271236%20C8.51887902%2C1.01826604%208.93882376%2C1.29325871%209.30077613%2C1.63624957%20C9.66372837%2C2.01923936%209.9606893%2C2.46122758%2010.1766609%2C2.94321473%20L10.5226154%2C2.59722396%20C10.8195763%2C2.31723142%2010.9925535%2C1.93224168%2010.9995526%2C1.52425255%20C11.0095513%2C1.1172634%2010.8515721%2C0.724273874%2010.5646098%2C0.434281603%20L10.5676094%2C0.434281603%20L10.5666096%2C0.434281603%20Z%22%20fill%3D%22%23525C68%22%20fill-rule%3D%22nonzero%22%3E%3C/path%3E%0A%3C/svg%3E); background-repeat: no-repeat; } /! ============== data URI icons ===========!/ .ui-form-row.landing-form-title-catalog { color: #333; font: 18px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); padding: 19px 0 15px 20px; margin-left: -20px; background-color: #fff; border-bottom: none; } #fieldSectionId .landing-ui-field-link-url { margin: 0; } #fieldSectionId .landing-ui-field-link-url .landing-ui-field-link-url-grid { max-width: 400px; } #fieldSectionId .landing-ui-field-link-url .landing-ui-field-input { max-width: 100%; } /* OVERWRITE ui form layout */ .ui-form { color: #5e6675; font-size: 14px; } #landing-site-set-form, #landing-page-set-form { padding-bottom: 0; } .ui-form.ui-form-section .ui-ctl-w100 { max-width: 600px !important; } .ui-form-section > .ui-form-row.ui-form-row--stretch { width: calc(100% + 40px); max-width: calc(100% + 40px); margin: 0 -20px; padding: 10px 0; background: white; border: none; } .ui-form-section > .ui-form-row > .ui-form-label { width: 200px; } div[data-form-row-hidden] + .ui-form-row-hidden, .ui-form-row-hidden__locked { padding-left: 23px; width: calc(100% - 23px); } .landing-ui-form-row-hidden .ui-ctl-textbox { display: none; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.27 | proxy | phpinfo | Settings