MediaWiki:Common.css

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

/* verhindert, dass Überschriften unter dem Seiten-Header landen */
.mw-headline {
	padding-top: 3.125em;
}

/* 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;
}