MediaWiki:Mainpage.css

/* CSS for the wiki's main page */

@font-face { font-family: 'Avenir Next'; src: url('https://static-mh.content.disney.io/matterhorn/assets/drm_fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8-7c6fbea20b5d.ttf') format('truetype'); } @font-face{ font-family:Matterhorn; font-weight:400; font-style:normal; font-display:swap; src:url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-regular-b6b4f5da5330.eot?#iefix") format("embedded-opentype"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-regular-eed88f0756d6.woff") format("woff"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-regular-07d90ea407f5.ttf") format("truetype"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-regular-bc3e22ea86d1.svg#Matterhorn") format("svg") } @font-face{ font-family:Matterhorn; font-weight:700; font-style:normal; font-display:swap; src:url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-bold-2e320b8c4852.eot?#iefix") format("embedded-opentype"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-bold-5c32f7bb9baf.woff") format("woff"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-bold-9cab245c49d2.ttf") format("truetype"), url("https://static-mh.content.disney.io/matterhorn/assets/matterhorn/sans/matterhorn-bold-8d475c305607.svg#Matterhorn") format("svg") }

/* ==================================

Elements mainly affecting just the mainpage. ================================= */ /* Credits to Wookieepedia and Harry Potter Wiki, with some modifications */

.mainpage-wrap a, .mainpage-wrap a:visited, .mainpage-wrap a:link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { color:#113ccf; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new:visited, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.visited, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.link, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption { color:#113ccf; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { display:none; } .mainpage .article-thumb { margin-top:0px; }

.mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; background:transparent; } .mainpage-box-explore .gallery .description, .mainpage-box-upcoming .gallery .description, .mainpage-box-books .gallery .description, .mainpage-box-films .gallery .description { font-size:11px; color:#fff; letter-spacing:0; font-weight:normal; } .mainpage .wikia-gallery-item .lightbox-caption .subheader { text-transform:none; letter-spacing:1px; font-family:Matterhorn; font-size:16px; font-weight:600; } /* Basic box qualities */ .mainpage-box-welcome, .mainpage-box-explore, .mainpage-box-upcoming, .mainpage-box-books, .mainpage-box-films { margin:30px auto 10px auto; width:670px; } .mainpage-box-about { padding:10px 0; }

/* Main declarations for all the left rail headers */ .mainpage-box-welcome .header { text-align:left; font-size:16px; letter-spacing:3px; font-weight:normal; text-transform:uppercase; font-family: "Matterhorn"; color:#113ccf; line-height:100%; }

.mainpage-box-explore .header, .mainpage-box-upcoming .header, .mainpage-box-books .header, .mainpage-box-films .header { text-align:left; font-size:18px; letter-spacing:3px; font-weight:normal; text-transform:uppercase; font-family: "Matterhorn"; color:#113ccf; line-height:100%; }

.mainpage-box-welcome .top { text-align:left; font-size:24px; letter-spacing:3px; text-transform:uppercase; font-family: "Matterhorn"; font-weight:400; color:#113ccf; line-height:100%; line-height:110%; }

.mainpage-box-explore .top, .mainpage-box-upcoming .top, .mainpage-box-books .top, .mainpage-box-films .top { text-align:left; font-size:28px; letter-spacing:3px; text-transform:uppercase; font-family: "Matterhorn"; font-weight:400; color:#113ccf; line-height:100%; line-height:110%; }

/* Exceptions for the left rail */

.mainpage-box-welcome .header { font-size:54px; margin-bottom:20px; } .mainpage-box-explore .header { margin-bottom:20px!important; } .mainpage-box-videos .header { margin-bottom:20px; } .mainpage-box-featured-videos .vid2 { margin-top:20px; } .mainpage-box-welcome { margin-top:0; }

/* Broad declarations for the right rail */ .mainpage-box-wiki { padding:10px 0; } .mainpage-box-today, .mainpage-box-contribute, .mainpage-box-randomcharacter, .mainpage-box-randomposter, .mainpage-box-browse { margin:20px auto; padding:20px 0; }

.mainpage-box-wiki { background:#113ccf; color:#fff; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-wiki a.visited, .mainpage-box-wiki a.link, .mainpage-box-wiki a.new { color:#bff5fd!important; text-decoration:underline!important;

} .mainpage-box-contribute a.visited, .mainpage-box-contribute a.link, .mainpage-box-contribute a.new { color:#113ccf; text-decoration:none; }

.mainpage-box-wiki .header, .mainpage-box-today .header, .mainpage-box-contribute .header, .mainpage-box-randomcharacter .header, .mainpage-box-randomposter .header { font-size:18px; text-align:left; line-height:130%; color:#113ccf; text-transform:uppercase; letter-spacing:0; font-weight:bold; font-family:"Matterhorn"; }

.mainpage-box-wiki .top, .mainpage-box-today .top, .mainpage-box-contribute .top, .mainpage-box-randomcharacter .top, .mainpage-box-randomposter .top { text-align:left; font-size:24px; letter-spacing:3px; text-transform:uppercase; font-family: "Matterhorn"; font-weight:400; color:#113ccf; line-height:100%; line-height:110%; }

.mainpage-box-wiki .top, .mainpage-box-wiki .header { color:#fff }

/* Portability */ @media (max-width: 1024px) { .mainpage-box-wiki, .mainpage-box-today, .mainpage-box-contribute, .mainpage-box-randomcharacter, .mainpage-box-randomposter { display:inline-block; }    .mainpage-box-wiki .header { line-height:120%; } } /* Remove overlapping rails */ @media (min-width:1024px) and (max-width:1125px) { .mainpage-box-welcome, .mainpage-box-explore, .mainpage-box-upcoming { margin-left: 20px; margin-right: 20px; width: auto; } } /* Remove overlapping rails */ @media (min-width:1024px) and (max-width:1125px) { .mainpage-box-welcome, .mainpage-box-explore, .mainpage-box-upcoming { margin-left: 20px; margin-right: 20px; width: auto; } } @media (min-width:1126px) and (max-width:1280px) { .mainpage-box-welcome, .mainpage-box-explore, .mainpage-box-upcoming { margin-left: 30px; margin-right: 30px; width: auto; } }