https://www.cultopedia.org/index.php?action=history&feed=atom&title=Module%3ASister_project_links%2Fbar%2Fstyles.css 2026-04-06T02:26:28Z Revision history for this page on the wiki MediaWiki 1.44.5 https://www.cultopedia.org/index.php?title=Module:Sister_project_links/bar/styles.css&diff=380&oldid=prev 2025-08-25T10:12:15Z

<p>now that icons are clickable, add a little more margin between icon and link to avoid fat-fingering</p> <p><b>New page</b></p><div>/* {{pp|small=y}} */<br /> .sister-bar {<br /> display:flex;<br /> justify-content: center;<br /> align-items: baseline;<br /> font-size: 88%;<br /> background-color: #fdfdfd;<br /> border: 1px solid #a2a9b1;<br /> clear: both;<br /> margin: 1em 0 0;<br /> padding: 0 2em;<br /> }<br /> <br /> .sister-bar-header {<br /> margin: 0 1em 0 0.5em;<br /> padding: 0.2em 0;<br /> flex:0 0 auto;<br /> min-height: 24px;<br /> line-height: 22px;<br /> }<br /> <br /> .sister-bar-content {<br /> display:flex;<br /> flex-flow: row wrap;<br /> flex:0 1 auto;<br /> align-items: baseline;<br /> padding: 0.2em 0;<br /> column-gap: 1em;<br /> margin: 0;<br /> list-style: none;<br /> }<br /> <br /> .sister-bar-item {<br /> display:flex;<br /> align-items: baseline;<br /> margin:0.15em 0;<br /> min-height:24px;<br /> text-align:left;<br /> }<br /> <br /> .sister-bar-logo {<br /> width: 22px;<br /> line-height: 22px;<br /> margin:0 3px 0 2px;<br /> text-align: right;<br /> }<br /> <br /> .sister-bar-link {<br /> margin:0 2px 0 4px;<br /> text-align: left;<br /> }<br /> <br /> @media screen and (max-width:960px) {<br /> .sister-bar {<br /> flex-flow: column wrap;<br /> margin: 1em auto 0;<br /> }<br /> <br /> .sister-bar-header {<br /> flex:0 1;<br /> }<br /> <br /> .sister-bar-content {<br /> flex:1;<br /> border-top: 1px solid #a2a9b1;<br /> margin: 0;<br /> list-style: none;<br /> } <br /> <br /> .sister-bar-item {<br /> flex:0 0 20em;<br /> min-width: 20em;<br /> }<br /> }<br /> <br /> .navbox + link + .sister-bar,<br /> .navbox + style + .sister-bar,<br /> .portal-bar + link + .sister-bar,<br /> .portal-bar + style + .sister-bar,<br /> .sister-bar + .navbox-styles + .navbox,<br /> .sister-bar + .navbox-styles + .portal-bar {<br /> margin-top: -1px;<br /> }<br /> <br /> @media print {<br /> body.ns-0 .sister-bar {<br /> display: none !important;<br /> }<br /> }</div>

imported>Hike395