The official discord link if you wish to join the discord: https://discord.gg/j5RKwCvAFu
Support the wiki on our official Ko-Fi page or Patreon page!
MediaWiki:Common.css
From The Codex
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***** CSS placed here will be applied to all skins on the entire site. *****/
/**** ----- Imports ---- ****/
@import "/index.php?action=raw&title=MediaWiki:Common.css&ctype=text/css";
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:MessageWallPagination|u:dev:MediaWiki:DropdownMenu/code.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:ActivityFeed.css|u:dev:MediaWiki:FandomizedFieldsets.css|u:dev:MediaWiki:FandomizedCategoryExhibition.css|u:dev:MediaWiki:SpoilerBlur/code.css|u:dev:MediaWiki:ContribsButtons.css");
@import url('https://fonts.googleapis.com/css?family=Bungee|Merriweather|Monda|Rubik+Mono+One|Russo+One|Monterrat+Alternates|Permanent+Marker|Black+Ops+One|Audiowide');
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfileUCP.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:NewPagesModule.css&only=styles";
/** Load page-specific CSS **/
@import url('/index.php?title=MediaWiki:Common.css/Pages.css&action=raw&ctype=text/css&dontcountme=s');
/**** ----- Code ---- ****/
/* Remove underlining from "view more replies" link on threads */
.load-more a:hover {
text-decoration: none !important;
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #808080; content: " (redirect)"
}
.watchlistredir {
font-style: italic;
}
.railModule li {
font-family: "Helvetica";
}
.railModule font {
font-family: Helvetica;
}
.loaded h2 {
font-family: "The Codex";
color: black;
font-size: 2em !important;
}
.toc {
font-family: "Century Gothic";
font-weight: 600;
}
.photo-module .has-icon {
letter-spacing: .67px;
}
#WikiaPage h1,
#WikiaPage h2,
#WikiaPage h3,
#WikiaPage h4,
#WikiaMainContent .mw-headline {
font-weight: normal !important;
}
/* Rail Module Styling */
.new-pages-rail-module .mw-userlink bdi:before {
content: "Created by ";
color: black;
pointer-events: none !important;
}
#OtherSitesModule h2 {
font-size: 25px !important;
letter-spacing: 1.5px;
border-bottom: 4px outset red;
}
#OtherSitesModule hr {
height: 3px;
background-color: black;
}
#OtherSitesModule .text {
font-weight: bold;
}
#OtherSitesModule img {
transform: rotate(0) scale(.9) skew(-180deg) translate(0);
transition: all 0.6863s ease;
}
#OtherSitesModule img:hover {
transform: rotate(-1deg) scale(1.04) skew(-180deg) translate(0);
}
/* Remove "Edit" section links from Rail Module */
#OtherSitesModule .editsection {
display: none;
}
/** Discussions Rail Module **/
.embeddable-discussions-heading {
font-family: 'The Codex';
}
.embeddable-discussions-heading:after {
font-size: 22px !important;
color: black;
font-weight: normal;
}
/* Removes arrow icon from external links */
.WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after {
background-image: none;
content: none;
}
.rail-module .mw-editsection a,
.rail-module .mw-editsection-bracket {
display: none;
}
.wikipediauserbox img[src$=gif] {
width: 40px;
height: 40px;
}
/* Outside */
figure[typeof~='mw:File/Thumb'] {
background-color:transparent;
border: 0 solid transparent;
}
/* Inside */
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element {
background-color:transparent;
border: 0 solid transparent;
}
/* Bottom */
figure[typeof~='mw:File/Thumb'] > figcaption {
background-color:transparent;
border: 0 solid transparent;
}
/* Enlarge Icon */
a.mw-file-description::after {
display:none;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Global */
/* Tabber */
.Molly .tabber--live {
width: min-content;
float: right;
align-items:center;
/* width:20em; */ /* If you want other size */
}
.Molly .tabber img {
max-width: 100%;
}
.Molly .tabber article {
overflow: hidden;
}
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox-table th {
text-align: right;
vertical-align: top;
width: 120px;
}
.infobox-table td {
vertical-align: top;
}
/* Background Image Library */
#mw-content-container {
position: relative;
}
#mw-content-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('/images/3/3f/Library69.jpg') no-repeat center top fixed;
background-size: cover;
z-index: 0;
pointer-events: none;
min-height: 100vh;
}
/* Elements stay above containers */
#mw-site-navigation,
#mw-related-navigation,
#mw-content-text,
#mw-content-wrapper,
.mw-content-blocker {
position: relative;
z-index: 1;
}
/* Discord Embded */
.discord-embed {
max-width: 520px;
background-color: #36393f;
border-left: 4px solid #7289da;
border-radius: 4px;
padding: 8px 16px;
margin: 10px 0;
}
.discord-embed-title {
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.discord-embed-description {
color: #dcddde;
font-size: 14px;
margin-bottom: 8px;
}
.discord-embed-footer {
color: #72767d;
font-size: 12px;
}
.discord-button {
display: inline-block;
background-color: #7289da;
color: #ffffff;
padding: 8px 16px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
margin-top: 8px;
}
/*Recent Changes Widget written and made by Awesome Aasim, link here: https://en.wikipedia.org/wiki/User:Awesome_Aasim/rcwidget.js*/
if (!rcwidget) {
var rcwidget = {};
rcwidget.onlyshowores = (typeof onlyshowores !== 'undefined') ? onlyshowores : false;
rcwidget.orestolerance = (typeof orestolerance !== 'undefined') ? orestolerance : 0.70;
rcwidget.fetchtime = (typeof rcfetchtime !== 'undefined') ? rcfetchtime : 0.5
rcwidget.addToSidebar = function(text) {
if (mw.config.get("skin") == "timeless") {
$('<div class="sidebar-chunk" id="rcwidget"><div class="sidebar-inner">' + text + '</div></div>').appendTo("#mw-related-navigation");
$("#catlinks-sidebar").appendTo("#mw-related-navigation");
$("#other-languages").appendTo("#mw-related-navigation");
}
$('<div class="portal" role="navigation" id="rcwidget" aria-labelledby="p-rcwidget-label">' + text + '</div>').prependTo("#mw-panel");
$('<div role="navigation" class="portlet generated-sidebar" id="rcwidget" aria-labelledby="p-rcwidget-label">' + text + '</div>').prependTo("#sidebar");
$('<div class="portlet" id="rcwidget">' + text + '</div>').prependTo("#mw_portlets");
$("#p-navigation").prependTo("#mw-panel");
$("#p-search").prependTo("#quickbar");
$('#p-logo').prependTo("#mw-site-navigation");
$('#p-logo').prependTo("#mw-panel");
$('#p-logo').prependTo("#sidebar");
$('#p-logo').prependTo("#mw_portlets");
$('ul.hlist:first').appendTo('#mw-mf-page-left');
if (mw.config.get("skin") == "vector" || mw.config.get("skin") == "vector-2022" ) {
$("#rcwidget").addClass("mw-portlet mw-portlet-navigation vector-menu vector-menu-portal");
}
};
rcwidget.fetch = function() {
if (!document.hasFocus()) {
window.setTimeout(rcwidget.fetch, rcwidget.fetchtime * 1000);
} else {
var returnHTML = "";
returnHTML += "<ul>";
$.get(mw.config.get("wgScriptPath") + "/api.php", {
"action": "query",
"format": "json",
"list": "recentchanges",
"rcnamespace": "0|3",
"rcprop": "title|timestamp|flags|loginfo|oresscores|parsedcomment|user|ids|tags",
"rcshow": "!bot" + (rcwidget.onlyshowores ? "|oresreview" : ""),
"rctoponly": true,
"rclimit": "50",
"rctype": "edit|new"
}).done(function(result) {
if (result.error) {
console.error(result.error.info);
window.setTimeout(rcwidget.fetch, rcwidget.fetchtime * 1000);
} else {
var currDate = new Date();
for (var change of result.query.recentchanges) {
var changeDate = new Date(change.timestamp);
var mildate = new Date(currDate - changeDate);
var seconds = mildate.getUTCSeconds();
var minutes = mildate.getUTCMinutes();
var hours = mildate.getUTCHours();
if (typeof change.oresscores != 'undefined') {
if (typeof change.oresscores.damaging != 'undefined') {
if (typeof change.oresscores.damaging.true != 'undefined') {
if (rcwidget.onlyshowores && change.oresscores.damaging.true < rcwidget.orestolerance) {
continue;
} else {
returnHTML += "<li>";
if (change.type == "edit" && change.oresscores.damaging) {
if (change.oresscores.damaging.true >= rcwidget.orestolerance) {
returnHTML += "<b>";
}
}
returnHTML += '<a href="/User_talk:' + change.user + '">' + change.user + '</a> ';
switch (change.type) {
case "edit":
if (change.tags.includes("mw-undo")) {
returnHTML += "<a href=\"/Project:Undo\">undid</a> an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.tags.includes("mw-rollback")) {
returnHTML += "<a href=\"/Project:Rollback\">rolled back</a> edits to <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "made an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
case "new":
if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "created the page <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
}
if (change.type == "edit" && change.oresscores.damaging) {
if (change.oresscores.damaging.true >= rcwidget.orestolerance) {
returnHTML += "</b>";
}
}
returnHTML += "<br><small class=\"rcwidget-date\" data-revtimestamp=\"" + change.timestamp + "\">";
if (hours > 0) {
returnHTML += " " + hours + ((hours == 1) ? " hour" : " hours") + " ago";
} else if (minutes > 0) {
returnHTML += " " + minutes + ((minutes == 1) ? " minute" : " minutes") + " ago";
} else if (seconds > 0) {
returnHTML += " " + seconds + ((seconds == 1) ? " second" : " seconds") + " ago";
}
returnHTML += "</small>";
returnHTML += "</li>";
}
} else {
returnHTML += "<li>";
returnHTML += '<a href="/User_talk:' + change.user + '">' + change.user + '</a> ';
switch (change.type) {
case "edit":
if (change.tags.includes("mw-undo")) {
returnHTML += "<a href=\"/Project:Undo\">undid</a> an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.tags.includes("mw-rollback")) {
returnHTML += "<a href=\"/Project:Rollback\">rolled back</a> edits to <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "made an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
case "new":
if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "created the page <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
}
returnHTML += "<br><small class=\"rcwidget-date\" data-revtimestamp=\"" + change.timestamp + "\">";
if (hours > 0) {
returnHTML += " " + hours + ((hours == 1) ? " hour" : " hours") + " ago";
} else if (minutes > 0) {
returnHTML += " " + minutes + ((minutes == 1) ? " minute" : " minutes") + " ago";
} else if (seconds > 0) {
returnHTML += " " + seconds + ((seconds == 1) ? " second" : " seconds") + " ago";
}
returnHTML += "</small>";
returnHTML += "</li>";
}
} else {
returnHTML += "<li>";
returnHTML += '<a href="/User_talk:' + change.user + '">' + change.user + '</a> ';
switch (change.type) {
case "edit":
if (change.tags.includes("mw-undo")) {
returnHTML += "<a href=\"/Project:Undo\">undid</a> an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.tags.includes("mw-rollback")) {
returnHTML += "<a href=\"/Project:Rollback\">rolled back</a> edits to <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "made an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
case "new":
if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "created the page <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
}
returnHTML += "<br><small class=\"rcwidget-date\" data-revtimestamp=\"" + change.timestamp + "\">";
if (hours > 0) {
returnHTML += " " + hours + ((hours == 1) ? " hour" : " hours") + " ago";
} else if (minutes > 0) {
returnHTML += " " + minutes + ((minutes == 1) ? " minute" : " minutes") + " ago";
} else if (seconds > 0) {
returnHTML += " " + seconds + ((seconds == 1) ? " second" : " seconds") + " ago";
}
returnHTML += "</small>";
returnHTML += "</li>";
}
} else {
returnHTML += "<li>";
returnHTML += '<a href="/User_talk:' + change.user + '">' + change.user + '</a> ';
switch (change.type) {
case "edit":
if (change.tags.includes("mw-undo")) {
returnHTML += "<a href=\"/Project:Undo\">undid</a> an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.tags.includes("mw-rollback")) {
returnHTML += "<a href=\"/Project:Rollback\">rolled back</a> edits to <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
} else if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "made an <a href=\"/Special:Diff/" + change.revid + "\">edit</a> to <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
case "new":
if (change.ns == 3) {
returnHTML += 'left a message for <a href="/' + change.title + '">' + change.title.replace("User talk:", "") + "</a>";
} else {
returnHTML += "created the page <a href=\"/" + change.title + "\">" + change.title + '</a>';
}
break;
}
returnHTML += "<br><small class=\"rcwidget-date\" data-revtimestamp=\"" + change.timestamp + "\">";
if (hours > 0) {
returnHTML += " " + hours + ((hours == 1) ? " hour" : " hours") + " ago";
} else if (minutes > 0) {
returnHTML += " " + minutes + ((minutes == 1) ? " minute" : " minutes") + " ago";
} else if (seconds > 0) {
returnHTML += " " + seconds + ((minutes == 1) ? " second" : " seconds") + " ago";
}
returnHTML += "</small>";
returnHTML += "</li>";
}
}
returnHTML += "<li><a href=\"/Special:RecentChanges\">View all recent changes</a></li>"
returnHTML += "</ul>";
$("#rcwidget-content").html(returnHTML);
if ($("#rcwidget-content").text().toLowerCase() == "View all recent changes".toLowerCase()) {
$("#rcwidget-content").html("<ul><li>No recent changes found.</li></ul>");
}
}
window.setTimeout(rcwidget.fetch, rcwidget.fetchtime * 1000);
}).fail(function(result) {
window.setTimeout(rcwidget.fetch, rcwidget.fetchtime * 1000);
});
}
};
$("#rcwidget-content").css("height", "auto");
$("#rcwidget-content").css("overflow", "auto");
$(document).ready(function() {
rcwidget.addToSidebar((mw.config.get('skin') == 'vector' || mw.config.get('skin') == 'vector-2022') ? '<div id="rcwidget-label" lang="en" dir="ltr"><span><a href="/Special:RecentChanges">Recent changes</a></span></div><div class="mw-portlet-body body pBody" id="rcwidget-content" style="height:250px;overflow:hidden;">Loading...</div>' : '<h3 id="rcwidget-label" lang="en" dir="ltr"><span><a href="/Special:RecentChanges">Recent changes</a></span></h3><div class="mw-portlet-body body pBody" id="rcwidget-content" style="height:250px;overflow:hidden;">Loading...</div>');
rcwidget.fetch();
window.setInterval(function() {
var currDate = new Date();
$('.rcwidget-date').each(function() {
var changeDate = new Date($(this).data('revtimestamp'));
var mildate = new Date(currDate - changeDate);
var seconds = mildate.getUTCSeconds();
var minutes = mildate.getUTCMinutes();
var hours = mildate.getUTCHours();
if (hours > 0) {
$(this).html(hours + ((hours == 1) ? " hour" : " hours") + " ago");
} else if (minutes > 0) {
$(this).html(minutes + ((minutes == 1) ? " minute" : " minutes") + " ago");
} else if (seconds > 0) {
$(this).html(seconds + ((seconds == 1) ? " second" : " seconds") + " ago");
}
})
}, rcwidget.fetchtime);
});
}
