MediaWiki:Fandomdesktop.css

/*

=
======================= WELCOME TO THE BRICKFILMS WIKI'S MAIN CSS FILE!

=
======================= If you have any questions about the CSS below feel free to contact User:BoatsAreRockable.

NOTE: THE CSS BELOW DOES NOT DISPLAY IN THE WIKIA-MOBILE SKIN

ETA 2021-07-14 Imported from https://brickfilms.fandom.com/wiki/MediaWiki:Wikia.css to work with the new FandomDesktop theme. -Tehbertl

/*==================   ON ALL PAGES

=
=======

/* Sets links weight from bold to inherit */ .page-content .mw-parser-output a { font-weight: inherit; }

/* Highlight external links, but not inside "plainlist" class spans */ .external::after { content: "🔗"; font-style: normal; } .plainlinks .external::after { content: none; }

/*==================   ON CATEGORY PAGES

=
=======

/* Reduce amount of shadow on category gallery items */ .category-gallery-item img { box-shadow: 0 2px 5px 0 #E0E0E0; }

/* Adds line above category galleries */ .category-gallery { border-top: 1px solid #d8d8d8; }

/* Category intro sections */ .categoryintro { background-color: #f2f2f2; padding: 5px 20px 15px 20px; }

/*==================   WIKIA RAIL MODULES

=
=======

.WikiaRail .module, .WikiaRail .rail-module, .mw-content-ltr .rail-module { background-color: #fff; border: 1px solid #d8d8d8; border-radius: 6px; box-shadow: 0 2px 5px 0 #E0E0E0; margin: 0 0 10px 0; padding: 0; width: calc(100% - 4px); }

/* Add margins to module content */ .WikiaRail .module > *, .WikiaRail .rail-module > *, .mw-content-ltr .rail-module > * { margin-left: 10px !important; margin-right: 10px !important; }

/* Styling primarily observed by the "Wiki News" sidebar module */ .WikiaRail .module > p { font-size: 14px; margin-top: 10px; } .WikiaRail .module > p:not(:last-of-type) { border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 10px; }

/* Module titles */ padding: 10px !important; margin: 0 0 5px 0 !important; text-align: left; background-color: rgb(0, 108, 176); font-size: 22px !important; border-radius: 5px 5px 0 0; color: #fff; font-weight: 600; line-height: 26px; font-family: Sans-serif !important; }
 * 1) WikiaRail h1,
 * 2) WikiaRail h2,
 * 3) ForumActivityModule h2 {

/* Rail module title icons */ fill: rgb(255, 255, 255); }
 * 1) WikiaRail .rail-module h2.has-icon svg {

/*See more links*/ .more { text-align: right; font-size: 11px !important; font-weight: bold; padding: 5px 10px 10px 10px; }

/*==================   THE PAGE EDITOR

=
======= .editpage-intro > .editpage-intro-wrapper{ max-height: 110px; } .editpage-intro.expanded > .editpage-intro-wrapper { max-height: 180px; overflow: auto; }

/*==================   THE MAIN PAGE

=
=======

.mainpagetitle { overflow: hidden; padding: 10px !important; margin: 0 0 5px 0 !important; text-align: left; background-color: rgb(0, 108 ,176); font-size: 22px; border-radius: 5px 5px 0 0; color: #ffffff; font-weight: 600; line-height: 26px; font-family: Sans-serif !important; } .mainpagetitle a { color: #d8d8d8; } .mainpagetitle .wikia-menu-button a { border: none; }

.wikia-menu-button a { color: #fff; }

.mainpagecontainer { border: 1px solid #d8d8d8; border-radius: 6px; box-shadow: 0 2px 5px 0 #E0E0E0; margin: 0 0 10px 0; } .mainpagecontainer > p { margin: 10px; }

.mainpagecontainer hr { border-color: #d8d8d8; border-style: solid none none none; border-width: 1px; }

/* Fix bullet points in "Template:MP-RecentActivity" */ list-style-type: none; margin: 10px; }
 * 1) MP-RecentActivity li {

/* Customise table used in "Template:MP-CurrentEvents" */ border-collapse: collapse; }
 * 1) mp-current-events table {

border-top: solid 1px #d8d8d8; padding: 10px 0; }   border: none; }   vertical-align: top; }
 * 1) mp-current-events tr {
 * 1) mp-current-events tr:first-of-type {
 * 1) mp-current-events tr td {

padding: 10px 0; width: 345px; }   padding: 10px; }
 * 1) mp-current-events tr td:nth-of-type(1) {
 * 1) mp-current-events tr td:nth-of-type(2) {

margin-top: 0; }
 * 1) mp-current-events h3 {

/*==================   MAIN PAGE CATEGORY BOXES (v2)

=
=======

/* Styling of captions */ font-weight: 700; display: block; padding: 7px 0; border-radius: 5px; background-color: #CCE1EF; box-shadow: 0 2px 5px 0 #E0E0E0; border: 1px solid #d8d8d8; text-align: center; }   color: #fff; background-color: #4B97C6; }
 * 1) gallery-0 .wikia-gallery-item .lightbox-caption a{
 * 1) gallery-0 .wikia-gallery-item .lightbox-caption a:hover{

/* Making images highlight on hover */ opacity: 0.8; } /*==================   SPECIAL:FORUM
 * 1) gallery-0 .wikia-gallery-item .thumb:hover {

=
=======

/* Board thread lists */ .Forum .ThreadList .thread:nth-child(2n+1) { background-color: #f3f3f3; } .Forum .ThreadList h4{ margin-top: 0; } .Forum .ThreadList h4 a { width: 72%; float: left; } .Forum .ThreadList .last-post { width: 22%; float: left; } .Forum .ThreadList .thread-left { width: 88%; } .Forum .ThreadList .thread-right { float: left; } .Forum .ThreadList .timestamp { margin-left: 35px; }

/* Hide number of "kudos" each post has recieved in board thread lists */ .posts{ display: none; height: 0; padding: 0; margin: 0; }

/* Following button */ .Forum .ThreadList .activity li.following { background-color: #006CB0; opacity: 0.7; color: #fff; padding: 0 5px; border-radius: 5px; text-align: center; }

/*==================   HIGHLIGHTING USER RIGHTS

=
=======

/* On forum posts and message walls */ .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:BoatsAreRockable"]:first-of-type::after, .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:NathanWells"]:first-of-type::after, .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:Sillypenta"]:first-of-type::after{ content: 'Admin'; background-color: #F5F6CE; border-radius: 5px; padding: 2px 5px; color: #3A3A3A; position: relative; top: -2px; font-weight: 400; font-size: 12px; margin: 0 5px; }

/*==================   .red and .yellow colour options

=
=======

div.yellow{ background-color: #F5F6CE; } h2.yellow, h3.yellow{ background-color: rgb(246, 242, 135); color: #000; } h2.yellow a{   color: #606060; }

div.red{ background-color: #FEE; } h2.red, h3.red { background-color: #F95656; color: #000; }

/*=====================   CSS USED ON TEMPLATES

=
==========

/* CSS for Template:MP-FeaturedFilm */ div#MP-FeaturedFilm.mainpagecontainer div.center figure.article-thumb.tnone.show-info-icon figcaption p.title{ height: 0; overflow: hidden; display: none; }

/* For select filmography and results table show more buttons */ span.mw-customtoggle-filmography1.wikia-menu-button:hover { opacity: 0.85; }

/* Used to function Template:Plainlist (from Wikipedia) */ .plainlist ul { line-height: 0; list-style: none; margin: 0; padding: 0; } .plainlist ul li { margin: 0; line-height: 18px; }

/* Used for article management templates such as delete, noinfobox, underconstruction */ .articlenoticecontainer { border: solid 1px #d8d8d8; border-width: 1px; margin: 0 0 10px 0; color: #000; border-radius: 5px; padding: 0; box-shadow: 0 2px 5px 0 #E0E0E0; font-size: 12px; } .articlenoticecontainer p { padding: 11px 15px 15px 20px; margin: 0; color: #000; font-size: 13px; line-height: 18px; }

div .articlenoticetitle { padding: 7px 10px 7px 20px; margin: 0; text-align: left; font-weight: 600; font-size: 16px; color: #000; border: 1px solid #d8d8d8; border-style: none none solid none; font-family: sans-serif; border-radius: 5px 5px 0 0; } div.articlenoticetitle h3 { margin-top: 0; width: 85%; }

/*=====================   CSS for Portable Infoboxes

=
========*/ .page-content .portable-infobox { width: 252px; } .page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { padding: 4px 6px; background-color: #D8E8F3; line-height: 15px; color:inherit; font-size: 12px; text-align: left; } .page-content .portable-infobox .pi-title a, .page-content .portable-infobox .pi-header a { color:var(--theme-link-color); } .page-content .portable-infobox .pi-image { padding: 6px; } .page-content .portable-infobox .pi-caption { padding: 0; text-align: left; font-size: 11px; color: inherit; }

.page-content .portable-infobox .pi-data { padding: 3px 0; } .page-content .portable-infobox .pi-data-label, .page-content .portable-infobox .pi-data-value { line-height: 1.3; } .page-content .portable-infobox .pi-data-value ul { list-style-type: none; } .page-content .portable-infobox .pi-data-value li { padding-left: 0.5em; text-indent: -0.5em; }

.page-content .pi-horizontal-group-item { text-align: left; } .page-content .pi-horizontal-group-item.pi-data-label { padding-top: 4px; }

.page-content .portable-infobox .pi-data[data-source="Watch Now"] { font-weight: bold; } .page-content .portable-infobox .pi-data .watchnow-icon { color: red; } /* remove borders */ .page-content .portable-infobox, .page-content .portable-infobox .pi-data, .page-content .pi-horizontal-group-item:not(:first-child) { border: 0; }

/* Dark Mode color variations */ .theme-fandomdesktop-dark .page-content .portable-infobox .pi-title, .theme-fandomdesktop-dark .page-content .portable-infobox .pi-header { background-color: rgb(0, 108 ,176); /* taken from mainpagetitle bg color */ } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-title a, .theme-fandomdesktop-dark .page-content .portable-infobox .pi-header a { color:#c6c6ff; }

/*=====================   CSS for Tables

=
========*/ .wikitable { min-width: 460px; } .wikitable caption { font-weight: bold; text-align: left; }

/* collapsible tables: making the style of the "more"/"less" button uniform */ caption .mw-collapsible-toggle-default, caption .mw-customtoggle { padding-left: 2em; } caption .likea-mw-collapsible-text { cursor: pointer; color: var(--theme-link-color); } caption .likea-mw-collapsible-text:hover { text-decoration: underline; color: var(--theme-link-color--hover); } caption .mw-customtoggle::before { content: '['; } caption .mw-customtoggle::after { content: ']'; }