MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Markenheftchen
← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(45 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 4: Zeile 4:
max-width:90%;
max-width:90%;
height:auto;
height:auto;
}
/* Slideshow */
.mw-gallery-slideshow-img-container {
  display:inline-block;
  width: 75% !important; /* Use !important if needed to override defaults */
}
.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 16: Zeile 33:
     font-weight: bold;
     font-weight: bold;
     font-size:large;
     font-size:large;
}
h1, h2, h3, h4 {
/*  color:#FF9F00;  Farbe orange */
/*  font-size:28pt;  Größe 28pt  */
/*  font-family:arial, "lucida console", sans-serif; */ /* Schriftart */
}
}


Zeile 29: Zeile 40:
/*        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 51:
.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);
}
}


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 */
.mw-quelle-vertikal {
.mw-quelle-vertikal {
     vertical-align: middle;
     vertical-align: middle;
    writing-mode:tb-rl;
/*  writing-mode:tb-rl; */ /* veraltetes (deprecated) MS CSS für vertikalen Textfluss */
     writing-mode:vertical-rl;
     writing-mode:vertical-rl;
     font-size: xx-small;
     font-size: xx-small;
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;
/* Optional: Hintergrundfarbe */
/*  background-color: lightblue; */
  hyphens: auto;
  text-align: justify;
}
}


Zeile 158: Zeile 212:
   display:grid;
   display:grid;
   grid-template-columns: 200px 200px;
   grid-template-columns: 200px 200px;
   grid-row: auto auto;
   grid-row: auto;
   grid-column-gap: 20px;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-row-gap: 20px;
Zeile 169: Zeile 223:
}
}


#imagegrid {
/*** Simple Tooltip ***/
margin: 0 0 0 3%;
.tooltipster-default {
display: grid;
    color: #000000;
/* grid-template-rows: repeat(2, 1fr); */
    background-color: #f8f9fa;
grid-template-rows: min-content min-content;
    border-radius: 15px;
grid-template-columns: auto min-content;
    border-style: solid;
/* grid-template-columns: repeat(2, 1fr); */
    border-color: #FEF247;
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; }
Abgerufen von „https://www.markenheftchen.info/mw/MediaWiki:Common.css“