MediaWiki:Common.css

@import url("/MediaWiki:MainSlider.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Subslider.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Subslider2.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Tooltips.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Footer.css?ctype=text/css&action=raw");
/* @import url("/MediaWiki:Common.css/Infobox.css?ctype=text/css&action=raw"); */
/* @import url("/MediaWiki:Dump.css?ctype=text/css&action=raw"); */

/* Import font */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic&subset=latin-ext,latin");

/*********************************/
/* main page jquery tabs/sliders */
/*********************************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/**********/
/* portal */
/**********/
.portal_container { width: 100%; margin: 0; padding: 0; }
.portal_section ul { list-style: disc; color: #fff; }
.portal_section { border: 1px solid #000; margin: 0 0 10px 0; background: transparent; -webkit-border-radius: 0; border-radius: 0; font-size: 100%; color:#ffffff; height: auto; -moz-box-shadow: 0 1px 2px rgba(0,0,0, 0.8); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, 0.8); box-shadow: 0 1px 2px rgba(0,0,0, 0.8); }
.portal_header { padding: 0 1em; position: relative; }
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: none; text-align: left; color:#ffffff; font-family: "Segoe UI", Helvetica, Verdana; text-transform: uppercase; font-size: 2em; font-weight: 700; text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f; padding-bottom: 15px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1.5em; }
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: #fff !important; }
.portal_body { padding: 0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(240,248,255) !important; }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted #0a0a0a; text-align: left; font-family: Old English Text MT; font-size: 2em; color: rgb(240,248,255) ; }

/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 450px; background: transparent; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 2px solid #2f2f2f; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background: #a52a2a; background:-webkit-linear-gradient(top, #a52a2a, #3f1010); background: -moz-linear-gradient(top, #a52a2a, #3f1010); background: -ms-linear-gradient(top, #a52a2a, #3f1010); background: -o-linear-gradient(top, #a52a2a, #3f1010); background: linear-gradient(to bottom, #a52a2a, #3f1010); -moz-user-select: none; -webkit-user-select: none; user-select: none; color: #ffffff; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background: #a52a2a; background:-webkit-linear-gradient(bottom, #a52a2a, #3f1010); background: -moz-linear-gradient(bottom, #a52a2a, #3f1010); background: -ms-linear-gradient(bottom, #a52a2a, #3f1010); background: -o-linear-gradient(bottom, #a52a2a, #3f1010); background: linear-gradient(to top, #a52a2a, #3f1010); color: #ffffff; }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }
#portal_slider:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    z-index: -2;
}
/*******************/
/* portal: content */
/*******************/
#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { list-style: disc outside; }
#portal_content ul ul { margin-left: 1em; }
 
/*****************************/
/* portal: blogs/discussions */
/*****************************/
.portal_section .embeddable-discussions-module { color: #fff; }
.portal_section .WikiaBlogListingBox h2, .portal_section .WikiaBlogListingBox .wikia-button { display: none }

/*************************/
/* main page slider tabs */
/*************************/
#portal_slider .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

/***********************/
/* portal: slider back */
/***********************/
#portal_slider #portal_back { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
.portal_section #portal_back img { opacity: 0.3 !important; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; }
.portal_section #portal_back img:hover { opacity: 0.8 !important; }

/*************************/
/* portal customizations */
/*************************/
.portal_section h1 {
    font-family: "Segoe UI",Helvetica,Verdana;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    margin-top: -5px;
}
.portal_section dt {
    font-family: "Segoe UI",Helvetica,Verdana;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 600 !important;
    text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.portal_section a { color: #b3c8d4; }
#portal_dl img, #portal_sm img { transition: .2s; }
#portal_dl img:hover, #portal_sm img:hover { opacity: 0.8; transition: .2s; }

/***********************/
/* portal: backgrounds */
/***********************/
#portal_dl, #portal_sm { background: #111; }
#portal_fa, #portal_news, #portal_statistics, #portal_chat, #portal_blogs, #portal_help, #portal_twitter, #portal_videos, #portal_discussions, #portal_tips {
    position: relative;
    overflow: hidden;
}
#portal_fa:before, #portal_news:before, #portal_statistics:before, #portal_chat:before, #portal_ra:before, #portal_blogs:before, #portal_help:before, #portal_twitter:before, #portal_videos:before, #portal_discussions:before, #portal_tips:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    z-index: -2;
}
#portal_fa:after, #portal_news:after, #portal_statistics:after, #portal_chat:after, #portal_ra:after, #portal_blogs:after, #portal_help:after, #portal_twitter:after, #portal_videos:after, #portal_discussions:after, #portal_tips:after {
    z-index: -1;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#portal_fa:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/d/d2/Portal_weapon.png/revision/latest?cb=20180422132345) top center;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_news:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/9/96/Portal_news.png/revision/latest?cb=20180422132203) top center;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_blogs:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/7/72/Portal_blogs.png/revision/latest?cb=20180422132324) top right;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_help:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/d/d6/Portal_impdrive.png/revision/latest?cb=20180422132146) center;
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: 65% 0;
}
#portal_statistics:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/2/27/Portal_stat.png/revision/latest?cb=20180422132230) top center;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_chat:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/f/fe/Portal_chat.png/revision/latest?cb=20180422132126) 10% 30%;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_twitter:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/0/04/Portal_twitter.png/revision/latest?cb=20180422132248) 40% 0;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_videos:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/a/af/Portal_videos.png/revision/latest?cb=20180427233206) top center;
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_discussions:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/5/56/Portal_updates.png/revision/latest?cb=20180422132306);
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_tips:after {
    background: url(https://vignette.wikia.nocookie.net/rules-of-survival-game/images/9/9c/Portal_tips.png/revision/latest?cb=20180501134411);
    opacity: 0.6;
    background-repeat: no-repeat;
}
#portal_fa:hover:after, #portal_news:hover:after, #portal_blogs:hover:after, #portal_help:hover:after, #portal_statistics:hover:after, #portal_chat:hover:after, #portal_twitter:hover:after, #portal_videos:hover:after, #portal_discussions:hover:after, #portal_tips:hover:after {
    opacity: 0.7;
}
/* modify portals */
#portal_slider .portal_header { display: none; }
/* #portal_fa { height: 311.4px; } */
/* #portal_fa .portal_body { position: relative; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } */
#portal_twitter { height: 443.5px; }
#portal_ref img { height: 50px !important; width: auto; opacity: 0.8; -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; }
#portal_ref img:hover { opacity: 1; -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* discussion portal in main page */
#portal_discussions .discussion-module { 
     display:none /* Turns off standard module to give deference to the bespoke one here */
}
#portal_discussions .embeddable-discussions-module { 
     padding:5px 10px;
}
#portal_discussions .embeddable-discussions-heading {
     display:none;
}
#portal_discussions .embeddable-discussions-show-all {
     display:none;
}
#portal_discussions .embeddable-discussions-module .embeddable-discussions-post-detail { 
     background-color:transparent;
}     
/* stub template */
.stub { 
    background: linear-gradient(to right,rgba(87,65,47,0.5),rgba(87,65,47,0.5)),linear-gradient(to left,rgba(87,65,47,0) 50px,#57412f 270px); 
    border: 1px solid #57412f;
    margin-bottom: 10px;
    text-align: center;
    font-family: Century Gothic;
    color: #fff;
    position: relative;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.stub:before { 
    background: url("https://vignette.wikia.nocookie.net/ayvieyen/images/b/b2/Header_bg.jpg/revision/latest/scale-to-width-down/400?cb=20170524012555");
    background-color: #57412f;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.stub div { margin: 10px; }
.stub a { color: #82a5b8 !important; }

/* collapsible */
.WeaponsNavBox .mw-collapsible-toggle { font-weight: normal; font-size: 12px; text-shadow: none;}
.WeaponsNavBox .mw-collapsible-toggle a { color: #fff !important; text-decoration: none !important; }

/* chat widget width */
.portal_section .ChatWidget {
    width: auto;
}
.portal_section .ChatWidget .wds-button.wds-is-secondary {
    border-color: #b3c8d4;
    color: #b3c8d4;
}
.portal_section .ChatWidget .wds-button.wds-is-secondary:hover {
    border-color: #b3c8d4;
    border-color: rgba(179, 200, 212,0.75) !important;
    color: #b3c8d4;
    color: rgba(179, 200, 212, 0.75) !important;
    text-decoration: none;
}
#portal_chat .chat-headline {
    display: none;
}

/**Mainpage**/
.mainbox {
    border-image: url(/wiki/Special:Filepath?file=border-mainbox.png) fill 48 60 repeat;
    border-width: 32px 40px;
    border-style: solid;
    margin: 10px 0;
}
.mainbox .head {
    color: #ffffff;
    font-family: "Segoe UI", Helvetica, Verdana;
    font-weight: 700;
    font-size: 2em;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;
}
.mainbox .head:after {
    display: block;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    height: 18px;
    content: '';
    margin-top: 5px;
    /*border: 0 !important;
    border-image: url(http://rulesofsurvival.wikia.com/wiki/Special:Filepath?file=hr-mainbox.png) fill 0 590!important;
    border-width: 0 310px !important;
    border-style: solid !important;
    box-shadow: 0 0 !important;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    width: auto !important;
    content: '';*/
}
.mainbox h2.head {
    border-bottom: 0;
    margin: 0;
}
.mainbox hr {
    border: 0;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    background-color: transparent;
    height: 18px;
}

.mainboxside {
    margin-top: 28px;
    margin-bottom: 28px;
}
.mainboxside .head {
    color: #ffffff;
    font-family: "Segoe UI", Helvetica, Verdana;
    font-weight: 700;
    font-size: 2em;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;
}
.mainboxside .head:after {
    display: block;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    height: 18px;
    content: '';
    margin-top: 5px;
}
.mainboxside h2.head {
    border-bottom: 0;
    margin: 0;
}
.mainboxside hr {
    border: 0;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    background-color: transparent;
    height: 18px;
}
.mainboxmini {
    margin-top: 4px;
    margin-bottom: 4px;
}
.mainboxmini .head {
    color: #ffffff;
    font-family: "Segoe UI", Helvetica, Verdana;
    font-weight: 700;
    font-size: 2em;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px -1px 0 #4f4f4f, 1px -1px 0 #4f4f4f, -1px 1px 0 #4f4f4f, 1px 1px 0 #4f4f4f;
}
.mainboxmini .head:after {
    display: block;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    height: 18px;
    width: 65%;
    margin: auto;
    content: '';
    margin-top: 5px;
}
.mainboxmini h2.head {
    border-bottom: 0;
    margin: 0;
}
.mainboxmini hr {
    border: 0;
    background-image: url(/wiki/Special:Filepath?file=hr-mainbox.png);
    background-position: center;
    background-color: transparent;
    height: 18px;
}

/* overrides */
.WikiaArticle .noarticletext {
    border: 0 !important;
    padding: 0 !important;
}
.infobox ul { list-style: none; margin: .4em 0 .5em 0; }

/*************************/
/* screen wide overrides */
/*************************/
@media screen and (min-width: 320px) and (max-width: 768px) {
    /* widths */
    #portal_ros { width: 480px; }
    #portal_official, #portal_comm, #portal_other { width: 236px; }
    #portal_overview, #portal_gears, #portal_maps, #portal_patch { width: 358px; }
    #portal_dev, #portal_events, #portal_rules, #portal_admins { width: 358px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* widths */
    #portal_ros { width: 480px; }
    #portal_official, #portal_comm, #portal_other { width: 235.5px; }
    #portal_overview, #portal_gears, #portal_maps, #portal_patch { width: 358px; }
    #portal_dev, #portal_events, #portal_rules, #portal_admins { width: 358px; }
}
@media screen and (min-width: 1024px) and (max-width: 1083px) {
    /* widths */
    #portal_ros { width: 450px; }
    #portal_official, #portal_comm, #portal_other { width: 212px; }
    #portal_overview, #portal_gears, #portal_maps, #portal_patch { width: 331px; }
    #portal_dev, #portal_events, #portal_rules, #portal_admins { width: 220.6px; }
}
@media screen and (min-width: 1084px) and (max-width: 1595px) {
    /* widths */
    #portal_ros { width: 480px; }
    #portal_official, #portal_comm, #portal_other { width: 222px; }
    #portal_overview, #portal_gears, #portal_maps, #portal_patch { width: 351px; }
    #portal_dev, #portal_events, #portal_rules, #portal_admins { width: 351px; }
}
@media screen and (min-width: 1596px) {
    /* widths */
    #portal_ros { width: 550px; }
    #portal_official, #portal_comm, #portal_other { width: 306px; }
    #portal_overview, #portal_gears, #portal_maps, #portal_patch { width: 428px; }
    #portal_dev, #portal_events, #portal_rules, #portal_admins { width: 428px; }
    /* renew bg images */
    #portal_cg-wiki:after { background: url(https://vignette.wikia.nocookie.net/chosengeneration/images/2/2d/Main-CG-Wiki.png/revision/latest/scale-to-width-down/430?cb=20170521071039) center; }
    #portal_bpov:after { background: url(https://vignette.wikia.nocookie.net/chosengeneration/images/c/cf/Sub_bpov.png/revision/latest/scale-to-width-down/430?cb=20170521072148) bottom center; }
}