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