http://www.helmstedt-wiki.de/index.php?action=history&feed=atom&title=Vorlage%3AWahldiagramm%2Fstyles.css 2026-06-20T09:35:09Z Versionsgeschichte dieser Seite in Helmstedt-Wiki MediaWiki 1.45.3 http://www.helmstedt-wiki.de/index.php?title=Vorlage:Wahldiagramm/styles.css&diff=6598&oldid=prev 2026-06-19T06:13:09Z

<p>Die Seite wurde neu angelegt: „<span class="autocomment">== Gesamtes Diagramm ==: </span> .wahldiagramm-wrapper { background: var(--dewiki-hintergrundfarbe-basis); max-width: 100%; overflow: auto; z-index: 0; } .wahldiagramm-wrapper.wahldiagramm-frame { position: relative; border: 1px solid var(--dewiki-rahmenfarbe1); } <span class="autocomment">== Teilwrapper ==: </span> .wahldiagramm-result { position: relative; min-width: 200px; margin:0; } .wahldiagramm-compare { position: relative; margin: 0; } <span class="autocomment">== Titelzeilen ==: </span> .wa…“</p> <p><b>Neue Seite</b></p><div>/* == Gesamtes Diagramm == */<br /> .wahldiagramm-wrapper {<br /> background: var(--dewiki-hintergrundfarbe-basis);<br /> max-width: 100%;<br /> overflow: auto;<br /> z-index: 0;<br /> }<br /> <br /> .wahldiagramm-wrapper.wahldiagramm-frame {<br /> position: relative;<br /> border: 1px solid var(--dewiki-rahmenfarbe1);<br /> }<br /> <br /> /* == Teilwrapper == */<br /> .wahldiagramm-result {<br /> position: relative;<br /> min-width: 200px; <br /> margin:0;<br /> }<br /> <br /> .wahldiagramm-compare {<br /> position: relative;<br /> margin: 0;<br /> }<br /> <br /> /* == Titelzeilen == */<br /> .wahldiagramm-result .wahldiagramm-title {<br /> position: relative;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 1;<br /> width: 100%;<br /> text-align: center;<br /> line-height: 1.3;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-title-link {<br /> position: absolute;<br /> top: 0;<br /> font-size: 90%;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-title-link-prev {<br /> left: .5em;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-title-link-next {<br /> right: .5em;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-title-title {<br /> position: relative;<br /> font-weight: bold;<br /> top: .2em<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-subtitle {<br /> position: relative;<br /> z-index: 1;<br /> width: 100%;<br /> text-align: center;<br /> line-height: 1.3;<br /> }<br /> <br /> .wahldiagramm-compare-title {<br /> text-align: center;<br /> font-weight: bold;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-subtitle {<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> z-index: 0;<br /> width: 100%;<br /> text-align: center;<br /> line-height: 1;<br /> }<br /> <br /> /* == Y-Achse == */<br /> .wahldiagramm-result .wahldiagramm-yaxis-outer {<br /> position: absolute;<br /> left: 5px;<br /> z-index: 0;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-yaxis-outer {<br /> position: absolute;<br /> margin: 26px 5px 0 2px;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-yaxis-inner {<br /> position: relative;<br /> width: 100%;<br /> margin: 2px 1px 0 0;<br /> }<br /> <br /> .wahldiagramm-yaxis-text {<br /> position: absolute;<br /> font-size: 80%;<br /> color: #666666;<br /> }<br /> <br /> .wahldiagramm-yaxis-units {<br /> position: relative;<br /> left: 0;<br /> top: 0;<br /> }<br /> <br /> .wahldiagramm-yaxis-units &gt; div {<br /> position: relative;<br /> border-width: 1px;<br /> border-color: #cccccc;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit {<br /> height: 29px;<br /> border-top-style: solid;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-negative {<br /> height: 29px;<br /> border-bottom-style: solid;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-small {<br /> height: 11px;<br /> border-top-style: solid;<br /> margin: 0 0 0 17px;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-small-negative {<br /> height: 11px;<br /> border-bottom-style: solid;<br /> margin: 0 0 0 17px;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit .wahldiagramm-yaxis-text {<br /> bottom: 19px;<br /> padding: 0 2px 0 0;<br /> background-color: var(--dewiki-hintergrundfarbe-basis);<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-negative .wahldiagramm-yaxis-text {<br /> bottom: -10px;<br /> padding: 0 1px 0 0;<br /> background-color: var(--dewiki-hintergrundfarbe-basis);<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-small .wahldiagramm-yaxis-text {<br /> bottom: 1px;<br /> left: -16px;<br /> padding: 0 2px 0 0;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-small-negative .wahldiagramm-yaxis-text {<br /> bottom: -10px;<br /> left: -16px;<br /> padding: 0 1px 0 0;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom {<br /> height: 29px;<br /> border-top-style: solid;<br /> border-bottom: 1px solid #666666 !important;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom div:first-child {<br /> bottom: 19px;<br /> padding: 0 2px 0 0;<br /> background-color: var(--dewiki-hintergrundfarbe-basis);<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom div:nth-child(2) {<br /> bottom: -10px;<br /> padding: 0 1px 0 6px;<br /> background-color: var(--dewiki-hintergrundfarbe-basis);<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom-small {<br /> height: 11px;<br /> border-top-style: solid;<br /> border-bottom: 1px solid #666666 !important;<br /> margin: 0 0 0 17px;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom-small div:first-child {<br /> bottom: 1px;<br /> left: -16px;<br /> padding: 0 2px 0 0;<br /> }<br /> <br /> .wahldiagramm-yaxis-unit-bottom-small div:nth-child(2) {<br /> bottom: -10px;<br /> left: -16px;<br /> padding: 0 1px 0 6px;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-yaxis-title {<br /> position: relative;<br /> z-index: 12;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-yaxis-title {<br /> position: relative;<br /> z-index: 12;<br /> height: 9px;<br /> border-top: none;<br /> }<br /> <br /> .wahldiagramm-yaxis-title .wahldiagramm-yaxis-text {<br /> top: -10px;<br /> margin: 0;<br /> padding: 0 3px 0 0;<br /> }<br /> <br /> .wahldiagramm-threshold {<br /> position: absolute;<br /> left: -5px;<br /> background-color: #555555;<br /> opacity: 0.6;<br /> height: 2px;<br /> }<br /> <br /> /* == X-Achse == */<br /> .wahldiagramm-result .wahldiagramm-xaxis {<br /> position: absolute;<br /> left: 25px;<br /> z-index: 2;<br /> }<br /> <br /> .wahldiagramm-xaxis-unit {<br /> position: absolute;<br /> bottom: 0;<br /> width: 44px;<br /> height: 28px;<br /> z-index: 1;<br /> }<br /> <br /> .wahldiagramm-xaxis-unit div {<br /> font-size: .7rem;<br /> line-height: 1;<br /> padding: .5em 0;<br /> text-align: center;<br /> width: 100%;<br /> }<br /> <br /> .wahldiagramm-xaxis-unit .reference {<br /> padding: 0;<br /> }<br /> <br /> /* == Balken == */<br /> .wahldiagramm-result .wahldiagramm-bars {<br /> position: absolute;<br /> left: 25px;<br /> z-index: 1;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-bars {<br /> position: absolute;<br /> bottom: 28px;<br /> left: 25px;<br /> z-index: 99;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-bar-old {<br /> position: absolute;<br /> width: 30px;<br /> bottom: 0;<br /> }<br /> <br /> .wahldiagramm-result .wahldiagramm-bar {<br /> position: absolute;<br /> bottom: 0;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-bar {<br /> position: absolute;<br /> width: 40px;<br /> }<br /> <br /> .wahldiagramm-bar-value-box {<br /> position: absolute;<br /> width: 40px;<br /> background-color: var(--dewiki-hintergrundfarbe-basis);<br /> opacity: 0.6;<br /> }<br /> <br /> .wahldiagramm-compare .wahldiagramm-bar-value-box {<br /> height: 13px;<br /> }<br /> <br /> .wahldiagramm-bar-value {<br /> position: absolute;<br /> width: 40px;<br /> text-align: center;<br /> font-size: 80%;<br /> line-height: 100%;<br /> }<br /> <br /> /* == Legende == */<br /> .wahldiagramm-legend {<br /> position: absolute;<br /> left: 0;<br /> bottom: 0;<br /> width: 100%;<br /> z-index: 3;<br /> text-align: center;<br /> }<br /> <br /> .wahldiagramm-legend-inner {<br /> position: relative;<br /> text-align: center;<br /> }<br /> <br /> .wahldiagramm-legend-inner span:not(.wahldiagramm-legend-year) {<br /> border-right: 5px solid;<br /> }<br /> <br /> /* == Anmerkungen == */<br /> .wahldiagramm-remarks {<br /> position: relative;<br /> margin-top: 1em;<br /> }<br /> <br /> .wahldiagramm-remarks-line {<br /> background-color: var(--dewiki-rahmenfarbe1);<br /> height: 1px;<br /> width: 8em;<br /> }<br /> <br /> .wahldiagramm-remarks-content {<br /> font-size: 85%;<br /> padding-left: 1em;<br /> }<br /> <br /> /* == Dunkelmodus == */<br /> @media screen {<br /> html.skin-theme-clientpref-night .wahldiagramm-yaxis-text {<br /> color: #aaaaaa;<br /> }<br /> html.skin-theme-clientpref-night .wahldiagramm-threshold {<br /> background-color: #eeeeee;<br /> }<br /> html.skin-theme-clientpref-night .wahldiagramm-yaxis-units &gt; div {<br /> border-color: #555555;<br /> }<br /> html.skin-theme-clientpref-night .wahldiagramm-yaxis-unit-bottom,<br /> html.skin-theme-clientpref-night .wahldiagramm-yaxis-unit-bottom-small {<br /> border-bottom-color: #aaaaaa !important;<br /> }<br /> html.skin-theme-clientpref-night .wahldiagramm-bar:not(.wahldiagramm-bar-negative) {<br /> border: 1px solid #999999;<br /> border-bottom: 0;<br /> }<br /> html.skin-theme-clientpref-night .wahldiagramm-bar.wahldiagramm-bar-negative {<br /> border: 1px solid #999999;<br /> border-top: 0;<br /> }<br /> }<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .wahldiagramm-yaxis-text {<br /> color: #aaaaaa;<br /> }<br /> html.skin-theme-clientpref-os .wahldiagramm-threshold {<br /> background-color: #eeeeee;<br /> }<br /> html.skin-theme-clientpref-os .wahldiagramm-yaxis-units &gt; div {<br /> border-color: #555555;<br /> }<br /> html.skin-theme-clientpref-os .wahldiagramm-yaxis-unit-bottom,<br /> html.skin-theme-clientpref-os .wahldiagramm-yaxis-unit-bottom-small {<br /> border-bottom-color: #aaaaaa !important;<br /> }<br /> html.skin-theme-clientpref-os .wahldiagramm-bar:not(.wahldiagramm-bar-negative) {<br /> border: 1px solid #999999;<br /> border-bottom: 0;<br /> }<br /> html.skin-theme-clientpref-os .wahldiagramm-bar.wahldiagramm-bar-negative {<br /> border: 1px solid #999999;<br /> border-top: 0;<br /> }<br /> }</div>

Wikiadmin