Fandomdesktop.css

@import url('/index.php?title=MediaWiki:Wikia.css/template.css&action=raw&ctype=text/css');
@import url('/index.php?title=MediaWiki:Wikia.css/table.css&action=raw&ctype=text/css');

/**********************************************************************/
/********************** Wiki-Wide Improvements ************************/
/**********************************************************************/

/******** Wiki Theme/Color Scheme ********/
/*   #fbd4a8 - page background           */
/*   #df301a - link/header               */
/*   #ffc000 - Infoboxes/Tables          */
/*   #ffe0be - dropdown/hover            */
/*   #ffffff & #2d2d2d - text/border     */

.fandom-community-header__background { 
	background-image: url(https://static.wikia.nocookie.net/alvin/images/8/84/Wiki_Background.jpg/revision/latest?cb=20210607230021&format=original);
    height: 980px;
    background-position-x: 65%;
}

.fandom-community-header__background:before { background-image: none; }

/******** Custom Font ********/
/* Font created by Jenna Mathews, used with permission. Attribution required for use. */
@font-face {
    font-family: Totally_Nuts;
    src: url(https://vignette.wikia.nocookie.net/alvin/images/c/c5/Totally_Nuts.ttf);
}

.fandom-community-header__community-name,
.fandom-sticky-header__sitename,
.fandom-community-header__local-navigation .wds-tabs__tab-label,
.header-font, /* Main Page Header Class */
.header-font-twitter,
.page-header__title, /* Article Titles */
.page-content h2,
.page-content h3,
.wds-collapsible-panel__header { font-family: Totally_Nuts; } /* Categories */

.fandom-community-header__local-navigation .first-level-item a {
    font-weight: 400;
    font-size: 16px;
}
    
.fandom-sticky-header__sitename { font-weight: 400; }

.right-rail-wrapper .rail-module h2 { /* Rail Headers */
	font-family: Totally_Nuts;
	font-size: 18px;
	font-weight: 400;
}

h1.mcf-header { /* Fan Feed */
	font-family: Totally_Nuts;
	font-weight: 400;
}

/******** Song Page Improvements ********/
/* Multiple Song Version Video Improvements */
.lyrics-vid .video-thumbnail {
    border: 1px solid #df301a;
	margin: 15px 10px 0 0;
	position: absolute;
	right: 0;
}

.lyrics-img .video-thumbnail img { /* Prevent "Doubling" Effect With .lyrics-img */
    border: none;
    margin: 0;
}

/* Image Improvement Inside Lyrics Section */
.lyrics-img img {
    border: 1px solid #df301a;
	margin: 15px 10px 0 0;
}

.lyrics-img .floatright { margin: 0; }

/* Tag Styling */
.poem {
    border: 1px solid #2d2d2d;
    background-color: #ffc000;
    padding: 5px 12px;
    color: #2d2d2d;
}

.poem p {
    line-height: 1.5;
    padding-top: 5px;
}

.poem p:last-of-type { margin-bottom: 1px; }

/* .poem b { font-weight: normal; color: #df301a; }
.poem i { font-style: normal; } */ /* Needed for Custom Font Only */

/******** TOC Improvements ********/
.toc .toctitle { background: #df301a; }

.toc .toctitle h2,
.toctogglespan .toctogglelabel,
.toctogglespan:after,
.toctogglespan:before { color: #ffffff; }

.page-content #toc { background-color: var(--theme-page-background-color--secondary); }

.toc>ul { max-width: 600px; }

/******** Newer MediaWiki Diff Style (Modified) - http://dev.wikia.com/wiki/NewDiffStyle ********/
table.diff { width: 100% !important; }
table.diff td { padding: 7px 5px 0 !important; }
table.diff td > div {
    overflow: visible;
    padding-bottom: 5px;
}

table.diff, td.diff-otitle, td.diff-ntitle { 
	background-color: #ffe0be;
	color: #2d2d2d;
}
 
td.diff-marker { font-weight: bold; line-height: 1.2; }
table.diff td.diff-marker { padding: 0.25em !important; }
 
table.diff td.diff-addedline,
table.diff td.diff-deletedline,
table.diff td.diff-context {
    font-size: 85%;
    line-height: 1.6;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
    color: #2d2d2d;
}
table.diff td.diff-addedline {
    border-color: #1f7d4e;
    background-color: #f8fff8;
}
table.diff td.diff-deletedline {
    border-color: #df301a;
    background-color: #fff8f8;
}
table.diff td.diff-context {
    border-color: #fbd4a8;
    background-color: #ffe0be;
    color: #333333;
}
 
table.diff .diffchange { color: inherit; }
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange { border-radius: 0.33em; padding: 0.15em 0; }
td.diff-addedline .diffchange, table.diff ins.diffchange.diffchange-inline { background-color: #cfc; color: #252525; }
td.diff-deletedline .diffchange, table.diff del.diffchange.diffchange-inline { background-color: #fcc; color: #252525; }

/**********************************************************************/
/********************** Main Page Improvements ************************/
/**********************************************************************/

/******** Header Improvements ********/
.header-font,
.header-font-twitter { 
    text-align: center;
    font-size: 24px;
    color: #df301a;
}

.nav-block .header-font {
    width: 85%;
    margin: 4px auto 0;
    box-shadow: 0 -4px 0 #ffc000;
    padding-top: 15px;
}
.theme-fandomdesktop-light .nav-block .header-font { border-top: 2px solid #000000; }
.theme-fandomdesktop-dark .nav-block .header-font { border-top: 2px solid #df301a; }

.header-font:nth-of-type(n+2),
.header-font-twitter {
    margin-top: 10px;
    border-top: 2px solid #000000;
    box-shadow: 0 -4px 0 #ffc000;
    padding-top: 15px;
}

.header-font p { margin: 0 0 -5px 0; }
.header-font p:nth-of-type(2) { margin: 1px 0 -7px; } /* Welcome Message Spacing */

.header-font-twitter { margin-bottom: -4px; }

.page-Munkapedia_the_Alvin_and_the_Chipmunks_Wiki .page-content section {
    margin: 0 0 12px;
}

.page-Munkapedia_the_Alvin_and_the_Chipmunks_Wiki p.mw-empty-elt { display: none; } /* Random Hidden Paragraph */
 
/******** Navigation Images ********/
.nav-blocks {
    display: flex;
    padding-top: 18px;
}

.nav-block { 
    display: inline-block;
    width: 50%;
}

.nav-blockline { 
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: -5px;
}

.nav-blockline:nth-of-type(even) { margin-top: 10px; }

.nav-img { 
    display: inline-block;
    width: auto;
    margin: 0 4px;
}

.nav-img img { border: 1px solid #000000; }
.nav-img .thumbcaption p { 
	font-size: 16px;
	text-align: center;
	margin: 7px 0;
}

.nav-img .tright { margin: 0; }

/******** Featured Videos ********/
.gallery-landscape .mw-gallery-packed .gallerybox,
.gallery-landscape .mw-gallery-packed .gallerybox div {
    height: 250px;
    width: 350px !important;
}

.gallery-landscape li.gallerybox div.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-landscape .video-thumbnail.xlarge .thumbnail-play-icon {
    height: 100px;
    min-width: 100px;
    width: 100px;
}

ul.gallery.mw-gallery-packed { margin: -20px 0 0; }
.gallerytext { display: none; } /* Prevent Scrollbar */

/******** Twitter ********/
.theme-fandomdesktop-light .twitter-dark,
.theme-fandomdesktop-dark .twitter-light { display: none; }

/******** Affiliates ********/
.affiliates { padding-bottom: 10px; }
.affiliates:nth-of-type(odd) { padding-top: 10px; }