MediaWiki:Common.css: Difference between revisions

Revision as of 01:21, 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 chaos, scoped so it only hits that one page ===== */
body.page-User_MANVS {
	background: repeating-linear-gradient(45deg, #0a0014, #0a0014 10px, #1a0030 10px, #1a0030 20px) !important;
}

body.page-User_MANVS #content {
	background: #fff0fb;
	border: 6px ridge #ff00ea;
	box-shadow: 0 0 25px #ff00ea;
}

@keyframes manvs-rainbow {
	0% { color: #ff0000; }
	16% { color: #ff9900; }
	33% { color: #ccff00; }
	50% { color: #00ff66; }
	66% { color: #00ccff; }
	83% { color: #cc00ff; }
	100% { color: #ff0000; }
}
body.page-User_MANVS .manvs-rainbow {
	animation: manvs-rainbow 2s linear infinite;
	font-weight: bold;
}

@keyframes manvs-blink {
	0%, 49% { opacity: 1; }
	50%, 100% { opacity: 0; }
}
body.page-User_MANVS .manvs-blink {
	animation: manvs-blink 1s steps(1) infinite;
	font-weight: bold;
	color: #ff0000;
}

@keyframes manvs-marquee {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
body.page-User_MANVS .manvs-marquee-wrap {
	overflow: hidden;
	white-space: nowrap;
	border: 3px dashed #00eaff;
	background: #000;
	padding: 6px 0;
}
body.page-User_MANVS .manvs-marquee {
	display: inline-block;
	padding-left: 100%;
	animation: manvs-marquee 12s linear infinite;
	color: #39ff14;
	font-weight: bold;
	font-size: 1.3em;
	text-shadow: 0 0 6px #39ff14;
}

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

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

body.page-User_MANVS .manvs-guestbook {
	width: 100%;
	border-collapse: collapse;
	background: #000;
	color: #39ff14;
	font-family: monospace;
}
body.page-User_MANVS .manvs-guestbook th {
	background: #ff00ea;
	color: #000;
	padding: 4px 8px;
}
body.page-User_MANVS .manvs-guestbook td {
	border: 1px solid #39ff14;
	padding: 4px 8px;
}

body.page-User_MANVS .manvs-webring img {
	border: 3px outset silver;
	margin: 2px;
	vertical-align: middle;
}

body.page-User_MANVS h2, body.page-User_MANVS h3 {
	background: linear-gradient(90deg, #ff00ea, #00eaff);
	color: #fff;
	padding: 4px 8px;
	border-radius: 6px;
	text-shadow: 1px 1px 2px #000;
}