MediaWiki:Timeless.css: Difference between revisions

Latest revision as of 10:46, 2 June 2026

/* 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: #1d1d1ddf;
    border-left: 3px solid #4c4c4c;
    border-right: 3px solid #4c4c4c;
    border-bottom: 3px solid #4c4c4c;
}

#mw-content {
    background: none;
    border: none;
    color: white;
}

.mw-footer-container {
    border-top: none;
    box-shadow: none;
}

#mw-footer {
    background: #11233ede;
    padding: 1em;
    border-left: 3px solid #4c4c4c;
    border-right: 3px solid #4c4c4c;
    border-bottom: 3px solid #4c4c4c;
}

.mw-footer ul, .mw-footer li {
    margin: 0;
}

ul#footer-info {
    padding: 0px 0px 5px 0px;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
    padding-bottom: 0.24em;
}

.tools-inline li.selected a{
    color: white;
}

div.editOptions {
    background: none;
    border: none;
    padding: 1.25em 0em;
}

a, .mw-footer-container a{
	text-decoration:none;
	color:#A6D2EA
}
a:hover, .mw-footer-container a:hover{
	color:#50A7D5;
	text-decoration:underline
}
a:visited, .mw-footer-container a:visited{
	color:#A6D2EA
}
a:visited:hover, .mw-footer-container a:visited:hover{
	color:#50A7D5
}
a.new,.new a{
	color:#8f8f8f
}
a.new:hover,.new a:hover{
	color:#bfbfbf
}
a.new:visited,.new a:visited{
	color:#8f8f8f
}
a.new:visited:hover,.new a:visited:hover{
	color:#bfbfbf
}
.mw-parser-output a.extiw,.mw-parser-output a.extiw:active,.mw-parser-output a.external{
	color:#A6D2EA
}
.mw-parser-output a.extiw:hover,.mw-parser-output a.extiw:active:hover,.mw-parser-output a.external:hover{
	color:#50A7D5
}
.mw-parser-output a.extiw:visited,.mw-parser-output a.extiw:active:visited,.mw-parser-output a.external:visited{
	color:#A6D2EA
}
.mw-parser-output a.extiw:visited:hover,.mw-parser-output a.extiw:active:visited:hover,.mw-parser-output a.external:visited:hover{
	color:#50A7D5
}

@media screen and (min-width: 851px)
{
  .ts-inner {
    padding: 0;
  }
}

@media screen and (min-width: 1100px)
{
  #mw-site-navigation {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 0;
  }
  #mw-site-navigation-ruby-outer {
    background: #0f356d52;
    padding-right: 0;
    border-right: 3px solid #4c4c4c;
    width: 14em;
  }
  #mw-site-navigation-ruby-outer .sidebar-chunk, #mw-related-navigation-ruby-outer .sidebar-chunk {
    background: none;
    color: white;
    border: none;
    padding-top: 0;
  }
  .mw-wiki-logo.fallback {
    margin-top: 0;
    height: 9em;
  }
}

@media screen and (max-width: 850px)
{
  #mw-content {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.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 {
    color: #ffffff;
    background: #131313;
}

.mw-body h1.firstHeading {
    border-bottom-color: #4383AB;
}

.tools-inline li.selected {
    border-bottom-color: #4383AB;
}

#mw-page-header-links {
    background: #0000006b;
    height: 32px;
    padding: 8px 12px;
    border-bottom: 2px solid #4c4c4c;
}

@media screen and (min-width: 1100px) and (max-width: 1339px)
{
  #mw-page-header-links {
    margin-left: 3px;
  }
  #mw-page-header-links-outer {
    margin-left: 14em;
  }
}

@media screen and (min-width: 851px) and (max-width: 1099px)
{
  #mw-site-navigation-ruby-outer {
    position: absolute;
    top: 1.8em;
    width: 90%;
    display: inline-block;
    z-index: 99;
  }
  #mw-page-header-links-outer {
    padding-top: 40px;
  }
}

@media screen and (max-width: 850px)
{
  #mw-page-header-links {
    padding-top: 14px;
  }
}

#mw-header-container {
    background: #0B204B;
    color: white;
}

#p-logo-text a {
    color: white;
    font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}

#personal h2 {
    font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-content {
    margin-top: 0;
  }
}

.search-types .current a {
    color: white;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #505050b8;
}

code, pre, .mw-code {
    color: white;
    background-color: #505050b8;
}

textarea, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #2d2d2d;
    color: #ddd;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: #4590B8;
    border-color: #4590B8;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
    background-color: #4590B8;
    border-color: #4590B8;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #489CD3;
    border-color: #489CD3;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
    background-color: #408191;
    border-color: #408191;
}

form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
    background-color: #4590B8;
    border-color: #4590B8;
}

form:not(.oo-ui-layout) button:focus, form:not(.oo-ui-layout) input[type='submit']:focus {
    background-color: #4590B8;
    border-color: #4590B8;
}

form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover {
    background-color: #489CD3;
    border-color: #489CD3;
}

form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {
    background-color: #408191;
    border-color: #408191;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
	border-color: #4590B8;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
	border-color: #489CD3;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
	background-color: #408191;
	border-color: #408191;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
    background-color: #4590B8;
    border-color: #4590B8;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
    background-color: #4590B8;
    border-color: #4590B8;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
    background-color: #489CD3;
    border-color: #489CD3;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
    background-color: #408191;
    border-color: #408191;
}

#personal h2 span, #user-tools #personal h2:after {
    position: relative;
    top: -4px;
}

#personal .dropdown {
    color: white;
    background: #333;
    border-color: gray;
}

@media screen and (max-width: 850px) {
  .sidebar-inner {
    color: white;
    background: #333;
    border-color: gray;
  }
}

@media screen and (max-width: 850px) {
    #menus-cover {
        background: #1d1d1d;
    }
}

.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {
    padding-bottom: 8px;
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-header-nav-hack {
    background: #0F486D59;
    border-top-color: transparent;
  }
  #mw-site-navigation-ruby-outer {
	color: white;
  }
  #mw-site-navigation .sidebar-inner {
    color: white;
    background: #333;
    border-color: gray;
  }
  #mw-site-navigation h2, #mw-related-navigation h2 {
    font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
  }
}

.color-left, .color-middle, .color-right {
    background: #4a4a4a;
}

.mw-parser-output a.external, .link-https {
    background-image: url(https://stuff.theleruby.com/media/external-ltr2.svg);
}

#pagehistory li.selected {
    background-color: #1852C54F;
    color: #ccc;
    outline: 1px dashed #94A9D4;
}

.diff-addedline .diffchange {
    background: #2b7d35;
}

.diff-deletedline .diffchange {
    background: #b93d3d;
}

.diff-context {
    background: #afafaffa;
}

.diff {
    padding-bottom: 2em;
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
    box-shadow: 0 0 0 1px #ff0000;
    background-color: #4a4a4a;
}

.oo-ui-popupWidget-popup {
    background-color: #272626;
    color: white;
}

div#ruby-namespace-header-3000 {
    background: #5d6d7b;
    border-bottom: 2px solid #4a4a4a;
    padding: 10px;
    color: white;
}

div#ruby-namespace-header-3002 {
    background: #b32d3f;
    border-bottom: 2px solid #4a4a4a;
    padding: 10px;
    color: white;
}

@media screen and (min-width: 1100px) and (max-width: 1339px) {
  div.ruby-namespace-header-outer {
    margin-left: 14em;
  }
  div#ruby-namespace-header-3000 {
    margin-left: 3px;
  }
  div#ruby-namespace-header-3002 {
    margin-left: 3px;
  }
  div.mw-body#content {
    margin-left: 3px;
  }
}

div.mw-warning-with-logexcerpt {
    padding: 0px 10px 14px 10px;
    margin-bottom: 12px;
    border: 2px solid #040000;
}

.warningbox {
    background-color: #9c0b0b;
    color: white;
}

#mw-content {
    padding: 0.7em;
}

@media screen and (min-width: 851px) {
  .ve-init-mw-desktopArticleTarget-toolbar {
    margin: -0.8em -0.75em 0;
  }
}

ul#filetoc, .toc, .toccolours {
    background: #081A3F4D;
    border: solid #3a3a3a;
}

.toctogglelabel {
    color: #8494B5;
}

.thumbinner {
    background: #a5a4a440;
    border: solid #212121;
}

.infobox {
    border: 1px solid #444;
    background-color: #505050b8;
    color: white;
}

.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 {
	border-bottom-width: 1px;
}

.mw_metadata td, .mw-datatable td {
	background-color: #131313;
}

.mw-datatable tr:hover td {
	background-color: #333333 !important;
}

.mw_metadata th, .mw-datatable th, .wikitable th {
    background-color: #3f3f3f;
}

.editOptions {
    color: white;
}

div#editpage-copywarn {
    padding-top: 10px;
    line-height: 1.5;
}

.mw-plusminus-neg {
    color: #ff6565;
}

.mw-plusminus-pos {
    color: #00e500;
}

.mw-prefs-buttons {
    background: none;
}

.oo-ui-labelWidget.oo-ui-inline-help {
	color: #9d9d9d;
}

div.mw-portlet#p-search {
    margin-left: 10px;
}

input#searchInput {
    padding-left: 0.8em;
}