Template:Portal flex/styles.css

/**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%; margin: 0 15px 15px 0;}
.flexbox-portal.col3 > div {flex-basis:31%; margin: 0 15px 15px 0;}

.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;}
#portalflex .flexbox-portal.background-hd.p-blue div > h2 {background: #aed6f1;}
#portalflex .flexbox-portal.background-hd.p-grey div > h2 {background:  #f1f3f9;}
#portalflex .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 .flexbox-portal div > 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;}