MediaWiki:Fandomdesktop.css

/* Fix for Infobox Tables */ .infobox table.infoboxtable { width: 100% !important; table-layout: auto; }

.infobox table.infoboxtable .infoboxlabel { width: 15%; }

.infobox .infoboxcell .boilerplate { overflow: auto; }

/* Table hotfix */ table { border-collapse: separate; border-spacing: 2px; }

table th, table td { padding: 2px; }

/* Misc dark mode patches — inline style override */ .theme-fandomdesktop-dark .made-dark { background-color: rgba(0, 0, 0, 0.4) !important; }

/* Hand mask for dark mode */ .mask-hand img[alt="Hand pointing right transparent.png"] { background: #000000; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url("https://static.wikia.nocookie.net/harrypotter/images/0/0c/Hand_pointing_right_transparent.png/revision/latest"); mask-image: url("https://static.wikia.nocookie.net/harrypotter/images/0/0c/Hand_pointing_right_transparent.png/revision/latest"); object-position: -1000px 1000px; }

.theme-fandomdesktop-dark .mask-hand img[alt="Hand pointing right transparent.png"] { background: #FFFFFF; }

/* Pottermore mask for dark mode */ .theme-fandomdesktop-dark .mask-pottermore img[alt="Pottermore2.png"] { background: #FFFFFF; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url("https://static.wikia.nocookie.net/harrypotter/images/d/d8/Pottermore2.png/revision/latest"); mask-image: url("https://static.wikia.nocookie.net/harrypotter/images/d/d8/Pottermore2.png/revision/latest"); object-position: -1000px 1000px; }

/* Reference selected skin patch */ .theme-fandomdesktop-dark ol.references li:target, .theme-fandomdesktop-dark sup.reference:target { background-color: rgba(234, 243, 255, 0.3); }

/* Transparent content area */ .page__main, .page__right-rail, background-color: rgba(var(--theme-page-background-color--rgb), 0.90); }
 * 1) mixed-content-footer {

.theme-fandomdesktop-dark .page__main, .theme-fandomdesktop-dark .page__right-rail, .theme-fandomdesktop-dark #mixed-content-footer { background-color: rgba(var(--theme-page-background-color--rgb), 0.95); } .page__right-rail .rail-module { background: transparent; }

/* Site nav adjustment for readability */ .theme-fandomdesktop-light .fandom-community-header__top-container .wds-button, .theme-fandomdesktop-light .fandom-community-header__top-container .wds-dropdown > .wds-button, .theme-fandomdesktop-light .fandom-community-header a { filter: drop-shadow(0px 0px 1px #918e81) drop-shadow(0px 0px 1px #918e81) drop-shadow(0px 0px 1px #0046b2); z-index: 200; }

.fandom-community-header .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a, .theme-fandomdesktop-light .wiki-tools, .wds-list a, .theme-fandomdesktop-light .fandom-community-header__top-container .wds-button { filter: none!important; }

/* ==================================

Elements mainly affecting just the mainpage. ================================= */ .WikiaMainContent { font-family:Crimson Text; } .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#856F38!important; } /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { /* future use */ }

.mainpage-wrap-left { width:89%; }

.mainpage-wrap a, .mainpage-wrap a:visited, .mainpage-wrap a:link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { color:#856F38; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new:visited, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.visited, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.link, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption { color:#856F38; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { display:none; } .mainpage .article-thumb { margin-top:0px; }

.mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; background:transparent; } .mainpage-box-characters .gallery .description, .mainpage-box-videos .gallery .description, .mainpage-box-books .gallery .description, .mainpage-box-films .gallery .description { font-size:11px; color:#fff; letter-spacing:0; font-weight:normal; } .mainpage .wikia-gallery-item .lightbox-caption .subheader { text-transform:none; letter-spacing:1px; font-family:Crimson Text; font-size:16px; font-weight:600; } /* Basic box qualities */ .mainpage-box-welcome, .mainpage-box-characters, .mainpage-box-videos, .mainpage-box-books, .mainpage-box-films { margin:30px auto 10px auto; width:90%; } .mainpage-box-about { padding:10px 0; }

/* Main declarations for all the left rail headers */ .mainpage-box-welcome .header { text-align:left; font-size:16px; letter-spacing:3px; font-weight:normal; text-transform:uppercase; font-family: "Crimson Text"; color:#856F38; line-height:100%; }

.mainpage-box-characters .header, .mainpage-box-videos .header, .mainpage-box-books .header, .mainpage-box-films .header { text-align:center; font-size:18px; letter-spacing:3px; font-weight:normal; text-transform:uppercase; font-family: "Crimson Text"; color:#856F38; line-height:100%; }

.mainpage-box-welcome .top { text-align:left; font-size:24px; letter-spacing:3px; text-transform:uppercase; font-family: "Crimson Text"; font-weight:400; color:#856F38; line-height:100%; line-height:110%; }

.mainpage-box-characters .top, .mainpage-box-videos .top, .mainpage-box-books .top, .mainpage-box-films .top { text-align:center; font-size:28px; letter-spacing:3px; text-transform:uppercase; font-family: "Crimson Text"; font-weight:400; color:#856F38; line-height:100%; line-height:110%; }

/* Exceptions for the left rail */

.mainpage-box-welcome .header { font-size:54px; margin-bottom:20px; } .mainpage-box-characters .header { margin-bottom:20px!important; } .mainpage-box-videos .header { margin-bottom:20px; } .mainpage-box-featured-videos .vid2 { margin-top:20px; } .mainpage-box-welcome { margin-top:0; }

/* Broad declarations for the right rail */ .mainpage-box-about { padding:10px 0; } .mainpage-box-twitter { margin:20px auto; padding:20px 0; }

.mainpage-box-wiki { background:#856F38; color:#fff; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-wiki a.visited, .mainpage-box-wiki a.link, .mainpage-box-wiki a.new { color:#000!important; text-decoration:underline!important;

} .mainpage-box-browse a.visited, .mainpage-box-browse a.link, .mainpage-box-browse a.new { color:#856F38; text-decoration:none; }

.mainpage-box-wiki .header, .mainpage-box-twitter .header, .mainpage-box-browse .header { font-size:18px; text-align:center; line-height:130%; color:#856F38; text-transform:uppercase; letter-spacing:0; font-weight:bold; font-family:"Crimson Text"; }

.mainpage-box-wiki .top, .mainpage-box-twitter .top, .mainpage-box-browse .top { text-align:center; font-size:24px; letter-spacing:3px; text-transform:uppercase; font-family: "Crimson Text"; font-weight:400; color:#856F38; line-height:100%; line-height:110%; }

.mainpage-box-wiki .top, .mainpage-box-wiki .header { color:#fff }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-wiki, .mainpage-box-twitter, .mainpage-box-browse{ display:inline-block; }    .mainpage-box-twitter .header { padding: 0 0 20px 0; margin:0; }    .mainpage-box-twitter { max-height:500px; }    .mainpage-box-wiki .header { line-height:120%; } }