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: Difference between revisions

From The Codex
 
(5 intermediate revisions by 2 users not shown)
Line 200: Line 200:
}
}


/* Background Image Library */
/* Background Image Library  
#mw-content-container {
#mw-content-container {
     position: relative;
     position: relative;
}
} */


#mw-content-container::before {
/* #mw-content-container::before {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
Line 212: Line 212:
     right: 0;
     right: 0;
     bottom: 0;
     bottom: 0;
     background: url('/images/3/3f/Library69.jpg') no-repeat center top fixed;
     background: url('/images/c/cd/ShitAssBackground.png') no-repeat center top fixed;
     background-size: cover;
     background-size: cover;
     z-index: 0;
     z-index: 0;
     pointer-events: none;
     pointer-events: none;
     min-height: 100vh;
     min-height: 100vh;
}
} */


/* Elements stay above containers */
/* Elements stay above containers  
#mw-site-navigation,
#mw-site-navigation,
#mw-related-navigation,
#mw-related-navigation,
Line 227: Line 227:
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 1;
}
} */


/* Discord Embded */
@media screen {
.discord-embed {
skin-theme-clientpref-night .element {
    max-width: 520px;
background-color: #383838;
    background-color: #36393f;
color: #ace;
    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);
});
}
}

Latest revision as of 01:02, 18 November 2024

/***** 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/c/cd/ShitAssBackground.png') 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;
} */

@media screen {
	skin-theme-clientpref-night .element {
		background-color: #383838;
		color: #ace;
	}
}