@amp-nova/dc-accelerators
Version:
Amplience DC Frontend modules
1 lines • 2.45 kB
CSS
.amp-dc-banner{position:relative;overflow:hidden;white-space:nowrap}.amp-dc-banner *{margin:0;padding:0}.amp-dc-banner .amp-dc-hide{display:none}.amp-dc-banner .amp-dc-banner-info{font-size:22px;text-align:center;background:#fff;color:#000;padding:15px;min-width:200px}.amp-dc-banner .amp-dc-banner-pic{max-width:100%;display:block}.amp-dc-banner .amp-dc-banner-pic img{width:100%}.amp-dc-banner .amp-dc-banner-img{width:100%;display:block}.amp-dc-banner .amp-dc-banner-info-wrap{color:#fff;width:33.3%;height:100%;position:absolute;top:0;white-space:normal}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=left]{left:65px}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=right]{right:65px}.amp-dc-banner .amp-dc-banner-info-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-1em}.amp-dc-banner .amp-dc-banner-info{display:inline-block;vertical-align:middle}.amp-dc-banner .amp-dc-banner-header{font-size:32px}.amp-dc-banner .amp-dc-banner-description,.amp-dc-banner .amp-dc-banner-subheader{font-size:16px;margin-top:15px}.amp-dc-banner .amp-dc-banner-button{font-size:20px;margin-top:15px;display:inline-block;min-width:40%;padding:17px 15px;background:#fff;text-decoration:none;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box}.amp-dc-banner .amp-dc-banner-button.black{background:#000;color:#fff}.amp-dc-banner .amp-dc-banner-button.white{background:#fff;color:#000}@media screen and (max-width:768px){.amp-dc-banner .amp-dc-banner-info-wrap{width:40%}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=left]{left:35px}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=right]{right:35px}.amp-dc-banner .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}.amp-dc-banner .amp-dc-banner-info-wrap.amp-dc-info-bottom .amp-dc-banner-info{display:block}}@media screen and (max-width:480px){.amp-dc-banner .amp-dc-banner-info-wrap{width:50%}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=left]{left:20px}.amp-dc-banner .amp-dc-banner-info-wrap[data-align=right]{right:20px}.amp-dc-banner .amp-dc-banner-info-wrap.amp-dc-info-bottom{width:100%}.amp-dc-banner .amp-dc-banner-info-wrap.amp-dc-info-bottom[data-align=left]{left:0}.amp-dc-banner .amp-dc-banner-info-wrap.amp-dc-info-bottom[data-align=right]{right:0}}