|
|
Zeile 1: |
Zeile 1: |
| /* 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 h1 {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%}
| |
| }
| |