MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Markenheftchen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
img {
max-width:90%;
height:auto;
}


/* Artikelname in Kapitälchen */
/* Artikelname in Kapitälchen */
Zeile 24: Zeile 29:
/*        inset 0 -3em 3em rgb(0 200 0 / 30%), */
/*        inset 0 -3em 3em rgb(0 200 0 / 30%), */
/*                0 0 0 2px white, */
/*                0 0 0 2px white, */
        0.3em 0.3em 1em rgb(200 200 200 / 60%);
}
/* Schlagschatten für Bild oben links */
.timeless-logo img {
    box-shadow:
         0.3em 0.3em 1em rgb(200 200 200 / 60%);
         0.3em 0.3em 1em rgb(200 200 200 / 60%);
}
}
Zeile 31: Zeile 42:
     box-shadow:
     box-shadow:
         0.3em 0.3em 1em rgb(200 200 200 / 60%);
         0.3em 0.3em 1em rgb(200 200 200 / 60%);
}
.mw-gallery-slideshow {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    & .gallerytext {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
}
}


Zeile 41: Zeile 63:
     align-items: center;
     align-items: center;
}
}
/* Zentriertes Grid für Bilder mit Quellenangabe */
/* Nötig, da die seitliche Quellenangabe auf dem */
/* Handy bei der responsiven Reformatierung      */
/* ursprünglich unter das Bild rutschte. Nun    */
/* bilden Bild, Quelle und Bildunterschrift      */
/* eine Einheit.                                */
#imagegridc {
margin: 0 0 0 3%;
display: grid;
/* grid-template-rows: repeat(2, 1fr); */
grid-template-rows: min-content min-content;
grid-template-columns: auto min-content;
/* grid-template-columns: repeat(2, 1fr); */
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
justify-content: center;
}
#igc-image { grid-area: 1 / 1 / 2 / 2; }
#igc-caption { grid-area: 2 / 1 / 3 / 2; justify-self: center;}
#igc-source { grid-area: 1 / 2 / 3 / 3; }


/* Quellenangabe vertikal => span */
/* Quellenangabe vertikal => span */
Zeile 160: Zeile 205:
#mw-img-src {
#mw-img-src {
     color:#a020f0;
     color:#a020f0;
     font-size: xx-small;
     font-size: x-small;
    letter-spacing:2px;
/*    letter-spacing:2px; */
}
}
#imagegrid {
margin: 0 0 0 3%;
display: grid;
/* grid-template-rows: repeat(2, 1fr); */
grid-template-rows: min-content min-content;
grid-template-columns: max-content min-content;
/* grid-template-columns: repeat(2, 1fr); */
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
justify-content: center;
}
#ig-image { grid-area: 1 / 1 / 2 / 2; }
#ig-caption { grid-area: 2 / 1 / 3 / 2; }
#ig-source { grid-area: 1 / 2 / 3 / 3; }