Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
.flexbox-portal > div {flex:1; padding: 10px 20px; color:#454545} | .flexbox-portal > div {flex:1; padding: 10px 20px; color:#454545} | ||
.flexbox-portal > div img {max-width:100%; height:auto;} | .flexbox-portal > div img {max-width:100%; height:auto;} | ||
.flexbox-portal.col2 > div {flex-basis:47% | .flexbox-portal.col2 > div {flex-basis:47%; } | ||
.flexbox-portal.col3 > div {flex-basis:31% | .flexbox-portal.col3 > div {flex-basis:31%;} | ||
.flexbox-portal.boxborder.p-blue > div {border: 1px solid #aed6f1;} | .flexbox-portal.boxborder.p-blue > div {border: 1px solid #aed6f1;} | ||
Version vom 26. Juli 2023, 15:51 Uhr
/**Portalpage with flex EN ****/
.flexbox-portal {display: flex; flex-wrap: wrap; justify-content:space-between;}
.flexbox-portal > div {flex:1; padding: 10px 20px; color:#454545}
.flexbox-portal > div img {max-width:100%; height:auto;}
.flexbox-portal.col2 > div {flex-basis:47%; }
.flexbox-portal.col3 > div {flex-basis:31%;}
.flexbox-portal.boxborder.p-blue > div {border: 1px solid #aed6f1;}
.flexbox-portal.boxborder.p-grey > div {border: 1px solid #f1f3f9;}
.flexbox-portal.boxborder.p-white > div {border: 1px solid #ffffff;}
.flexbox-portal.none > div {border: none;}
.flexbox-portal.boxborder > div.emptybox {border: none}
.flexbox-portal.background > div {border:none;}
.flexbox-portal.background-hd.p-blue div > h2 {background: #aed6f1;}
.flexbox-portal.background-hd.p-grey div > h2 {background: #f1f3f9;}
.flexbox-portal.background-hd.p-white div > h2 {background: #ffffff;}
.flexbox-portal.background.p-blue > div {background: #d6eaf8 ;}
.flexbox-portal.background.p-grey > div {background: #f1f3f9;}
.flexbox-portal.background.p-white > div {background: #ffffff;}
.flexbox-portal > div.box.p-blue {background: #d6eaf8;}
.flexbox-portal > div.box.p-grey {background: #f1f3f9;}
.flexbox-portal > div.box.p-white {background: #ffffff;}
.flexbox-portal.background div.emptybox {background: none}
#portalflex h2 {color:#454545; font-size:1.4em; border-bottom: none;margin-top: 0; margin-bottom:0.5em; padding: 10px; font-weight: bold;}
#maintopics ul {list-style: none;}
#maintopics li {padding-bottom:0.6em;font-size: 1em;margin-left: 12px;}
