https://chabadpedia.com/index.php?action=history&feed=atom&title=Module%3ASidebar_games_events%2Fstyles.css 2026-04-30T16:57:42Z Revision history for this page on the wiki MediaWiki 1.43.1 https://chabadpedia.com/index.php?title=Module:Sidebar_games_events/styles.css&diff=8037&oldid=prev 2025-04-16T15:59:53Z

<p>Created page with &quot;<span class="autocomment">{{pp|small=y}}: </span> .sidebar-games-events { <span class="autocomment">@noflip: </span> float: right; <span class="autocomment">@noflip: </span> clear: right; <span class="autocomment">@noflip: </span> margin: 0.5em 0 1em 1em; background: #f8f9fa; border: 1px solid #aaa; padding: 0.2em; border-spacing: 0.4em 0; text-align: center; line-height: 1.4em; font-size: 88%; <span class="autocomment">Timeless has display: none on .nomobile at mobile resolutions, so we * unhide it with display: table and let precedence and proximity win.: </span> display: table; } /* have t...&quot;</p> <p><b>New page</b></p><div>/* {{pp|small=y}} */<br /> .sidebar-games-events {<br /> /* @noflip */<br /> float: right;<br /> /* @noflip */<br /> clear: right;<br /> /* @noflip */<br /> margin: 0.5em 0 1em 1em;<br /> background: #f8f9fa;<br /> border: 1px solid #aaa;<br /> padding: 0.2em;<br /> border-spacing: 0.4em 0;<br /> text-align: center;<br /> line-height: 1.4em;<br /> font-size: 88%;<br /> /* Timeless has display: none on .nomobile at mobile resolutions, so we<br /> * unhide it with display: table and let precedence and proximity win.<br /> */<br /> display: table; <br /> }<br /> <br /> /* have to override later sidebar use */<br /> .sidebar-games-events.sidebar {<br /> width: auto; /* differs from sidebar */<br /> max-width: 25em; /* differs from sidebar */<br /> }<br /> <br /> /* See comment in [[Module:Sidebar/styles.css]]<br /> */<br /> body.skin-minerva .sidebar-games-events {<br /> display: table !important;<br /> /* also, minerva is way too aggressive about other stylings on tables.<br /> * TODO remove when this template gets moved to a div. plans on talk page.<br /> * We always float right on Minerva because that&#039;s a lot of extra CSS<br /> * otherwise. */<br /> float: right !important;<br /> margin: 0.5em 0 1em 1em !important;<br /> }<br /> <br /> .sidebar-games-events a {<br /> white-space: nowrap;<br /> }<br /> <br /> /* have to override later sidebar use */<br /> .sidebar-games-events-left.sidebar {<br /> /* @noflip */<br /> margin: 0 1em 1em 0;<br /> /* @noflip */<br /> float: left;<br /> /* @noflip */<br /> clear: left;<br /> }<br /> <br /> /* have to override later sidebar use */<br /> .sidebar-games-events-none.sidebar {<br /> /* @noflip */<br /> margin: 0 1em 1em 0;<br /> float: none;<br /> clear: both;<br /> }<br /> <br /> .sidebar-games-events-image {<br /> padding: 0 0 0.2em;<br /> background: #cedff2;<br /> }<br /> <br /> .sidebar-games-events-caption {<br /> padding-top: 0.2em;<br /> line-height: 1.2em;<br /> }<br /> <br /> .sidebar-games-events-title {<br /> padding: 0.2em 0.4em;<br /> font-size: 100%;<br /> line-height: 1.5em;<br /> background: #cedff2;<br /> }<br /> <br /> .sidebar-games-events-ir-cont {<br /> display: table;<br /> width: 100%;<br /> }<br /> <br /> .sidebar-games-events-ir-title {<br /> display: table-cell;<br /> width: 95%;<br /> }<br /> <br /> .sidebar-games-events-ir {<br /> display: table-cell;<br /> width: 5%;<br /> }<br /> <br /> .sidebar-games-events .event-title {<br /> padding: 0.1em;<br /> background: #99badd;<br /> border-top: 1px solid #f5faff<br /> }<br /> <br /> .sidebar-games-events-heading {<br /> padding: 0.1em;<br /> background: #deeaf6;<br /> border-top: 1px solid #f5faff;<br /> }<br /> <br /> .sidebar-games-events .no-event {<br /> display: none;<br /> }<br /> <br /> .sidebar-games-events .type-let {<br /> font-weight: normal;<br /> border-top: 1px solid #f5faff;<br /> background: #deeaf6;<br /> }<br /> <br /> .sidebar-games-events .event {<br /> text-align: left;<br /> line-height: 1.4em;<br /> padding: 0.1em 0.4em 0.2em 0.1em;<br /> font-weight: normal<br /> }<br /> <br /> .sidebar-games-events .event-r {<br /> text-align: right;<br /> }<br /> <br /> .sidebar-games-events .erl-border {<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .sidebar-games-events .result-r {<br /> text-align: right;<br /> padding-right: 1.5em;<br /> }<br /> <br /> .sidebar-games-events .result-l {<br /> text-align: left;<br /> }<br /> <br /> .sidebar-games-events-prevnext {<br /> border-top: solid 1px #deeaf6;<br /> }<br /> <br /> .sidebar-games-events-prev {<br /> float: left;<br /> text-align: left;<br /> padding-right: 0.5em;<br /> }<br /> <br /> .sidebar-games-events-next {<br /> float: right;<br /> text-align: right;<br /> padding-left: 0.5em;<br /> }<br /> <br /> .sidebar-games-events-prev::before {<br /> content: &quot;←\00a0&quot;; /* nbsp */<br /> }<br /> <br /> .sidebar-games-events-next::after {<br /> content: &quot;\00a0→&quot;; /* nbsp */<br /> }<br /> <br /> .sidebar-games-events-navbar {<br /> text-align: right;<br /> font-size: 115%;<br /> padding-top: 0;<br /> border-top: solid 1px #deeaf6;<br /> }<br /> <br /> @media (max-width: 720px) {<br /> /* users have wide latitude to set arbitrary width and margin :(<br /> &quot;Super-specific&quot; selector to prevent overriding this appearance by<br /> lower level sidebars too */<br /> body.mediawiki .sidebar {<br /> width: 100% !important;<br /> clear: both;<br /> float: none !important; /* Remove when we div based; Minerva is dumb */<br /> margin-left: 0 !important;<br /> margin-right: 0 !important;<br /> }<br /> /* TODO: We might consider making all links wrap at small resolutions and then<br /> * only introduce nowrap at higher resolutions. Do when we invert the media<br /> * query.<br /> */<br /> }<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night .sidebar-games-events {<br /> background: black;<br /> color: white;<br /> }<br /> <br /> html.skin-theme-clientpref-night .sidebar-games-events-heading,<br /> html.skin-theme-clientpref-night .sidebar-games-events-title {<br /> color: black;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .sidebar-games-events {<br /> background: black;<br /> color: white;<br /> }<br /> <br /> html.skin-theme-clientpref-os .sidebar-games-events-heading,<br /> html.skin-theme-clientpref-os .sidebar-games-events-title {<br /> color: black;<br /> }<br /> }</div>

Shia.k