MediaWiki:Timeless.css - Revision history

Sabre-Tooth Lime at 03:35, 4 October 2026

2026-10-04T03:35:58Z

← Older revision		Revision as of 03:35, 4 October 2026
Line 142:		Line 142:
	@media screen and (min-width: 851px) {		@media screen and (min-width: 851px) {
	#catlinks:not(:empty) {margin-top:10px!important; display:block; background:#d9ead3; color:#000; padding: 10px; border:3px solid #38751c; font-family:"Anonymous Pro",monospace}		#catlinks:not(:empty) {margin-top:10px!important; display:block; background:#d9ead3; color:#000; padding: 10px; border:3px solid #38751c; font-family:"Anonymous Pro",monospace}
	.mw-normal-catlinks a {color:#38751c!important;}		.mw-normal-catlinks a {color:#38751c!important; font-family:"Anonymous Pro",monospace}
	.mw-normal-catlinks a:hover {color:#275e0e!important;}		.mw-normal-catlinks a:hover {color:#275e0e!important;}
	.mw-normal-catlinks a:visited {color:#38751c!important;}		.mw-normal-catlinks a:visited {color:#38751c!important;}

Sabre-Tooth Lime at 03:35, 4 October 2026

2026-10-04T03:35:13Z

← Older revision		Revision as of 03:35, 4 October 2026
Line 141:		Line 141:

	@media screen and (min-width: 851px) {		@media screen and (min-width: 851px) {
	#catlinks:not(:empty) {margin-top:10px!important; display:block; background:#d9ead3; color:#000; padding: 10px; border:3px solid #38751c;}		#catlinks:not(:empty) {margin-top:10px!important; display:block; background:#d9ead3; color:#000; padding: 10px; border:3px solid #38751c; font-family:"Anonymous Pro",monospace}
	.mw-normal-catlinks a {color:#38751c!important;}		.mw-normal-catlinks a {color:#38751c!important;}
	.mw-normal-catlinks a:hover {color:#275e0e!important;}		.mw-normal-catlinks a:hover {color:#275e0e!important;}

Sabre-Tooth Lime at 03:09, 4 October 2026

2026-10-04T03:09:57Z

← Older revision		Revision as of 03:09, 4 October 2026
Line 122:		Line 122:
	/* Background color */		/* Background color */
	body {		body {
	background: linear-gradient(to bottom, #000000, #212121) no-repeat 0 -5px, linear-gradient(#~~212121~~,#~~212121~~) repeat;		background: linear-gradient(to bottom, #000000, #212121) no-repeat 0 -5px, linear-gradient(#38751c,#38751c) repeat;
	}		}

Sabre-Tooth Lime at 03:09, 4 October 2026

2026-10-04T03:09:13Z

← Older revision		Revision as of 03:09, 4 October 2026
Line 122:		Line 122:
	/* Background color */		/* Background color */
	body {		body {
	background: linear-gradient(to bottom, #000000, #212121) no-repeat 0 -5px, linear-gradient(#~~252570~~,#~~252570~~) repeat;		background: linear-gradient(to bottom, #000000, #212121) no-repeat 0 -5px, linear-gradient(#212121,#212121) repeat;
	}		}

Sabre-Tooth Lime at 03:07, 4 October 2026

2026-10-04T03:07:43Z

← Older revision		Revision as of 03:07, 4 October 2026
Line 137:		Line 137:

	@media screen and (max-width: 850px) {		@media screen and (max-width: 850px) {
	#mw-content-wrapper {background-color: #~~f8fff5~~;}		#mw-content-wrapper {background-color: #38751c;}
	}		}

Sabre-Tooth Lime at 03:04, 4 October 2026

2026-10-04T03:04:12Z

← Older revision		Revision as of 03:04, 4 October 2026
Line 99:		Line 99:
	.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}		.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}

	~~.ns-4 #content, .ns-4 #p-cactions li, .ns-4 #p-cactions li a {background-color:#EEEEDD;}~~
	#mw-content-container {background:none;}		#mw-content-container {background:none;}
	#localNotice {background: none; border: none;}		#localNotice {background: none; border: none;}
Line 142:		Line 141:

	@media screen and (min-width: 851px) {		@media screen and (min-width: 851px) {
	#catlinks:not(:empty) {margin-top:10px!important~~; border-radius:10px~~; display:block; background:#~~f6f0f8~~; color:#000; padding: 10px; border:3px solid #~~252570~~;}		#catlinks:not(:empty) {margin-top:10px!important; display:block; background:#d9ead3; color:#000; padding: 10px; border:3px solid #38751c;}
	.mw-normal-catlinks a {color:#~~3266CC~~!important;}		.mw-normal-catlinks a {color:#38751c!important;}
	.mw-normal-catlinks a:visited {color:#~~3266CC~~!important;}		.mw-normal-catlinks a:hover {color:#275e0e!important;}
	.mw-normal-catlinks a.new:visited {color:#~~C2574E~~!important;}		.mw-normal-catlinks a:visited {color:#38751c!important;}
	.mw-normal-catlinks a.new {color:#~~C2574E~~!important;}		.mw-normal-catlinks a:visited:hover {color:#275e0e!important;}
			.mw-normal-catlinks a.new:visited {color:#FF1111!important;}
			.mw-normal-catlinks a.new {color:#FF1111!important;}
			.mw-normal-catlinks a.new:visited:hover {color:#FF3131!important;}
			.mw-normal-catlinks a.new:hover {color:#FF3131!important;}
	.mw-normal-catlinks {color:#000;}		.mw-normal-catlinks {color:#000;}
	}		}

Sabre-Tooth Lime at 02:22, 4 October 2026

2026-10-04T02:22:29Z

← Older revision		Revision as of 02:22, 4 October 2026
Line 1:		Line 1:
	/* All CSS here will be loaded for users of the Timeless skin */		/* All CSS here will be loaded for users of the Timeless skin */
	/* Dark Green: #38751c; Gray: #d9d9d9; Light Green: #d9ead3; Darker Green:#275e0e; */		/* Dark Green: #38751c; Gray: #d9d9d9; Light Green: #d9ead3; Darker Green:#275e0e; */

			@import URL("https://fonts.googleapis.com/css?family=Quantico:700");
			@import url("https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap");
			@import url("https://fonts.googleapis.com/css2?family=Aldrich&display=swap");
			@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
			@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
			@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

	/* Navbar */		/* Navbar */
	#mw-header-container {background:#~~d9ead3DD~~;} /* Header color */		#mw-header-container {background:#d9ead3BB;} /* Header color */
	.color-middle, .color-left, .color-right {background:#38751c;} /* Border line */		.color-middle, .color-left, .color-right {background:#38751c;} /* Border line */
	#p-banner.mw-wiki-title {margin-top: -3px;} /* Wordmark centering */		#p-banner.mw-wiki-title {margin-top: -3px;} /* Wordmark centering */
Line 11:		Line 18:
	#personal h2 {color: #38751c; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}		#personal h2 {color: #38751c; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}
	#personal h2:hover {color: #275e0e; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}		#personal h2:hover {color: #275e0e; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}
	#personal .dropdown {border: 3px solid #38751c; border-radius:10px; background:#d9ead3EE; color:#000000;}		#personal .dropdown {border: 3px solid #38751c; border-radius:10px; background:#d9ead3EE; color:#000000; font-family:"Aldrich",sans-serif;}
	#personal .dropdown h3 {color:#000000;}		#personal .dropdown h3 {color:#000000;}
	#personal .dropdown .mw-portlet-body {margin-bottom:5px;}		#personal .dropdown .mw-portlet-body {margin-bottom:5px;}
Line 80:		Line 87:

	/* Content */		/* Content */
	#mw-content {border: 3px solid #38751c; background-color:#d9ead3; color:#000000;}		#mw-content {border: 3px solid #38751c; background-color:#d9ead3; color:#000000; font-family:"Anonymous Pro",monospace}
	#p-namespaces li a {color:#000000;}		#p-namespaces li a {color:#000000;}
	.mw-body h1.firstHeading {border-color:#010001!important; border-width:2px; border-bottom-style:solid; border-top: 0; border-left: 0; border-right: 0;}		.mw-body h1.firstHeading {border-color:#010001!important; border-width:2px; border-bottom-style:solid; border-top: 0; border-left: 0; border-right: 0; font-family:"Aldrich",monospace}
	.tools-inline li.selected {border:solid 2px #252570; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}		.tools-inline li.selected {border:solid 2px #252570; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}
	.tools-inline li:hover {border:solid 2px #25257044; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}		.tools-inline li:hover {border:solid 2px #25257044; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}
Line 124:		Line 131:

	/* Footer */		/* Footer */
	.mw-footer-container {background:#38751c; color:#000000; border:none; box-shadow:none;}		.mw-footer-container {background:#38751c; color:#000000; border:none; box-shadow:none; font-family:"Aldrich",sans-serif}
	.mw-footer-container a {color: #d9ead3!important;}		.mw-footer-container a {color: #d9ead3!important;}
	.mw-footer-container a:hover {color: #c7649a!important;}		.mw-footer-container a:hover {color: #c7649a!important;}

Sabre-Tooth Lime: & save for now

2026-10-04T01:46:20Z

& save for now

New page

/* All CSS here will be loaded for users of the Timeless skin */
/* Dark Green: #38751c; Gray: #d9d9d9; Light Green: #d9ead3; Darker Green:#275e0e; */

/* Navbar */
#mw-header-container {background:#d9ead3DD;} /* Header color */
.color-middle, .color-left, .color-right {background:#38751c;} /* Border line */
#p-banner.mw-wiki-title {margin-top: -3px;} /* Wordmark centering */

@media screen and (min-width:851px) {
#user-tools {margin-top: -4px;} /* Username centering, affects wordmark too */
#personal h2 {color: #38751c; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}
#personal h2:hover {color: #275e0e; text-shadow: 1px 1px #ABABAB; background-image:none; font-family:"Quantico",sans-serif!important;}
#personal .dropdown {border: 3px solid #38751c; border-radius:10px; background:#d9ead3EE; color:#000000;}
#personal .dropdown h3 {color:#000000;}
#personal .dropdown .mw-portlet-body {margin-bottom:5px;}
#personal .dropdown li a {color:#38751c;}
#personal .dropdown li a:hover {color:#38751c;}
#personal .dropdown li a.new:hover {color:#ff1111!important;}
#personal .dropdown li a.new:visited:hover {color:#ff1111;}
#personal .dropdown #pt-logout a:hover {color:#ff1111;}
}

/* Dropdown arrow color */
#personal .dropdown::after, #mw-site-navigation .sidebar-chunk h2 span::after, #mw-related-navigation .sidebar-inner::after {border-bottom-color:#5e70f2;}
#personal .dropdown::before, #mw-site-navigation .sidebar-chunk h2 span::before, #mw-related-navigation .sidebar-inner::before {border-bottom-color:#252570;}

/* Sidebar */
@media screen and (max-width:850px) {
body {background:#d9ead3!important;}
.sidebar-inner h3, .dropdown h3 {margin: 0.5em 0 1em;}
}

@media screen and (max-width: 1099px) {
.sidebar-inner, .dropdown {background: #d9ead3EE!important; border: 3px solid #38751c!important; border-radius: 10px!important; padding: 2em 2.5em .5em!important;}
.sidebar-inner h3, .sidebar-inner h3 li a, .sidebar-inner h3 li a:hover, .sidebar-inner h3 li a:visited, .dropdown h3, .dropdown h3 li a, .dropdown h3 li a:hover, .dropdown h3 li a:visited {color:#000000!important; border-bottom: solid 2px #c8ccd1!important;}
.sidebar-inner li a, .sidebar-inner li a:hover, .sidebar-inner li a:visited, .dropdown li a, .dropdown li a:hover, .dropdown li a:visited {color:#000000!important;}
}

@media screen and (min-width: 851px) {
#personal .dropdown li {padding: 0.4em 0;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-site-navigation .sidebar-chunk h2 span::before {top: 53px!important;}
#mw-site-navigation .sidebar-chunk h2 span::after {top: 55.5px!important;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {padding-top: 0!important;margin-top: .75rem;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 0;}
#mw-site-navigation h2, #mw-related-navigation h2 {padding: 1.8rem 0; position: relative; bottom: 3.25em;}
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {background-color:#d9ead3DD; border: solid 3px #38751c; color: #000000; border-radius: 10px; top: 0!important;}
#mw-header-hack {box-shadow: none;}
#mw-header-nav-hack {z-index: 196; background-color: #d9ead3DD; color: #000000; border-top: none; font-family: "Quantico",sans-serif; margin-top: .35em;}
#personal h2, #mw-site-navigation h2, #mw-related-navigation h2 {color: #000000; text-shadow: 1px 1px #ABABAB; background-image: none; font-family: "Quantico", sans-serif;}
#personal h2:hover, #mw-site-navigation h2:hover, #mw-related-navigation h2:hover {color: #38751c; text-shadow: 1px 1px #ABABAB; background-image: none; font-family: "Quantico", sans-serif;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {color:#0000; height:0}
#mw-site-navigation .sidebar-inner li, #mw-related-navigation .sidebar-inner li {padding: 0.4em 0;}
}

@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background:none; border:none; box-shadow:none; padding: 0 1.5em 0; margin: 0;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px; padding: 5px;}
#mw-site-navigation .sidebar-chunk .mw-portlet > div, #mw-related-navigation .sidebar-chunk .mw-portlet > div, #mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom:1px;}
.sidebar-inner .mw-portlet {background-color: #d9ead3DD; margin-bottom: 5px; border: 3px solid #38751c; font-family:"Quantico",sans-serif;}
.sidebar-inner .mw-portlet a {color:#38751c}
.sidebar-inner .mw-portlet a:visited {color:#38751c}
.sidebar-inner .mw-portlet a:visited:hover {color:#275e0e}
.sidebar-inner .mw-portlet a:hover {color:#275e0e}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {background: none;border: none;text-align: center; margin: 0;text-transform: capitalize;color: #000000;font-weight: 500; font-family:"Quantico",sans-serif;}
.ns-8 #p-cactions li, .ns-8 #p-cactions li a {background:none !important;}
}

@media screen and (min-width: 1340px) {
#mw-content-block {display: grid;}
#mw-content {margin-left: 14em;}
#mw-content-wrapper {grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset;}
#mw-site-navigation {grid-row: 1;grid-column: 1;order: unset;}
#mw-related-navigation {grid-row: 2;grid-column: 1;width: 14em;padding: 0 1em 0 0;order: unset;}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {background: none;border: none;margin: 0;padding-top: 0;}
#mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {margin-bottom: 5px;}
}

/* Content */
#mw-content {border: 3px solid #38751c; background-color:#d9ead3; color:#000000;}
#p-namespaces li a {color:#000000;}
.mw-body h1.firstHeading {border-color:#010001!important; border-width:2px; border-bottom-style:solid; border-top: 0; border-left: 0; border-right: 0;}
.tools-inline li.selected {border:solid 2px #252570; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}
.tools-inline li:hover {border:solid 2px #25257044; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; font-family:"Quantico",sans-serif;}
#mw-portlet-body li a {color:#000; font-weight: bold;}
.new.mw-list-item {font-family:"Quantico",sans-serif;}
#p-views li a {color:#000; font-weight: bold;font-family:"Quantico",sans-serif;}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-family: sans-serif;border-color:#010001!important; border-width:2px; border-bottom-style:solid;}
.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {border-color:#010001!important; border-width:2px; border-bottom-style:solid;}

.ns-4 #content, .ns-4 #p-cactions li, .ns-4 #p-cactions li a {background-color:#EEEEDD;}
#mw-content-container {background:none;}
#localNotice {background: none; border: none;}
#bodyContentOuter {margin-top: 10px;}

/* Table of contents */
/* #toc ul a {color:#000;} TOC section links color */
.mw-body .toctitle {border: none;}
.mw-toc-heading h2 {font-family:"Quantico",sans-serif;}
.toc ul {padding: 0 10px; border:none;}
.toctitle {margin: 5px; border-radius: 5px 5px 0 0; text-align: center;font-family:"Quantico",sans-serif;}
#filetoc, .toc, .toccolours {padding: 5px; border:none; background:none;}
#toc.toc {background-color:#d7c6dd97; border:2px solid #0a0a0a;}

/* Mobile view specifically */
@media screen and (max-width:850px) {
#mw-content {box-shadow:none; border:none;}
}

/* Tablet and desktop view specifically */
@media screen and (min-width: 851px) and (max-width: 1099px) {#mw-content {margin: 7.5em 1em 1em;}}
@media screen and (min-width:851px) {
/* Background color */
body {
background: linear-gradient(to bottom, #000000, #212121) no-repeat 0 -5px, linear-gradient(#252570,#252570) repeat;
}

.mw-body h1.firstHeading {margin: 0;}
}
@media screen and (min-width:1100px) {#mw-content {margin-top: 1em;}}

/* Footer */
.mw-footer-container {background:#38751c; color:#000000; border:none; box-shadow:none;}
.mw-footer-container a {color: #d9ead3!important;}
.mw-footer-container a:hover {color: #c7649a!important;}

#mw-content-container {border-bottom: solid 5.6px #275e0e;} /* Mint line */

@media screen and (max-width: 850px) {
#mw-content-wrapper {background-color: #f8fff5;}
}

@media screen and (min-width: 851px) {
#catlinks:not(:empty) {margin-top:10px!important; border-radius:10px; display:block; background:#f6f0f8; color:#000; padding: 10px; border:3px solid #252570;}
.mw-normal-catlinks a {color:#3266CC!important;}
.mw-normal-catlinks a:visited {color:#3266CC!important;}
.mw-normal-catlinks a.new:visited {color:#C2574E!important;}
.mw-normal-catlinks a.new {color:#C2574E!important;}
.mw-normal-catlinks {color:#000;}
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
#mw-footer {padding: 1px 2em;}
#catlinks {margin: 1em!important;}
}

@media screen and (min-width: 1100px) {
#mw-content, #content-bottom-stuff {margin-left: 14em!important;}
}

/* Footer inner padding */
#footer-icons li, #footer-icons li a, .footer-places {margin:0!important; padding:0!important;}
#footer-icons img {margin:0 5px 10px 1.2em;}
@media screen and (max-width: 850px) {
.footer-icons {display: grid;}
#mw-footer {padding:0 .45em .45em!important;}
}
@media screen and (min-width: 851px) {
.mw-footer {padding:0.5em 1em .75em!important;}
}

/* Other */
.mw-message-box-warning {background-color:#9d9b8c; color:#000; border: 3px solid #252570;}
pre {background-color:#d7c6dd97; border-color:#0a0a0a; border-top-style:solid; border-width:2px;}
.thumbinner {background-color:#d7c6dd97; border-color:#0a0a0a; border-top-style:solid; border-width:2px;}
code {background-color:#d7c6dd97; border-color:#0a0a0a; border-top-style:solid; border-width:2px;}
code, pre, .mw-code {background-color:#d7c6dd97; border: 2px #0a0a0a solid;}
li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-top-style:solid; border-width:2px;}
.mw-body li.gallerybox div.thumb {background-color:#d7c6dd97; border-color:#0a0a0a; border-top-style:solid; border-width:2px;}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {background:none; border: none;}

/* Dark Green: #38751c; Gray: #d9d9d9; Light Green: #d9ead3; Darker Green:#275e0e; Berry: #c7649a; Purple: #d7c6dd */