Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*
====================================
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
/*==================
IMPORT URLS
====================
*/
/*Font used for article titles*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700,400);
/*==================
ON ALL PAGES
====================
*/
/* Wiki article titles */
h2, h3 {
font-family: "Roboto Slab", sans-serif !important;
font-weight: 600 !important;
}
/*==================
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 */
#WikiaRail h1,
#WikiaRail h2,
#ForumActivityModule h2 {
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;
}
/* Rail module title icons */
#WikiaRail .rail-module h2.has-icon svg {
fill: rgb(255, 255, 255);
}
/*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" */
#MP-RecentActivity li {
list-style-type: none;
margin: 10px;
}
/* Customise table used in "Template:MP-CurrentEvents" */
#mp-current-events table {
border-collapse: collapse;
}
#mp-current-events tr {
border-top: solid 1px #d8d8d8;
padding: 10px 0px;
}
#mp-current-events tr:first-of-type {
border: none;
}
#mp-current-events tr td {
vertical-align: top;
}
#mp-current-events tr td:nth-of-type(1) {
padding: 10px 0;
width: 345px;
}
#mp-current-events tr td:nth-of-type(2) {
padding: 10px;
}
#mp-current-events h3 {
margin-top: 0;
}
/*==================
MAIN PAGE CATEGORY BOXES (v2)
====================
*/
/* Styling of captions */
#gallery-0 .wikia-gallery-item .lightbox-caption a{
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;
}
#gallery-0 .wikia-gallery-item .lightbox-caption a:hover{
color: #fff;
background-color: #4B97C6;
}
/* Making images highlight on hover */
#gallery-0 .wikia-gallery-item .thumb:hover {
opacity: 0.8;
}
/*==================
SPECIAL:FORUM
====================
*/
/* 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
=======================
*/
/* Customising infoboxs */
.wikia-infobox-header {
padding: 9px 10px;
background-color: #D8E8F3;
line-height: 19px;
}
.wikia-infobox .wikia-infobox-image{
border-top: solid 3px #fff;
}
.wikia-infobox {
padding: 0 0 4px 0;
border-spacing: 0;
float: right;
text-align: left;
width: 220px;
margin-left: 10px;
font-size: 12px;
}
.wikia-infobox td, .wikia-infobox th{
vertical-align: top;
padding: 4px 6px;
}
/* Don't display friend links as external links */
a[href*="http://en.brickimedia.org/wiki/"].external:after{
display: none;
}
/* 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%;
}