MediaWiki:Common.css

Aus Werwolf Online
Version vom 18. November 2019, 21:16 Uhr von Xaver (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: →‎Default styles for the dygraphs charting library.: .dygraph-legend { position: abso…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

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
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Default styles for the dygraphs charting library. */
.dygraph-legend {
  position: absolute;
  font-size: 14px;
  z-index: 10;
  width: 250px;
  background: white;
  line-height: normal;
  text-align: left;
  overflow: hidden;
}
.dygraph-legend-line {
  display: inline-block;
  position: relative;
  bottom: .5ex;
  padding-left: 1em;
  height: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.dygraph-legend-dash {
  display: inline-block;
  position: relative;
  bottom: .5ex;
  height: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.dygraph-roller {
  position: absolute;
  z-index: 10;
}
.dygraph-annotation {
  position: absolute;
  z-index: 10;
  overflow: hidden;
}
.dygraph-default-annotation {
  border: 1px solid black;
  background-color: white;
  text-align: center;
}
.dygraph-axis-label {
  z-index: 10;
  line-height: normal;
  overflow: hidden;
  color: black;
}
.dygraph-title {
  font-weight: bold;
  z-index: 10;
  text-align: center;
}
.dygraph-xlabel {
  text-align: center;
}
.dygraph-label-rotate-left {
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.dygraph-label-rotate-right {
  text-align: center;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* Custom styles for dygraphs by Xaver */
.dygraph-legend {
    background-color: rgba(255, 255, 255, 0.5);
}
.customDygraphContainer .dygraph-legend-new {
    position: absolute;
    font-size: 14px;
    z-index: 10;
    left: 100%;
    padding-right: 20px;
    max-height: 100%;
    overflow-y: auto;
    white-space: nowrap;
}
.customDygraphContainer .dygraph-legend {
    display: none;
}
.dygraph-legend-element {
    cursor: pointer;
}
.dygraph-legend-element:hover {
    background-color: silver;
}
.dygraph-tooltip {
    position: absolute;
    background-color: silver;
    border: 2px solid black;
    z-index: 10;
}