MediaWiki:Wikia.css

/*********** ArticleRating CSS dependency *************/

/************ Rating module ************/ font-weight: bold; }
 * 1) rating-module b {

position: relative; margin: auto; }
 * 1) rating-stars-wrapper {

position: absolute; top: 0; cursor: pointer; }
 * 1) rating-stars {

display: inline-block; }
 * 1) rating-stars>li {

width: 50%; float: left; text-align: center; }
 * 1) rating-info>div {

content: ''; clear: both; display: block; }
 * 1) rating-info:after {

font-size: 54px }
 * 1) rating-avg {

text-align: center; font-size: 10px; }
 * 1) rating-footer {

margin-top: 8px; clear: both; }
 * 1) rating-info,
 * 2) rating-footer {

margin-left: auto; }
 * 1) rating-title>a {

margin: 0; transition: 0.2s ease; transform: rotateZ(-180deg); }
 * 1) rating-title>a>svg {

transform: initial; }
 * 1) rating-title>.show>svg {

margin: 8px 0; }
 * 1) rating-my {

.rating-bars { position: relative; height: 16px; margin-top: 3px; }

.rating-bars>div { margin: 0 !important; transition: width 0.3s linear; }

.rating-bars-label { position: absolute; left: 3px; line-height: initial; }

.rating-bars-total { position: absolute; right: 3px; line-height: initial; }

.page-module { padding: 10px; }

.page-module > h2 { display: flex; }

.page-module svg { fill: rgba(58, 58, 58, 0.75); margin-right: 7px; }

/********************** Insights ************************/ .rating-title { font-weight: bold; }

.rating-col { float: left; width: 32.3%; width: calc(33.3% - 10px); margin: 5px; padding: 10px 0; }

.rating-col:nth-child(3)>.rating-icon { transform: scaleY(-1); }

.rating-icon { float: left; margin: 20px 10px; }

.rating-icon, .rating-icon>svg { width: 50px; height: 50px; }

.rating-link { font-weight: bold; font-size: 25px; display: block; }

.centered-text { text-align: center }

.rating-col-2 { width: 66.2%; float: left; }

.rating-table { width: 100% }

.rating-table th, .rating-details>.head { font-weight: bold; padding: 3px; }

.rating-table td>span { float: left; margin-right: 5px; }

.rating-details { float: left; margin-left: 10px; margin-top: 2px; width: 32.3%; width: calc(33.3% - 10px); } .rating-details .rating-bars { width: 80%; margin-left: 20px; overflow: initial; } .rating-details .rating-bars-label { left: -20px; } .rating-details .rating-bars-total { right: -40px; }

.sortable { cursor: pointer; position: relative; }

.sortable:after { content: '<>'; position: absolute; right: 5px; font-family: monospace; transform: rotateZ(90deg); }

.asc:after { content: '>' } .desc:after { content: '<' }

.wikia-paginator { height: unset } .wikia-paginator ul { text-align: center }

/********************** Background Header ************************/ header.wds-community-header { background-image: url(https://static.wikia.nocookie.net/roblox-site-76/images/8/89/Burning_man_icon.png/revision/latest/scale-to-width-down/604?cb=20210521011337) !important; background-position: right center !important; background-size: auto !important; } .wds-community-header::before { background: linear-gradient(to right,rgba(255, 217, 0, 0),rgba(240, 133, 12, 0),rgba(51, 24, 0, 0.7),rgba(51, 27, 30, 0)),linear-gradient(to left,rgba(0, 0, 0, 0) 200px,#0000 430px) !important }

/*MAINPAGE HEADER*/

margin: auto; position: relative; }
 * 1) main-header {

background: url(https://static.wikia.nocookie.net/roblox-site-76/images/9/90/Complete_Heists.jpg/revision/latest/scale-to-width-down/250?cb=20210319180324) no-repeat; background-size: 120%; background-position: 100% 25%; margin: 0; position: relative; width: 100%; height: 130px; filter: drop-shadow(0px 3px 2px #000); }
 * 1) main-header .background {

background: url(https://static.wikia.nocookie.net/roblox-site-76/images/3/31/Site-76_Blue.png/revision/latest/scale-to-width-down/640?cb=20210519203710) 50% 40% / 50% auto no-repeat; width: 100%; height: 100%; opacity: 1; transform: translateY(0); transition: all .9s cubic-bezier(.19, 1, .22, 1) .2s; }
 * 1) main-header .wiki-big-logo {

opacity: 1; transform: translateY(0); }
 * 1) main-header .wiki-big-logo.loaded {

width: 140px; outline: transparent; position: absolute; bottom: 20%; right: 30px; z-index: 3; overflow: visible; }
 * 1) main-header .icons {

opacity: .5; } opacity: .8; }
 * 1) main-header .icons.hoverimage img {
 * 1) main-header .icons.hoverimage img:hover {

width: 100%; position: absolute; bottom: 10px; z-index: 3; overflow: visible; text-align:center; }
 * 1) main-header .description {

padding: 0.2em 0.4em; font-family: "Source Sans Pro"; font-weight: 700; min-width: 17.94%; margin: 0 0.1em; display: inline-block; background-color: var(--wds-primary-button-background-color); color: #fff; }
 * 1) main-header .button a {

background-color: var(--wds-primary-button-background-color--hover); text-decoration: none; }   background-color: #fff; color: var(--wds-primary-button-background-color--hover); text-decoration: none; }
 * 1) main-header .button a:hover {
 * 1) main-header .button a:active {

/* Adjust base styles for Recent Wiki Activity rail module */ .edit-info-user::after { margin-left: -2px; width: 12px; height: 12px; }

/* Custom username badges */ [class^='EntityHeader_name__']::after, [class^='mw-userlink']::after, .edit-info-user::after { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background-size: cover; vertical-align: sub; }

/* Adjust base styles for Recent Wiki Activity rail module */ .edit-info-user::after { margin-right: -2px; width: 12px; height: 12px; }

[class^='EntityHeader_name__'][href='/wiki/User:Dxrknrg']::after, [class^='mw-userlink'][href='/wiki/User:Dxrknrg']::after, .edit-info-user[href='/wiki/User:Dxrknrg']::after { content: ''; background-image: url(https://vignette.wikia.nocookie.net/central/images/1/12/Badge-Admin.svg); }

/* 2.5 - Customize Bar Wrapper */ .WikiaBarWrapper { background: black; border-top: 1.5px solid white; box-shadow: 0 0 10px red; }

.WikiaBarWrapper .toolbar,.WikiaBarWrapper .toolbar .tools > li > a { color: white; font-family: Rubik; font-weight: bold; }

.WikiaBarWrapper .toolbar a:hover { text-decoration: underline; }

/*- Scroll Bar ---*/ .myBox { border: none; padding: 5px; width: 200px; height: 200px; overflow: scroll; }


 * -webkit-scrollbar {

width: 12px; height: 12px; }


 * -webkit-scrollbar-track {

border-radius: 10px; background: #d8d8d8; }


 * -webkit-scrollbar-thumb {

background: grey; border-radius: 10px; } /* 2.4 - Customize Rail */ border: 2px solid white; box-shadow: 0px 0px 3px white; background: transparent; background-size: cover; padding: 10px; border-radius: 15px; }
 * 1) WikiaRailWrapper .rail-module,
 * 2) WikiaRailWrapper .module {

background: linear-gradient(to bottom right, black, darkred); }
 * 1) WikiaRailWrapper .rail-module:hover,
 * 2) WikiaRailWrapper .module:hover {

.home-frame, .home-nav-card, .home-social-frame { box-shadow: 0 0 0.3em #bbb; background-color: #D8D8D8; } .home-frame .footer { background-color: silver; } .home-nav-text span, .home-frame .footer span, .home-staff-name-text span { color: #676767; }

/* Theme for Special:DiscussionsFeed */ .df-content { font-weight: bold; color: LightGrey; } .df-user { color: LightSkyBlue; } .df-date { color: LightGrey; } .df-entry:hover { background-color: rgba(255,255,255,0.1); } .df-category { font-style: italic; } .df-block { color: firebrick; } .df-content:link, df-content:visited, .df-user:link, df-link:visited, .df-block:link, df-block:visited { text-decoration: none; }

.wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-dropdown 0.35s; -moz-animation: searchsuggestions-dropdown 0.35s; animation: searchsuggestions-dropdown 0.35s; } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-animation { from {opacity: 0; transform: translateX(-10px);} to {opacity: 1; transform: translateX(0);} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes searchsuggestions-dropdown { from {top: 80%; opacity: 0;} to {top: calc(1px+100%); opacity: 1;} } .wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny { transform: rotate(-90deg) translateY(3px); } .wds-dropdown-level-2 svg#wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } svg#wds-icons-dropdown-tiny { transition: transform 0.2s; } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { border-radius: 27px; }

/* Dropdown */ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.2s; -moz-animation: dropdown-topnav 0.2s; animation: dropdown-topnav 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.2s; -moz-animation: dropdown-animation 0.2s; animation: dropdown-animation 0.2s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.2s linear; -moz-animation: contribution-dropdown 0.2s linear; animation: contribution-dropdown 0.2s linear; }

.wds-dropdown .wds-dropdown__content.wds-global-navigation__search-suggestions { animation: dropdown-search 0.25s ease-in-out !important; } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-animation { from {opacity: 0; transform: translateX(-10px);} to {opacity: 1; transform: translateX(0);} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes dropdown-search { from {top: 1px; opacity: 0;} to {top: calc(1px + 100%); opacity: 1;} }

/* Top Navigation Arrow */ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } li.wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny.wds-icon.wds-icon-tiny.wds-dropdown-chevron { transform: translate(5px) rotate(-90deg); }
 * 1) wds-icons-menu-control-tiny.wds-icon.wds-icon-tiny.wds-dropdown-chevron {

/* Recent Wiki Activities */ .activity-module .edit-info .edit-info-user { display: unset; overflow: unset; text-overflow: unset; }

.edit-info-user::before { width: 16px !important; height: 16px !important; background-size: cover !important; margin-right:2px !important; vertical-align: sub !important; display: inline-block !important; } /* Administrators */ [href="/wiki/User:Dxrknrg"]::before { content: ''; background-image: url('https://vignette.wikia.nocookie.net/central/images/1/12/Badge-Admin.svg'); }