Fandomdesktop.css

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
	border-top: 1px solid #0097a7;
	background: var(--theme-page-background-color--secondary);
	border-radius: 2px;
}

.fpbox {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid #505050;
	border-radius: 2px;
}

.fplink {
	border: 1px solid #415b60;
	border-radius: 2px;
}

.fplink-fullwidth .fplink {
	background: rgba(0,0,0,0.4);
}

.linkslabel {
	border-bottom: 1px dotted #505050;
}

/* This CSS governs the responsive 3 column main page layout */
.fpmidsections {
    float: left;
    width: 100%;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

    .fpsection4 {
        clear: left;
        width: 33.333%;
    }
}