MediaWiki:Timeless.css: Difference between revisions

From Echopedia
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 671: Line 671:
}
}
.oo-ui-processDialog-location {
.oo-ui-processDialog-location {
  background-color:#333
  background-color:#eee;
}
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
Line 771: Line 771:
}
}


 
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-success.oo-ui-iconElement.oo-ui-messageWidget .oo-ui-labelElement .oo-ui-labelElement-label {
 
color: #fff;
}


.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
Line 779: Line 780:


.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
color: #000;
color: #000 !important;
}
}


.oo-ui-labelElement .oo-ui-labelElement-label {
.oo-ui-labelElement .oo-ui-labelElement-label {
color:#fff;
color:#000;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label {
color: #000;
}
}

Latest revision as of 23:37, 17 September 2022

@import url(https://web.archive.org/web/20220411132903cs_/https://tools-static.wmflabs.org/fontcdn/css?family=Merriweather);
@font-face {
 font-family:'Inconsolata';
 src:url(/fonts/Inconsolata.woff2) format('woff2')
}
html {
 background-color:#333;
 height:100%;
 font-size:1.1em;
 filter:brightness(100%) contrast(100%) grayscale(0%) !important;
 -webkit-filter:brightness(100%) contrast(100%) grayscale(0%) !important;
 overflow-x:hidden
}
body {
 margin:0;
 color:#fff;
 background-color:#0a0c1b
}
a {
 color:#2ec6c9
}
a:hover {
 color:#278a90
}
a:visited {
 color:#548b69
}
a:visited:hover {
 color:#376247
}
h1 {
 color:white;
 text-shadow:1px 1px 1px #000;
 font-size:40px !important
}
h1,
h2,
h3,
h4 {
 font-family:consolas,monospace
}
#personal .dropdown b {
 font-weight:normal
}
b,
strong {
 text-shadow:1px 1px 1px #dddddd55
}
#f-list {
 text-align:center;
 font-size:14px
}
div.editOptions {
 border:#222;
 background:#d7d7d7
}
#mw-header-nav-hack {
 border-top:solid 2px #333;
 background:#333
}
#mw-site-navigation .sidebar-inner {
 border:0
}
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
 font-family:Inconsolata,consolas,monospace
}
.mw-body h1.firstHeading {
 border-bottom:solid 4px #fff
}
.wikitable {
 color:#ddd;
 background:inherit;
 border-color:#444
}
.wikitable img {
 max-width:6rem
}
.mw-datatable > tr > td,
.wikitable > tr > td,
.mw-datatable > * > tr > td,
.wikitable > * > tr > td {
 background:inherit
}
.mw-datatable > tr > th,
.wikitable > tr > th,
.mw-datatable > tr > td,
.wikitable > tr > td,
.mw-datatable > * > tr > th,
.wikitable > * > tr > th,
.mw-datatable > * > tr > td,
.wikitable > * > tr > td {
 border-color:#555
}
.mw-body-content .mw-number-text h3 {
 color:#ddd
}
.mw-number-text {
 color:#bbb
}
.wikitable > tr > th,
.wikitable > * > tr > th {
 background-color:#444
}
.diff-deletedline .diffchange {
 background:#937839
}
.messagebox,
.errorbox,
.warningbox,
.successbox {
 color:#ccc
}
.errorbox {
 background-color:#553a38
}
ul#filetoc,
.toc,
.mw-warning {
 background:#3f4142;
 border-color:#278a90
}
.tocnumber {
 color:#ddd
}
.toctogglelabel {
 color:#278a90
}
#mw-related-navigation .sidebar-inner::before,
#mw-related-navigation .sidebar-inner::after {
 border-bottom-color:#111
}
#mw-related-navigation .sidebar-inner::after {
 border-bottom-color:#222
}
#mw-site-navigation .sidebar-chunk h2 span::before,
#mw-site-navigation .sidebar-chunk h2 span::after {
 border-bottom-color:#111
}
#mw-site-navigation .sidebar-chunk h2 span::after {
 border-bottom-color:#222
}
code,
pre,
.mw-code {
 color:#eee;
 background-color:#3e3e3e;
 border:1px solid #2b6b6d
}
#mw-content-container {
 background:url(/images/manual/echovr_background_1k.jpg);
 background-size:100%
}
@media screen and (min-width:961px) {
 #mw-content-container {
  background:url(/images/manual/echovr_background_2k.jpg);
  background-size:100%
 }
}
@media screen and (min-width:1921px) {
 #mw-content-container {
  background:url(/images/manual/echovr_background_4k.jpg);
  background-size:100%
 }
}
.oo-ui-popupWidget {
 color:black
}
#contentSub {
 color:#b7b7b7 
}
fieldset input {
 background:inherit;
 color:inherit
}
.oo-ui-labelWidget.oo-ui-inline-help {
 color:#9eacb7
}
.thumbinner {
 background:#333;
 border-color:#222
}
.thumbinner .thumbimage,
.thumbborder {
 border-color:#222
}
.mw-parser-output a.extiw:visited,
.mw-parser-output a.extiw:active:visited,
.mw-parser-output a.external:visited {
 color:#30a7ff
}
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.extiw:active:visited:hover,
.mw-parser-output a.external:visited:hover {
 color:#347bb0
}
.mw-parser-output a.external,
.link-https {
 background-image:url(/resources/src/mediawiki.skinning/images/external-ltr.svg?59558) 
}
.tools-inline li a {
 filter:invert()
}
.tools-inline li a > span {
 filter:invert()
}
div.magnify a {
 filter:invert()
}
#mw-footer-container a:visited {
 color:#548b69
}
.mw-wiki-logo.fallback {
 transition:transform .2s
}
.mw-wiki-logo.fallback:hover {
 transform:rotate(1deg) scale(1.02) 
}
.mw-wiki-logo.fallback:active {
 transform:rotate(2deg) scale(.99) 
}
.oo-ui-messageDialog-title {
 color:#fff
}
figure[typeof~="mw:Image/Thumb"] > figcaption,
figure[typeof~="mw:Video/Thumb"] > figcaption,
figure[typeof~="mw:Audio/Thumb"] > figcaption,
figure[typeof~="mw:Image/Frame"] > figcaption,
figure[typeof~="mw:Video/Frame"] > figcaption,
figure[typeof~="mw:Audio/Frame"] > figcaption,
figure[typeof~="mw:Image/Thumb"],
figure[typeof~="mw:Video/Thumb"],
figure[typeof~="mw:Audio/Thumb"],
figure[typeof~="mw:Image/Frame"],
figure[typeof~="mw:Video/Frame"],
figure[typeof~="mw:Audio/Frame"] {
 background-color:#333;
 border-color:#333
}
@media screen and (min-width:851px) {
 #p-logo-text a {
  position:fixed;
  right:75vw
 }
}
@media screen and (max-width:850px) {
 #p-logo-text {
  margin-top:0
 }
}
@media screen and (max-width:1099px) and (min-width:851px) {
 #p-logo-text a.long {
  padding-left:7px;
  float:left;
  font-size:23px !important
 }
}
@media screen and (max-width:1099px) and (min-width:851px) {
 #mw-related-navigation .sidebar-inner {
  background:#222 !important;
  border:solid #111
 }
}
@media screen and (max-width:1099px) and (min-width:851px) {
 #mw-site-navigation .sidebar-inner {
  background:#222;
  border:solid #111
 }
}
#mw-site-navigation .sidebar-chunk {
 border:outset #222;
 background:#3338;
 box-shadow:2px 2px 1px rgba(0,0,0,0.5);
 border-radius:3px
}
@media screen and (max-width:851px) {
 #mw-site-navigation .sidebar-chunk {
  padding:0 15px 5px 20px
 }
}
@media screen and (max-width:1099px) and (min-width:851px) {
 #mw-site-navigation .sidebar-inner {
  background:#222 !important;
  border:solid #111 !important
 }
}
.mw-parser-output a.external {
 color:#df8a4c
}
#searchInput {
 padding:0.2em 4.5em 0.2em 2em !important;
 margin:0
}
#searchInput-container {
 background:#333;
 height:35px
}
#simpleSearch {
 border:inset 1px #010101;
 border-radius:3px;
 background:#333;
 height:35px;
 width:48vw;
 position:absolute;
 left:0;
 right:0;
 margin-left:auto;
 margin-right:auto;
 top:7px
}
#user-tools {
 position:fixed;
 right:86px
}
@media screen and (min-width:851px) {
 #user-tools {
  left:74vw;
  top:5px
 }
}
.mw-notification {
 background:#222;
 border:#111;
 background:#111;
 border-radius:5px;
 color:#999;
 width:200px
}
.postedit-container {
 position:absolute;
 left:0;
 right:0;
 margin-left:auto;
 margin-right:auto;
 padding:0;
 padding:15px 0 15px 15px;
 text-align:right
}
.postedit-icon {
 margin:auto;
 padding:0
}
.mw-wiki-logo {
 background-size:contain
}
#mw-header-container {
 background:#222;
 color:inherit
}
#mw-header {
 width:100%;
 max-width:100%;
 padding:0;
 position:static
}
#mw-content-container {
 border-bottom-color:#fff
}
@media screen and (max-width:850px) {
 #menus-cover {
  background:#000
 }
}
@media screen and (max-width:850px) {
 #personal h2 {
  display:none
 }
}
@media screen and (max-width:850px) {
 #mw-content-block {
  background:#000
 }
}
@media screen and (max-width:850px) {
 #site-tools h2 {
  right:3em;
  top:0.9em;
  padding-bottom:5px;
  filter:invert()
 }
}
@media screen and (max-width:850px) {
 #p-logo-text a.long {
  width:100%;
  top:7px;
  text-align:center;
  font-size:40px !important
 }
}
@media screen and (min-width:851px) {
 #p-logo-text {
  width:29em
 }
}
@media screen and (min-width:851px) {
 #personal h2:after {
  width:36px
 }
}
@media screen and (max-width:850px) {
 #p-logo-text {
  position:static;
  left:0 !important;
  right:0;
  margin-left:0;
  margin-right:0;
  width:100%;
  top:3.3em
 }
}
@media only screen and (min-width:992px) and (max-width:768px) {
 #p-logo-text {
  right:74vw
 }
}
@media only screen and (min-width:900px) and (max-width:100px) {
 #p-logo-text {
  right:74vw;
  top:3em
 }
}
@media screen and (max-width:900px) and (min-width:100px) {
 #p-logo-text a.long {
  font-size:43px !important
 }
}
@media screen and (max-width:1700px) and (min-width:800px) {
 #p-logo-text {
  left:12px !important
 }
}
@media screen and (max-width:1700px) and (mix:851px) {
 #mw-site-navigation {
  background:#000
 }
}
#mw-content {
 background:#333c;
 border:solid #484848;
 -webkit-border-bottom-right-radius:4px;
 -webkit-border-bottom-left-radius:4px;
 -moz-border-radius-bottomright:4px;
 -moz-border-radius-bottomleft:4px;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
 margin-top:1em
}
#mw-page-header-links li.selected a {
 color:#2ec6c9
}
#mw-related-navigation .sidebar-chunk {
 background:#3338;
 border:outset #222;
 box-shadow:2px 2px 1px rgba(0,0,0,0.5);
 border-radius:3px
}
@media screen and (max-width:1099px) and (min-width:851px) {
 #mw-related-navigation .sidebar-chunk {
  border:outset #222;
  box-shadow:2px 2px 1px rgba(0,0,0,0.5);
  border-radius:3px;
  padding:0 15px 5px 20px
 }
}
.color-middle,
.color-left,
.color-right {
 background:#999;
 height:.1em
}
#p-logo-text {
 left:120px
}
#p-logo-text a {
 color:transparent;
 font-weight:bold;
 font-family:consolas,monospace;
 background-image:url(/images/9/90/Echopedia_Logo.png);
 background-size:contain;
 background-repeat:no-repeat;
 background-position-y:center;
 width:5em
}
#p-logo-text a.long {
 padding-top:5px;
 padding-left:6px;
 font-size:30px;
 text-shadow:1px 1px 1px #222
}
#p-search {
 width:70em;
 padding-right:33px
}
#personal .dropdown h3 {
 line-height:25px
}
#personal h2 {
 padding-top:7px;
 font-size:24px;
 text-transform:lowercase;
 font-family:Inconsolata,consolas,monospace;
 filter:invert()
}
#personal h2 > span {
 filter:invert()
}
#personal .dropdown {
 background:#222!important;
 border:solid #000
}
#personal .dropdown::before {
 border-bottom-color:#000
}
#personal .dropdown::after {
 border-bottom-color:#222
}
.codeEditor-status {
 color:#000
}
.oo-ui-labelElement-label {
 text-shadow:1px 2px #333;
 color: #000;
}
#iframeframe {
 height:700px
}
#wpSave {
 text-shadow:2px 2px 2px #000 !important 
}
#mw-footer-container {
 background:#333;
 padding-top:1em
}
input {
 background:#333;
 border:solid 1px #111!important;
 border-radius:2px;
 padding-left:5px;
 color:#999
}
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-progressive.mw-ui-checked,
input[type='submit'],
input[type='button'],
button {
 border:solid 1px #333!important;
 border-bottom:0!important;
 text-shadow:0 0 0 #000 !important;
 border-bottom:solid 1px #333!important
}
.oo-ui-flaggedElement-destructive {
 background:#5c5c5c;
 border:1px solid #444;
 color:#FF3333 !important;
 padding-left:15px !important;
 padding-right:15px !important
}
.oo-ui-flaggedElement-destructive:hover {
 background:#222;
 color:#CC0000 !important
}
#searchInput {
 border:0!important
}
@media screen and (max-width:850px) {
 #searchInput {
  padding:0 0 0 6px !important
 }
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
 background-color:#333;
 color:#fff
}
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
 line-height:0.5em
}
#pagehistory li.selected {
 background-color:#555
}
.warningbox {
 background:#1d1d16
}
a.new:hover,
.new a:hover,
a.new:visited,
.new a:visited {
 color:#FF3333
}
.mw-plusminus-neg {
 color:#FF0000
}
#searchButton,
#mw-searchButton {
 border:0 !important;
 left:38vw;
 right:0;
 margin-left:auto
}
#mw-footer-container a:hover {
 color:#ffff33
}
#mw-footer-container a:visited {
 color:#ffff66
}
#mw-footer .footer-places li {
 float:right;
 display:block
}
#mw-footer ul,
#mw-footer li {
 margin:0 auto
}
#mw-footer #lastmod {
 float:left;
 left:25px
}
.diff-addedline .diffchange {
 background:#1d1d16;
 padding-left:7px
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 text-shadow:0 0 0 #000 !important
}
.oo-ui-labelElement-label {
 text-shadow:0 0 0 #000 
}
.oo-ui-panelLayout-expanded {
 background:#fff;
 color: #000;
}
.oo-ui-messageDialog-message {
 color:#999
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 color:#333
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 border-right:1px solid #111 
}
.oo-ui-dialog-content > .oo-ui-window-body {
 outline:1px solid #111
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
 outline:1px solid #111
}
.wikiEditor-ui .wikiEditor-ui-view {
 border:1px solid #000
}
.wikiEditor-ui .wikiEditor-ui-top {
 border-bottom:1px solid #000
}
textarea[style] {
 background:#333 !important;
 color:#f6f6f6
}
.code,
pre,
.mw-code {
 color:#eee;
 background-color:#3e3e3e;
 border:1px solid #2b6b6d
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
 background-color:#B0B0B0;
 border:1px solid #333
}
.oo-ui-processDialog-location {
 background-color:#eee;
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
 background-color:#444
}
.mw-upload-bookletLayout-filePreview {
 background-color:#555
}
.player-profile {
 float:right;
 margin:2rem;
 background-color:#0002;
 padding:.5rem;
 border:2px solid #278a90;
 width:15rem
}
.player-profile table {
 border-collapse:collapse;
 line-height:1rem;
 width:100%
}
.player-profile tr>td:nth-child(1) {
 text-align:right;
 color:#aaa
}
.player-profile tr>td:nth-child(2) {
 padding-left:.5rem
}
.player-profile tr:nth-child(2n) td {
 background-color:#0003
}
.player-profile th {
 background-color:#0005;
 margin:0
}
.player-profile .profile-img img {
 width:100%
}
/*
     FILE ARCHIVED ON 13:29:03 Apr 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:47:48 Sep 03, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 319.835
  exclusion.robots: 0.106
  exclusion.robots.policy: 0.097
  cdx.remote: 0.067
  esindex: 0.008
  LoadShardBlock: 111.523 (3)
  PetaboxLoader3.datanode: 262.544 (5)
  CDXLines.iter: 17.021 (3)
  load_resource: 822.446 (2)
  PetaboxLoader3.resolve: 528.985 (2)
*/
.small_images img {
	max-width: 3em;
}


/* Image buttons */
.image_button {
	float: left;
	margin: 1em;
	color: #eee;
}

.image_button > a {
	text-decoration: none;
}

.image_button>a:hover {
	text-decoration:none;
	color:#eee;
}
.image_button>a:visited {
	color: #fff;
}

.image_button>a:hover div {
	transform:scale(1.01);
	box-shadow:0 0 .7em #0003;
}
.image_button>a>div {
	transition: transform .1s;
	background-color: #444;
	width: 10em;
	padding: 2em;
	text-align: center;
	background-size: cover;
	text-shadow: 0 0 .5em #000;
	box-shadow: 0 0 .5em #0003;
	border: 0.1em solid black;
	font-weight: 900;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-success.oo-ui-iconElement.oo-ui-messageWidget .oo-ui-labelElement .oo-ui-labelElement-label {
	color: #fff;
}

.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
	color: #000;
}

.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
	color: #000 !important;
}

.oo-ui-labelElement .oo-ui-labelElement-label {
	color:#000;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label {
	color: #000;
}