MediaWiki:Fandomdesktop.css

.mobileonly { display: none; }

/********************* /* Front page styles * /*********************/ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { border: none; border-radius: 10px; background-color: var(--theme-accent-color); margin: 10px 10px 15px 10px; padding: 18px; overflow: auto; }

.fpbox .mainheading { border: none; border-bottom: 1px solid #7b8489; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { border: none; border-bottom: none; font-size: 132%; text-transform: uppercase; text-align: left !important; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0px; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; } }

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

.fpbox.plain { border: none; box-shadow: none; background: transparent; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }

.infobox { width:25em; max-width:100%; box-sizing:border-box; background-color: var(--theme-accent-color); border: none; border-radius:10px; padding: 10px; float: right; margin-left: 1em; margin-right:1em; margin-bottom: 0.5em; }

.infobox-header { background-color: var(--theme-page-background-color--secondary); border: none; text-align: center; font-size: 150%; padding: 5px 5px 5px 5px; text-transform:uppercase; }

.infobox-label { background-color: var(--theme-page-background-color--secondary); text-align:center; }