http://70.231.62.181/index.php?action=history&feed=atom&title=MyWiki%3AReference_desk%2Fheader%2Fstyles.css 2026-04-30T10:51:29Z Revision history for this page on the wiki MediaWiki 1.45.1 http://70.231.62.181/index.php?title=MyWiki:Reference_desk/header/styles.css&diff=7487315&oldid=prev 2025-12-08T23:58:33Z

<p>try to fix weird `padding-bottom`s</p> <p><b>New page</b></p><div>/** CSS for reference desk header */<br /> .rd-header {<br /> color: var(--color-base, #202122);<br /> background-color: var(--background-color-neutral, #eaecf0);<br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> font: bold 20px arial,helvetica,sans-serif;<br /> text-align: center;<br /> margin-top: 0;<br /> margin-bottom: 6px;<br /> margin-left: 0;<br /> padding: 3px;<br /> }<br /> .rd-box {<br /> border: 1px solid #aaa;<br /> box-sizing: border-box;<br /> background-color: var( --background-color-neutral-subtle, #f5f5f5);<br /> color: var(--color-base, #202122);<br /> margin: 0 0 6px 0;<br /> padding: 8px;<br /> text-align: left;<br /> width: 100%;<br /> }<br /> ul.rd-box {<br /> display: flex;<br /> flex-wrap: wrap;<br /> justify-content: space-evenly;<br /> padding: 0;<br /> }<br /> .rd-box &gt; li {<br /> display: block;<br /> font-size: larger;<br /> margin: 0;<br /> }<br /> .rd-box &gt; li &gt; a {<br /> background-color: var(--background-color-neutral-subtle, #eaecf0);<br /> display: block;<br /> margin: 0;<br /> padding: 8px;<br /> }<br /> .rd-box &gt; li &gt; .selflink {<br /> border-bottom: 3px solid #aaa;<br /> padding-bottom: 5px; /* 8px by default minus 3px border */<br /> }<br /> .rd-header a:link,<br /> .rd-header a:visited,<br /> .rd-header a:hover,<br /> ul.rd-box a:link,<br /> ul.rd-box a:visited,<br /> ul.rd-box a:hover {<br /> color: var(--color-progressive, #00f);<br /> }<br /> @media screen and (max-width: 719px) {<br /> #refdesk-help-icon {<br /> display: none;<br /> }<br /> ul.rd-box li {<br /> display: flex;<br /> flex: 1;<br /> justify-content: center;<br /> white-space: pre;<br /> }<br /> }<br /> @media screen and (min-width: 720px) {<br /> .rd-grid {<br /> display: grid;<br /> grid-template-columns: auto 8px 14em;<br /> grid-template-rows: auto auto auto auto auto;<br /> }<br /> .rd-grid &gt; :nth-child(2),<br /> .rd-grid &gt; :nth-child(3),<br /> .rd-grid &gt; :nth-child(4),<br /> .rd-grid &gt; :nth-child(6),<br /> .rd-grid &gt; :nth-child(7) {<br /> grid-column: 3;<br /> }<br /> .rd-grid &gt; :nth-child(5) {<br /> grid-row: 2 / 7;<br /> }<br /> ul.rd-box {<br /> flex-direction: column;<br /> }<br /> <br /> .rd-box &gt; li &gt; .selflink {<br /> background-color: var(--background-color-neutral, #eaecf0);<br /> border-left: 3px solid #aaa;<br /> padding-left: 5px;<br /> border-bottom: 0;<br /> padding-bottom: 8px;<br /> }<br /> .rd-ask-button {<br /> justify-content: start !important;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 720px) and (max-width: 1024px) {<br /> /* Inputs have a max-width 100%, which is good for single column<br /> but at smaller grid sizes, the input want to have a min-size that is<br /> too big to fit in the autosized 1st column causing the entire grid<br /> to overflow, if we don&#039;t do this hack. */<br /> .rd-box input {<br /> max-width: 350px;<br /> }<br /> }<br /> <br /> @supports not (display: grid) {<br /> ul.rd-box.rd-box {<br /> flex-direction: row;<br /> }<br /> }</div>

imported>Andrybak