MediaWiki:Mainpage.css
Jump to navigation
Jump to search
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.
/* =================================
April 2021 mainpage design:
Elements affecting just the
mainpage
Color theory:
Wiki background: #000
Buttons/accents: #a89a6d
Section headers: #a89a6d
Font theory: TBD
Headers, and all right-rail text: Rubik
================================= */
/* Geeneral conditions as a result of theming */
.WikiaMainContent a.new,
.WikiaMainContent a.new:visited {
color:#c38a98!important;
}
.WikiaMainContent a:hover {
color: #8d815b;
text-decoration:none;
}
/** General mainpage qualities **/
.mainpage h1.page-header__title {
display:none
}
.mainpage-wrap {
font-family:Rubik;
}
.mainpage-wrap .article-thumb .title {
display:none;
}
/** Left rail **/
.mainpage-box-featured-video,
.mainpage-box-welcome,
.mainpage-box-books,
.mainpage-box-content,
.mainpage-box-characters {
width:670px;
margin:20px auto;
}
/* Left headers */
.mainpage-box-welcome .header,
.mainpage-box-about .header,
.mainpage-box-films .header,
.mainpage-box-novels .header,
.mainpage-box-books .header,
.mainpage-box-content .header,
.mainpage-box-featured-video .header,
.mainpage-box-characters .header {
color: #a89a6d;
text-align:left;
font-size:32px;
font-style:italic;
letter-spacing:2px;
margin:0 auto 10px auto;
padding-bottom:10px;
font-family: "Pathway Gothic One";
text-transform:uppercase;
line-height:105%;
}
.mainpage-box-welcome .header {
font-size:50px;
}
/* Exceptions for the left rail */
/* Future use */
/* Right rail */
.mainpage-box-discord,
.mainpage-box-twitter,
.mainpage-box-news {
margin:20px auto;
}
.mainpage-box-wiki {
background: #a89a6d;
color:#000;
font-size:14px;
line-height:150%;
text-align:left;
padding:20px;
margin:20px auto auto auto;
}
.mainpage-box-wiki a {
color:black;
text-decoration:underline;
}
.mainpage-box-wiki .header {
font-size:24px;
line-height:130%;
color:#000;
font-family:"Pathway Gothic One";
font-style:italic;
letter-spacing: 2px;
text-transform:uppercase;
}
/* Right headers */
.mainpage-box-news .header,
.mainpage-box-discord .header,
.mainpage-box-twitter .header {
font-size:24px;
text-align:left;
text-transform:uppercase;
font-family:"Pathway Gothic One";
font-style:italic;
letter-spacing:1px;
line-height:130%;
font-weight:500;
color:#a89a6d;
margin-below:10px;
}
/* Exceptions for the right rail */
/* Future use */
/* Portability */
@media (max-width: 1023px) {
.mainpage-box-discord,
.mainpage-box-wiki,
.mainpage-box-news,
.mainpage-box-twitter {
display:inline-block;
margin:0 auto 20px auto;
width:300px;
}
.mainpage-box-welcome .header {
line-height:120%;
}
.main-page-tag-rcs .module {
width:285px;
}
}