http://70.231.62.181/index.php?action=history&feed=atom&title=Template%3ABar_chart%2Fstyles.css 2026-04-29T00:41:30Z Revision history for this page on the wiki MediaWiki 1.45.1 http://70.231.62.181/index.php?title=Template:Bar_chart/styles.css&diff=23371943&oldid=prev 2025-02-05T05:00:02Z

<p>print CSS and add comments</p> <p><b>New page</b></p><div>/* {{pp-template}} */<br /> .bar-chart {<br /> margin: 0.5em;<br /> background-color: var(--background-color-neutral-subtle, #f8f9fa);<br /> border: 1px solid #c0c0c0;<br /> border-spacing:0px;<br /> }<br /> .bar-chart tbody {<br /> display:table;<br /> width:100%;<br /> }<br /> .bar-chart caption {<br /> display:block;<br /> font-weight: bold;<br /> }<br /> <br /> .bar-chart th,<br /> .bar-chart td {<br /> padding: 3px;<br /> text-align: left;<br /> }<br /> /* highlight bars on mouseover */<br /> .bar-chart tr:not(:first-child):hover{<br /> background-color: var(--background-color-base, #ffffff);<br /> }<br /> <br /> .bar-chart th[scope=&quot;col&quot;]:not(.bar-chart-label-type) {<br /> width: 15em;<br /> }<br /> <br /> .bar-chart th[scope=&quot;row&quot;]:not(.bar-chart-total) {<br /> font-weight: normal;<br /> }<br /> <br /> .bar-chart-bar {<br /> height: 1.25em;<br /> width: 40em;<br /> }<br /> <br /> .bar-chart-bar-line {<br /> background-color: #cedff2;<br /> height: 1.25em; <br /> margin: 0 0 0 0; <br /> z-index: 0;<br /> }<br /> <br /> .bar-chart-bar-comment {<br /> font-size: 90%; <br /> padding-left: 1em;<br /> }<br /> <br /> .bar-chart-bar-numbers {<br /> position: relative; <br /> top: -1.4em; <br /> height: 1.25em; <br /> padding: 0 0 0 2em; <br /> z-index: 10;<br /> width: 40em;<br /> }<br /> <br /> .bar-chart-caption {<br /> border-top: 1px solid #aaa;<br /> }<br /> <br /> @media (min-width: 720px) {<br /> .bar-chart-left {<br /> float: left;<br /> clear: left;<br /> margin: 0.5em 1em 0.5em 0;<br /> }<br /> <br /> .bar-chart-right {<br /> float: right;<br /> clear: right;<br /> margin: 0.5em 0 0.5em 1em;<br /> }<br /> <br /> .bar-chart-center {<br /> margin: 0.5em auto;<br /> }<br /> }<br /> <br /> /* The CSS below is for situations where the standard background color is not<br /> * visible either because of contrast or because all background colors are <br /> * removed when printing:<br /> */<br /> <br /> /* for dark mode */<br /> @media screen {<br /> html.skin-theme-clientpref-night .bar-chart-bar-line { <br /> background-color: #74497e;<br /> }<br /> }<br /> <br /> /* for automatic dark mode */<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .bar-chart-bar-line { <br /> background-color: #74497e;<br /> }<br /> }<br /> <br /> /* for printed copies */<br /> @media print {<br /> .bar-chart-bar-line {<br /> border: dashed 1pt grey;<br /> }<br /> }</div>

imported>Rjjiii