Slime Rancher Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Slime Rancher Wiki
No edit summary
No edit summary
Line 11: Line 11:
 
}
 
}
 
 
/* Hide main page header */
 
body.page-Slime_Rancher_Wiki h1.firstHeading {
 
display: none;
 
}
 
 
 
body {
 
body {
background: #6EE0B0 url('https://slimerancher.gamepedia.com/media/slimerancher.gamepedia.com/2/26/Background.png') repeat-x scroll center top;
+
background: #6EE0B0 url(/media/2/26/Background.png) repeat-x scroll center top;
 
}
 
}
   
Line 31: Line 26:
   
 
/* Logo */
 
/* Logo */
  +
#p-logo {
  +
width: 389px;
  +
left: 50vw;
  +
margin-left: -194px;
 
}
  +
  +
@media screen and (max-width: 982px) {
  +
#p-logo {
  +
margin-left: 0;
  +
}
  +
}
  +
 
#p-logo a {
 
#p-logo a {
 
width: 389px;
 
width: 389px;

Revision as of 14:03, 20 February 2020

/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Custom fonts */
@font-face {
    font-family: "Amatic";
    src: url("/media/hydra/fonts/AmaticSC-Regular.ttf") format('truetype');
}
 
body {
    background: #6EE0B0 url(/media/2/26/Background.png) repeat-x scroll center top;
}

body #pageWrapper {
    margin-right: 10px;
}

/* Head */
div#mw-page-base {
    background: transparent;
    height: 180px;
}

/* Logo */
#p-logo {
    width: 389px;
    left: 50vw;
    margin-left: -194px;
}

@media screen and (max-width: 982px) {
  #p-logo {
    margin-left: 0; 
  }
}

#p-logo a {
    width: 389px;
    margin-top: 12px;
}

/* Tabs */
#mw-head {
    margin-top: 100px;
}

div.vectorTabs {
    background: transparent;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
    background: transparent;
    border: none;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -6px;
}

div.vectorTabs li span a,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    background: #F31B57;
    border-radius: 15px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    height: 19px;
    padding: 5px 10px;
    margin: 0 3px;
    text-shadow:none;
}

div.vectorTabs .new a {
    color: #666666 !important;
}

.vectorTabs #ca-unwatch.icon a, 
.vectorTabs #ca-watch.icon a {
	margin: 0;
	padding: 0;
	display: block;
	width: 28px;
	padding-top: 3.1em;
	margin-top: -0.8em;
	height: 0;
	overflow: hidden;
	background-position: 5px 60%;
	background-repeat: no-repeat;
        background-color: transparent;
}

div.vectorMenu h3 span {
    color: #000000;
    font-weight: bold;
    display: inline;
    margin-right: 10px;
    padding-left: 0px;
}

div#mw-head div.vectorMenu h3 {
    background: #F31B57;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    height: 19px;
    padding: 5px 10px;
    margin: 0.5em 3px 0;
}

div.vectorMenu h3 a {
    background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/87/Vector_menu_downarrow_dark.png") no-repeat scroll center center transparent;
    margin-top: 3px;
}

div.vectorMenu div.menu {
    background: #D1EFE8;
    border: 1px solid #000000;
    border-radius: 4px;
    top: 2.35em !important;
}

div#mw-head div.vectorMenu a {
    color: #F31B57;
}

/* Sidebar */
div#mw-panel {
    margin-top: -20px;
}

div#mw-panel div.portal,
#mw-panel.collapsible-nav div.portal {
    background-image: none;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: #000000;
    font-weight: normal;
    text-shadow: none;
}

#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #F31B57;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 0.1em #FFFFFF;
}

/* Content */
div#content {
    background: #ACD9E1;
    border: none;
    border-radius: 5px;
    color: #000000;
}

h1, h2 {
    color: #000000;
    border-bottom: 1px solid #000000;
}

h3, h4, h5, h6 {
    color: #000000;
}

#catlinks,
div#toc,
div.toc,
.mw-warning,
ul#filetoc {
    background: #D1EFE8;
    border: 1px solid #000000;
    border-radius: 5px;
}

.CategoryTreeToggle {
    color: #F31B57;
}

code {
    background: #FAF0D9;
    color: #000000;
}

pre,
.mw-code {
    background: #D1EFE8 !important;
    border: 1px dashed #000000 !important;
    color: #000000 !important;
    overflow: auto;
}

fieldset {
    border: 1px solid #000000;
}
ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23f31b57%22%2F%3E%0A%3C%2Fsvg%3E%0A);
} 

/* Anchors */
div#content a,
div#content a:visited,
div#content a.extiw:not,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited {
    color: #F31B57;
    font-weight: bold;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

/* Footer */
div#footer ul li {
    color: #000000;
}

/* Thumbnails and galleries and image file history */
div.thumb {
    background: transparent !important;
    border: 1px solid #000000 !important;
    border-radius: 4px;
}

img.thumbborder {
    border: 1px solid #000000;
    padding: 5px;
}

div.thumbinner {
    background: transparent;
    border: none;
}

li.gallerybox div.thumb {
    background: transparent;
    border: 1px solid #000000;
    border-radius: 4px;
}

html .thumbimage {
    border: 1px solid #000000;
    border-radius: 4px;
}

div.tright div.tleft {
    border: 1px solid #000000 !important;
}

div.tright {
    clear: right;
    float: right;
}

/* Preferences */
.client-js #preferences {
    background: #D1EFE8;
    border: 1px solid #000000;
    border-radius: 5px;
}

.client-js #preftoc li:first-child {
    margin-left: 5px;
}

.client-js #preftoc,
.client-js #preftoc li,
.client-js #preftoc li a {
    background: transparent !important;
}

.client-js #preftoc li a {
    color: #F31B57;
}

.client-js #preftoc li.selected {
    background: #31B2D9 !important;
    border: 1px solid #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.client-js #preftoc li.selected a {
    color: #000000;
}

.client-js #preferences legend {
    color: #000000;
}

.client-js #preferences fieldset {
    border-color: #000000 !important;
}

/* Page history */
table.diff {
    background-color: transparent;
}

/* Color fix for advanced search options box */
.mw-search-profile-tabs {
    background: #31B2D9;
    border: 1px solid #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

fieldset#mw-searchoptions {
    background: #D1EFE8;
    border-color: #000000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

fieldset#mw-searchoptions div.divider {
    border-color: #000000;
}

/* Tables */
table.wikitable {
    background: #D1EFE8;
    border: 1px solid #000000;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: #31B2D9;
    border: 1px solid #000000;
    color: #000000;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid #000000;
}

.wikitable th {
    background-color: #31B2D9;
    border: 1px solid #000000;
    color: #000000;
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid #000000;
    padding: 0.2em;
}

table.mw_metadata th {
    background: #31B2D9;
    border: 1px solid #000000;
    color: #000000;
}

table.mw_metadata td {
    background: #D1EFE8;
    border: 1px solid #000000;
}

.TablePager {
    background: #D1EFE8;
    border: 1px solid #000000;
    padding: 0 0.15em;
}

.TablePager th {
    background: #31B2D9;
    border: 1px solid #000000;
    color: #000000;
    padding: 0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
 
.TablePager td {
    background: #D1EFE8 !important;
    border: 1px solid #000000;
}

/* Wiki editor fixes */
div.wikiEditor-ui,
div.wikiEditor-ui-buttons,
div.wikiEditor-ui-controls,
div.wikiEditor-ui-tabs,
div.wikiEditor-ui-tabs div {
    background: transparent;
    border: none;
}

div.wikiEditor-ui-tabs div a,
div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .booklet .index div {
    color: #F31B57;
}

div.wikiEditor-ui-tabs div:first-child {
    margin-left: 5px;
}

div.wikiEditor-ui-tabs div.current {
    background: #31B2D9;
    border: 1px solid #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.wikiEditor-ui-tabs div.current a {
    color: #000000;
}

div.wikiEditor-ui .wikiEditor-ui-view,
div.wikiEditor-ui-toolbar .group,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .page-characters div span,
div.wikiEditor-ui-toolbar .page-table td {
    border-color: #000000;
}

div.wikiEditor-ui-toolbar,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .booklet .pages {
    background: #D1EFE8;
}

div.wikiEditor-ui-toolbar .booklet .index .current,
div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background: #31B2D9;
    border-color: #000000;
    color: #000000;
}

.wikiEditor-ui-toolbar .page-table th {
    color: #000000;
}

div.wikiEditor-preview-contents {
    background: transparent;
}

div.editOptions {
    background: #D1EFE8;
    border-color: #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* copyright images tweak */
.copyright-icon {
    background: url(https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #eeeeee;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}

/* INFOBOXES */
.infoboxtable {
    background: #D1EFE8;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000000;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background: #31B2D9;
    border: 4px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background: #31B2D9;
    border-radius: 5px;
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 0em;
}

.infoboxdescription {
    background: #31B2D9;
    border-radius: 5px;
    color: #000000;
}

/* copyright images tweak */
.copyright-icon {
    background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

.feature {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #aaaaaa;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(255, 255, 255, 0.2);
}

.navbox-list {
    border-color: rgba(255, 255, 255, 0.2); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(255, 255, 255, 0.2);
    color: #444;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(255, 255, 255, 0.2);
    color: #333;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

/* Even row striping */
.navbox-even {
    background: rgba(0, 0, 0, 0.05);
    color: #333;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 1px solid #505050;
}

.fpbox {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #505050;
    box-shadow: 0 2px 5px #505050;
}

.fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.3);
    border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.4);
}

.linkslabel {
    border-bottom: 2px solid #505050;
}