Difference between revisions of "MediaWiki:Timeless.css"

From IdleCorp Wiki
Jump to navigation Jump to search
 
(65 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
body {
 
body {
 
   background: #202225;
 
   background: #202225;
 +
}
 +
 +
#mw-header-container {
 +
  background: #36393f;
 +
  color: #fff !important;
 +
}
 +
 +
#p-logo-text a {
 +
  color: #fff;
 +
}
 +
 +
#mw-page-header-links li.selected a {
 +
  color: #fff;
 +
}
 +
 +
#simpleSearch {
 +
  background: none;
 +
  border: none;
 +
}
 +
 +
#searchInput {
 +
  color: #fff;
 +
}
 +
 +
.suggestions .suggestions-results {
 +
  background: #36393f;
 +
  border: none;
 +
  color: #dcddde;
 +
}
 +
 +
.suggestions .suggestions-result {
 +
  color: #fff;
 +
}
 +
 +
.suggestions .suggestions-special {
 +
  background: #36393f;
 +
  border: none;
 +
  color: #dcddde;
 +
}
 +
 +
.suggestions-special .special-query {
 +
  color: #dcddde;
 
}
 
}
  
 
#mw-footer-container {
 
#mw-footer-container {
 
   color: #8e9297;
 
   color: #8e9297;
 +
}
 +
 +
.footer-icons::after {
 +
  background-image: url(https://top.gg/api/widget/status/601241235474350122.svg);
 +
}
 +
 +
#mw-content-container {
 +
  border-bottom-color: rgba(255, 255, 255, 0.06);
 +
  background: none;
 +
}
 +
 +
#mw-content {
 +
  background: #36393f;
 +
  border: none;
 +
  color: #dcddde;
 +
  border-bottom-left-radius: 6px;
 +
  border-bottom-right-radius: 6px;
 +
}
 +
 +
.sidebar-chunk {
 +
  background: #2f3136 !important;
 +
  border: none !important;
 +
  border-radius: 6px;
 +
}
 +
 +
.sidebar-chunk h3 {
 +
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
 +
  color: #8e9297;
 +
}
 +
 +
.editOptions {
 +
  background-color: rgba(255, 255, 255, 0.06) !important;
 +
  border: none !important;
 +
}
 +
 +
.dropdown {
 +
  background: #2f3136 !important;
 +
  border: none !important;
 +
}
 +
 +
fieldset {
 +
  background-color: rgba(255, 255, 255, 0.06);
 +
  border: none;
 +
}
 +
 +
fieldset legend {
 +
  background-color: #42454a;
 +
  color: #fff;
 +
}
 +
 +
.mw-code, code {
 +
  background: #202225;
 +
  color: #dcddde;
 +
  border: none;
 +
  border-radius: 3px;
 +
}
 +
 +
input {
 +
  background-color: rgba(0, 0, 0, 0) !important;
 +
  color: #fff !important;
 +
}
 +
 +
#searchButton, #mw-searchButton {
 +
  background-color: transparent !important;
 +
}
 +
 +
input[type='submit'] {
 +
  text-shadow: none !important;
 +
  background-color: #2f3136 !important;
 +
  border-top: none;
 +
  border-left: none;
 +
  border-right: none;
 +
  border-bottom-color: #202225;
 +
}
 +
 +
.color-middle {
 +
  background: #7289da;
 +
}
 +
 +
.color-left {
 +
  background: #7289da;
 +
}
 +
 +
.color-right {
 +
  background: #7289da;
 +
}
 +
 +
#mw-content h1.firstHeading {
 +
  border-bottom-color: #7289da;
 +
}
 +
 +
#mw-content h1 {
 +
  border-bottom-color: #7289da;
 +
}
 +
 +
.mw-editform #wpTextbox1 {
 +
  background: #202225;
 +
  color: #dcddde;
 +
}
 +
 +
table.wikitable {
 +
  background-color: #2f3136;
 +
  color: #dcddde !important;
 +
  border-color: rgba(255, 255, 255, 0.06);
 +
}
 +
 +
table.wikitable > tr > th, table.wikitable > * > tr > th {
 +
  background: rgba(255, 255, 255, 0.06);
 +
}
 +
 +
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 +
  border: 3px solid #3b3d42 !important;
 +
}
 +
 +
#pagehistory li.selected {
 +
  background: rgba(255, 255, 255, 0.06);
 +
}
 +
 +
#pagehistory li {
 +
  border-color: rgba(255, 255, 255, 0.06);
 +
}
 +
 +
.mw-notification {
 +
  background-color: #2f3136;
 +
  color: #fff;
 +
  border: none;
 +
  border-radius: 6px;
 
}
 
}

Latest revision as of 21:50, 20 November 2019

/* CSS placed here will affect users of the Timeless skin */
/* Title size fix */
#p-logo-text a {
  font-size: 1.5em;
}

/* Color style */
body {
  background: #202225;
}

#mw-header-container {
  background: #36393f;
  color: #fff !important;
}

#p-logo-text a {
  color: #fff;
}

#mw-page-header-links li.selected a {
  color: #fff;
}

#simpleSearch {
  background: none;
  border: none;
}

#searchInput {
  color: #fff;
}

.suggestions .suggestions-results {
  background: #36393f;
  border: none;
  color: #dcddde;
}

.suggestions .suggestions-result {
  color: #fff;
}

.suggestions .suggestions-special {
  background: #36393f;
  border: none;
  color: #dcddde;
}

.suggestions-special .special-query {
  color: #dcddde;
}

#mw-footer-container {
  color: #8e9297;
}

.footer-icons::after {
  background-image: url(https://top.gg/api/widget/status/601241235474350122.svg);
}

#mw-content-container {
  border-bottom-color: rgba(255, 255, 255, 0.06);
  background: none;
}

#mw-content {
  background: #36393f;
  border: none;
  color: #dcddde;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.sidebar-chunk {
  background: #2f3136 !important;
  border: none !important;
  border-radius: 6px;
}

.sidebar-chunk h3 {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #8e9297;
}

.editOptions {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
}

.dropdown {
  background: #2f3136 !important;
  border: none !important;
}

fieldset {
  background-color: rgba(255, 255, 255, 0.06);
  border: none;
}

fieldset legend {
  background-color: #42454a;
  color: #fff;
}

.mw-code, code {
  background: #202225;
  color: #dcddde;
  border: none;
  border-radius: 3px;
}

input {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #fff !important;
}

#searchButton, #mw-searchButton {
  background-color: transparent !important;
}

input[type='submit'] {
  text-shadow: none !important;
  background-color: #2f3136 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: #202225;
}

.color-middle {
  background: #7289da;
}

.color-left {
  background: #7289da;
}

.color-right {
  background: #7289da;
}

#mw-content h1.firstHeading {
  border-bottom-color: #7289da;
}

#mw-content h1 {
  border-bottom-color: #7289da;
}

.mw-editform #wpTextbox1 {
  background: #202225;
  color: #dcddde;
}

table.wikitable {
  background-color: #2f3136;
  color: #dcddde !important;
  border-color: rgba(255, 255, 255, 0.06);
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background: rgba(255, 255, 255, 0.06);
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 3px solid #3b3d42 !important;
}

#pagehistory li.selected {
  background: rgba(255, 255, 255, 0.06);
}

#pagehistory li {
  border-color: rgba(255, 255, 255, 0.06);
}

.mw-notification {
  background-color: #2f3136;
  color: #fff;
  border: none;
  border-radius: 6px;
}