MediaWiki:Timeless.css: Difference between revisions

Revision as of 22:50, 15 October 2024

/* CSS placed here will affect users of the Timeless skin */
hr {
    border: 0;
    height: 1px;
}
ul#footer-places {
    text-align: end;
}
.lsj-quote-body {
    margin-bottom: -15px;
    margin-top: -20px;
}
@media(prefers-color-scheme: dark)  {
    html {
    background: #000!important;
    height: 100%;
    font-size: 1.1em;
    overflow-x: hidden;
}
hr {
    background-image: linear-gradient(to right,rgb(188 170 170 / 0%),rgb(224 215 215 / 75%),rgb(168 127 127 / 0%));
}
body {
    margin: 0;
    background: #000;
    color: #ccf;
}
a {
    color: #c60;
}
a:hover, a:visited {
    color: #c30;
}
h1 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 40px!important;
}
h1, h2, h3, h4 {
    color: #69f;
}
h2:after {
    border-bottom: solid 2px #595f634a !important;
}
#personal .dropdown b {
    font-weight: 400;
}
b, strong {
    text-shadow: 1px 1px 1px #000;
}
#f-list {
    text-align: center;
    font-size: 14px;
}
a.extiw:visited, a.extiw:active:visited, a.external:visited {
    color: #b06c08 !important;
}
a:visited:hover {
    color: #ca3a0c;
}
a.external.text:hover {
    color: #b06c08;
}
ol.references li:target, sup.reference:target {
    background-color: #2e1e18;
}
.mw-body .toctitle {
    border-bottom: solid 2px #c8ccd13d;
}
.mwe-popups {
    background-color: #000;
    box-shadow: /* tint #00F000 */
        0 30px 90px -20px rgba(0,224,0,0.3),
        0px 0px 1px rgba(0,224,0,0.5);
}
/* callout arrow */
.mwe-popups.mwe-popups-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-image-tri.flipped_x:after,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:after { 
    border-bottom-color:#111212;
}
.mwe-popups.flipped_y:after,
.mwe-popups.flipped_x_y:after {
    border-top-color:#111212;
}
/* callout arrow shadow */
.mwe-popups.mwe-popups-image-tri:before,
.mwe-popups.mwe-popups-no-image-tri:before,
.mwe-popups.mwe-popups-image-tri.flipped_x:before,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:before {
    border-bottom-color:#004000;
}
.mwe-popups.flipped_y:before,
.mwe-popups.flipped_x_y:before {
    border-top-color:#004000;
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-extract {
    color:#cbccc6;
	background-color: #1f1f1f;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
    background-image: linear-gradient(to right,rgba(0,0,0,0),#1f1f1f 50%);
}
div.editOptions {
    border: #222;
    background: #555;
}
#mw-header-nav-hack {
    border-top: solid 2px #333;
    background: #333;
}
#mw-site-navigation .sidebar-inner {
    background: #333;
    border: 0;
}
@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: #333;
    box-shadow: 2px 2px 1px rgba(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: #f90;
}
#searchInput {
    padding: .2em 4.5em .2em 2em!important;
    margin: 0;
}
#searchInput-container {
    background: #333;
    height: 35px;
}
#simpleSearch {
    border: inset 1px #000;
    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: #555;
}
#mw-header {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: static;
}
@media screen and (max-width:850px) {
    #menus-cover {
    background: #000;
}
}@media screen and (max-width:850px) {
    #personal h2 {
    display: none;
}
}#mw-content-container {
    background: #1d1d16;
}
@media screen and (max-width:850px) {
    #mw-content-block {
    background: #000;
}
}@media screen and (max-width:850px) {
    #site-tools h2 {
    right: 3em;
    top: .9em;
    padding-bottom: 5px;
}
}@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: #333;
    border: solid #946c20;
    -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;
}
#mw-page-header-links li.selected a {
    color: #cc0;
}
#mw-related-navigation .sidebar-chunk {
    background: #333;
    border: outset #222;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
    border-radius: 3px;
}
@media screen and (max-width:1099px) and (min-width:851px) {
    #mw-related-navigation .sidebar-chunk {
    background: #333;
    border: outset #222;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: 0 15px 5px 20px;
}
}.color-middle-container, .ts-inner {
    padding: 0;
}
#p-logo-text {
    left: 120px;
}
#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 {
    text-shadow: 2px 2px 0 #333;
    padding-top: 7px;
    font-size: 24px;
    text-transform: lowercase;
}
#personal .dropdown {
    background: #222!important;
    border: solid #000;
}
.codeEditor-status {
    color: #000;
}
.oo-ui-labelElement-label {
    text-shadow: 1px 2px #333;
}
#iframeframe {
    height: 700px;
}
#wpSave {
    text-shadow: 2px 2px 2px #000!important;
}
#mw-footer-container {
    background: #000;
    padding-top: 1em;
}
fieldset {
    background: #222!important;
    border: solid #111;
}
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.mw-ui-checked, .mw-ui-button.mw-ui-progressive:active, button, input[type=button], input[type=submit] {
    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: #111;
    border: 1px solid #444;
    color: #f33!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.oo-ui-flaggedElement-destructive:hover {
    background: #222;
    color: #c00!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: .5em;
}
#pagehistory li.selected {
    background-color: #555;
}
.warningbox {
    background: #1d1d16;
}
.new a:hover, .new a:visited, a.new:hover, a.new:visited {
    color: #f33;
}
.mw-plusminus-neg {
    color: red;
}
#mw-searchButton, #searchButton {
    border: 0!important;
    left: 38vw;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#mw-footer-container a:hover {
    color: #ff3;
}
#mw-footer-container a:visited {
    color: #ff6;
}
#mw-footer .footer-places li {
    float: right;
    display: block;
}
#mw-footer li, #mw-footer ul {
    margin: 0 auto;
}
#mw-footer #lastmod {
    float: left;
    left: 25px;
}
.oo-ui-buttonElement.oo-ui-labelElement>.oo-ui-buttonElement-button>.oo-ui-labelElement-label, .oo-ui-buttonElement.oo-ui-labelElement>input.oo-ui-buttonElement-button {
    text-shadow: 0 0 0 #000!important;
}
.oo-ui-labelElement-label {
    text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
    background: #222;
}
.oo-ui-messageDialog-message {
    color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    color: #999;
}
.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: #111!important;
    color: #fff;
}
.mw-code, pre {
    background: #222;
    color: #b0b0b0;
    border: 1px solid #444;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
    background-color: #b0b0b0;
    border: 1px solid #333;
}
.lsj-quote-container {
    background-color: #372c2f;
    border: 1px dashed #251e20;
}
.lsj-quote-body::before {
    color: #796c22;
}
#localNotice {
    background: unset;
    border: unset;
}
table.tabl1 {
    background: #392c2c3b;
}
#toc, .mw-warning, .toc, ul#filetoc {
    background: #312424!important;
    border: solid #582b2b!important;
}
b.b2 {
    background-color: transparent!important;
    color: #cbae81!important;
}
b.b3 {
    background-color: transparent!important;
    color: #3c8869!important;
}
.thumbinner {
    background: 0 0!important;
    border: transparent!important;
}
.num, span.bld {
    color: #796c22!important;
}
.mw-search-profile-tabs {
    background: #444!important;
    border: solid #333!important;
}
.searchmatch {
    background-color: #daab8bb5!important;
    color: #000!important;
}
.mw-changeslist-legend {
    background: 0 0!important;
    color: #ccf!important;
    border: solid #443f3f!important;
}
fieldset legend {
    background: #251111!important;
    color: #3a79b8!important;
}
input[type=submit]:hover {
    background-color: #703d09;
}
input[type=submit] {
    background-color: #aa6621;
}
select#namespace {
    background-color: #393533!important;
    color: #f0f8ff;
}
.blockquote1 {
    background-color: #292020;
}
table.wikitable {
    color: #b99696f0;
    background: #272524;
}
table.wikitable>*>tr>th {
    background-color: #1806064a;
}
fieldset#mw-searchoptions {
    background: #272524!important;
    color: #b8b9da!important;
}
.diff-deletedline .diffchange {
    background: #925411;
}
.diff-addedline .diffchange {
    background: #2b6987;
}
.diff-context {
    background: #2d2518;
    border-color: #bf8312;
    color: #b99f9f;
}
b.b1  {
    font-weight:  bold;
     background-color:  #4c6977;
}

.ui-widget-content  {
    
    color:  #8e8e8e;
    
    background:  #1b1919;
    
}
.diffdeletedlines {
  background: #604e24;
}
.diffaddedlines {
  background: #2f4e8d;
}
}

.page-Special_Search #mw-site-navigation, .page-Special_Search #mw-related-navigation, .page-Special_Search #page-tools {
    display: none;
}
.page-Special_Search #mw-content {
    margin-left: 0em;
    margin-right: 0em;
    overflow: unset;
}
/* ---- Scroll to Top button ---- */
#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  cursor: pointer;
  padding: 20px;
  border-radius: 4px;
}
#topBtn:hover {
  background-color: #555;
}
#topBtn:before {
    position: fixed;
    bottom: 2px;
    right: 36px;
    color: #fff;
    font-size: 42px;
    font-family: 'Georgia';
    content: "^";
    font-weight: 600;
}
ul#pagehistory {
    list-style: decimal;
}

@media (prefers-color-scheme: light) {
.mw-body-content a:not(.lsj-quote-body a):not(.lsj-quote-attribution a):not(#lsj-quote-container a):not(#toc a):not(table a):not(a:link.new):not(a:link.external):not(.mw-editsection a):not(#mw-specialpage-summary a):not(.rcoptions a):not(.reference a):not(.mw-cite-backlink a) {
  background-color: #dbe5f4;
  border-radius: 0.33em;
  padding: 0.14em;
  color: #1a2227;
}

.mw-body-content a:hover:not(.lsj-quote-body a:hover):not(.lsj-quote-attribution a:hover):not(#lsj-quote-container a:hover):not(#toc a:hover):not(table a:hover):not(a:link.new:hover):not(a:link.external:hover):not(.mw-editsection a:hover):not(#mw-specialpage-summary a:hover):not(.rcoptions a:hover):not(.reference a:hover):not(.mw-cite-backlink a) {
  background-color: #b7cae7;
  text-decoration: none;
  color: #131334;
}
.mw-body-content a:link.new:not(.mw-changeslist a):not(#lsj-quote-container a):not(.lsj-quote-attribution a):not(.lsj-quote-body a) {
  background-color: #eddede;
  color: black;
  border-radius: 0.33em;
  padding: 0.14em;
}

.mw-body-content a:link.new:hover:not(.mw-changeslist a:hover):not(#lsj-quote-container a:hover):not(.lsj-quote-attribution a:hover):not(.lsj-quote-body a:hover) {
  background-color: #e4d4d98a;
  cursor: not-allowed;
}
hr {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
}