MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Markenheftchen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(30 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 29: 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 34: Zeile 40:
.mw-drop-shadow-soft {
.mw-drop-shadow-soft {
     display:inline-block;
     display:inline-block;
    box-shadow:
/*    box-shadow:                                 */
        0.3em 0.3em 1em rgb(200 200 200 / 60%);
/*        0.3em 0.3em 1em rgb(200 200 200 / 60%); */
    filter: drop-shadow(5px 5px 12px #c8c8c8);
}
 
.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 46: Zeile 64:
     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 68: Zeile 109:
   color: gray;
   color: gray;
/*  writing-mode: vertical-lr; */
/*  writing-mode: vertical-lr; */
}
.mw-dr-disclaimer-box {
  width: 90%;
/*    height: 150px; */
  padding: 20px;
  border: 2px solid blue;
  border-radius: 15px;
  margin: 10px;
/*  background-color: lightblue; /* Optional: Hintergrundfarbe */ */
  hyphens: auto;
  text-align: justify;
}
}


Zeile 168: Zeile 221:
/*    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 { max-width:90%;grid-area: 1 / 1 / 2 / 2; }
#ig-caption { grid-area: 2 / 1 / 3 / 2; }
#ig-source { grid-area: 1 / 2 / 3 / 3; }