@amplience/dynamic-content-accelerators
Version:
Amplience DC Frontend modules, using HTML Service
1 lines • 6.73 kB
CSS
.card-container{margin:0 auto;background:#fff;width:100%;height:100%}.card-container .amp-dc-image-pic{width:100%;vertical-align:middle}.card-container .amp-dc-banner .amp-dc-banner-info{font-size:8px;min-width:50px;padding:2px}.card-container .amp-dc-banner .amp-dc-banner-header{font-size:8px}.card-container .amp-dc-banner .amp-dc-banner-description,.card-container .amp-dc-banner .amp-dc-banner-subheader{font-size:6px;margin-top:3px}.card-container .amp-dc-banner .amp-dc-banner-button{font-size:6px;margin-top:3px;display:inline-block;min-width:40%;padding:2px 3px}.card-container .amp-dc-slider{position:unset}.card-container .amp-dc-slider .amp-dc-dots>li{height:6px;width:6px}.card-container .amp-dc-slider .amp-dc-slider-next svg,.card-container .amp-dc-slider .amp-dc-slider-prev svg{height:15px;width:15px}.card-container .amp-dc-dots{margin:0}.card-container .amp-dc-block-wrap{margin:0}.card-container .amp-dc-blog,.card-container .amp-dc-blog .amp-dc-block-wrap,.card-container .amp-dc-blog-content{margin:0}.card-container .amp-dc-blog{padding:0}.card-container .amp-dc-blog .amp-dc-blog-title{font-size:14px}.card-container .amp-dc-text{margin:0;padding:0}.card-container .amp-dc-text h1{font-size:12px}.card-container .amp-dc-text h2{font-size:10px}.card-container .amp-dc-text p{font-size:8px}.card-container .amp-dc-splitBlock .amp-dc-split-part:first-child{padding:0}.card-container .amp-dc-splitBlock .amp-dc-split-part .amp-dc-video{min-width:unset}.card-container .amp-dc-card-name{font-size:12px}.card-container .amp-dc-card .amp-dc-card-description{font-size:10px}.card-container .amp-dc-card-link{font-size:8px}.card-container .amp-dc-banner-info-wrap{width:40%}.card-container .amp-dc-banner-info-wrap[data-align=left]{left:35px}.card-container .amp-dc-banner-info-wrap[data-align=right]{right:35px}.card-container .amp-dc-banner-info-wrap.amp-dc-info-bottom{position:relative;top:0;left:0;right:auto;display:block;width:100%;text-align:center;padding:0 15px 10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.card-container .amp-dc-banner-info-wrap.amp-dc-info-bottom .amp-dc-banner-info{display:block}.card-container .amp-dc-prod-5-rows .amp-dc-card{width:50%}.card-container .amp-dc-prod-4-rows .amp-dc-card{width:50%}.card-container .amp-dc-prod-3-rows .amp-dc-card{width:50%}.card-container .amp-dc-prod-3-rows.amp-dc-cards-hero .amp-dc-card-list-wrap>div:nth-last-child(3):first-child{width:100%}.card-container .amp-dc-prod-3-rows.amp-dc-cards-hero .amp-dc-card-list-wrap>div:nth-last-child(3):first-child .amp-dc-card-wrap{margin-right:0}.card-container .amp-dc-prod-3-rows.amp-dc-cards-hero .amp-dc-card-list-wrap .amp-dc-card{width:100%}.card-container .amp-dc-prod-3-rows.amp-dc-cards-hero .amp-dc-card-list-wrap .amp-dc-card.amp-dc-card-1{width:100%}.card-container .amp-dc-prod-3-rows.amp-dc-cards-hero .amp-dc-card-list-wrap .amp-dc-card.amp-dc-card-1 .amp-dc-card-wrap{margin-right:0}.card-container .amp-dc-prod-2-rows .amp-dc-card{width:50%}.card-container .amp-dc-prod-1-rows .amp-dc-card{width:100%}.card-container .amp-dc-prod-5-rows .amp-dc-card{width:100%}.card-container .amp-dc-prod-4-rows .amp-dc-card{width:100%}.card-container .amp-dc-prod-3-rows .amp-dc-card{width:100%}.card-container .amp-dc-prod-2-rows .amp-dc-card{width:100%}.card-container .amp-dc-prod-1-rows .amp-dc-card{width:100%}.card-container .amp-dc-promo-banner{white-space:normal}.card-container .amp-dc-promo-banner .amp-dc-promo-banner-wrap{position:relative;display:block}.card-container .amp-dc-promo-banner .amp-dc-promo-block{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;position:absolute;width:100%;top:0;left:0;overflow:hidden;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;opacity:0}.card-container .amp-dc-promo-banner .amp-dc-promo-block.dc-fade-in{position:relative;-webkit-transition:opacity 1.5s ease-in-out;-moz-transition:opacity 1.5s ease-in-out;-ms-transition:opacity 1.5s ease-in-out;-o-transition:opacity 1.5s ease-in-out;animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s;opacity:1}.card-container .amp-dc-promo-banner .amp-dc-promo-head-text{font-size:15px}.card-container .amp-dc-promo-banner .amp-dc-promo-content-text{font-size:13px}.card-container .amp-dc-promo-banner .amp-dc-promo-ico{min-height:35px}.card-container .amp-dc-splitBlock{margin:0;padding:0}.card-container .amp-dc-splitBlock:after{content:"";display:table;clear:both}.card-container .amp-dc-splitBlock .amp-dc-split-part{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.card-container .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-50{width:50%}.card-container .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-70{width:70%}.card-container .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-30{width:30%}.card-container .amp-dc-splitBlock .amp-dc-split-part .amp-dc-split-part-wrap{padding-left:5px}.card-container .amp-dc-splitBlock .amp-dc-split-part:first-child .amp-dc-split-part-wrap{padding-left:0}.card-container .amp-dc-promo-banner .amp-dc-promo-head-text{font-size:8px}.card-container .amp-dc-promo-banner .amp-dc-promo-ico>img{display:inline-block}.card-container .amp-dc-promo-banner .amp-dc-promo-ico{line-height:35px}.card-container .amp-dc-promo-banner .amp-dc-promo-content-text{font-size:8px}.card-container .amp-dc-slider .amp-dc-slider-frame{padding:0}.card-container .amp-dc-homepage .amp-dc-promo-banner{margin:0}.card-container .amp-dc-homepage .amp-dc-promo-banner-wrap{margin:0}.card-container .amp-dc-card-list .amp-dc-card-wrap{margin:0}.card-container .amp-dc-card-list .amp-dc-card-list-wrap{margin:0}.card-container .amp-dc-promo-banner image{width:100%}.card-container .amp-dc-card-title{font-size:14px}.card-container .amp-dc-promo-banner .amp-dc-promo-wrap>a{padding:0;border:none}.card-container .amp-dc-banner-pic-wrap{text-align:center}.card-container .amp-dc-block-wrap{text-align:center}.card-container .js_slider{position:relative}.card-container .amp-dc-promo-block{border:none}.card-container .amp-dc-external-block .test{min-width:unset;margin:0}.with-transition{-webkit-transition:opacity .7s ease-in-out;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out;opacity:0}.transition{-webkit-transition:opacity .7s ease-in;-webkit-transition:opacity .7s ease-in;transition:opacity .7s ease-in;opacity:1}