Wikia.css

/* ===============================
   Begin 2017 Bethesda design 
   =============================== */
 
/* Bethesda-authorised colors: 
 
PREY BLUE - #5c7595
BLACK - #000000
WHITE - #FFFFFF
 
Accent colors -- use sparingly
 
SUIT RED - #782723
TRANSTAR GOLD - #C9B779
 
 
*/
 
/* Bethesda-authorised fonts 
 
Headlines and sub heads (that is H1-H6) - FF DIN PRO condensed medium, all caps, 400px kerning (looks like 10px letter-spacing)
Sub headline - FF DIN PRO condensed medium, sentence case, 0px kerning
 
*/
 
@font-face {
    font-family: "DINPro-CondMedium";
    src:url(http://static.wikia.com/czech-prey-out/images/f/f3/DINPro-CondMedium.otf) format('opentype');
    src: local(‚ò∫),; /* because no one will have this on their local machines,
                        it forces browsers to accept DINPro-CondMedium */
 
 
            /* The next two declarations may no longer be necessary, but at one point
               they were required to make it possible to apply styling to 
               imported fonts in webkit browsers.  Can't hurt to still include
               them, even in 2017. */
    font-weight: normal; 
    font-style: normal;     
}
@font-face {
    font-family: "DINPro";
    src:url(http://static.wikia.com/czech-prey-out/images/e/ed/DINPro.otf) format('opentype');
    src: local(‚ò∫),; /* because no one will have this on their local machines,
                        it forces browsers to accept DINPro */
 
 
            /* The next two declarations may no longer be necessary, but at one point
               they were required to make it possible to apply styling to 
               imported fonts in webkit browsers.  Can't hurt to still include
               them, even in 2017. */
    font-weight: normal; 
    font-style: normal;     
}
/** General mainpage qualities **/
 
.mainpage-wrap {
}
 
.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:#fff;
     font-size:20px;
     letter-spacing:3px;
     text-transform:uppercase;     
     font-family:DINPro-CondMedium;
}
 
/* Borders */
.mainpage-box-welcome {
     margin:40px auto auto auto;
     width:670px;
}
.mainpage-box-featured-videos,
.mainpage-box-featured-articles,
.mainpage-box-discussions {
     margin:40px auto;
     width:670px;
}
 
.mainpage-box-content {
     background-color:#5c7595;
     padding-top:5px;
     width:670px;
     margin:40px auto;
 
}
 
.mainpage-box-share,
.mainpage-box-chat,
.mainpage-box-twitter,
.mainpage-box-news {
     margin:40px auto;
}
.mainpage-box-news li {
     color:#C9B779;
}
@media (max-width: 1024px) {
 
 
     .mainpage-box-news {
          display:inline-block;
     }
     .mainpage-box-share,
     .mainpage-box-buy {
          margin-top:10%;
          margin-bottom:20%;
     }
 
}
/** Headers, in general **/
 
.mainpage-box-welcome .header,
.mainpage-box-chat .header,
.mainpage-box-featured-videos .header,
.mainpage-box-featured-articles .header,
.mainpage-box-discussions .header,
.mainpage-box-share .header,
.mainpage-box-news .header,
.mainpage-box-twitter .header {
     text-align:center;
     font-size:40px;
     font-family:DINPro-CondMedium;
     margin:0 auto;
     top:-10px;
     position:relative;
     letter-spacing: 10px;
     color:#5c7595;
     text-transform:uppercase;
     padding-bottom:10px;
}
 
/** Header exceptions for Welcome **/
 
.mainpage-box-welcome .header {
      padding-left:20px;
      text-align:left;
      line-height:100%;
}
.mainpage-box-welcome .subheader {
     font-family:DINPro-CondMedium;
     letter-spacing:3px;
     text-transform:uppercase;
     padding-left:40px;
     padding-bottom:40px;
     color:#C9B779
}
/* Share box */
.mainpage-box-share .icons {
     text-align: center; 
     margin:15px auto;
}
 
.mainpage-box-share .icon {
     display: inline;
     margin-right:15px;
}      
/** Discussions box **/
 
.mainpage .discussion-module { 
     display:none /* Turns off standard module to give deference to the bespoke one here */
}
.mainpage .embeddable-discussions-module { 
     border:none;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail {
     /*background-color:#bac3cd;*/
}
.mainpage .embeddable-discussions-heading {
     display:none;
}
.mainpage .embeddable-discussions-show-all {
}
.mainpage .embeddable-discussions-show-all a,
.mainpage .embeddable-discussions-show-all a:link,
.mainpage .embeddable-discussions-show-all a:visited {
     /*color:#b0b1b6!important*/
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { 
     background-color:transparent;
     border-color:#5c7595;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path {
    fill: #5c7595;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-counters,
.mainpage .embeddable-discussions-module .avatar-details,
.mainpage a.avatar-username,
.mainpage .embeddable-discussions-module .embeddable-discussions-timestamp,
.embeddable-discussions-module .embeddable-discussions-forum {
    color:#5c7595;
}
.mainpage-box-discussions {
     width:670px;
     margin:0 auto;
}
 
/** Buy box **/
.mainpage-box-buy {
     margin-top:20px
}
/** Button mania **/
a.wikia-button.secondary, 
.wikia-single-button a.secondary, 
.wikia-menu-button.secondary, 
input[type="submit"].secondary, 
input[type="reset"].secondary, 
input[type="button"].secondary, 
.button.secondary, 
button.secondary,
.WikiaPageHeader .wikia-button.createpage {
     background-image:none;
     border:none;
     background-color:#5c7595;
     color:white;
}
.CategorySelect.articlePage .add,
.WikiHeader .buttons > .contribute:hover,
.EditPage .module_page_controls #wpPreview:hover,
a.comments > .commentsbubble,
a.wikia-button.secondary:hover {
     color:white;
}
.EditPage .module_page_controls #wpPreview {
     color:white;
}
 
/***** END 2017 Bethesda design ***** /