https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-trailblazer.css 2026-04-26T11:17:57Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Gadget-trailblazer.css&diff=34680&oldid=prev 2024-10-16T23:10:50Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">========= SCROLL =========: </span> <span dir="auto"><span class="autocomment">experimental: </span> .events-popup::-webkit-scrollbar { width: 1em; } .events-popup::-webkit-scrollbar-track { background: var(--body-mid); } .events-popup::-webkit-scrollbar-thumb { background: #43557a; border-radius: 4px; border: 2px solid var(--body-mid); } .events-popup::-webkit-scrollbar-thumb:hover { background: var(--body-border); } <span dir="auto"><span class="autocomment">========== Top bar link ==========: </span> .vector-menu #pt-events .oo-ui-ic...&quot;</span></span></span></p> <p><b>New page</b></p><div>/* ========= SCROLL ========= */<br /> /* experimental */<br /> .events-popup::-webkit-scrollbar {<br /> width: 1em;<br /> }<br /> <br /> .events-popup::-webkit-scrollbar-track {<br /> background: var(--body-mid);<br /> }<br /> <br /> .events-popup::-webkit-scrollbar-thumb {<br /> background: #43557a;<br /> border-radius: 4px;<br /> border: 2px solid var(--body-mid);<br /> }<br /> <br /> .events-popup::-webkit-scrollbar-thumb:hover {<br /> background: var(--body-border);<br /> }<br /> <br /> /* ========== Top bar link ========== */<br /> .vector-menu #pt-events .oo-ui-icon-calendar {<br /> width: 16px;<br /> min-width: 16px;<br /> height: 16px;<br /> background-size: 16px;<br /> display: block;<br /> background-repeat: no-repeat;<br /> opacity: 1;<br /> text-indent: -9999px; /* as its span contains text; styles from echo icons */<br /> color: transparent;<br /> position: relative;<br /> top: -2px;<br /> }<br /> <br /> /* Icon on desktop personal links bar */<br /> .vector-menu #pt-events .oo-ui-icon-calendar,<br /> /* Icon on mobile sidebar */<br /> .minerva-header .mw-ui-icon-portletlink-pt-events:before {<br /> background-image: url(&#039;/images/Trailblazer_Reloaded_League_icon.png?11111&#039;);<br /> filter: brightness(2);<br /> }<br /> <br /> /* Show text on mobile sidebar */<br /> .minerva-header #pt-events span {<br /> display: block;<br /> overflow: visible;<br /> }<br /> <br /> /* Don&#039;t invert Trailblazer icon on mobile darkmode sidebar. */<br /> body.wgl-theme-dark #pt-events .mw-ui-icon:before {<br /> filter: brightness(2);<br /> }<br /> <br /> /* ========== General ========== */<br /> /* interface buttons cursor */<br /> .tbz-int-button:not(.tbz-no-global), .tbz-region:not(.tbz-no-global), .tbz-badge:not(.tbz-no-global) {<br /> cursor: context-menu;<br /> }<br /> <br /> .events-popup, .events-settings .settings-container {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> }<br /> <br /> /* ========== Events popup ========== */<br /> /* == Header == */<br /> .events-popup .header {<br /> background-color: var(--body-main);<br /> position: relative;<br /> left: 0;<br /> right: 0;<br /> top: 0;<br /> padding: 0.75em 1em;<br /> border-bottom: 1px solid var(--body-main);<br /> z-index: 3;<br /> }<br /> <br /> /* Close button */<br /> #rsw-events-close {<br /> float: left;<br /> }<br /> <br /> .events-popup .header h2 {<br /> padding: 0;<br /> border: none;<br /> font-weight: bold;<br /> text-align: center;<br /> margin: 0 4em;<br /> }<br /> <br /> /* == Body section == */<br /> .events-popup h3, .events-settings h3 {<br /> padding: 0;<br /> margin: 0.75em 0;<br /> text-align: center;<br /> }<br /> <br /> .events-popup h3 a, .events-settings h3 a {<br /> color: var(--text-color);<br /> }<br /> <br /> .events-popup .body {<br /> display: flex;<br /> }<br /> <br /> .events-popup .col-l {<br /> border-right: 1px solid var(--body-main);<br /> flex-grow: 2;<br /> padding-right: 0.7em;<br /> }<br /> <br /> .col.col-r {<br /> flex-grow: 1;<br /> }<br /> <br /> body.wgl-theme-dark .events-popup .col-r {<br /> border-color: var(--body-border);<br /> flex-grow: 1;<br /> }<br /> <br /> .events-popup .col .section + .section:not(:empty) {<br /> margin-top: 1.25em;<br /> border-top: 1px solid var(--body-main);<br /> padding-top: 1.25em;<br /> }<br /> <br /> /* Toggles */<br /> .events-popup .tb-area-sels label {<br /> padding: 0.25em 0;<br /> display: flex;<br /> margin: 0.5em 0;<br /> border: 1px solid var(--tbz-locked-border-color);<br /> border-radius: 10px;<br /> width: calc(100% - 2.4em);<br /> background-color: var(--tbz-locked-background-color);<br /> justify-content: flex-start;<br /> align-items: center;<br /> gap: 0.5em;<br /> user-select: none;<br /> }<br /> <br /> .events-popup .tb-area-sels label.oo-ui-multioptionWidget-selected {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color);<br /> }<br /> <br /> /* Toggles area links */<br /> .events-popup .tbz-external-link {<br /> display: block;<br /> position: absolute;<br /> right: -1.85em;<br /> top: 0.6em;<br /> width: 1.5em;<br /> height: 1.5em;<br /> background-image: var(--external-icon);<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> text-indent: -9999px;<br /> overflow: hidden;<br /> }<br /> <br /> /* Links */<br /> .events-popup .skill-links {<br /> display: flex;<br /> flex-flow: column nowrap;<br /> align-items: center;<br /> text-align: center;<br /> }<br /> <br /> .events-popup .guide-links {<br /> display: flex;<br /> flex-flow: column nowrap;<br /> margin: 0 1em;<br /> max-width: 75%;<br /> margin: auto;<br /> }<br /> <br /> .events-popup .guide-links img {<br /> padding-right: 1em;<br /> }<br /> <br /> .events-popup .guide-links a {<br /> background: var(--body-main);<br /> border: 1px solid var(--body-dark);<br /> border-radius: 10px;<br /> font-weight: bold;<br /> display: flex;<br /> align-items: center;<br /> padding: 0.5em 0.8em;<br /> margin: 0.25em;<br /> min-width: 60%;<br /> font-size: 110%;<br /> }<br /> <br /> /* == Footer == */<br /> .events-popup .footer {<br /> background-color: var(--body-main);<br /> display: flex;<br /> flex-flow: row nowrap;<br /> justify-content: center;<br /> position: relative;<br /> padding: 1em;<br /> border-top: 1px solid var(--body-main);<br /> }<br /> <br /> .events-popup .footer &gt; div {<br /> padding: 0;<br /> flex: 1 1 auto;<br /> }<br /> <br /> .events-popup .footer div &gt; :nth-child(2) {<br /> font-weight: bold;<br /> }<br /> <br /> .events-popup .footer time {<br /> cursor: help;<br /> text-decoration: underline dotted;<br /> }<br /> <br /> .events-popup .footer label {<br /> display: block;<br /> }<br /> <br /> /*Center checkboxes*/<br /> .events-popup .oo-ui-checkboxMultioptionWidget span {<br /> padding: 0.25em;<br /> flex-basis: content;<br /> margin-left: 0.5em;<br /> width: initial;<br /> }<br /> <br /> /* Double specify class so this overrides default ooui */<br /> .events-popup .tb-area-sels .oo-ui-labelElement-label.oo-ui-labelElement-label {<br /> white-space: nowrap;<br /> display: flex;<br /> align-items: center;<br /> gap: 0.25em;<br /> padding-left: 0;<br /> }<br /> <br /> .events-popup .skill-links {<br /> padding-top: 0.5em;<br /> }<br /> <br /> .events-popup .oo-ui-multiselectWidget-group {<br /> width: 100%;<br /> max-width: 270px;<br /> margin: auto;<br /> }<br /> <br /> /* Reduce padding on small screens */<br /> @media only screen and (max-width: 499px) {<br /> .events-popup .oo-ui-multiselectWidget-group {<br /> margin-right: 10px;<br /> margin-left: 10px;<br /> }<br /> <br /> .events-popup .oo-ui-checkboxMultioptionWidget span {<br /> margin-left: 0.25em;<br /> }<br /> <br /> .events-popup .tb-area-sels label {<br /> gap: 0;<br /> }<br /> <br /> .events-popup .guide-links {<br /> margin-right: 10px;<br /> margin-left: 10px;<br /> max-width: 100%;<br /> }<br /> }</div>

Alex