No Man's Sky Wiki
Don't have an account?
Register
Advertisement
Register
No Man's Sky Wiki
No Man's Sky Wiki
80,401
pages

Mobile.css

MediaWiki page
Revision as of 16:53, 13 September 2017 by Alianin (talk | contribs)
Sign in to edit

In other languages: Deutsch • Español • Français • Italiano • Português do Brasil

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the mobile site */
.nomobile {
    display: none;
}

@font-face {
  font-family: 'Geosanslight-NMS';
  src: local('Geosanslight-NMS'), url("media/hydra/fonts/geonms-webfont.ttf") format('truetype');
}

@font-face {
  font-family: 'Raleway';
  src: local('Raleway'), local('Raleway-Regular'), url("media/hydra/fonts/Raleway-Regular.ttf") format('truetype');
}

/******************
/* General styles *
/******************/
body {
  color: #ffffff !important;
  font-family: Raleway, sans-serif;
}

/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
    background: #212121;
}

.overlay {
    background: transparent !important;
}

.overlay-enabled,
#content {
  background: #000000 url("https://nomanssky.gamepedia.com/media/nomanssky.gamepedia.com/a/af/Skin-Mobile-Background.jpg") left top no-repeat !important;
}

body.navigation-enabled .transparent-shield {
  background: rgba(0, 0, 0, 0.8) !important;
}

div#searchbox {
  border: 1px solid #a2a2a2;
}

.pre-content h1, .content h1, h1, .content h2, h2 {
  font-family: "Geosanslight-NMS", Raleway, sans-serif;
  letter-spacing: 1px;
  font-variant: small-caps;
  color: #ffffff !important;
}

.content h3, h3, .content h4, h4, .content h5, h5, .content h6, h6 {
  font-family: Raleway, sans-serif;
  font-variant: small-caps;
  color: #ffffff !important;
}

#content_wrapper .section {
  border-bottom: 1px solid #483d26;
}

#content .thumb {
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box;
  color: #ffffff;
  padding: 8px;
  margin-bottom: 5px;
}

.content .thumbcaption {
    color: #FFFFFF;
}

.content table.wikitable {
  border-collapse: separate;
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: transparent;
  color: #ffffff;
  margin: 5px 0 10px 0;
  padding: 0;
}

.content table.wikitable th,
.content table.wikitable tr th,
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
  border: 1px solid #b1dbc8;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.content table.wikitable td,
.content table.wikitable tr td,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > td {
  border: 1px solid #b1dbc8;
  background: transparent;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.content table.jquery-tablesorter th.headerSort {
  background: #232c28 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJSIX7GTsAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center !important;
  background: rgba(177, 219, 200, 0.20) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJSIX7GTsAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.content table.jquery-tablesorter th.headerSortDown {
  background: #232c28 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJSj3OY3yAAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center !important;
  background: rgba(177, 219, 200, 0.20) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJSj3OY3yAAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.content table.jquery-tablesorter th.headerSortUp {
  background: #232c28 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJRtI6ezkAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") no-repeat right center !important;
  background: rgba(177, 219, 200, 0.20) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSx28gIZUJVAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBQUJJRtI6ezkAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

div footer {
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box;
  color: #ffffff;
  margin: 0 10px 10px 10px;
  padding: 8px;
}

.mwm-notice {
  border: none;
  background: transparent;
  color: #ffffff;
}

pre, .mw-code {
  border: 1px dashed #b1dbc8;
  background: #295740;
  color: #ffffff;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  background: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
}

input, select, textarea {
  font-family: Raleway, sans-serif;border: none;
  background: #b1dbc8;
  color: #000000;
  padding: 2px 2px;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
  font-family: Raleway, sans-serif;
  border-radius: 2px;
  border: none;
  background: #b1dbc8;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 2px;
}

#mf-notification {
  border: none !important;
  background: #232c28 !important;
  color: #ffffff !important;
}

.toast {
  border: none;
  background: #232c28;
  color: #ffffff;
}

.drawer {
  background: #232c28;
}

/*******************
/* Search elements *
/*******************/
.search-overlay, .overlay-header-container, .search-overlay .overlay-header, .search-overlay .results, .search-overlay .search-feedback {
  background: #000000 !important;
  color: #ffffff !important;
}

/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
  border-left: 12px solid #295740 !important;
  background: #000000 !important;
}

#mw-mf-page-left {
  font-family: "Geosanslight-NMS", Raleway, sans-serif;
  letter-spacing: 1px;
  font-variant: small-caps;
  border-left: 12px solid #295740;
  background: transparent;
}

#mw-mf-page-left ul {
  background: transparent;
}

#mw-mf-page-left ul:first-child {
  border-bottom: 12px solid #295740;
}

#mw-mf-page-left ul li {
  border-top: 1px solid #295740;
  border-bottom: 1px solid #295740;
  background: transparent;
  text-shadow: none;
}

#mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {
  border: none;
  color: #b1dbc8;
}

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #b1dbc8;
  background: transparent;
}

#mw-mf-page-left ul.hlist li:hover {
  border: none;
}

#mw-mf-page-left ul li:hover a, #mw-mf-page-left ul.hlist li:hover a {
  color: #ffffff;
}

/***************
/* Link styles *
/***************/
a, a:link {
  color: #b1dbc8;
}

a:visited {
  color: #6cd4a2;
}

a.new {
  color: #dcb0b0 !important;
}

a.new:visited {
  color: #d89090 !important;
}

a.stub {
  color: #dcdbb0;
}

a.stub:visited {
  color: #d5d46b;
}

a.extiw, a.external {
  color: #b0cfdc !important;
}

a.extiw:visited, a.external:visited {
  color: #6bb6d5 !important;
}

a:active {
  color: #ffffff !important;
}

/***************************
/* Template example styles *
/***************************/
span.templateexample {
  font-family: monospace;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #bbbbbb;
  font-style: italic;
}

/******************
/* Image licenses *
/******************/
.ambox {
  border: none;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box;
  color: #ffffff;
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 10px auto;
  padding: 3px 6px;
  width: 80%;
}

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

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

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

.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;
}

/*********************
/* Front page styles *
/*********************/
.fpbox {
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box;
  color: #ffffff;
  margin: 10px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.fpbox .welcome {
  border-bottom: 1px solid #b1dbc8;
  font-family: "Geosanslight-NMS", Raleway, sans-serif;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 150%;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border-bottom: 1px solid #b1dbc8;
  font-family: "Geosanslight-NMS", Raleway, sans-serif;
  letter-spacing: 1px;
  color: #ffffff;
  font-variant: small-caps;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox hr {
  border: none;
  border-bottom: 1px solid #b1dbc8;
}

.fpplainbox {
  padding: 5px 8px 10px 8px;
  margin: 0 5px 10px 5px;
  vertical-align: top;
}

.fpimagelinks {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start;
}

.linkslabel {
  border-bottom: 1px solid #b1dbc8;
  margin: 6px 3px 0 3px;
}

.fplinks div.fplink {
  display: inline-block;
  border-left: 1px solid #b1dbc8;
  padding: 0 5px;
}

.fplinks div.fplink:first-child {
  border-left: none;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 480px;
}

.fpvideo {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
}

.fpvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}/******************
/* Infobox styles *
/******************/
table.infoboxtable {
  border-collapse: separate;
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: transparent;
  color: #ffffff;
  margin: 5px 0 5px 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

table.infoboxtable th {
  border: 1px solid #b1dbc8;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.infoboxtable th.infoboxname {
  font-family: "Geosanslight-NMS", Raleway, sans-serif;
  letter-spacing: 1px;
  font-variant: small-caps;
  font-size: 150%;
}

table.infoboxtable td {
  border: 1px solid #b1dbc8;
  background: #1b211e padding-box;
  background: rgba(177, 219, 200, 0.15);
  color: #ffffff;
  padding: 4px 8px;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid transparent;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat;
  background: #232c28 padding-box;
  background: rgba(177, 219, 200, 0.20);
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box;
  color: #ffffff;
  overflow: auto;
  margin: 0 0 3px 0;
  padding: 3px;
}

span.bullet {
  font-size: 1%;
}

span.bullet:after {
  font-size: 10000%;
  content: "•";
}

.dablink {
  padding: 3px 3em 10px 3em;
  font-style: italic;
}

span.ghost {
  color: #bbbbbb; /* For any text that appear fainter for some reason */
}

.columns {
  padding: 0;
  margin: 10px -10px 0 -10px;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .column {
  margin-left: 10px;
  margin-right: 10px;
}

div#content .columns .leftcol > *, div#content .columns .centercol > *, div#content .columns .rightcol > * {
  margin-left: 10px;
  margin-right: 10px;
}

div#content .columns .leftcol > ul, div#content .columns .centercol > ul, div#content .columns .rightcol > ul {
  margin-left: 15px;
  padding-left: 15px;
  margin-right: 10px;
}

div#content .columns .leftcol .column > *, div#content .columns .centercol .column > *, div#content .columns .rightcol .column > * {
  margin-left: 0;
  margin-right: 0;
}

.client-js .toc-mobile {
  background: #232C28 padding-box !important;
  background: rgba(177, 219, 200, 0.20) !important;
  background: linear-gradient(to right, rgba(177, 219, 200, 0.30), rgba(177, 219, 200, 0.10)) padding-box !important;
  border: 1px solid transparent !important;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QAsQDbAMjAhwqIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AUFCQE5bGFMpgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAOklEQVQoz2PcePuEDwMEvGVAAGEovYWBgYHBX9WCARkwMZABWJBsOE6sJrJsItt5wnSzaQtdbBqOAAAvBgeT2tgkPAAAAABJRU5ErkJggg==") 4 8 8 4 / auto / 4px 0 0 4px repeat !important;
}

.mw-ui-icon-arrow::before {
    filter: invert(100%);
}

/* Item colors */
.blue,
.device {
   background-color: #0063B7 !important;
}

.green,
.curiosity,
.trade_commodity {
    background-color: #007951 !important;
}

.purple {
    background-color: #681676 !important;
}

.red,
.consumable {
    background-color: #C01746 !important;
}

.yellow,
.component {
    background-color: #F3A923 !important;
}

.technology {
    background-color: #095C78 !important;
}

.resource-isotope {
    background-color: #BB3830 !important;
}

.resource-neutral {
    background-color: #5FCC93 !important;
}

.resource-oxide {
    background-color: #FFC356 !important;
}

.resource-precious {
    background-color: #6F187E !important;
}

.resource-exotic {
    background-color: #6F187E !important;
}

.resource-silicate {
    background-color: #0149A3 !important;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
More Fandoms
Advertisement