MediaWiki:Common.css

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