Vorlage:Portal flex/styles.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Markierungen: Manuelle Zurücksetzung Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(14 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 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%; margin: 0 15px 15px 0;}
.flexbox-portal.col2 > div {flex-basis:47%; }
.flexbox-portal.col3 > div {flex-basis:31%; margin: 0 15px 15px 0;}
.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;}
Zeile 18: Zeile 18:
.flexbox-portal.background.p-blue > div {background: #d6eaf8 ;}
.flexbox-portal.background.p-blue > div {background: #d6eaf8 ;}
.flexbox-portal.background.p-grey > div {background: #f1f3f9;}
.flexbox-portal.background.p-grey > div {background: #f1f3f9;}
.flexbox-portal.background.p-grey a {color:#24527F;}
.flexbox-portal.background.p-white > div {background: #ffffff;}
.flexbox-portal.background.p-white > div {background: #ffffff;}


Zeile 24: Zeile 25:
.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}
.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;}
#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;}

Aktuelle Version vom 12. Januar 2024, 15:53 Uhr

/**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;}
.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-grey a {color:#24527F;}
.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;}