%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/js/landing/css/ui/card/ |
Current File : /home/bitrix/www/bitrix/js/landing/css/ui/card/add_your_first_block.css |
.landing-ui-card-add-first-block { position: relative; text-align: center; padding-top: 120px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } .landing-ui-card-add-first-block.landing-ui-show { animation: showAddYourFirstBlock 500ms ease both; } .landing-ui-card-add-first-block.landing-ui-hide { animation: hideAddYourFirstBlock 350ms ease both; } @keyframes showAddYourFirstBlock { 0% { transform: translateZ(0) translateY(5%); opacity: 0; } 100% { transform: translateZ(0) translateY(0); opacity: 1; } } @keyframes hideAddYourFirstBlock { 0% { visibility: visible; pointer-events: none; transform: translateZ(0) translateY(0); opacity: 1; } 100% { transform: translateZ(0) translateY(5%); opacity: 0; } } .landing-ui-card-add-first-block > .landing-ui-card-body { display: grid; grid-template-columns: repeat(5, auto); grid-column-gap: 20px; grid-row-gap: 20px; padding: 40px; } @media all and (max-width: 1920px) { .landing-ui-card-add-first-block > .landing-ui-card-body { grid-template-columns: repeat(4, auto); } } @media all and (max-width: 1919px) { .landing-ui-card-add-first-block > .landing-ui-card-body { grid-template-columns: repeat(4, auto); } } @media all and (max-width: 1530px) { .landing-ui-card-add-first-block > .landing-ui-card-body { grid-template-columns: repeat(3, auto); } } @media all and (max-width: 1100px) { .landing-ui-card-add-first-block > .landing-ui-card-body { grid-template-columns: repeat(2, auto); } } @media all and (max-width: 740px) { .landing-ui-card-add-first-block > .landing-ui-card-body { grid-template-columns: repeat(1, auto); } } .landing-ui-card-add-first-block > .landing-ui-card-header { font-size: 48px; color: #212121; font-weight: bold; } .landing-ui-card-add-first-block .landing-ui-card-body .landing-ui-card-header { margin-right: 30px; font-size: 14px; text-align: left; line-height: 18px; margin-bottom: 14px; z-index: 301; } .landing-ui-card-add-first-block .landing-ui-card-body .landing-ui-card-body { margin-top: 0!important; } .landing-ui-card-add-first-block-subheader { margin-top: 25px; margin-bottom: 20px; } .landing-ui-card-add-first-block-subheader .landing-ui-button { border: 1px rgba(0,0,0,.1) solid; } .landing-ui-card-add-first-block-subheader .landing-ui-button.landing-ui-active { background-color: #ffffff; -webkit-box-shadow: inset 0 0 3px 0 #e0e0e0; box-shadow: inset 0 0 3px 0 #e0e0e0; } .landing-ui-card-add-first-block-subheader .landing-ui-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .landing-ui-card-add-first-block-subheader .landing-ui-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .landing-ui-card-add-first-block .landing-ui-card-block-preview { margin: 0; padding: 20px; } .landing-ui-card-add-first-block .landing-ui-card-block-preview-image-container { height: 160px; }