User:It's moon/timeless.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Desktop footer fix */
@media screen and (min-width:851px) {
	body {
		background-image: linear-gradient(to bottom, #5e70f2, #c7649a), linear-gradient(#252570);
		background-repeat: no-repeat, repeat;
	}
}

/* Header color */
#mw-header-container {background:#c7649aDD;}

/* Orange line */
.color-middle, .color-left, .color-right {background:#FC944F;}

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


/* Topnavbar margins */
#p-banner.mw-wiki-title {
	margin-top: -3px;
}
@media screen and (min-width: 851px) {
	#user-tools {margin-top: -4px;}
}

/* Minor footer fix */
.mw-footer-container {
	border-top:solid .1px #54595d!important;
}

/* Dropdown arrow fix */
#personal .dropdown::after {
	border-bottom-color:#5e70f2;
}
#personal .dropdown::before {
	border-bottom-color:#252570;
}

/* Tablet mode tweaks */
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#mw-content {margin: 7.5em 1em 1em;}
	#mw-header-nav-hack {margin-top: .35em;}
	#personal h2, #mw-site-navigation h2, #mw-related-navigation h2 {color: #FFFFFF; text-shadow: 1px 1px #252570; background-image:none; font-family:"Quantico",sans-serif!important;}
	#personal h2:hover, #mw-site-navigation h2:hover, #mw-related-navigation h2:hover {color: #ff9750; text-shadow: 1px 1px #252570; background-image:none; font-family:"Quantico",sans-serif!important;}
	#catlinks {margin: 1em !important;}
}

/* Small desktops tweaks */
@media screen and (min-width: 1100px) and (max-width: 1339px) {
	#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
		padding: 0 1.5em 0!important;
		margin: 0!important;
	}
}

/* Margins rewrital */
@media screen and (min-width: 851px) {
	#catlinks:not(:empty) {margin-top:10px!important;}
}
@media screen and (min-width: 1100px) {
	#mw-content {margin-left: 14em!important;}
}