Difference between revisions of "Template:Banner/styles.css"

/* styles for banner template */

.bannerbox {display:flex; background:#f1f3f9; }
.bannerbox .floatleft {margin:0;}

.banner-image { flex-grow:0;  flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
.bannerbox .banner-text {font-size:1.3em;}
.banner-content {padding:10px;}

@media only screen
  and (max-width: 600px) {
.bannerbox {flex-wrap:wrap;}
.banner-image {flex-basis:100%;}
.banner-image img{ width: 100%;}
.banner-content {flex-basis:100%}
}