https://sfwiki.theleruby.com/api.php?action=feedcontributions&feedformat=atom&user=Theleruby 2026-06-05T23:27:53Z User contributions MediaWiki 1.43.6 https://sfwiki.theleruby.com/index.php?title=Main_Page&diff=23 2026-02-01T13:41:10Z

<p>Theleruby: </p> <hr /> <div>__NOTOC__<br /> SFWiki is an unofficial wiki which covers the Starfinder roleplaying sessions at the Ruby Palace, which intertwines custom content with adapted versions of official Starfinder adventures.<br /> <br /> == Characters ==<br /> === Current Player Cast ===<br /> * [[Cletus Brakcillian]]<br /> * [[Elan Veskquez]]<br /> * [[Switch-183]]<br /> * [[Tobias Maxim]]<br /> * [[Vin Tuhamim Cilo Te Rehof of Clan Uldrax]]<br /> === Former Player Cast ===<br /> * [[Chee Ki]]<br /> === Important NPCs ===<br /> * [[Free Captains]]<br /> ** [[Alera Okwana]]<br /> ** [[Tarsel Mo Hodra]]<br /> *** [[Chaactrimei]]<br /> * [[Larv Setil]]<br /> * [[Navasi Nyori]]<br /> * [[Riddle]]<br /> * [[Sidakana]]<br /> * [[Vari-13]]<br /> * [[Veltheniel]]<br /> * [[The Water Dealer]]<br /> <br /> == Acts/Chapters ==<br /> * Prologue: [[The Vanserei]]<br /> ===== PZO7601: [[Junker's Delight]] =====<br /> * Act 1: [[Pest Control]]<br /> * Act 2: [[Scrap Wars]]<br /> * Act 3: [[Flare Out]]<br /> ===== Interlogue 1 =====<br /> * Act 3.5: [[Confrontation and Betrayal]]<br /> ===== PZO7602: [[The Liberation of Locus-1]] =====<br /> * Act 4: <br /> * Act 5: <br /> * Act 6: <br /> <br /> == Locations ==<br /> <br /> * [[Pact Worlds System]]<br /> ** [[Absalom Station]]<br /> ** [[Akiton]]<br /> *** [[Khefak Depot]]<br /> *** [[Caryards]]<br /> *** [[Devil's Canyon]]<br /> ** [[The Diaspora]]<br /> *** [[Crystal Asteroid]]<br /> * [[Locus System]]<br /> ** [[Locus-1]]</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=Main_Page&diff=22 2026-02-01T13:39:28Z

<p>Theleruby: </p> <hr /> <div>__NOTOC__<br /> SFWiki is an unofficial wiki which covers the Starfinder roleplaying sessions at the Ruby Palace, which intertwines custom content with adapted versions of official Starfinder adventures.<br /> <br /> == Characters ==<br /> === Current Player Cast ===<br /> * [[Cletus Brakcillian]]<br /> * [[Elan Veskquez]]<br /> * [[Switch-183]]<br /> * [[Tobias Maxim]]<br /> * [[Vin Tuhamim Cilo Te Rehof of Clan Uldrax]]<br /> === Former Player Cast ===<br /> * [[Chee Ki]]<br /> === Important NPCs ===<br /> * [[Free Captains]]<br /> ** [[Alera Okwana]]<br /> ** [[Tarsel Mo Hodra]]<br /> *** [[Chaactrimei]]<br /> * [[Larv Setil]]<br /> * [[Navasi Nyori]]<br /> * [[Riddle]]<br /> * [[Sidakana]]<br /> * [[Vari-13]]<br /> * [[Veltheniel]]<br /> * [[The Water Dealer]]<br /> <br /> == Acts/Chapters ==<br /> * Prologue: [[The Vanserei]]<br /> ===== PZO7601: [[Junker's Delight]] =====<br /> * Act 1: [[Pest Control]]<br /> * Act 2: [[Scrap Wars]]<br /> * Act 3: [[Flare Out]]<br /> ===== Interlogue 1 =====<br /> * Act 3.5: [[Confrontation and Betrayal]]<br /> ===== [[The Liberation of Locus-1]] (PZO7602) =====<br /> * Act 4: <br /> * Act 5: <br /> * Act 6: <br /> <br /> == Locations ==<br /> <br /> * [[Pact Worlds System]]<br /> ** [[Absalom Station]]<br /> ** [[Akiton]]<br /> *** [[Khefak Depot]]<br /> *** [[Caryards]]<br /> *** [[Devil's Canyon]]<br /> ** [[The Diaspora]]<br /> *** [[Crystal Asteroid]]<br /> * [[Locus System]]<br /> ** [[Locus-1]]</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=Main_Page&diff=21 2026-02-01T13:37:11Z

<p>Theleruby: </p> <hr /> <div>__NOTOC__<br /> SFWiki is an unofficial wiki which covers the Starfinder roleplaying sessions at the Ruby Palace, which intertwines custom content with adapted versions of official Starfinder adventures.<br /> <br /> == Characters ==<br /> === Current Player Cast ===<br /> * [[Cletus Brakcillian]]<br /> * [[Elan Veskquez]]<br /> * [[Switch-183]]<br /> * [[Tobias Maxim]]<br /> * [[Vin Tuhamim Cilo Te Rehof of Clan Uldrax]]<br /> === Former Player Cast ===<br /> * [[Chee Ki]]<br /> === NPC Cast ===<br /> ==== [[Free Captains]] ====<br /> * [[Alera Okwana]]<br /> * [[Tarsel Mo Hodra]]<br /> ** [[Chaactrimei]]<br /> ==== Other Characters ====<br /> * [[Navasi Nyori]]<br /> * [[Vari-13]]<br /> * [[Veltheniel]]<br /> === Supporting NPCs ===<br /> * [[Larv Setil]]<br /> * [[Riddle]]<br /> * [[Sidakana]]<br /> * [[The Water Dealer]]<br /> <br /> == Acts/Chapters ==<br /> * Prologue: [[The Vanserei]]<br /> ===== PZO7601: [[Junker's Delight]] =====<br /> * Act 1: [[Pest Control]]<br /> * Act 2: [[Scrap Wars]]<br /> * Act 3: [[Flare Out]]<br /> ===== Interlogue 1 =====<br /> * Act 3.5: [[Confrontation and Betrayal]]<br /> ===== [[The Liberation of Locus-1]] (PZO7602) =====<br /> * Act 4: <br /> * Act 5: <br /> * Act 6: <br /> <br /> == Locations ==<br /> <br /> * [[Pact Worlds System]]<br /> ** [[Absalom Station]]<br /> ** [[Akiton]]<br /> *** [[Khefak Depot]]<br /> *** [[Caryards]]<br /> *** [[Devil's Canyon]]<br /> ** [[The Diaspora]]<br /> *** [[Crystal Asteroid]]<br /> * [[Locus System]]<br /> ** [[Locus-1]]</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=Main_Page&diff=20 2026-02-01T13:34:22Z

<p>Theleruby: </p> <hr /> <div>__NOTOC__<br /> SFWiki is an unofficial wiki which covers the Starfinder roleplaying sessions at the Ruby Palace, which intertwines custom content with adapted versions of official Starfinder adventures.<br /> <br /> == Characters ==<br /> === Current Player Cast ===<br /> * [[Cletus Brakcillian]]<br /> * [[Elan Veskquez]]<br /> * [[Switch-183]]<br /> * [[Tobias Maxim]]<br /> * [[Vin Tuhamim Cilo Te Rehof of Clan Uldrax]]<br /> === Former Player Cast ===<br /> * [[Chee Ki]]<br /> === NPC Cast ===<br /> * [[Alera Okwana]]<br /> * [[Chaactrimei]]<br /> * [[Tarsel Mo Hodra]]<br /> * [[Vari-13]]<br /> * [[Veltheniel]]<br /> === Supporting NPCs ===<br /> * [[Riddle]]<br /> * [[The Water Dealer]]<br /> <br /> == Acts/Chapters ==<br /> * Prologue: [[The Vanserei]]<br /> ===== PZO7601: [[Junker's Delight]] =====<br /> * Act 1: [[Pest Control]]<br /> * Act 2: [[Scrap Wars]]<br /> * Act 3: [[Flare Out]]<br /> ===== Interlogue 1 =====<br /> * Act 3.5: [[Confrontation and Betrayal]]<br /> ===== [[The Liberation of Locus-1]] (PZO7602) =====<br /> * Act 4: <br /> * Act 5: <br /> * Act 6: <br /> <br /> == Locations ==<br /> <br /> * [[Pact Worlds System]]<br /> ** [[Absalom Station]]<br /> ** [[Akiton]]<br /> *** [[Khefak Depot]]<br /> *** [[Caryards]]<br /> *** [[Devil's Canyon]]<br /> ** [[The Diaspora]]<br /> *** [[Crystal Asteroid]]<br /> * [[Locus System]]<br /> ** [[Locus-1]]</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=19 2026-02-01T12:06:02Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #161616f7;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bee;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> left: 10px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }<br /> <br /> div.mw-portlet#p-search {<br /> margin-left: 10px;<br /> }<br /> <br /> input#searchInput {<br /> padding-left: 0.8em;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=18 2026-02-01T12:03:26Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #161616f7;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bee;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> left: 10px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }<br /> <br /> div.mw-portlet#p-search {<br /> margin-left: 10px;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=17 2026-02-01T12:02:52Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #161616f7;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bee;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }<br /> <br /> div.mw-portlet#p-search {<br /> margin-left: 10px;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=16 2026-02-01T11:54:24Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #161616f7;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bee;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=15 2026-02-01T11:53:50Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #161616f7;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bde;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=14 2026-02-01T11:52:31Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #0d0d0ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bde;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=13 2026-02-01T11:50:04Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bde;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3bb2;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=12 2026-02-01T11:47:55Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bde;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #222f3b52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #222f3b;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=11 2026-02-01T11:47:42Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #222f3bde;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #1a1a1a52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #1a1a1a;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=10 2026-02-01T11:46:34Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/absalom-station-interior.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #1a1a1ade;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #1a1a1a52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #1a1a1a;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=9 2026-02-01T11:45:31Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/akiton.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #1a1a1ade;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #1a1a1a52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #1a1a1a;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=8 2026-02-01T11:43:27Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/akiton.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=7 2026-02-01T11:35:45Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/bg9001.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> a.mw-wiki-logo.fallback {<br /> display: none;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=6 2026-02-01T11:28:40Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/bg9001.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> li#footer-poweredbyico {<br /> background: #eee;<br /> padding: 2px 4px;<br /> border-radius: 7px;<br /> border: 1px solid black;<br /> }<br /> <br /> #p-logo-text a#p-banner {<br /> position: relative;<br /> top: -4px;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=5 2026-02-01T11:27:15Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/bg9001.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> li#footer-poweredbyico {<br /> background: #eee;<br /> padding: 2px 4px;<br /> border-radius: 7px;<br /> border: 1px solid black;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=4 2026-02-01T11:26:54Z

<p>Theleruby: </p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/bg9001.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }<br /> <br /> li.footer-poweredbyico {<br /> background: #eee;<br /> padding: 2px 4px;<br /> border-radius: 7px;<br /> border: 1px solid black;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Timeless.css&diff=3 2026-02-01T11:14:45Z

<p>Theleruby: Created page with &quot;/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */ body { opacity: 1; background-image: url(https://stuff.theleruby.com/media/bg9001.jpg); background-size: cover; background-position: center; background-attachment: fixed; } #mw-content-container { background: none; padding-bottom: 0em; border-bottom: none; } #mw-content-block { background: #1d...&quot;</p> <hr /> <div>/* This is an unfinished dark skin for Timeless created for Theleruby.com. All CSS here will be loaded for all users of the Timeless skin. */<br /> <br /> body {<br /> opacity: 1;<br /> background-image: url(https://stuff.theleruby.com/media/bg9001.jpg);<br /> background-size: cover;<br /> background-position: center;<br /> background-attachment: fixed;<br /> }<br /> <br /> #mw-content-container {<br /> background: none;<br /> padding-bottom: 0em;<br /> border-bottom: none;<br /> }<br /> <br /> #mw-content-block {<br /> background: #1d1d1ddf;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> #mw-content {<br /> background: none;<br /> border: none;<br /> color: white;<br /> }<br /> <br /> .mw-footer-container {<br /> border-top: none;<br /> box-shadow: none;<br /> }<br /> <br /> #mw-footer {<br /> background: #11233ede;<br /> padding: 1em;<br /> border-left: 3px solid #4c4c4c;<br /> border-right: 3px solid #4c4c4c;<br /> border-bottom: 3px solid #4c4c4c;<br /> }<br /> <br /> .mw-footer ul, .mw-footer li {<br /> margin: 0;<br /> }<br /> <br /> ul#footer-info {<br /> padding: 0px 0px 5px 0px;<br /> }<br /> <br /> .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> padding-bottom: 0.24em;<br /> }<br /> <br /> .tools-inline li.selected a{<br /> color: white;<br /> }<br /> <br /> div.editOptions {<br /> background: none;<br /> border: none;<br /> padding: 1.25em 0em;<br /> }<br /> <br /> a, .mw-footer-container a{<br /> text-decoration:none;<br /> color:#A6D2EA<br /> }<br /> a:hover, .mw-footer-container a:hover{<br /> color:#50A7D5;<br /> text-decoration:underline<br /> }<br /> a:visited, .mw-footer-container a:visited{<br /> color:#A6D2EA<br /> }<br /> a:visited:hover, .mw-footer-container a:visited:hover{<br /> color:#50A7D5<br /> }<br /> a.new,.new a{<br /> color:#8f8f8f<br /> }<br /> a.new:hover,.new a:hover{<br /> color:#bfbfbf<br /> }<br /> a.new:visited,.new a:visited{<br /> color:#8f8f8f<br /> }<br /> a.new:visited:hover,.new a:visited:hover{<br /> color:#bfbfbf<br /> }<br /> .mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{<br /> color:#50A7D5<br /> }<br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{<br /> color:#A6D2EA<br /> }<br /> .mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{<br /> color:#50A7D5<br /> }<br /> <br /> @media screen and (min-width: 851px)<br /> {<br /> .ts-inner {<br /> padding: 0;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 1100px)<br /> {<br /> #mw-site-navigation {<br /> padding-top: 0.5em;<br /> padding-bottom: 0.5em;<br /> padding-right: 0;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> background: #0f356d52;<br /> padding-right: 0;<br /> border-right: 3px solid #4c4c4c;<br /> width: 14em;<br /> }<br /> #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {<br /> background: none;<br /> color: white;<br /> border: none;<br /> padding-top: 0;<br /> }<br /> .mw-wiki-logo.fallback {<br /> margin-top: 0;<br /> height: 9em;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-content {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> color: #ffffff;<br /> background: #131313;<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> .tools-inline li.selected {<br /> border-bottom-color: #4383AB;<br /> }<br /> <br /> #mw-page-header-links {<br /> background: #0000006b;<br /> height: 32px;<br /> padding: 8px 12px;<br /> border-bottom: 2px solid #4c4c4c;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px)<br /> {<br /> #mw-page-header-links {<br /> margin-left: 3px;<br /> }<br /> #mw-page-header-links-outer {<br /> margin-left: 14em;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px)<br /> {<br /> #mw-site-navigation-ruby-outer {<br /> position: absolute;<br /> top: 1.8em;<br /> width: 90%;<br /> display: inline-block;<br /> z-index: 99;<br /> }<br /> #mw-page-header-links-outer {<br /> padding-top: 40px;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px)<br /> {<br /> #mw-page-header-links {<br /> padding-top: 14px;<br /> }<br /> }<br /> <br /> #mw-header-container {<br /> background: #0B204B;<br /> color: white;<br /> }<br /> <br /> #p-logo-text a {<br /> color: white;<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> #personal h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-content {<br /> margin-top: 0;<br /> }<br /> }<br /> <br /> .search-types .current a {<br /> color: white;<br /> }<br /> <br /> .wikitable &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; th {<br /> background-color: #505050b8;<br /> }<br /> <br /> code, pre, .mw-code {<br /> color: white;<br /> background-color: #505050b8;<br /> }<br /> <br /> textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: #2d2d2d;<br /> color: #ddd;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: #4590B8;<br /> border-color: #4590B8;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: #489CD3;<br /> border-color: #489CD3;<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: #408191;<br /> border-color: #408191;<br /> }<br /> <br /> #personal h2 span, #user-tools #personal h2:after {<br /> position: relative;<br /> top: -4px;<br /> }<br /> <br /> #personal .dropdown {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> }<br /> <br /> @media screen and (max-width: 850px) {<br /> #menus-cover {<br /> background: #1d1d1d;<br /> }<br /> }<br /> <br /> .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {<br /> padding-bottom: 8px;<br /> }<br /> <br /> @media screen and (min-width: 851px) and (max-width: 1099px) {<br /> #mw-header-nav-hack {<br /> background: #0F486D59;<br /> border-top-color: transparent;<br /> }<br /> #mw-site-navigation-ruby-outer {<br /> color: white;<br /> }<br /> #mw-site-navigation .sidebar-inner {<br /> color: white;<br /> background: #333;<br /> border-color: gray;<br /> }<br /> #mw-site-navigation h2, #mw-related-navigation h2 {<br /> font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;<br /> }<br /> }<br /> <br /> .color-left, .color-middle, .color-right {<br /> background: #4a4a4a;<br /> }<br /> <br /> .mw-parser-output a.external, .link-https {<br /> background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: #1852C54F;<br /> color: #ccc;<br /> outline: 1px dashed #94A9D4;<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: #2b7d35;<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: #b93d3d;<br /> }<br /> <br /> .diff-context {<br /> background: #afafaffa;<br /> }<br /> <br /> .diff {<br /> padding-bottom: 2em;<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px #ff0000;<br /> background-color: #4a4a4a;<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: #272626;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3000 {<br /> background: #5d6d7b;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> div#ruby-namespace-header-3002 {<br /> background: #b32d3f;<br /> border-bottom: 2px solid #4a4a4a;<br /> padding: 10px;<br /> color: white;<br /> }<br /> <br /> @media screen and (min-width: 1100px) and (max-width: 1339px) {<br /> div.ruby-namespace-header-outer {<br /> margin-left: 14em;<br /> }<br /> div#ruby-namespace-header-3000 {<br /> margin-left: 3px;<br /> }<br /> div#ruby-namespace-header-3002 {<br /> margin-left: 3px;<br /> }<br /> div.mw-body#content {<br /> margin-left: 3px;<br /> }<br /> }<br /> <br /> div.mw-warning-with-logexcerpt {<br /> padding: 0px 10px 14px 10px;<br /> margin-bottom: 12px;<br /> border: 2px solid #040000;<br /> }<br /> <br /> .warningbox {<br /> background-color: #9c0b0b;<br /> color: white;<br /> }<br /> <br /> #mw-content {<br /> padding: 0.7em;<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> margin: -0.8em -0.75em 0;<br /> }<br /> }<br /> <br /> ul#filetoc, .toc, .toccolours {<br /> background: #081A3F4D;<br /> border: solid #3a3a3a;<br /> }<br /> <br /> .toctogglelabel {<br /> color: #8494B5;<br /> }<br /> <br /> .thumbinner {<br /> background: #a5a4a440;<br /> border: solid #212121;<br /> }<br /> <br /> .infobox {<br /> border: 1px solid #444;<br /> background-color: #505050b8;<br /> color: white;<br /> }<br /> <br /> .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable {<br /> border-bottom-width: 1px;<br /> }<br /> <br /> .mw_metadata td, .mw-datatable td {<br /> background-color: #131313;<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: #333333 !important;<br /> }<br /> <br /> .mw_metadata th, .mw-datatable th, .wikitable th {<br /> background-color: #3f3f3f;<br /> }<br /> <br /> .editOptions {<br /> color: white;<br /> }<br /> <br /> div#editpage-copywarn {<br /> padding-top: 10px;<br /> line-height: 1.5;<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: #ff6565;<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: #00e500;<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background: none;<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: #9d9d9d;<br /> }</div>

Theleruby https://sfwiki.theleruby.com/index.php?title=MediaWiki:Common.css&diff=2 2026-02-01T11:14:28Z

<p>Theleruby: Created page with &quot;/* CSS placed here will be applied to all skins */ /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid...&quot;</p> <hr /> <div>/* CSS placed here will be applied to all skins */<br /> <br /> /* Infobox template style */<br /> .infobox {<br /> border: 1px solid #aaa;<br /> background-color: #f9f9f9;<br /> color: black;<br /> margin: 0.5em 0 0.5em 1em;<br /> padding: 0.2em;<br /> float: right;<br /> clear: right;<br /> }<br /> .infobox td,<br /> .infobox th {<br /> vertical-align: top;<br /> }<br /> .infobox caption {<br /> font-size: larger;<br /> }<br /> .infobox.bordered {<br /> border-collapse: collapse;<br /> }<br /> .infobox.bordered td,<br /> .infobox.bordered th {<br /> border: 1px solid #aaa;<br /> }<br /> .infobox.bordered .borderless td,<br /> .infobox.bordered .borderless th {<br /> border: 0;<br /> }<br /> <br /> /* styles for bordered infobox with merged rows */<br /> .infobox.bordered .mergedtoprow td,<br /> .infobox.bordered .mergedtoprow th {<br /> border: 0;<br /> border-top: 1px solid #aaa;<br /> border-right: 1px solid #aaa;<br /> }<br /> <br /> .infobox.bordered .mergedrow td,<br /> .infobox.bordered .mergedrow th {<br /> border: 0;<br /> border-right: 1px solid #aaa;<br /> }<br /> <br /> .elementaltypetable &gt; * &gt; * &gt; * {<br /> border-color: #585a5c !important;<br /> }<br /> <br /> th.sidecell {<br /> text-align: left !important;<br /> }<br /> <br /> th.rotatecell<br /> {<br /> vertical-align: bottom;<br /> text-align: center;<br /> width: 30px;<br /> padding-bottom: 5px !important;<br /> padding-top: 15px !important;<br /> }<br /> <br /> th.rotatecell &gt; a<br /> {<br /> -ms-writing-mode: tb-rl;<br /> -webkit-writing-mode: vertical-rl;<br /> writing-mode: vertical-rl;<br /> transform: rotate(180deg);<br /> white-space: nowrap;<br /> }<br /> <br /> th.rotatecell#dark &gt; a, th.sidecell#dark &gt; a<br /> {<br /> color: black !important;<br /> }<br /> <br /> th.rotatecell#light &gt; a, th.sidecell#light &gt; a<br /> {<br /> color: white !important;<br /> }</div>

Theleruby