Zum Inhalt springen

MediaWiki:Common.css

Aus CodexMercatori

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

.emoji {
  height: 1em;
  width: 1em;
  vertical-align: middle;
}

tr.rotate {
  /* Sorgt dafür, dass die Zelle nicht höher wird als nötig */
  height: 80px; 
  white-space: nowrap;
  position: relative;
}

tr.rotate > span {
  /* Absolute Positionierung, damit der Text die Spaltenbreite nicht aufbläht */
  position: absolute;
  bottom: 10px;
  left: 50%;
  
  /* Text um 45 Grad gegen den Uhrzeigersinn drehen */
  transform: translate(-50%, 0) rotate(-70deg);
  /* Bestimmt den Drehpunkt (unten links ist meist am saubersten) */
  transform-origin: left bottom;
  
  width: 100px; /* Gibt dem Text genug Platz zum Schreiben */
  display: inline-block;
}

@media print {
  h1, h2, h3, h4 {
    break-after: avoid;
  }

  .chapter-start {
    break-before: page;
  }

  tr, img {
    break-inside: avoid;
  }

  .seitenumbruch {
    content: "";
    display: block;
    clear: both;
    page-break-after: always;
    break-after: page;
  }
}

/* Verhindert, dass der Umbruch auf dem Bildschirm sichtbar ist */
@media screen {
    .seitenumbruch {
        display: none;
    }

  body {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255)),url("../img/bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
  }

  #mw-page-base, .mw-header, .vector-header-container .mw-header, .vector-header-container {
    background-color: unset;
    background-image: unset;
  }

  .vector-sticky-header {
    background-color: #fefdf3cc !important;
    background-image: unset;
  }

  .vector-pinned-container {
    background-color: unset;
  }

  .vector-sticky-pinned-container {
    margin-left: 12px;
  }

  .vector-sticky-pinned-container::after {
    background: unset;
  }

  .vector-toc .vector-pinnable-header {
    margin-left: 0px;
  }

  .mw-page-container {
    background-color: #fff9;
  }

  #contentSub {
    display: none;
  }

  .mw-indicators {
    display:none !important;
  }

/* Link Colors */

  a:link {
    color: #9b006e !important;
  }

  a:visited {
    color: #732600 !important;
  }

  a:link.new {
    color: #e67327 !important;
  }

  a.new {
    color: #e67327 !important;
  }

  .vector-menu .new a {
    color: #e67327 !important;
  }

  a:where(:not([role="button"])):visited {
    color: var(#732600) !important;
  }
}

/* Test */