MediaWiki:Timeless.css: Difference between revisions

From Exiled Kingdoms Wiki
No edit summary
No edit summary
Line 47: Line 47:
@media screen and (min-width: 851px) and (max-width: 1099px) {
@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
border: 1px solid #666;
border: 1px solid #444;
border-top: 2px solid #f1f509;
border-top: 2px solid #f1f509;
}
}
Line 107: Line 107:
@media screen and (min-width: 851px) {
@media screen and (min-width: 851px) {
#personal .dropdown {
#personal .dropdown {
border: 1px solid #666;
border: 1px solid #444;
border-top: 2px solid #f1f509;
border-top: 2px solid #f1f509;
}
}
Line 119: Line 119:
color: #ffb300;
color: #ffb300;
}
}
a:hover, a:visited {
a:visited {
color: #b8780c;
color: #b8780c;
}
a:hover {
color: #b8780c;
text-shadow: 0 0 1px #b8780c;
}
}
a.new, .new a {
a.new, .new a {
color: #d44;
color: #d44;
}
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
a.new:visited, .new a:visited {
color: #900;
color: #900;
}
a.new:hover, .new a:hover {
color: #900;
text-shadow: 0 0 1px #900;
}
}
#mw-page-header-links li {
#mw-page-header-links li {
Line 141: Line 149:
}
}
#mw-page-header-links li a:hover, #mw-page-header-links li.new a:hover {
#mw-page-header-links li a:hover, #mw-page-header-links li.new a:hover {
color: #888;
color: #aaa;
}
}
#mw-page-header-links li.selected a {
#mw-page-header-links li.selected a {

Revision as of 19:49, 20 February 2020

html {
	background: #000;
	font-size: 100%;
}
body {
	background: #000;
	color: #ccc;
	font-family: sans-serif;
	font-size: 0.9em;
}
#mw-content {
	background: #252525;
	border: none;
	box-shadow: none;
}
#mw-content-block {
	background: #000;
}
#mw-content-container {
	background: #000;
	border: none;
	box-shadow: none;
}
#mw-header-container {
	background: #000;
	color: #fff;
	border: none;
	box-shadow: none;
}
#mw-footer-container {
	background: #000;
	color: #fff;
	border: none;
	box-shadow: none;
}
#mw-header-nav-hack {
	background: #252525;
	color: #fff;
	border: none;
	box-shadow: none;
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
	background: #252525;
	border: none;
	box-shadow: none;
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
	border: 1px solid #444;
	border-top: 2px solid #f1f509;
}
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: sans-serif;
}
#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6 {
	font-family: sans-serif;
}
#mw-content h1.firstHeading {
	font-size: 1.8em;
	border-bottom: 2px solid #ffb300;
}
#mw-content h2 {
	font-size: 1.5em;
	border-bottom: 1px solid #ffb300;
}
#mw-content h3 {
	font-size: 1.2em;
}
#mw-content h4, #mw-content h5, #mw-content h6 {
	font-size: 1em;
}
#personal h2 {
	font-family: sans-serif;
	font-size: 1.2em;
}
#mw-site-navigation h2, #mw-related-navigation h2 {
	font-family: sans-serif;
	font-size: 1.2em;
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
	color: #f1f509;
	font-size: 1.2em;
	border: none;
}
.color-middle {
	background: #000;
}
.color-left, .color-right {
	background: #000;
}
#p-logo-text a {
	color: #fff;
	font-family: sans-serif;
	font-variant: normal;
}
#p-logo-text a.long {
	font-size: 1.2em;
	padding-top: 0.7em;
}
#personal .dropdown {
	background: #252525;
	border: none;
	box-shadow: none;
}
@media screen and (min-width: 851px) {
#personal .dropdown {
	border: 1px solid #444;
	border-top: 2px solid #f1f509;
}
}
#personal .dropdown h3 {
	color: #f1f509;
	font-size: 1.2em;
	border: none;
}
a {
	color: #ffb300;
}
a:visited {
	color: #b8780c;
}
a:hover {
	color: #b8780c;
	text-shadow: 0 0 1px #b8780c;
}
a.new, .new a {
	color: #d44;
}
a.new:visited, .new a:visited {
	color: #900;
}
a.new:hover, .new a:hover {
	color: #900;
	text-shadow: 0 0 1px #900;
}
#mw-page-header-links li {
    border-bottom: 2px solid transparent;
}
#mw-page-header-links li:hover {
	border-bottom-color: #888;
}
#mw-page-header-links li.selected {
	border-bottom-color: #aaa;
}
#mw-page-header-links li a, #mw-page-header-links li a:visited, #mw-page-header-links li.new a, #mw-page-header-links li.new a:visited {
	color: #aaa;
}
#mw-page-header-links li a:hover, #mw-page-header-links li.new a:hover {
	color: #aaa;
}
#mw-page-header-links li.selected a {
	color: #aaa;
}
#catlinks {
	background: #000;
	border: none;
}
.pokey, .pokey::after {
	border-bottom-color: #f1f509;
}
@media screen and (min-width: 851px) {
#personal .pokey {
	top: 1.9em;
}
}
#simpleSearch {
	box-shadow: none;
	background: #000;
	border: 1px solid #aaa;
}
#searchInput {
	color: #ccc;
	font-family: sans-serif;
}
table.wikitable, table.wikitable > tr > td, table.wikitable > * > tr > td {
	background-color: #444;
	color: #ccc;
	border: 1px solid #666;
	box-shadow: none;
	padding: 0.2em 0.4em;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #555;
	color: #ddd;
	border: 1px solid #666;
	padding: 0.2em 0.4em;
}
.thumbinner {
	background: #444;
	border: 1px solid #666;
	box-shadow: none;
	padding: 0.5em;
}
.thumbinner .thumbimage {
	border: 1px solid #666;
}
.thumbcaption {
	font-size: 0.9em;
	padding: 0.5em 0 0 0;
}