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

Revision as of 16:47, 7 July 2025

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

body {background:#252570!important;} /* Mobile footer color */
}

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

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

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

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


/* 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;
	}
}

/* @media screen and (min-width: 851px) {#catlinks:not(:empty) {margin: 10px 0 0 14em;}}
should be min-width 1340px instead. Code would prolly benefit from entire rewrital for this part. */

/* Margins rewrital 1st try
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#mw-content {margin:7.5em 0em 1em!important;}
	#catlinks {margin:1em 0em!important;}
}
@media screen and (min-width: 1100px) {
	#mw-content {margin: 1em 0em 0em 14em!important;}
	#catlinks {margin: 10px 0em 0em 14em!important;}
}

#content-bottom-stuff {margin:unset;}
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#mw-content-block {padding: 0 1em;}
} */

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