MediaWiki:Common.css: Difference between revisions

Latest revision as of 02:38, 18 September 2026

/* Monobook Multiquote Controls */
.hiddentext { 
    display: none; 
}
.showhidetext { 
    color: #002bb8; 
    cursor: pointer; 
    user-select: none; 
}
.showhidetext:hover { 
    text-decoration: underline; 
}
.showhidetext:active { 
    color: #b85b00; 
}

/* Force-remove red outlines/boxes across the wiki */
.new, .new a, a.new, .new:visited, a.new:visited {
    color: #ba0000 !important;
    outline: none !important;
    border: none !important;
}

/* Fix red borders on preview/diff warnings */
.previewnote, .diffchange {
    border: none !important;
    outline: none !important;
    background: none !important;
}

/* actual shit */

body.mediawiki {
    background: #FFFFEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAIAAACmkByiAAAAWElEQVR4AaWSwQ3AIAwDbfbfpdt0nKrPUp3QCfHgkfjsCMh47mskmU5HGvbmuuh9dVce8M4it/SfMZglGeZx/ccyu/Vsv4/N29f331AY5Bi3+hdo4A92+wXvCwR9mXztrAAAAABJRU5ErkJggg==) top center repeat-x !important;
    background-size: 100% 200px;
}














/*name colers, these reflect your position on the 2swagg ib for now */



/* jeanie */
a[href="/index.php/User:"]
{
    color: #62c1ff !important;
}


/* mAWDSSSSSSSSSSSSSSSSSSS */
a[href="/index.php/User:JANNY"],
a[href="/index.php/User:Princess"]
{
    font-weight:bold;
    color: #709 !important;
}

/* manager */
a[href="/index.php/User:Midsoy"]
{
    font-weight:bold;
    color: #FF0080!important;
}

/* dev */
a[href="/index.php/User:MANVS"] {
	color:#0000ed !important;
	font-weight:bold;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* bureacat */
a[href="/index.php/User:Admin"],
a[href="/index.php/User:SomeBois"] {
	color:#FF101A !important;
	font-weight:bold;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* end of name colors */


body.skin.Monobook #p-tb {
	margin-left: 4px;
}


.mw-headline, .mw-body #firstHeading {
font-family: "Tahoma", sans-serif;
}


/* portable infobox stuff */


.portable-infobox {
  background: #ffffee linear-gradient(#FED6AF,#ffe) repeat-x;
  background-size: 100% 100px;
  border: 1px solid #ccc;
  padding: 2px 4px;
  font-family: sans-serif;
  font-size: 88%;
  line-height: 1.25em;
  box-sizing: border-box;
}

.portable-infobox img,
.portable-infobox .pi-image img,
.portable-infobox .pi-media-collection img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  margin: 0 auto;
}

.portable-infobox .pi-image,
.portable-infobox .pi-image-collection,
.portable-infobox .pi-media-collection {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 2px 0;
  border: 1px solid #D6DAF0;
}

.portable-infobox.pi-background {
  background: #ffffee linear-gradient(#FED6AF,#ffe) repeat-x;
  background-size: 100% 50px;
}

.portable-infobox .pi-secondary-background,
.portable-infobox .pi-horizontal-group-item.pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-value {
	background-color: #FED6AF;
}
.portable-infobox .pi-title {
  background-color: #FFF0D7;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  padding: 2px 4px;
  border: 1px solid #ccc;
  margin-bottom: 2px;
}

.portable-infobox .pi-title p,
.portable-infobox .pi-title center {
  margin: 0;
  padding: 0;
  display: inline;
}

.portable-infobox .pi-header {
  background-color: #FED6AF;
  font-weight: bold;
  text-align: center;
  padding: 1px 4px;
  border: 1px solid #FED6AF;
}

.portable-infobox .pi-data-label {
  font-weight: bold;
  padding: 1px 4px;
}

.portable-infobox .pi-data-value {
  padding: 1px 4px;
}

.portable-infobox .pi-item {
  padding: 1px 0;
}

.portable-infobox .pi-data,
.portable-infobox .pi-group {
  border: 1px solid #D6DAF0;
  margin-bottom: 2px;
}

.portable-infobox .pi-border-color {
  border-color: #D6DAF0;
}

@media (max-width: 720px) {
  .portable-infobox {
    margin-left: auto;
    margin-right: auto;
  }
}

/* end of protable infobox stuff */


/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 22em;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}


/* end of infobox */



/* AA mode for non-Safari browsers */


.aa {
	font-family: 'MS PGothic', 'submona', sans-serif !important;
	word-wrap: break-word;
	line-height: 1;
	font-size: 12pt;
}

/* AA mode for Safari since Safari will try to set the page to shift-jis */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.aa {
		font-family: 'submona', sans-serif !important;
	}
}

/* AA mode with the giko font as default for non-Safari browsers */
.aagiko {
	font-family: 'MS PGothic', 'giko', sans-serif !important;
	word-wrap: break-word;
	line-height: 1;
	font-size: 12pt;
}

/* AA mode with the giko font for Safari since Safari will try to set the page to shift-jis */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.aagiko {
		font-family: 'giko', sans-serif !important;
	}
}


/* End of AA Mode */


#siteSub {display: block; style:"position: relative; top: -.1em; font-size: 90%; color:#706D80; font-weight:bold; font-variant: small-caps;"}

/* Disables indicators for mobile */
@media screen and (max-width: 550px) {
  .mw-indicator {
    display: none;
  }
}

/* Below is stolen from ED's Common.css */

/* Toggle styling */
.hiddentext {
	display: none;
}

.showhidetext {
	color: #0645ad;
	cursor: pointer;
}

.showhidetext,
.collapsibletoggle {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.showhidetext:hover {
	text-decoration: underline;
}

.showhidetext:active {
	color: #faa700;
}
body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #siteSub {
    display: none;
}

/* ===== User:MANVS page, maxed out but chill, scoped so it only hits that one page ===== */
body.page-User_MANVS {
	background: url('/images/5/57/B.png') center center / cover no-repeat fixed !important;
}

body.page-User_MANVS::before {
	content: "";
	position: fixed;
	inset: 0;
	background: linear-gradient(180deg, rgba(5,5,10,0.72), rgba(5,5,10,0.85));
	z-index: -1;
}

body.page-User_MANVS #content,
body.page-User_MANVS #mw-panel,
body.page-User_MANVS #p-logo {
	background: rgba(12,12,16,0.78);
	backdrop-filter: blur(6px);
	color: #e8e8ea;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 10px;
	box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

body.page-User_MANVS #content a {
	color: #bcd7ff;
}
body.page-User_MANVS #content a:visited {
	color: #a9b9d8;
}

body.page-User_MANVS h1.firstHeading,
body.page-User_MANVS h2,
body.page-User_MANVS h3 {
	color: #f2f2f4;
	border-bottom: 1px solid rgba(255,255,255,0.18);
	text-shadow: 0 0 12px rgba(180,210,255,0.35);
}

body.page-User_MANVS .manvs-marquee-wrap {
	overflow: hidden;
	white-space: nowrap;
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: rgba(0,0,0,0.4);
	padding: 6px 0;
	margin-bottom: 10px;
}
@keyframes manvs-marquee {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
body.page-User_MANVS .manvs-marquee {
	display: inline-block;
	padding-left: 100%;
	animation: manvs-marquee 22s linear infinite;
	color: #cfd8e6;
	letter-spacing: 0.08em;
	font-size: 0.95em;
	opacity: 0.85;
}

body.page-User_MANVS .manvs-glow {
	color: #f2f2f4;
	text-shadow: 0 0 10px rgba(180,210,255,0.55);
}

@keyframes manvs-pulse {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}
body.page-User_MANVS .manvs-pulse {
	animation: manvs-pulse 2.4s ease-in-out infinite;
	color: #bcd7ff;
}

@keyframes manvs-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
body.page-User_MANVS .manvs-spin {
	display: inline-block;
	animation: manvs-spin 8s linear infinite;
	opacity: 0.8;
}

@keyframes manvs-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}
body.page-User_MANVS .manvs-bounce {
	display: inline-block;
	animation: manvs-bounce 2s ease-in-out infinite;
}

body.page-User_MANVS .manvs-guestbook {
	width: 100%;
	border-collapse: collapse;
	background: rgba(0,0,0,0.35);
	color: #dcdce0;
}
body.page-User_MANVS .manvs-guestbook th {
	background: rgba(255,255,255,0.08);
	color: #f2f2f4;
	padding: 6px 10px;
	text-align: left;
	font-weight: 600;
	border: 1px solid rgba(255,255,255,0.12);
}
body.page-User_MANVS .manvs-guestbook td {
	border: 1px solid rgba(255,255,255,0.12);
	padding: 6px 10px;
}

body.page-User_MANVS .manvs-webring img {
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 6px;
	margin: 3px;
	vertical-align: middle;
	opacity: 0.9;
	transition: opacity 0.2s ease, transform 0.2s ease;
}
body.page-User_MANVS .manvs-webring img:hover {
	opacity: 1;
	transform: scale(1.06);
}

body.page-User_MANVS .infobox,
body.page-User_MANVS .portable-infobox {
	background: rgba(0,0,0,0.45) !important;
	border: 1px solid rgba(255,255,255,0.18) !important;
	color: #e8e8ea !important;
}
body.page-User_MANVS .portable-infobox .pi-title {
	background-color: rgba(255,255,255,0.1) !important;
	color: #f2f2f4 !important;
	border-color: rgba(255,255,255,0.18) !important;
}
body.page-User_MANVS .portable-infobox .pi-header,
body.page-User_MANVS .portable-infobox .pi-secondary-background,
body.page-User_MANVS .portable-infobox .pi-horizontal-group-item.pi-data-label,
body.page-User_MANVS .portable-infobox .pi-horizontal-group-item.pi-data-value {
	background-color: rgba(255,255,255,0.08) !important;
	color: #f2f2f4 !important;
	border-color: rgba(255,255,255,0.18) !important;
}
body.page-User_MANVS .portable-infobox .pi-data-label,
body.page-User_MANVS .portable-infobox .pi-data-value {
	color: #e8e8ea !important;
}
body.page-User_MANVS .portable-infobox .pi-data,
body.page-User_MANVS .portable-infobox .pi-group,
body.page-User_MANVS .portable-infobox .pi-image,
body.page-User_MANVS .portable-infobox .pi-image-collection,
body.page-User_MANVS .portable-infobox .pi-media-collection {
	border-color: rgba(255,255,255,0.18) !important;
}
body.page-User_MANVS .portable-infobox a {
	color: #bcd7ff !important;
}
body.page-User_MANVS .portable-infobox .pi-tab-link {
	background: rgba(255,255,255,0.05) !important;
	color: #cfd8e6 !important;
	border-color: rgba(255,255,255,0.18) !important;
}
body.page-User_MANVS .portable-infobox .pi-tab-link.current {
	background: rgba(255,255,255,0.16) !important;
	color: #f2f2f4 !important;
}

body.page-User_MANVS #toc,
body.page-User_MANVS .toc {
	background: rgba(0,0,0,0.4) !important;
	color: #e8e8ea !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
}
body.page-User_MANVS #toc a,
body.page-User_MANVS .toc a {
	color: #bcd7ff !important;
}
body.page-User_MANVS #toc .toctitle,
body.page-User_MANVS .toc .toctitle {
	color: #f2f2f4 !important;
}
body.page-User_MANVS #toc .tocnumber,
body.page-User_MANVS .toc .tocnumber {
	color: #a9b3c4 !important;
}

@keyframes manvs-sparkle-fade {
	0% { transform: translate(-50%, -50%) scale(1.1) rotate(0deg); opacity: 1; }
	100% { transform: translate(-50%, -50%) scale(0.3) rotate(45deg); opacity: 0; }
}
.manvs-sparkle {
	position: fixed;
	pointer-events: none;
	z-index: 99999;
	font-size: 22px;
	color: #eef4ff;
	text-shadow: 0 0 10px rgba(190,220,255,0.95), 0 0 18px rgba(190,220,255,0.5);
	animation: manvs-sparkle-fade 0.9s ease-out forwards;
}

body.page-User_MANVS .manvs-nowplaying {
	float: right;
	width: 200px;
	margin: 0 0 10px 12px;
	padding: 6px;
	background: rgba(0,0,0,0.4);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 8px;
	color: #cfd8e6;
	font-size: 0.8em;
	text-align: center;
}
body.page-User_MANVS .manvs-nowplaying iframe {
	border-radius: 4px;
	max-width: 100%;
}
body.page-User_MANVS #manvs-nowplaying-embed {
	width: 200px;
	height: 113px;
	max-width: 100%;
	background: rgba(255,255,255,0.05);
	border-radius: 4px;
}
body.page-User_MANVS .manvs-nowplaying-hint {
	display: block;
	margin-top: 4px;
	font-size: 0.85em;
	opacity: 0.7;
	font-style: italic;
}

body.page-User_MANVS .manvs-fortune-warn {
	color: #ff8a8a;
	font-weight: bold;
	text-shadow: 0 0 8px rgba(255,80,80,0.6);
}
body.page-User_MANVS .manvs-fortune-whisper {
	color: #9aa3b3;
	font-style: italic;
	font-size: 0.9em;
	opacity: 0.75;
}
body.page-User_MANVS .manvs-fortune-shout {
	color: #f2f2f4;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-shadow: 0 0 10px rgba(190,220,255,0.7);
}