MediaWiki:Common.css

From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

.mw-wiki-logo {
	background:url(images/c/ca/WikiHalloweenLogo.png);
	background-size:135px;
}
	
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {
    display: none;
}

@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);   } }

/* custom link colors
examples of usage:
use <span class="redtext">[[LINK TEXT]]</span>
or <span class="darklink">[[LINK TEXT]]</span>
*/
span.redtext a {
	color:darkred;
	/* use this span class to make yer link dark red { 8 ^ ) }}*/
}
span.darklink a {
	color:darkblue;
	/* should solve the problem where links are harder to read...
	this mainly applies to red background templates */
}


/* Colored usernames for prominent users */

/* Sharty admins (+ special name for Broot) */
a[href="/User:Bruh21"] {
    font-weight:bold;
    color: #646464 !important;
}

a[href="/User:SoySneed"] {
    font-weight:bold;
    color: red !important;
}

a[href="/User:Limeade"] {
    font-weight:bold;
    color: #32CD32 !important;
}

a[href="/User:Broot"] {
    font-weight:bold;
    color: #990a2c !important;
}

a[href="/User:BananaSplit"] {
    font-weight:bold;
    color: #ff3c9a !important;
}
a[href="/User:Mustard"] {
    font-weight:bold;
    color:#f7ec3b !important;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
a[href="/User:BBQ"] {
    font-weight:bold;
    color:#754522 !important;
}

/* mediators */
a[href="/User:Cliffsend"],
a[href="/User:Coal_miner"],
a[href="/User:Cobbyson"],
a[href="/User:Fartson"],
a[href="/User:Furry"],
a[href="/User:Keyed"],
a[href="/User:LIFESUCKSTHENYOUDIE"],
a[href="/User:NO!_NO!_NO!_NO!_NO!_NO!_NO!_NO!_NO!"],
a[href="/User:Nigger_chungus"],
a[href="/User:Numale_Feelsguy"],
a[href="/User:YaroslavTV"],
a[href="/User:Check"],
a[href="/User:Coggy"],
a[href="/User:Total_Tranny_Death"],
a[href="/User:Mariscos_Recio_PR"],
a[href="/User:Statis"],
a[href="/User:Cat"],


a[href="/User:TotalNiggerDeath"],
a[href="/User:H3K"]
{
    color: #9a52a4;
}

/* janny name colors */
a[href="/User:Rover"],
a[href="/User:Fuckniggers"],
a[href="/User:Fenriris"],
a[href="/User:OopooPoopoo"],
a[href="/User:GapeNewell"]
{
    color: #c79430 !important;
    font-weight:bold;
}

/* head admin name color */
a[href="/User:Cobblestone"]
{
    font-weight:bold;
    background: linear-gradient(90deg, #1a993c 32%, #e61d2b 32%, #e61d2b 55%, #2a2a2a 55%) !important;
    color: transparent !important;
    background-clip: text !important;
}

/* wiki admin name colors */
a[href="/User:Carp"],
a[href="/User:SprokemowerMan"]
{
    font-weight:bold;
    color: #096450 !important;
}

/* april fools */
a[href="/User:April_Fool"] {
    text-shadow:0px 0px 40px #06bd06, 0px 0px 2px #06bd06;
    color: green !important;
}

/* bots */
a[href="/User:Abuse_filter"],
a[href="/User:SoycyclopediaBot"]  {
    color: #578CA9 !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;"}

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



@font-face {

 font-family: "Troonlibri";
 src: url("images/5/5e/Troonlibri.otf") format("opentype");
}