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

 /* disable the Dark Mode invert */
.client-darkmode
.client-darkmode .mw-no-invert, 
.client-darkmode .mw-mmv-overlay, 
.client-darkmode .mw-mmv-pre-image, 
.client-darkmode .mw-kartographer-map, 
.client-darkmode .mw-kartographer-mapDialog-map
.client-darkmode:not(.mw-invert),
.client-darkmode .mw-no-invert:not(.mw-invert),
.client-darkmode .cdx-no-invert:not(.mw-invert),
.client-darkmode td .diffchange:not(.mw-invert),
.client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not(.mw-invert)
{
    filter: none;
    -webkit-filter: none;
}