m (1 revision imported) |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/**Portalpage with flex EN ****/ | /**Portalpage with flex EN ****/ | ||
.flexbox-portal {display: flex; flex-wrap: wrap; justify-content:space-between;} | .flexbox-portal {display: flex; flex-wrap: wrap; justify-content:space-between; gap:20px} | ||
.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;} | ||
| Line 12: | Line 12: | ||
.flexbox-portal.boxborder > div.emptybox {border: none} | .flexbox-portal.boxborder > div.emptybox {border: none} | ||
.flexbox-portal.background > div {border:none;} | .flexbox-portal.background > div {border:none;} | ||
.flexbox-portal.background-hd.p-blue div > h2 {background: #aed6f1;} | #portalflex .flexbox-portal.background-hd.p-blue div > h2 {background: #aed6f1;} | ||
.flexbox-portal.background-hd.p-grey div > h2 {background: #f1f3f9;} | #portalflex .flexbox-portal.background-hd.p-grey div > h2 {background: #f1f3f9;} | ||
.flexbox-portal.background-hd.p-white div > h2 {background: #ffffff;} | #portalflex .flexbox-portal.background-hd.p-white div > h2 {background: #ffffff;} | ||
.flexbox-portal.background.p-blue > div {background: #d6eaf8 ;} | .flexbox-portal.background.p-blue > div {background: #d6eaf8 ;} | ||
| Line 24: | Line 24: | ||
.flexbox-portal > div.box.p-white {background: #ffffff;} | .flexbox-portal > div.box.p-white {background: #ffffff;} | ||
.flexbox-portal.background div.emptybox {background: none} | .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 ul {list-style: none;} | ||
#maintopics li {padding-bottom:0.6em;font-size: 1em;margin-left: 12px;} | #maintopics li {padding-bottom:0.6em;font-size: 1em;margin-left: 12px;} | ||
Latest revision as of 15:53, 26 July 2023
/**Portalpage with flex EN ****/
.flexbox-portal {display: flex; flex-wrap: wrap; justify-content:space-between; gap:20px}
.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;}
#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 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;}
