MediaWiki:Fandomdesktop.css

/* Import Fonts */ @import url(https://fonts.googleapis.com/css?family=Amiko|Montserrat|Rubik|Dancing+Script|Roboto|Open+Sans+Condensed:300|Philosopher|Playfair+Display|Oswald|Raleway|Roboto); /* Tables */ .table1 { margin:0 auto; border-radius:7px; background:#231d26; text-align:center; } .table1 tr > th { background:#353336; } .table1 tr > td { background:#353336; color:#ffffff; }

/* Background (FandomDesktop) --> Credits to DubuHasBeenSnatched Note: Do not use the Header background cause it will be overlaped by the background There's eight element on this code: Gradient background & Font, Border and box shadow, To make the background visible, Background, Remove the Header background (something like that), Make the right rail background transparent, Table of Contents Background Color, Article Table Background */ /* == Gradient background & Font == */ /* === Light Theme (Default) === */ @media screen and (min-width: 1025px) { body.theme-fandomdesktop-light { background: linear-gradient(#FCFCFC,#E6F0FC,#C7C3CD) fixed; font-family:'Amiko'; } }

/* === Dark Theme === */ @media screen and (min-width: 1025px) { body.theme-fandomdesktop-dark { background: linear-gradient(#363636,#4a4a4a) fixed; font-family:'Amiko'; } }

/* == Border and box shadow == */ .resizable-container .page { border-top:2px solid var(--theme-link-color); box-shadow:0 0 20px var(--theme-accent-color); }

/* == To make the background visible == */ .page__main { background-color: transparent; border-radius: 3px; min-height: 480px; padding: 24px 36px; position: relative; } /* == Background == */ /* === Light Theme (Default) */ .theme-fandomdesktop-light .resizable-container .page::before { opacity: 0.2; background: transparent url("https://bigbangkpop.fandom.com/wiki/Special:FilePath/BIGBANG_Sober_Slider.png") center top fixed; background-size: 1200px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1; } /* === Dark Theme === */ .theme-fandomdesktop-dark .resizable-container .page::before { opacity: 0.2; background: transparent url("https://bigbangkpop.fandom.com/wiki/Special:FilePath/MADE_Album_Slider.jpeg") center fixed; background-size: 1300px; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

/* == Remove the Header background (something like that) == */ .fandom-community-header__background { background: var(--theme-body-background-image) no-repeat; height: 160px; position: fixed; top: 0; width: 100%; z-index: -2; opacity: 0; }

/* == Make the right rail background transparent == */ .page__right-rail { background-color: transparent; }

/* == Table of Contents Background Color == */ .page-content #toc { background: var(--theme-page-background-color); }

/* == Article Table Background == */ .article-table .wikitable { background: var(--theme-page-background-color); } /* == Transparent Rail Module Background == */ .rail-module { background-color: transparent; border-bottom: transparent; } /***********************************************************************/

/* Headings */ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family:'Arial'; text-transform: capitalize; color: var(--theme-page-text-color); } .WikiaPage h2 { border-bottom: 1px solid #fdd5cc; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle .editsection .edit-pencil { display: none; } /***********************************************************************/ /* Slider */ .wikiaPhotoGallery-slider-body .horizontal .description h2, .wikiaPhotoGallery-slider-body .horizontal .description p { text-overflow: ellipsis; white-space: nowrap; color: #000; }

/* Wordmark hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /** Dropdown Slide **/ .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .wds-community-header .wds-dropdown__content { border: 0 !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before { display: none !important; } .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content, .WikiaPage .page-header .wds-dropdown__content, .wds-tabs__tab .wds-dropdown__content, .pi-section-tab .wds-dropdown__content, .wds-community-header .wds-dropdown__content { animation: slideDownFade 0.2s ease normal; } @keyframes slideDownFade { 0%{opacity: 0; margin-top: -10px;} 100%{opacity: 1; margin-top: 0px;} } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { animation: slideLeftFade 0.2s ease normal; } @keyframes slideLeftFade { 0%{opacity: 0; margin-left: -10px;} 100%{opacity: 1; margin-left: 0px;} } /* New Releases */ .wds-community-header__local-navigation [href="/wiki/Category:Discography"] span::after, .wds-community-header__local-navigation [href="/wiki/Category:Singles"] span::after, .wds-community-header__local-navigation [href="/wiki/HWA"]::after { content: 'new'; position: relative; font-family: roboto; background-color: var(--theme-link-color); top: 0; padding: 0 2px; font-size: 80%; font-weight: bolder; border-radius: 0px; text-transform: lowercase; color: var(--theme-link-label-color); margin-left: 5px; } /*Hover*/ .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(0.95) scaleY(0.95); } .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Toolbar (Credits to BOL4 Wiki!)*/ .WikiaBarWrapper { text-transform: uppercase; font-weight:bold; }