m (Additional main page improvements.) |
m (MediaWiki:Wikia.css history note.) |
||
Line 1: | Line 1: | ||
@import url('/index.php?title=MediaWiki:Wikia.css/template.css&action=raw&ctype=text/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'); |
@import url('/index.php?title=MediaWiki:Wikia.css/table.css&action=raw&ctype=text/css'); |
||
+ | |||
+ | /* Previous History for Original Edit Under MediaWiki:Wikia.css */ |
||
/**********************************************************************/ |
/**********************************************************************/ |
Revision as of 17:09, 1 August 2021
@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');
/* Previous History for Original Edit Under MediaWiki:Wikia.css */
/**********************************************************************/
/********************** Wiki-Wide Improvements ************************/
/**********************************************************************/
/******** Wiki Theme/Color Scheme ********/
/* LIGHT THEME
Page Background - #fbd4a8 TD : var(--theme-page-background-color)
Acent/Sticky Nav/Link (headers/navbars/links) - #df301a TD : var(--theme-accent-color)
Acent (tabber hover) - #ffe0be : CUSTOM
Secondary background (rail/toc) - #efcba1 : var(--theme-page-background-color--secondary)
Secondary background (infoboxes/tables/lyrics) - #ffc000 : CUSTOM
Border (toc/headers) - #cbae8d : var(--theme-border-color)
Border (infoboxes/tables) - #2d2d2d : CUSTOM
Text (non-header) - #3a3a3a : var(--theme-page-text-color)
Text (headers - wiki-nav and sticky nav match) - #ffffff : CUSTOM
DARK THEME
Page background - #000000 TD : var(--theme-page-background-color)
Acent/Sticky Nav/link (headers/navbars/links) - #df301a TD : var(--theme-accent-color)
Links - #ffc000 TD : var(--theme-link-color)
Acent (tabber hover) - #ffe0be : CUSTOM
Secondary background (infoboxes/tables/lyrics) - #262626 : var(--theme-page-background-color--secondary)
Border (toc/headers/infoboxes/tables/lyrics) - #3a3a3a : var(--theme-border-color)
Text (non-header) - #e6e6e6 : var(--theme-page-text-color)
Text (headers - wiki-nav and sticky nav match) - #ffffff : CUSTOM
*/
body.skin-fandomdesktop {
background-image: url(https://static.wikia.nocookie.net/alvin/images/6/65/Wiki_Background.png/revision/latest?cb=20210701014945&format=original);
background-attachment: fixed;
background-position-x: calc(50% + 33px);
background-repeat: no-repeat;
}
.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;
padding: 5px 12px;
}
.theme-fandomdesktop-light .poem {
background-color: #ffc000;
border: 1px solid #2d2d2d;
}
.theme-fandomdesktop-dark .poem {
background-color: var(--theme-page-background-color--secondary);
border: 1px solid #ffc000;
}
.poem p {
line-height: 1.5;
padding-top: 5px;
}
.page-content .poem p { margin-top: 0; }
.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;
}
.theme-fandomdesktop-light table.diff, .theme-fandomdesktop-light td.diff-otitle, .theme-fandomdesktop-light td.diff-ntitle {
background-color: #ffe0be;
color: #2d2d2d;
}
.theme-fandomdesktop-dark table.diff, .theme-fandomdesktop-dark td.diff-otitle, .theme-fandomdesktop-dark td.diff-ntitle {
background-color: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
}
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; }
.theme-fandomdesktop-light table.diff td.diff-addedline { background-color: #f8fff8; }
.theme-fandomdesktop-dark table.diff td.diff-addedline {
background-color: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
}
table.diff td.diff-deletedline { border-color: #df301a; }
.theme-fandomdesktop-light table.diff td.diff-deletedline { background-color: #fff8f8; }
.theme-fandomdesktop-dark table.diff td.diff-deletedline {
background-color: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
}
.theme-fandomdesktop-light table.diff td.diff-context {
border-color: #fbd4a8;
background-color: #ffe0be;
color: #333333;
}
.theme-fandomdesktop-dark table.diff td.diff-context {
border-color: var(--theme-border-color);
background-color: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
}
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; }
/******** Gallery Caption Alignment ********/
.wikia-gallery-caption-below .lightbox-caption { text-align: center; }
/**********************************************************************/
/********************** Main Page Improvements ************************/
/**********************************************************************/
/******** Header Improvements ********/
.welcome { margin-bottom: 10px; }
.header-font,
.header-font-twitter {
text-align: center;
font-size: 24px;
color: #df301a;
}
.header-font a { color: #df301a; }
.nav-block .header-font {
width: 85%;
margin: 4px auto 0;
border-top: 2px solid #000000;
box-shadow: 0 -4px 0 #ffc000;
padding-top: 15px;
}
.header-font:nth-of-type(n+2),
.header-font-twitter {
margin-top: 20px;
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 .thumb .thumbcaption p {
font-size: 16px;
text-align: center;
margin: 5px 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 */
.mainpage .mw-parser-output { overflow: hidden; } /* For Seperate Themed Twitter Widgets */
/******** Featured Videos ********/
.gallery-landscape {
display: flex;
justify-content: center;
}
/******** 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; }