Vorlage:Startseite/bootstrap-styles.css: Unterschied zwischen den Versionen

Margit Link-Rodrigue (Diskussion | Beiträge)
Die Seite wurde neu angelegt: „.portal {display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between} .portal .card {padding:40px 0px; width:30%; border:0} .portal h2 {font-size:1.5em; margin:0; padding:0; border:0} .portal span:before {position:absolute; top:18px; left:18px;opacity:0.9} .portal .card-text {line-height:200%} .bi-mastodon:before{margin-left:50px} .portal.md > div {width:100%} @media (min-width: 992px) { .portal.md > div {width:30%} } .card.banner {border:…“
 
Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
.portal {display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between}
.portal {display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between}
.portal .card {padding:40px 0px; width:30%; border:0}
.portal .card {padding:40px 0px; width:30%;   background:#f8f9fa}
.portal  h2 {font-size:1.5em; margin:0; padding:0; border:0}
.portal  h2 {font-size:1.5em; margin:0; padding:0; border:0}
.portal  span:before {position:absolute; top:18px; left:18px;opacity:0.9}
.portal  span:before {position:absolute; top:18px; left:18px;opacity:0.9}
Zeile 6: Zeile 6:
.bi-mastodon:before{margin-left:50px}
.bi-mastodon:before{margin-left:50px}


.portal.md > div {width:100%}
.portal.md > div {width:100%;}


@media (min-width: 992px) {
@media (min-width: 576px) {
.portal.md > div {width:30%}
.portal.md > div {width:30%; }
}
}




.card.banner {border:1px solid #f2f3f9;}
.portal .card:hover{
 
    box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
 
  transition: all 0.1s ease-in;
 
}
 
 
.card.banner {border:1px solid #ebebeb!important; padding-bottom:0; background:transparent!important}
.card.banner h2 {border:0; margin-top:0}
.card.banner h2 {border:0; margin-top:0}
.card.banner p {margin:0}
.card.banner p {margin:0}

Version vom 11. August 2025, 10:53 Uhr

.portal {display:flex; gap:40px; flex-wrap:wrap; justify-content:space-between}
.portal .card {padding:40px 0px; width:30%;   background:#f8f9fa}
.portal  h2 {font-size:1.5em; margin:0; padding:0; border:0}
.portal  span:before {position:absolute; top:18px; left:18px;opacity:0.9}
.portal .card-text {line-height:200%}
.bi-mastodon:before{margin-left:50px}

.portal.md > div {width:100%;}

@media (min-width: 576px) {
.portal.md > div {width:30%; }
}


.portal .card:hover{

    box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);

  transition: all 0.1s ease-in;

}


.card.banner {border:1px solid #ebebeb!important; padding-bottom:0; background:transparent!important}
.card.banner h2 {border:0; margin-top:0}
.card.banner p {margin:0}