MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:45, 24 December 2023

/* CSS placed here will be applied to all skins */
@font-face {
  font-family: "Submona";
  src: url("/resources/assets/submona.woff") format("woff");
}
@font-face {
  font-family: "Giko";
  src: url("/resources/assets/giko2.woff") format("woff");
}

.rotate {   animation: rotation 1s infinite linear;   display: inline-block;   overflow: hidden;
  word-break: break-all;
  max-width: 100%;}  @keyframes rotation {   from {     transform: rotateX(0deg);   }   to {     transform: rotateX(359deg);   } }

.gem {
	background: url('https://files.catbox.moe/poh410.png');
	background-size: 25%;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip:text;
	background-clip:text;
	-webkit-text-stroke: 1px #007063;
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #8FFFF1, 0 0 40px #8FFFF1, 0 0 50px #8FFFF1, 0 0 60px #8FFFF1, 0 0 70px #8FFFF1;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #DBFFFB, 0 0 40px #DBFFFB, 0 0 50px #DBFFFB, 0 0 60px #DBFFFB, 0 0 70px #DBFFFB, 0 0 80px #DBFFFB;
  }
}

/* Colored usernames for prominent users */

a[href^="/User:Bruh21"] {
    font-weight:bold;
    color: #646464 !important;
}
a[href^="/User:EszettDoll"] {
    font-weight:bold;
    color: red !important;
}
a[href^="/User:Furry"] {
    color: darkred !important;
}

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

/* Portable Infobox CSS here */
.portable-infobox.pi-background {
   background-color: #EEF2FF;
   border-color: #D6DAF0;
}
.portable-infobox .pi-secondary-background {
   background-color: #EEF2FF;
}
.portable-infobox .pi-header{
   font-weight: bold;
   text-align: center;
}
.portable-infobox .pi-title {
   background-color: #D6DAF0;
   font-size: 125%;
   font-weight: bold;
   font-family: "Tahoma", sans-serif;
   text-align: center;
}
.portable-infobox .pi-border-color{
    border-color: #D6DAF0;
}
.portable-infobox {
   width:270px;
   border: 1px solid #D6DAF0;
}
.portable-infobox .pi-horizontal-group-item.pi-data-label{
 background-color: #EEF2FF;
}
.portable-infobox .pi-horizontal-group-item.pi-data-value{
 background-color: #EEF2FF;
}

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

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

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