MediaWiki:Mainpage.css

/* =================================
   November 2017 mainpage redesign:

   Elements affecting just the 
   mainpage
   =================================  */

/** General mainpage qualities **/

.mainpage-wrap {
}

.mainpage ficaption p.title,
.mainpage .article-thumb figcaption {
     display:none;
     margin-left:10px;
}
.mainpage .lightbox-caption {
} 
/** Modules **/
.mainpage-box-slider,
.mainpage-box-about,
.mainpage-box-featured-article,
.mainpage-box-featured-videos,
.mainpage-box-welcome {
      width:670px;
      margin:40px auto;
}
.mainpage-box-slider {
    margin-top:20px;
}
.mainpage-box-welcome,
.mainpage-box-featured-article {
    width:630px;
}
.mainpage-box-welcome .help-body {
    font-size:14px;
    line-height:140%;
}
.mainpage-box-welcome,
.mainpage-box-forum,
.mainpage-box-discussions,
.mainpage-box-news,
.mainpage-box-poll,
.mainpage-box-featured-article {
    border:2px solid #F9E199;
    padding:20px;
}
.mainpage-box-discussions {
    padding:0;
    padding-top:20px;
}
.mainpage-box-buy,
.mainpage-box-discord {
    margin-bottom:20px;
    margin-top:20px;
}
.mainpage-box-news,
.mainpage-box-poll,
.mainpage-box-forum  {
    margin-bottom:20px;
}

/** Headers, in general **/
.mainpage-box-slider .header,
.mainpage-box-welcome .header,
.mainpage-box-featured-article .header,
.mainpage-box-featured-videos .header {
     text-align:center;
     font-size:38px;
     text-transform:uppercase;
     font-family: "Cinzel";
     letter-spacing:3px;
     margin:0 auto;
     color:#F9E199;
     padding-bottom:20px;
     padding-top:10px;
     line-height:130%;
}
.mainpage-box-discussions .header,
.mainpage-box-news .header,
.mainpage-box-poll .main-header,
.mainpage-box-forum .header {
     font-size:26px;
     text-align:center;
     color:#F9E199;
     text-transform:uppercase;
     letter-spacing:2px;
     font-family: "Cinzel";
     line-height:130%;
}
.mainpage-box-news .header {
    margin-bottom:20px;
}
/* Forum module */
.mainpage .mw-content-ltr .forum-activity-module h2,
.page-Portal_Origins_main_page .mw-content-ltr .forum-activity-module h2 {
    display:none;
}
/* Discussions module */
.page-Portal_Origins_main_page .discussion-module,
.mainpage .discussion-module { 
     display:none /* Turns off standard module to give deference to the bespoke one here */
}
.page-Portal_Origins_main_page .embeddable-discussions-module,
.mainpage .embeddable-discussions-module { 
     border:none;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail {
     /*background-color:#bac3cd;*/
}
.page-Portal_Origins_main_page .embeddable-discussions-post .actions a,
.page-Portal_Origins_main_page .embeddable-discussions-post .actions,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions {
    border-color:#F9E199;
    color:#f9e199;
}
.page-Portal_Origins_main_page .embeddable-discussions-heading,
.mainpage .embeddable-discussions-heading {
     display:none;
}
.page-Portal_Origins_main_page .embeddable-discussions-show-all,
.mainpage .embeddable-discussions-show-all {
     color:#F9E199;
     display:none;
}
.page-Portal_Origins_main_page .embeddable-discussions-show-all a,
.page-Portal_Origins_main_page .embeddable-discussions-show-all a:link,
.page-Portal_Origins_main_page .embeddable-discussions-show-all a:visited,
.mainpage .embeddable-discussions-show-all a,
.mainpage .embeddable-discussions-show-all a:link,
.mainpage .embeddable-discussions-show-all a:visited {
     color:#F9E199!important;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-post-detail,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { 
     background-color:transparent;
     border-color:#F9E199;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-upvote-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path {
    fill: #F9E199;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-post-actions a,
.mainpage .embeddable-box-discussions-module .embeddable-mainpage-box-discussions-post-actions a,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-post-counters,
.mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-post-counters,
.page-Portal_Origins_main_page .embeddable-discussions-module .avatar-details,
.mainpage .embeddable-mainpage-box-discussions-module .avatar-details,
.page-Portal_Origins_main_page a.avatar-username,
.mainpage a.avatar-username,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-timestamp,
.mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-timestamp,
.embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-forum {
    color:#F9E199;
}
.mainpage-box-discussions {
     margin:0 auto;
}
/* Poll stuff */
div#ajax-poll-area {
    text-align:center;
}
div.ajax-poll div.header {
    text-align:center;
}
.page-Portal_Origins_main_page .ajax-poll input[type="submit"],
.mainpage .ajax-poll input[type="submit"] {
    margin-left:85px;
}
/* Blog stuff */
.page-Portal_Origins_main_page .WikiaBlogListingBox .wikia-button,
.mainpage .WikiaBlogListingBox .wikia-button,
.page-Portal_Origins_main_page a.more,
.mainpage a.more,
.page-Portal_Origins_main_page  .WikiaBlogListingBox h2,
.mainpage .WikiaBlogListingBox h2 {
    display:none;
}
.page-Portal_Origins_main_page tabs li a,
.mainpage .tabs li a {
    padding:5px;
    margin-right:10px;
}
.page-Portal_Origins_main_page  .selected a,
.mainpage .tabs .selected a {
    border-color:#f9e199;
    border-radius:0;
    color:#f9e199;
}
.page-Portal_Origins_main_page ul.tabs,
.mainpage ul.tabs {
    border:none;
}
/* Help stuff */
input.createboxInput {
    background:transparent;
    border-color:#F9E199;
    color:#F9E199;
    margin-left:0; 
}
/* Category Tree stuff */
.page-Portal_Origins_main_page .CategoryTreeBullet,
.mainpage .CategoryTreeBullet 
.page-Portal_Origins_main_page .CategoryTreeItem,
.mainpage .CategoryTreeItem {
    display:none;
}
/* Button stuff */
.page-Portal_Origins_main_page input[type="submit"],
.page-Portal_Origins_main_page input[type="button"],
.page-Portal_Origins_main_page button,
.mainpage input[type="submit"],
.mainpage input[type="button"],
.mainpage button {
    background-image:none;
    border-radius:0;
    text-transform:uppercase;
    background-color:transparent;
    border-color:#F9E199;
    color:#F9E199;
}

/* Portal stuff */

 
/***************/
/* portal main */
/***************/
/* container settings */
.portal_metro .toc { 
    display: none; 
}
.portal_container { 
    position: relative; 
    display: inline-block; 
    width: 670px; 
}
/* give all containers a black background so the opacity changes results in a brightness change */
.portal_metro:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width:100%; 
    height: 100%; 
    content: ""; 
    background-color: rgb(0,0,0); 
    z-index: -2; 
}
.portal_metro { 
    border: 2px solid #F9E199; 
}
.portal_metro .portal_body { 
    padding: 0 10px 0 10px; 
    overflow: hidden; 
}

/* 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_metro#portal_slider .portal_body { 
    padding: 0; 
}
.portal_metro#portal_slider {
    width:670px; 
    margin:0 auto; 
}
/* font title and sliders */
.portal_metro [class^=portal_sliderlink] .mw-headline, 
.portal_metro [class^=portal_sliderlink] .portal_slidertext, 
.portal_metro .portal_header_text, 
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, 
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { 
    width: 100%; 
    font-family: "Cinzel", serif; 
    font-weight: normal; 
    font-size: inherit; 
    line-height: inherit; 
    text-shadow: 0px 0px 2px rgba(0,64,0,0.5), -1px -1px rgba(0,64,0,0.5), 1px 1px rgba(0,64,0,0.5); 
    text-align:left; 
    color:#F9E199;
}
.portal_metro [class^=portal_sliderlink] .mw-headline, 
.portal_metro [class^=portal_sliderlink] .portal_slidertext, 
.portal_metro .portal_header_text, 
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { 
    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; 
    margin-bottom: 6px; 
    padding: 0; 
}
.portal_metro .portal_header_text { 
    border-bottom: none; 
    padding-left: 15px; 
}
.portal_metro .portal_headerlinks { 
    font-size: 0.8em; 
    position: absolute; 
    right: 1em; 
    top: 1em; 
    padding-bottom: 2px; 
    z-index: 1; 
}
.portal_metro .portal_header, 
.portal_metro .portal_header a:link, 
.portal_metro .portal_header a:visited, 
.portal_metro .portal_header a:hover, 
.portal_metro .portal_header a:active { 
    color: rgb(89,105,57); 
}
 
/* slider text position */
.portal_metro [class^=portal_sliderlink] .portal_slidertext { 
    position: absolute; 
    bottom: 10px; 
    left: 10px;  
}
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { 
    display: block; 
    font-size: 1.6em; 
    left: 20px; 
    line-height: 1em; 
}
 
/* main slider sizing */
.portal_metro#portal_main [class^=portal_sliderlink] { 
    cursor: pointer; 
    position: absolute; 
    overflow: hidden; 
}
.portal_metro#portal_main, 
.portal_vtab.ui-tabs-vertical, 
.portal_vtab.ui-tabs-vertical .ui-tabs-nav, 
.portal_vtab.ui-tabs-vertical .ui-tabs-panel { 
    height: 450px; 
}
.portal_metro#portal_main .portal_sliderlink-2 { 
    width: 100%; 
}
 
/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:before { 
    content: ""; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    background-color: rgb(0,0,0); 
    position: absolute; 
    z-index: -1; 
}
.portal_metro#portal_main [class^=portal_sliderlink]:after { 
    z-index: -1; 
    background-repeat: no-repeat; 
    content : ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    opacity: 0.8; 
}
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { 
    opacity: 1; 
}
.portal_metro#portal_main .portal_sliderlink-2 { 
    top: 0px; 
    left: 0px; 
    height: 450px; 
}
.portal_metro#portal_main .portal_sliderlink-2:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/4/44/Origins-Portal-Big.png'); 
}
.portal_metro#portal_main .portal_sliderlink-3 { 
    top: 0px; 
    right: 0px; 
    height: 112px; 
}
.portal_metro#portal_main .portal_sliderlink-3:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/a/aa/Main-Portal-Small.png'); 
}
.portal_metro#portal_main .portal_sliderlink-4 { 
    top: 112px; 
    right: 0px; 
    height: 113px; 
}
.portal_metro#portal_main .portal_sliderlink-4:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/e/e0/Other-Portal-Small.png'); 
}
.portal_metro#portal_main .portal_sliderlink-5 { 
    top: 225px; 
    right: 0px; 
    height: 112px; 
}
.portal_metro#portal_main .portal_sliderlink-5:after {
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/9/99/Comics-Portal-Small.png'); 
}
.portal_metro#portal_main .portal_sliderlink-6 {
    top: 337px; 
    right: 0px; 
    height: 113px; 
}
.portal_metro#portal_main .portal_sliderlink-6:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/5/57/Admin-Portal-Small.png'); 
}
 
/* slider sub category background */
#porta_main, 
#portal_series, 
#portal_lore,
#portal_dao, 
#portal_da2, 
#portal_dai { 
    position: relative; 
}
#portal_series:after, 
#portal_lore:after, 
#portal_dao:after, 
#portal_da2:after, 
#portal_dai:after { 
    z-index: -1; 
    background-repeat: no-repeat; 
    content : ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
#portal_dai:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/f/fe/Main-Portal-Big.png'); 
}
#portal_series:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/4/44/Origins-Portal-Big.png'); 
}
#portal_dao:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/8/86/Other-Portal-Big.png'); 
}
#portal_da2:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/6/64/Comics-Portal-Big.png'); 
}
#portal_lore:after { 
    background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/6/6a/Admin-Portal-Big.png'); 
}
 
.portal_metro#portal_slider .portal_navlink { 
    display: none; 
}
.portal_metro#portal_slider { 
}
.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.3; 
}
.portal_metro#portal_slider .portal_navlink img:hover { 
    opacity: 0.8; 
}
.portal_metro#portal_slider .portal_header { 
    position: absolute; 
    width: 100px; 
    height: 50px; 
    right: 10px; 
}
.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; 
    left: 200px; 
    top: 0px; 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { 
    padding: 0; 
    width: 200px; 
    float: left; 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { 
    cursor: pointer; 
    margin: 0; 
    top: 0; 
    clear: left; 
    width: 100%; 
    border-bottom-width: 1px !important; 
    border-right-width: 0 !important; 
}
.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 { 
    background: none; 
    font-size: 1.2em; 
    display:block; 
    width: 100%; 
    padding: .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 { 
    height: 420px; 
    content: ""; 
    width: 100%; 
    overflow-y: hidden; 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, 
.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, 
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default {
    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; 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul {
    padding: 12px 0 0 5px; 
    margin: 0; 
    /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { 
    list-style: none; 
    padding: .25em 0 .5em 1em; 
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { 
    font-size: 1.2em; 
    display:block; 
    color: rgb(255,255,255); 
    font-family:Lora; 
    line-height:120%;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { 
    padding: 1em 0 0 1em; 
    margin-top: 0; 
    border-bottom: none; 
    text-transform: uppercase; 
    color: rgb(89,105,57); 
    font-size: 1.4em; 
}
.portal_metro#portal_slider .cols_2 ul { 
    columns: 2; 
    -webkit-columns: 2; 
    -moz-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, 
  .portal_metro#portal_images img.thumbimage, 
  .portal_metro#portal_images .wikia-slideshow-wrapper, 
  .portal_metro#portal_images .wikia-slideshow-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, 
  .portal_metro#portal_images img.thumbimage, 
  .portal_metro#portal_images .wikia-slideshow-wrapper, 
  .portal_metro#portal_images .wikia-slideshow-images { 
      height: 280px !important; 
      }
}
@media screen and (min-width: 1650px) {
  .portal_metro [class^=portal_sliderlink] { 
      width: 300px; 
      }
}


/* Footer */

.mainpage .recirculation-horizontal.recirculation-footer h3,
.mainpage .recirculation-horizontal .item a,
.mainpage .WikiaFooter .recirculation-impact-footer h2,
.mainpage .WikiaFooter .recirculation-impact-footer .items h4 {
    color:#fff
}

/* Portability */
@media (max-width: 1023px) {
      .mainpage-box-discussions,
      .mainpage-box-forum,
      .mainpage-box-news,
      .mainpage-box-poll {
          border:none!important;
          width:285px!important;
      }
     .mainpage-box-news,
     .mainpage-box-forum,
     .mainpage-box-discussions {
          display:inline-block;
          margin:0 auto 20px auto;
          background-color:transparent;
          border:none;
     }
     .main-page-tag-rcs .module,
     .main-page-tag-rcs .forum-activity-module {
          width:285px;
     }

}