MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 10. April 2025, 18:23 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Artikelname in Kapitälchen */
.mw-page-title-main {
    font-variant: small-caps;
}

.mw-mh-deckel {
    display:inline-block;
    box-shadow:
/*        inset 0 -3em 3em rgb(0 200 0 / 30%), */
/*                0 0 0 2px white, */
        0.3em 0.3em 1em rgb(200 200 200 / 60%);
}

.mw-drop-shadow-soft {
    display:inline-block;
    box-shadow:
        0.3em 0.3em 1em rgb(200 200 200 / 60%);
}

.bild-mittig {
/*    width: 200px; */
/*    height: 200px; */
/*    background-color: #0a0a23; */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Quellenangabe vertikal => span */
.mw-quelle-vertikal {
    vertical-align: middle;
    writing-mode:tb-rl;
    writing-mode:vertical-rl;
    font-size: xx-small;
    letter-spacing:2px;
}

/* Quellenangabe akmh */
/*.quelleakmh img { width: 100%; } */
.quelleakmh { position: relative; }
.quelleakmh::after {
  content: " Quelle: akmh ";
  position: absolute;
  bottom: -5%;
  right: 0;
  opacity: 1;
  font-size: 1em;
  color: gray;
/*  writing-mode: vertical-lr; */
}

#rectangle11{
    width:50%;
    height:50%;
    border-style: solid;
    border-color: red;
}

.overlayW61 {
  position: absolute;
  display: none;
  width: 50%;
  height: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0,1);
  border-style: solid;
  border-color: red;
  z-index: 2;
  cursor: pointer;
}

.chromo-zd-container:hover .overlayW61 {
  opacity: 1;
}

/*************************/
/* Timeless Skin Changes */
/*************************/
/* Werkzeuge ausblenden */
#site-tools.sidebar-chunk { display: none; }

/* "Druckversion" in 'Mehr' (rechts) ausblenden */
li#t-print { display:none; }

/*** Test ***/

 /* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}