User:It's moon/timeless.css: Difference between revisions

Revision as of 22:53, 8 July 2025

/* Mobile dropdowns 
@media screen and (max-width:1099px) {
.sidebar-inner, .dropdown {background: #5e70f2EE!important; border: 3px solid #252570!important; border-radius: 10px!important;}
}
@media screen and (max-width:850px) {

body {background:#252570!important;}
}
*/
/* 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: #FFF; 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;}
}