MediaWiki:Common.css: Difference between revisions

Revision as of 01:26, 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.4) !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	color: #e8e8ea !important;
}

@keyframes manvs-sparkle-fade {
	0% { transform: translate(-50%, -50%) scale(1) rotate(0deg); opacity: 0.9; }
	100% { transform: translate(-50%, -50%) scale(0.2) rotate(45deg); opacity: 0; }
}
.manvs-sparkle {
	position: fixed;
	pointer-events: none;
	z-index: 99999;
	font-size: 13px;
	color: #dfe8ff;
	text-shadow: 0 0 6px rgba(180,210,255,0.8);
	animation: manvs-sparkle-fade 0.7s ease-out forwards;
}