Inheriwiki
Don't have an account?
Register
Register
Inheriwiki
Inheriwiki
1,426
pages

MP.css

MediaWiki page
Back to page
Sign in to edit
(made box "Inheriwiki links" look like other boxes)
No edit summary
 
(51 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
/* *************** General main page boxes *************** */
 +
/**********************************************/
  +
/******** Main Page Modules — <nowiki> ********/
  +
/**********************************************/
  +
/* All Modules */
  +
.MainPageBox {
  +
background-color: #F0F0F0;
  +
background-color: var(--iw-module-bgc, #F0E6D8);
  +
padding: 0px;
  +
border: 2px solid #084608;
  +
border-color: var(--iw-border-color, #084608);
  +
box-shadow: 3px 3px 5px #888888;
  +
box-shadow: 3px 3px 5px var(--iw-box-shadow-color, #888888);
  +
margin: 0 7px 15px 0;
  +
}
   
  +
.MainPageBox .MainPageHeading,
−
.page-Main_Page div.main-box {
  
  +
.MainPageBox > h2 {
−
border-style: solid;
  
−
border-width: 2px;
 +
font-size: 20px;
  +
font-family: "Metamorphous";
−
border-bottom-width: 10px;
  
−
margin: 1px;
 +
text-align: center;
  +
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
−
margin-top: 10px;
  
−
padding: 0;
 +
color: #FFFFFF;
  +
padding: 11px 0 9px;
−
-moz-border-radius: 0 14px 7px 7px;
  
−
-webkit-border-radius: 0 14px 7px 7px;
  
 
}
  
}
   
  +
.MainPageBox > h2 {
−
.page-Main_Page div.main-box-head {
  
−
font-size: 110%;
 +
line-height: normal;
−
font-weight: bold;
 +
border: 0;
−
padding: 5px;
 +
margin: 0;
−
text-align: center;
  
−
-moz-border-radius-topright: 7px;
  
−
-webkit-border-top-right-radius: 7px;
  
 
}
  
}
   
  +
.MainPageBox .MainPageHeading a,
−
.page-Main_Page div.main-box-content {
  
  +
.MainPageBox > h2 a {
−
padding: 5px;
  
  +
color: inherit;
  +
text-decoration: underline;
 
}
  
}
   
  +
.MainPageBox .MainPageBody {
−
/* *************** Top area *************** */
  
  +
padding: 1em;
  +
}
   
  +
.MainPageBox p.MainPageBody {
−
.page-Main_Page div#main-header {
  
−
margin-bottom:20px;
 +
margin: 0;
 
}
  
}
   
  +
.MainPageBox .MainPageBody .wikia-gallery {
−
/* *************** Box Slider *************** */
  
  +
margin: 0;
  +
}
   
  +
.MainPageBox .MainPageBody .wikia-gallery .lightbox-caption {
−
.page-Main_Page div#main-slider {
  
−
margin-bottom:20px;
 +
font-style: italic;
  +
text-align: center;
 
}
  
}
   
  +
.MainPageBox .wikia-gallery .wikia-gallery-item .gallery-image-wrapper {
−
/* *************** Box Featured *************** */
  
  +
border: thin solid #084608;
  +
border-color: var(--iw-border-color, #084608);
  +
transition: 0.2s;
  +
}
   
  +
.MainPageBox .wikia-gallery .wikia-gallery-item .gallery-image-wrapper:hover {
−
.page-Main_Page div#main-box-featured {
  
−
border-color: #326135;
 +
box-shadow: 0 0 1em #888888;
−
width: 98%;
  
 
}
  
}
   
  +
.MainPageBox .MainPageBody .wikiaRssPlaceholder {
−
.page-Main_Page div#main-box-featured-head {
  
−
background-color: #326135;
 +
font-style: italic;
−
color: white;
 +
color: #808080;
  +
text-align: center;
  +
padding-top: 1em;
 
}
  
}
   
  +
.MainPageBox .MainPageBody .wikiaRssPlaceholder .wikiaRss {
−
.page-Main_Page div#main-box-featured-content {
  
  +
font-style: normal;
  +
color: #3A3A3A;
  +
text-align: left;
  +
margin-top: -1em;
 
}
  
}
   
  +
.MainPageBox .MainPageBody blockquote dl,
−
/* *************** Box Spotlights *************** */
  
  +
.MainPageBox .MainPageBody blockquote {
  +
margin: 0;
  +
}
   
  +
/* Twins Module */
−
.page-Main_Page div#main-box-spotlights {
  
  +
.MainPageBox.mp-twin .MainPageHeading,
−
border-color: #326135;
  
  +
.MainPageBox.mp-twin > h2 {
−
width: 98%;
  
  +
display: flex;
  +
justify-content: space-evenly;
 
}
  
}
   
  +
.MainPageBox.mp-twin .MainPageHeading > #User_Blogs,
−
.page-Main_Page div#main-box-spotlights-head {
  
  +
.MainPageBox.mp-twin > h2 > #User_Blogs {
−
background-color: #326135;
  
−
color: white;
 +
padding: 0 5px;
 
}
  
}
   
  +
.MainPageBox.mp-twin .MainPageBody {
−
.page-Main_Page div#main-box-spotlights-content {
  
−
text-align: center;
 +
display: flex;
  +
justify-content: space-between;
 
}
  
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-heading-container,
−
/* *************** Box Inheritance-Universe *************** */
  
  +
.MainPageBox.mp-twin .embeddable-discussions-post-actions,
  +
.MainPageBox.mp-twin .MainPageBody > p,
  +
.MainPageBox.mp-twin #wk_blogs_loader2,
  +
.MainPageBox.mp-twin .wk_blogs_pager,
  +
.MainPageBox.mp-twin .module > p,
  +
.MainPageBox.mp-twin > p {
  +
display: none;
  +
}
   
  +
/* Twin — Discussions Feed */
−
.page-Main_Page div#main-box-inheritance-universe {
  
  +
.MainPageBox.mp-twin .module {
−
border-color: #326135;
  
−
float: left;
 +
flex-basis: 49%;
−
width: 48%;
 +
flex-direction: row;
  +
width: 49%;
  +
padding: 0;
  +
border: thin solid #9B9B9B;
 
}
  
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-threads {
−
.page-Main_Page div#main-box-inheritance-universe-head {
  
−
background-color: #326135;
 +
flex-basis: 100%;
−
color: white;
 +
display: flex;
  +
flex-direction: column;
  +
justify-content: space-between;
  +
width: 100%;
  +
background: #E0E0E0;
  +
padding: 0;
 
}
  
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-post-detail {
−
.page-Main_Page div#main-box-inheritance-universe-content {
  
  +
background: transparent;
  +
border: 0;
  +
margin: 0;
 
}
  
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-post-detail:not(:last-child) {
−
/* *************** Box Inside the Universe *************** */
  
  +
padding: 0 0 10px 0;
  +
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-post-detail:first-child {
−
.page-Main_Page div#main-box-inside-the-universe {
  
−
border-color: #326135;
 +
padding-top: 12px;
−
float: right;
  
−
width: 48%;
  
 
}
  
}
   
  +
.MainPageBox.mp-twin .embeddable-discussions-title {
−
.page-Main_Page div#main-box-inside-the-universe-head {
  
  +
padding-bottom: 2pt;/* yes, use pt */
−
background-color: #326135;
  
−
color: white;
  
 
}
  
}
   
  +
/* Twin — Blogs */
−
.page-Main_Page div#main-box-inside-the-universe-content {
  
  +
.MainPageBox.mp-twin .WikiaBlogListing {
  +
flex-basis: 49%;
  +
display: flex !important;/* override FANDOM’s use of !important */
  +
border: thin solid #9B9B9B;
 
}
  
}
   
  +
.MainPageBox.mp-twin .WikiaBlogListing ul {
−
/* *************** Box Affiliates *************** */
  
  +
flex-grow: 1;
  +
display: flex;
  +
flex-direction: column;
  +
justify-content: space-between;
  +
background: #E0E0E0;
  +
list-style: none;
  +
}
   
  +
.MainPageBox.mp-twin .WikiaBlogListing .avatar {
−
.page-Main_Page div#main-box-affiliates {
  
−
clear: both;
 +
width: 30px;
−
border-color: #326135;
 +
height: 30px;
  +
border: 2px solid #AEAAA2;
−
width: 98%;
  
  +
border-radius: 100%;
  +
box-shadow: none;
 
}
  
}
   
  +
.MainPageBox.mp-twin .WikiaBlogListingPost {
−
.page-Main_Page div#main-box-affiliates-head {
  
  +
padding: 10px 0;
−
background-color: #326135;
  
  +
border-bottom: none;
−
color: white;
  
  +
margin: 0;
 
}
  
}
   
  +
.MainPageBox.mp-twin .WikiaBlogListingPost:first-child {
−
.page-Main_Page div#main-box-affiliates-content {
  
−
text-align: center;
 +
padding-top: 10px;
  +
margin-top: 2px;
 
}
  
}
   
  +
.MainPageBox.mp-twin .commentslikes {
−
/* *************** Box Inheriwiki-Links *************** */
  
  +
top: inherit;
  +
bottom: 8px;
  +
}
   
  +
.MainPageBox.mp-twin .author-details {
−
.page-Main_Page div#main-box-inheriwiki-links {
  
−
border-color: #326135;
 +
display: flex;
  +
flex-direction: column;
−
width: 98%;
  
  +
margin: 0 0 0 45px;
 
}
  
}
   
  +
.MainPageBox.mp-twin .author-details h2 {
−
.page-Main_Page div#main-box-inheriwiki-links-head {
  
  +
order: 2;
−
background-color: #326135;
  
−
color: white;
 +
display: inline;
  +
font-size: 14px;
  +
font-weight: bold;
  +
margin: 7px 0 0 -45px;
 
}
  
}
   
  +
.MainPageBox.mp-twin .author-details h2 a {
−
.page-Main_Page div#main-box-inheriwiki-links-content {
  
−
font-size: 85%;
 +
color: inherit;
  +
text-decoration: none;
 
}
  
}
   
  +
.MainPageBox.mp-twin .author-details span {
−
/* *************** Box New Blogs *************** */
  
  +
display: inline;
  +
font-size: 12px;
  +
color: #83807A;
  +
margin-top: 4px;
  +
}
   
  +
.MainPageBox.mp-twin .author-details span a {
−
.page-Main_Page div#main-box-news {
  
−
border-color: #326135;
 +
font-size: 14px;
−
width: 98%;
 +
font-weight: normal;
  +
padding-left: 2px;
 
}
  
}
   
  +
.WikiaArticle .MainPageBox.mp-twin p + p {
−
.page-Main_Page div#main-box-news-head {
  
  +
margin: 1em 0 0;
−
background-color: #326135;
  
−
color: white;
  
 
}
  
}
   
  +
/* List Modules */
−
.page-Main_Page div#main-box-news-content {
  
  +
.MainPageBox.mp-list .MainPageBody {
  +
padding-top: 0;
 
}
  
}
   
  +
.MainPageBox.mp-list .MainPageBody ol,
−
/* *************** Box Forum *************** */
  
  +
.MainPageBox.mp-list .MainPageBody ul {
  +
margin-left: 1em;
  +
}
   
  +
/* Latest News */
−
.page-Main_Page div#main-box-forum {
  
  +
@media only screen and (min-width: 1596px) {
−
border-color: #326135;
  
  +
.WikiaPage .MainPageBox blockquote {
−
width: 98%;
  
  +
font-size: medium;
  +
line-height: 25px;
  +
}
 
}
  
}
   
  +
/**********************************************/
−
.page-Main_Page div#main-box-forum-head {
  
  +
/******** Navigation portal by Tierrie ********/
−
background-color: #326135;
  
  +
/**********************************************/
−
color: white;
  
  +
/* container settings */
  +
#portal_slider {
  +
margin: 0 7px 15px 0;
  +
box-shadow: 3px 3px 5px #888888;
 
}
  
}
   
  +
.portal_metro .toc {
−
.page-Main_Page div#main-box-forum-content {
  
  +
display: none;
 
}
  
}
   
  +
.portal_container {
−
/* *************** Box Community-News*************** */
  
  +
display: inline-block;
  +
position: relative;
  +
width: 100%;
  +
margin-bottom: 15px;
  +
}
  +
  +
/* give all containers a black background so the opacity changes results in a brightness change */
  +
.portal_metro:before {
  +
content: "";
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
z-index: -2;
  +
width: 100%;
  +
height: 100%;
  +
background-color: rgb(0, 0, 0);
  +
}
  +
  +
.portal_metro {
  +
border: 1px solid #084608;
  +
border-color: var(--iw-border-color, #084608);
  +
}
  +
  +
.portal_metro .portal_body {
  +
overflow: hidden;
  +
padding: 0 10px;
  +
}
  +
  +
/* pages nested within a slider container should not render borders twice */
  +
.portal_metro .portal_metro {
  +
border: none;
  +
}
  +
  +
.portal_metro.ui-tabs .ui-tabs-panel {
  +
padding: 0;
  +
}
  +
  +
.portal_metro#portal_slider .portal_body,
  +
.portal_metro#portal_slider {
  +
padding: 0;
  +
}
  +
  +
/* font title and sliders */
  +
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
  +
.portal_metro [class^=portal_sliderlink] .mw-headline,
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a,
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,
  +
.portal_metro .portal_header_text {
  +
width: 100%;
  +
font-size: inherit;
  +
font-weight: normal;
  +
font-family: "Metamorphous";
  +
color: #FFFFFF;
  +
line-height: inherit;
  +
text-align: left;
  +
text-shadow: 0 0 2px rgba(0, 56, 216, 0.5), -1px -1px rgba(0, 56, 216, 0.5), 1px 1px rgba(0, 56, 216, 0.5);
  +
}
  +
  +
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
  +
.portal_metro [class^=portal_sliderlink] .mw-headline,
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,
  +
.portal_metro .portal_header_text {
  +
text-transform: uppercase;
  +
}
  +
  +
.portal_metro .portal_header_text {
  +
font-size: 2em;
  +
padding-top: 15px;
  +
}
  +
  +
.portal_metro [class^=portal_sliderlink] {
  +
font-size: 1.4em;
  +
}
  +
  +
/* portal headers, headerlinks colors and formatting */
  +
.portal_metro .portal_header {
  +
position: relative;
  +
padding: 0;
  +
margin-bottom: 6px;
  +
}
  +
  +
.portal_metro .portal_header_text {
  +
padding-left: 15px;
  +
border-bottom: none;
  +
}
  +
  +
.portal_metro .portal_headerlinks {
  +
font-size: 0.8em;
  +
position: absolute;
  +
top: 1em;
  +
right: 1em;
  +
padding-bottom: 2px;
  +
z-index: 1;
  +
}
  +
  +
.portal_metro .portal_header a:visited,
  +
.portal_metro .portal_header a:active,
  +
.portal_metro .portal_header a:hover,
  +
.portal_metro .portal_header a:link,
  +
.portal_metro .portal_header {
  +
color: #CCCCCC;
  +
}
  +
  +
/* slider text position */
  +
.portal_metro [class^=portal_sliderlink] .portal_slidertext {
  +
position: absolute;
  +
left: 10px;
  +
bottom: 10px;
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
  +
display: block;
  +
left: 20px;
  +
font-size: 1.6em;
  +
line-height: 1em;
  +
}
  +
  +
/* main slider sizing */
  +
.portal_metro#portal_main [class^=portal_sliderlink] {
  +
position: absolute;
  +
overflow: hidden;
  +
cursor: pointer;
  +
}
  +
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-panel,
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-nav,
  +
.portal_vtab.ui-tabs-vertical,
  +
.portal_metro#portal_main {
  +
height: 450px;
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-2 {
  +
width: 100%;
  +
}
  +
  +
/* slider background */
  +
.portal_metro#portal_main [class^=portal_sliderlink]:before {
  +
/*content: "";*/
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
z-index: -1;
  +
width: 100%;
  +
height: 100%;
  +
background-color: rgb(0, 0, 0);
  +
}
  +
  +
.portal_metro#portal_main [class^=portal_sliderlink] {
  +
/*content: "";*/
  +
position: absolute;
  +
top: 0;
  +
/*left: 0;*/
  +
/*z-index: -1;*/
  +
/*width: 100%;*/
  +
height: 100%;
  +
background-color: rgb(0, 0, 0);
  +
opacity: 0.8;
  +
}
  +
  +
.portal_metro#portal_main [class^=portal_sliderlink]:hover {
  +
opacity: 1;
  +
}
  +
  +
.portal_metro#portal_main [class^=portal_sliderlink]:after {
  +
content : "";
  +
display: block;
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
z-index: -1;
  +
width: 100%;
  +
height: 100%;
  +
background-repeat: no-repeat;
  +
opacity: 0.8;
  +
}
  +
  +
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after {
  +
opacity: 1;
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-2 {
  +
top: 0;
  +
left: 0;
  +
height: 450px;
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/b/b4/Portal-Series.jpg");
  +
background-size: cover;
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-3 {
  +
top: 0;
  +
right: 0;
  +
height: 112px;
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/2/21/Portal-Characters-small.jpg");
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-4 {
  +
top: 112px;
  +
right: 0;
  +
height: 113px;
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/1/1e/Portal-Magic-small.jpg");
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-5 {
  +
top: 225px;
  +
right: 0;
  +
height: 112px;
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/2/2d/Portal-World-small.jpg");
  +
}
  +
  +
.portal_metro#portal_main .portal_sliderlink-6 {
  +
top: 337px;
  +
right: 0;
  +
height: 113px;
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/5/56/Portal-Factions-small.jpg");
  +
}
  +
  +
/* slider sub category background */
  +
#portal_slider .ui-state-active,
  +
#portal_slider .ui-state-default,
  +
#portal_slider .ui-widget-content,
  +
#portal_slider .ui-widget-header { background: none; }
  +
  +
#portal_series,
  +
#portal_characters,
  +
#portal_magic,
  +
#portal_world,
  +
#portal_factions {
  +
position: relative;
  +
}
  +
  +
#portal_series {
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/b/b4/Portal-Series.jpg");
  +
background-size: cover;
  +
}
  +
  +
#portal_characters {
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/5/57/Portal-Characters.jpg");
  +
background-size: cover;
  +
}
  +
  +
#portal_magic {
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/4/4e/Portal-Magic.jpg");
  +
background-size: cover;
  +
}
  +
  +
#portal_world {
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/8/80/Portal-World.jpg");
  +
background-size: cover;
  +
}
  +
  +
#portal_factions {
  +
background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/3/36/Portal-Factions.jpg");
  +
background-size: cover;
  +
}
  +
  +
#portal_series:after,
  +
#portal_characters:after,
  +
#portal_magic:after,
  +
#portal_world:after,
  +
#portal_factions:after {
  +
content : "";
  +
display: block;
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
z-index: -1;
  +
width: 100%;
  +
height: 100%;
  +
background-repeat: no-repeat;
  +
}
  +
  +
.portal_metro#portal_slider .portal_navlink {
  +
display: none;
  +
}
  +
  +
.portal_metro#portal_slider {
  +
position: relative;
  +
}
  +
  +
.portal_metro#portal_slider .portal_navlink {
  +
display: block;
  +
position: absolute;
  +
bottom: 8px;
  +
left: 8px;
  +
z-index: 2;
  +
}
  +
  +
.portal_metro#portal_slider .portal_navlink img {
  +
opacity: 0.7;
  +
}
  +
  +
.portal_metro#portal_slider .portal_navlink img:hover {
  +
opacity: 1;
  +
}
  +
  +
.portal_metro#portal_slider .portal_header {
  +
position: absolute;
  +
right: 10px;
  +
width: 100px;
  +
height: 50px;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
  +
padding: 0;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
  +
border: none;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
  +
position: absolute;
  +
top: 0;
  +
left: 200px;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
  +
float: left;
  +
width: 200px;
  +
padding: 0;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li {
  +
top: 0;
  +
width: 100%;
  +
border-right-width: 0 !important;
  +
border-bottom-width: 1px !important;
  +
margin: 0;
  +
clear: left;
  +
cursor: pointer;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
  +
padding: 0;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
  +
display: block;
  +
width: 100%;
  +
background: none;
  +
font-size: 1em;
  +
white-space: normal;
  +
padding: 0.25em 0 .5em 1em;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {
  +
background: none;
  +
cursor: pointer;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
  +
content: "";
  +
width: 100%;
  +
height: 420px;
  +
overflow-y: hidden;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default,
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,
  +
.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
  +
background-color: rgba(0, 0, 0, 0.6);
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
  +
background-color: transparent;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
  +
background-color: transparent;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
  +
width: 100%;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  +
padding-bottom: 0;
  +
border-right-width: 1px;
  +
border-right-width: 1px;/* why code legibility is important */
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul {
  +
padding: 12px 0 0 5px;
  +
margin: 0;/*
  +
-webkit-columns: 2;
  +
-moz-columns: 2;
  +
columns: 2;*/
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
  +
padding: .25em 0 .5em 1em;
  +
list-style: none;
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
  +
display: block;
  +
font-size: 0.9em;
  +
color: rgb(255, 255, 255);
  +
}
  +
  +
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
  +
font-size: 1.4em;
  +
color: rgb(89, 105, 57);
  +
text-transform: uppercase;
  +
padding: 1em 0 0 1em;
  +
border-bottom: none;
  +
margin-top: 0;
  +
}
  +
  +
.portal_metro#portal_slider .cols_2 ul {
  +
-webkit-columns: 2;
  +
-moz-columns: 2;
  +
columns: 2;
  +
}
  +
  +
/* portal screen wide overrides */
  +
@media screen and (max-width: 1023px) {
  +
.portal_metro [class^=portal_sliderlink] {
  +
width: 225px;
  +
}
  +
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
  +
width: 360px;
  +
}
  +
.portal_metro#portal_images .wikia-slideshow-wrapper,
  +
.portal_metro#portal_images .wikia-slideshow-images,
  +
.portal_metro#portal_images img.thumbimage,
  +
.portal_metro#portal_images {
  +
height: 280px !important;
  +
}
  +
.WikiaRail .module {
  +
position: relative;
  +
}
  +
}
  +
  +
@media screen and (min-width: 1023px) and (max-width: 1650px) {
  +
.portal_metro [class^=portal_sliderlink] {
  +
width: 225px;
  +
}
  +
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
  +
width: 360px;
  +
}
  +
.portal_metro#portal_images .wikia-slideshow-wrapper,
  +
.portal_metro#portal_images .wikia-slideshow-images,
  +
.portal_metro#portal_images img.thumbimage,
  +
.portal_metro#portal_images {
  +
height: 280px !important;
  +
}
  +
}
  +
  +
@media screen and (min-width: 1650px) {
  +
.portal_metro [class^=portal_sliderlink] {
  +
width: 300px;
  +
}
  +
}
  +
  +
/**********************************************/
  +
/************** For transcluding **************/
  +
/**********************************************/
  +
/* Force to use one column generally */
  +
body:not(.page-Inheriwiki) .main-page-tag-rcs .rcs-container,
  +
body:not(.page-Inheriwiki) .main-page-tag-rcs,
  +
body:not(.page-Inheriwiki) .main-page-tag-lcs {
  +
width: 100%;
  +
}
  +
  +
/* Make right rail into a column */
  +
body:not(.page-Inheriwiki) .rcs-container {
  +
display: grid;
  +
grid-template-columns: 50% 50%;
  +
grid-template-rows: 330px;
  +
}
  +
  +
/* Mark poll form as scrollable */
  +
body:not(.page-Inheriwiki) .rcs-container .ajax-poll form {
  +
position: relative;
  +
overflow: hidden;
  +
}
  +
  +
body:not(.page-Inheriwiki) .rcs-container .ajax-poll form:before {
  +
content: "";
  +
position: absolute;
  +
right: 50%;
  +
bottom: calc(-50% + 23px);
  +
z-index: 1;
  +
width: 10px;
  +
height: 110%;
  +
background-image: radial-gradient(farthest-corner at 0 50%, rgba(26, 26, 26, 0.25), transparent);
  +
transform: rotate(270deg);
  +
}
  +
  +
/* Make same as From Admins height w/ scroll */
  +
body:not(.page-Inheriwiki) .rcs-container .ajax-poll #ajax-poll-area {
  +
max-height: 350px;
  +
overflow: scroll;
  +
box-sizing: border-box;
  +
}
  +
  +
/* Make same as largest random quote height */
  +
body:not(.page-Inheriwiki) .rcs-container .discord-widget-container {
  +
height: 230px;
  +
}
  +
  +
body:not(.page-Inheriwiki) .rcs-container .discord-widget-container .widget-header {
  +
padding: 10px;
  +
}
  +
  +
body:not(.page-Inheriwiki) .rcs-container .mp-quotes {
  +
display: flex;
  +
flex-wrap: wrap;
  +
align-items: flex-start;
  +
}
  +
  +
body:not(.page-Inheriwiki) .rcs-container .mp-quotes > h2 {
  +
flex: 1 0 100%;
  +
}
  +
  +
/* Make footers take up identical space */
  +
body:not(.page-Inheriwiki) .main-page-tag-rcs ~ div {
  +
width: auto !important;/* override inline style */
  +
margin: 10px 7px 10px 0 !important;/* override inline style */
  +
}
   
  +
/* Container environment overrides */
−
.page-Main_Page div#main-box-community-news {
  
  +
body:not(.page-Inheriwiki) .transclusion-container {
−
border-color: #326135;
  
−
width: 98%;
 +
padding: 0 16px;
 
}
  
}
   
  +
body:not(.page-Inheriwiki) .transclusion-container .rcs-container {
−
.page-Main_Page div#main-box-community-news-head {
  
  +
grid-template-rows: 356px;
−
background-color: #326135;
  
−
color: white;
  
 
}
  
}
   
  +
body:not(.page-Inheriwiki) .transclusion-container .rcs-container .discord-widget-container {
−
.page-Main_Page div#main-box-community-news-content {
  
  +
height: 260px;
 
}
  
}

Latest revision as of 23:39, 20 March 2023

/**********************************************/
/******** Main Page Modules — <nowiki> ********/
/**********************************************/
/* All Modules */
.MainPageBox {
    background-color: #F0F0F0;
    background-color: var(--iw-module-bgc, #F0E6D8);
    padding: 0px;
    border: 2px solid #084608;
    border-color: var(--iw-border-color, #084608);
    box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px var(--iw-box-shadow-color, #888888);
    margin: 0 7px 15px 0;
}

.MainPageBox .MainPageHeading,
.MainPageBox > h2 {
    font-size: 20px;
    font-family: "Metamorphous";
    text-align: center;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #FFFFFF;
    padding: 11px 0 9px;
}

.MainPageBox > h2 {
    line-height: normal;
    border: 0;
    margin: 0;
}

.MainPageBox .MainPageHeading a,
.MainPageBox > h2 a {
    color: inherit;
    text-decoration: underline;
}

.MainPageBox .MainPageBody {
    padding: 1em;
}

.MainPageBox p.MainPageBody {
    margin: 0;
}

.MainPageBox .MainPageBody .wikia-gallery {
    margin: 0;
}

.MainPageBox .MainPageBody .wikia-gallery .lightbox-caption {
    font-style: italic;
    text-align: center;
}

.MainPageBox .wikia-gallery .wikia-gallery-item .gallery-image-wrapper {
    border: thin solid #084608;
    border-color: var(--iw-border-color, #084608);
    transition: 0.2s;
}

.MainPageBox .wikia-gallery .wikia-gallery-item .gallery-image-wrapper:hover {
    box-shadow: 0 0 1em #888888;
}

.MainPageBox .MainPageBody .wikiaRssPlaceholder {
    font-style: italic;
    color: #808080;
    text-align: center;
    padding-top: 1em;
}

.MainPageBox .MainPageBody .wikiaRssPlaceholder .wikiaRss {
    font-style: normal;
    color: #3A3A3A;
    text-align: left;
    margin-top: -1em;
}

.MainPageBox .MainPageBody blockquote dl,
.MainPageBox .MainPageBody blockquote {
    margin: 0;
}

/* Twins Module */
.MainPageBox.mp-twin .MainPageHeading,
.MainPageBox.mp-twin > h2 {
    display: flex;
    justify-content: space-evenly;
}

.MainPageBox.mp-twin .MainPageHeading > #User_Blogs,
.MainPageBox.mp-twin > h2 > #User_Blogs {
    padding: 0 5px;
}

.MainPageBox.mp-twin .MainPageBody {
    display: flex;
    justify-content: space-between;
}

.MainPageBox.mp-twin .embeddable-discussions-heading-container,
.MainPageBox.mp-twin .embeddable-discussions-post-actions,
.MainPageBox.mp-twin .MainPageBody > p,
.MainPageBox.mp-twin #wk_blogs_loader2,
.MainPageBox.mp-twin .wk_blogs_pager,
.MainPageBox.mp-twin .module > p,
.MainPageBox.mp-twin > p {
    display: none;
}

/* Twin — Discussions Feed */
.MainPageBox.mp-twin .module {
    flex-basis: 49%;
    flex-direction: row;
    width: 49%;
    padding: 0;
    border: thin solid #9B9B9B;
}

.MainPageBox.mp-twin .embeddable-discussions-threads {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background: #E0E0E0;
    padding: 0;
}

.MainPageBox.mp-twin .embeddable-discussions-post-detail {
    background: transparent;
    border: 0;
    margin: 0;
}

.MainPageBox.mp-twin .embeddable-discussions-post-detail:not(:last-child) {
    padding: 0 0 10px 0;
}

.MainPageBox.mp-twin .embeddable-discussions-post-detail:first-child {
    padding-top: 12px;
}

.MainPageBox.mp-twin .embeddable-discussions-title {
    padding-bottom: 2pt;/* yes, use pt */
}

/* Twin — Blogs */
.MainPageBox.mp-twin .WikiaBlogListing {
    flex-basis: 49%;
    display: flex !important;/* override FANDOM’s use of !important */
    border: thin solid #9B9B9B;
}

.MainPageBox.mp-twin .WikiaBlogListing ul {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #E0E0E0;
    list-style: none;
}

.MainPageBox.mp-twin .WikiaBlogListing .avatar {
    width: 30px;
    height: 30px;
    border: 2px solid #AEAAA2;
    border-radius: 100%;
    box-shadow: none;
}

.MainPageBox.mp-twin .WikiaBlogListingPost {
    padding: 10px 0;
    border-bottom: none;
    margin: 0;
}

.MainPageBox.mp-twin .WikiaBlogListingPost:first-child {
    padding-top: 10px;
    margin-top: 2px;
}

.MainPageBox.mp-twin .commentslikes {
    top: inherit;
    bottom: 8px;
}

.MainPageBox.mp-twin .author-details {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 45px;
}

.MainPageBox.mp-twin .author-details h2 {
    order: 2;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0 0 -45px;
}

.MainPageBox.mp-twin .author-details h2 a {
    color: inherit;
    text-decoration: none;
}

.MainPageBox.mp-twin .author-details span {
    display: inline;
    font-size: 12px;
    color: #83807A;
    margin-top: 4px;
}

.MainPageBox.mp-twin .author-details span a {
    font-size: 14px;
    font-weight: normal;
    padding-left: 2px;
}

.WikiaArticle .MainPageBox.mp-twin p + p {
    margin: 1em 0 0;
}

/* List Modules */
.MainPageBox.mp-list .MainPageBody {
    padding-top: 0;
}

.MainPageBox.mp-list .MainPageBody ol,
.MainPageBox.mp-list .MainPageBody ul {
    margin-left: 1em;
}

/* Latest News */
@media only screen and (min-width: 1596px) {
    .WikiaPage .MainPageBox blockquote {
        font-size: medium;
        line-height: 25px;
    }
}

/**********************************************/
/******** Navigation portal by Tierrie ********/
/**********************************************/
/* container settings */
#portal_slider {
    margin: 0 7px 15px 0;
    box-shadow: 3px 3px 5px #888888;
}

.portal_metro .toc {
    display: none;
}

.portal_container {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

/* give all containers a black background so the opacity changes results in a brightness change */
.portal_metro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
}

.portal_metro {
    border: 1px solid #084608;
    border-color: var(--iw-border-color, #084608);
}

.portal_metro .portal_body {
    overflow: hidden;
    padding: 0 10px;
}

/* pages nested within a slider container should not render borders twice */
.portal_metro .portal_metro {
    border: none;
}

.portal_metro.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.portal_metro#portal_slider .portal_body,
.portal_metro#portal_slider {
    padding: 0;
}

/* font title and sliders */
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
.portal_metro [class^=portal_sliderlink] .mw-headline,
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,
.portal_metro .portal_header_text {
    width: 100%;
    font-size: inherit;
    font-weight: normal;
    font-family: "Metamorphous";
    color: #FFFFFF;
    line-height: inherit;
    text-align: left;
    text-shadow: 0 0 2px rgba(0, 56, 216, 0.5), -1px -1px rgba(0, 56, 216, 0.5), 1px 1px rgba(0, 56, 216, 0.5);
}

.portal_metro [class^=portal_sliderlink] .portal_slidertext,
.portal_metro [class^=portal_sliderlink] .mw-headline,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,
.portal_metro .portal_header_text {
    text-transform: uppercase;
}

.portal_metro .portal_header_text {
    font-size: 2em;
    padding-top: 15px;
}

.portal_metro [class^=portal_sliderlink] {
    font-size: 1.4em;
}

/* portal headers, headerlinks colors and formatting */
.portal_metro .portal_header {
    position: relative;
    padding: 0;
    margin-bottom: 6px;
}

.portal_metro .portal_header_text {
    padding-left: 15px;
    border-bottom: none;
}

.portal_metro .portal_headerlinks {
    font-size: 0.8em;
    position: absolute;
    top: 1em;
    right: 1em;
    padding-bottom: 2px;
    z-index: 1;
}

.portal_metro .portal_header a:visited,
.portal_metro .portal_header a:active,
.portal_metro .portal_header a:hover,
.portal_metro .portal_header a:link,
.portal_metro .portal_header {
    color: #CCCCCC;
}

/* slider text position */
.portal_metro [class^=portal_sliderlink] .portal_slidertext {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
    display: block;
    left: 20px;
    font-size: 1.6em;
    line-height: 1em;
}

/* main slider sizing */
.portal_metro#portal_main [class^=portal_sliderlink] {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}

.portal_vtab.ui-tabs-vertical .ui-tabs-panel,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav,
.portal_vtab.ui-tabs-vertical,
.portal_metro#portal_main {
    height: 450px;
}

.portal_metro#portal_main .portal_sliderlink-2 {
    width: 100%;
}

/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:before {
    /*content: "";*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
}

.portal_metro#portal_main [class^=portal_sliderlink] {
    /*content: "";*/
    position: absolute;
    top: 0;
    /*left: 0;*/
    /*z-index: -1;*/
    /*width: 100%;*/
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
}

.portal_metro#portal_main [class^=portal_sliderlink]:hover {
    opacity: 1;
}

.portal_metro#portal_main [class^=portal_sliderlink]:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.portal_metro#portal_main [class^=portal_sliderlink]:hover:after {
    opacity: 1;
}

.portal_metro#portal_main .portal_sliderlink-2 {
    top: 0;
    left: 0;
    height: 450px;
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/b/b4/Portal-Series.jpg");
    background-size: cover;
}

.portal_metro#portal_main .portal_sliderlink-3 {
    top: 0;
    right: 0;
    height: 112px;
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/2/21/Portal-Characters-small.jpg");
}

.portal_metro#portal_main .portal_sliderlink-4 {
    top: 112px;
    right: 0;
    height: 113px;
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/1/1e/Portal-Magic-small.jpg");
}

.portal_metro#portal_main .portal_sliderlink-5 {
    top: 225px;
    right: 0;
    height: 112px;
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/2/2d/Portal-World-small.jpg");
}

.portal_metro#portal_main .portal_sliderlink-6 {
    top: 337px;
    right: 0;
    height: 113px;
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/5/56/Portal-Factions-small.jpg");
}

/* slider sub category background */
#portal_slider .ui-state-active,
#portal_slider .ui-state-default,
#portal_slider .ui-widget-content,
#portal_slider .ui-widget-header { background: none; }

#portal_series,
#portal_characters,
#portal_magic,
#portal_world,
#portal_factions {
    position: relative;
}

#portal_series {
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/b/b4/Portal-Series.jpg");
    background-size: cover;
}

#portal_characters {
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/5/57/Portal-Characters.jpg");
    background-size: cover;
}

#portal_magic {
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/4/4e/Portal-Magic.jpg");
    background-size: cover;
}

#portal_world {
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/8/80/Portal-World.jpg");
    background-size: cover;
}

#portal_factions {
    background-image: url("https://vignette.wikia.nocookie.net/inheritance/images/3/36/Portal-Factions.jpg");
    background-size: cover;
}

#portal_series:after,
#portal_characters:after,
#portal_magic:after,
#portal_world:after,
#portal_factions:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

	.portal_metro#portal_slider .portal_navlink {
    display: none;
}

.portal_metro#portal_slider {
    position: relative;
}

.portal_metro#portal_slider .portal_navlink {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 2;
}

.portal_metro#portal_slider .portal_navlink img {
    opacity: 0.7;
}

.portal_metro#portal_slider .portal_navlink img:hover {
    opacity: 1;
}

.portal_metro#portal_slider .portal_header {
    position: absolute;
    right: 10px;
    width: 100px;
    height: 50px;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
    padding: 0;
} 

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
    border: none;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
    position: absolute;
    top: 0;
    left: 200px;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 200px;
    padding: 0;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li {
    top: 0;
    width: 100%;
    border-right-width: 0 !important;
    border-bottom-width: 1px !important;
    margin: 0;
    clear: left;
    cursor: pointer;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
    padding: 0;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    background: none;
    font-size: 1em;
    white-space: normal;
    padding: 0.25em 0 .5em 1em;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {
    background: none;
    cursor: pointer;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
    content: "";
    width: 100%;
    height: 420px;
    overflow-y: hidden;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default,
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
    background-color: rgba(0, 0, 0, 0.6);
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
    background-color: transparent;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
    background-color: transparent;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
    width: 100%;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    border-right-width: 1px;
    border-right-width: 1px;/* why code legibility is important */
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul {
    padding: 12px 0 0 5px;
    margin: 0;/*
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;*/
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
    padding: .25em 0 .5em 1em;
    list-style: none;
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
    display: block;
    font-size: 0.9em;
    color: rgb(255, 255, 255);
}

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
    font-size: 1.4em;
    color: rgb(89, 105, 57);
    text-transform: uppercase;
    padding: 1em 0 0 1em;
    border-bottom: none;
    margin-top: 0;
}

.portal_metro#portal_slider .cols_2 ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

/* portal screen wide overrides */
@media screen and (max-width: 1023px) { 
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
    .WikiaRail .module {
        position: relative;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1650px) {
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
}

@media screen and (min-width: 1650px) {
    .portal_metro [class^=portal_sliderlink] {
        width: 300px;
    }
}

/**********************************************/
/************** For transcluding **************/
/**********************************************/
/* Force to use one column generally */
body:not(.page-Inheriwiki) .main-page-tag-rcs .rcs-container,
body:not(.page-Inheriwiki) .main-page-tag-rcs,
body:not(.page-Inheriwiki) .main-page-tag-lcs {
    width: 100%;
}

/* Make right rail into a column */
body:not(.page-Inheriwiki) .rcs-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 330px;
}

/* Mark poll form as scrollable */
body:not(.page-Inheriwiki) .rcs-container .ajax-poll form {
    position: relative;
    overflow: hidden;
}

body:not(.page-Inheriwiki) .rcs-container .ajax-poll form:before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: calc(-50% + 23px);
    z-index: 1;
    width: 10px;
    height: 110%;
    background-image: radial-gradient(farthest-corner at 0 50%, rgba(26, 26, 26, 0.25), transparent);
    transform: rotate(270deg);
}

/* Make same as From Admins height w/ scroll */
body:not(.page-Inheriwiki) .rcs-container .ajax-poll #ajax-poll-area {
    max-height: 350px;
    overflow: scroll;
    box-sizing: border-box;
}

/* Make same as largest random quote height */
body:not(.page-Inheriwiki) .rcs-container .discord-widget-container {
    height: 230px;
}

body:not(.page-Inheriwiki) .rcs-container .discord-widget-container .widget-header {
    padding: 10px;
}

body:not(.page-Inheriwiki) .rcs-container .mp-quotes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

body:not(.page-Inheriwiki) .rcs-container .mp-quotes > h2 {
    flex: 1 0 100%;
}

/* Make footers take up identical space */
body:not(.page-Inheriwiki) .main-page-tag-rcs ~ div {
    width: auto !important;/* override inline style */
    margin: 10px 7px 10px 0 !important;/* override inline style */
}

/* Container environment overrides */
body:not(.page-Inheriwiki) .transclusion-container {
    padding: 0 16px;
}

body:not(.page-Inheriwiki) .transclusion-container .rcs-container {
    grid-template-rows: 356px;
}

body:not(.page-Inheriwiki) .transclusion-container .rcs-container .discord-widget-container {
    height: 260px;
}
Community content is available under CC-BY-SA unless otherwise noted.
More Fandoms