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

Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Margit Link-Rodrigue (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
.portal {
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    justify-content:space-between
}
  .portal .card {
  .portal .card {
     padding:40px 0px;
     padding:40px 0px;
    width:30%;
     background:#f8f9fa;
     background:#f8f9fa;
     border:none;
     border:none;
    min-height:100%
}
}
  .portal h2 {
  .portal h2 {
Zeile 32: Zeile 26:
     width:100%;
     width:100%;
}
}
@media (min-width: 576px) {
 
    .portal.md > div {
        width:30%;
    }
}
  .portal .card:hover{
  .portal .card:hover{
     box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
     box-shadow: 0 6px 8px rgba(0,0,0,.10),0 10px 10px rgba(0,0,0,.10);
Zeile 51: Zeile 41:
}
}
  .card.banner p {
  .card.banner p {
     margin:0
     margin:0!important; padding:0;
}
 
.card.banner img {
border-radius:0.375rem 0 0 0.375rem;
}
}
.card-banner
img {border-radius:0.375rem
}

Aktuelle Version vom 11. August 2025, 15:32 Uhr

 .portal .card {
    padding:40px 0px;
    background:#f8f9fa;
    border:none;
    min-height:100%
}
 .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%;
}

 .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!important; padding:0;
}

.card.banner img {
	border-radius:0.375rem 0 0 0.375rem; 
}