MediaWiki:Mobile.css

/******************
/* General styles *
/******************/
body, body.navigation-enabled #mw-mf-page-center {
  background: #dbded8 url("http://hydra-media.cursecdn.com/pantheonriseofthefallen.gamepedia.com/1/13/Skin-Body-Background.jpg") center top no-repeat;
  color: #000000;
}

div#searchbox {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: #d0b791;
}

#content_wrapper {
  border: none;
  background: transparent;
  color: #000000;
  clear: both;
  margin: 0 4px;
  padding: 3px;
}

h1, .content h1, h2, .content h2 {
  border-bottom: 1px solid #b29880;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
}

h3, .content h3, h4, .content h4 {
  border-bottom: 1px solid #c0af9d;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
}

h5, .content h5, h6, .content h6 {
  font-variant: small-caps;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  color: #000000;
}

#content_wrapper .section {
  border-bottom: 1px solid #5c5442;
}

#content .thumb {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: #d0b791;
  padding: 3px;
  margin-bottom: 5px;
}

table, table.wikitable, .content table, .content table.wikitabl {
  border: 1px solid #5c5442;
  background: #d0b791;
  padding: 3px;
  margin: 0 auto 5px auto; 
}

table th, table.wikitable th, .content table th, .content table.wikitable th {
  border: 1px solid #5c5442;
  background: #d0b791;
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;
  padding: 3px;
}

table td, table.wikitable td, .content table td, .content table.wikitable td {
  border: 1px solid #5c5442;
  background: #d0b791;
  color: #000000;
  padding: 3px;
}

.mwm-notice {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: transparent;
  color: #000000;
  padding: 3px;
}

pre, .mw-code {
  border: 1px dashed #5c5442;
  background: #d0b791;
  color: #000000;
  padding: 2px 6px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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

input, select, textarea {
  border: 1px solid #5c5442;
  background: #d0b791;
  color: #000000;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
  border-radius: 4px;
  border: none !important;
  background: #553322 !important;
  color: #ffcc00;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-weight: bold;
  text-transform: uppercase;
}

button, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  background: #895237 !important;
}

#mf-notification {
  border: 1px solid #5c5442 !important;
  border-radius: 5px !important;
  background: #d0b791 !important;
  padding: 8px;
  margin-bottom: 5px;
}

.toast {
  border: 1px solid #d0b791;
  border-radius: 5px;
  background: #d0b791;
  color: #000000;
  text-shadow: 0 1px 0 #000000;
}

.drawer {
  background: #d0b791 !important;
}

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

#mw-mf-page-left {
  border-left: 12px solid #d0b791;
  background: transparent;
}

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

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

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

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

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #784100;
  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: #784100;
}

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

a:visited {
  color: #66513a;
}

a.stub {
  color: #3e7800;
}

a.stub:visited {
  color: #51653b;
}

a.extiw, a.external {
  color: #006442;
}

a.extiw:visited, a.external:visited {
  color: #34584c;
}

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

/***************************
/* Template example styles *
/***************************/
span.templateexmaple {
  font-family: fixed-width;
}

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

span.templateexample span.paramname {
}

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

/********************
/* Notice templates *
/********************/
.topNotice {
  border: 1px dashed #5c5442;
  border-radius: 5px;
  background: #d0b791;
  color: #000000;
  padding: 3px;
}

.topNotice .heading { 
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-size: 132%;
}

.topNotice.delete {
  border: 2px solid #762828;
}

.topNotice.move, .topnotice.merge, .topnotice.split {
  border: 2px solid #764f28;
}

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
  border: 2px solid #287628;
}

/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  border: 1px dashed #5c5442;
  background: #d0b791;
  color: #000000;
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

.fpbannertable {
  display: table;
  border: none;
  background: transparent;
  width: 100%; 
  min-height: 75px;
  margin: 0;
  padding: 5px;
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  border: none;
  color: #000000;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
  font-size: 132%;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbanner1 .fpbannertable {
  background: url("http://hydra-media.cursecdn.com/soma.gamepedia.com/f/f2/Fpbox_left_1.png") left center no-repeat, 
              #ffffff url("http://hydra-media.cursecdn.com/soma.gamepedia.com/5/5c/Fpbox_right_1.png") right center no-repeat;
}

.fpbox {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: #d0b791;
  color: #000000;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.fpbox .heading {
  border-bottom: 2px solid #b29880;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

div.fp2columnonly, div.fp3columnonly {
  display: none; 
}

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

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}

/******************
/* Infobox styles *
/******************/
.stdinfobox {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: #d0b791;
  color: #000000;
  vertical-align: top;
  padding: 3px;
}

.stdinfobox .title {
  border-bottom: 1px solid #b29880;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-size: 150%;
  text-align: center;
  overflow: auto;
}

.stdinfobox img {
}

.stdinfobox .caption {
  border: none;
  background: transparent;
  font-size: 94%;
  text-align: center;
}

.stdinfobox .body {
}

.stdinfobox .image {
  text-align: center;
}

.stdinfobox .image .image {
}

.stdinfobox .image img {
}

.stdinfobox .image .image img {
}

.stdinfobox table {
  width: 100%;
}

.stdinfobox table tr th {
  background: transparent !important;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  width: 1%;
}

.stdinfobox table tr td {
  color: #000000;
  text-align: left;
  vertical-align: center;
}

.stdinfobox table tr td.subtitle {
  border-bottom: 1px solid #c0af9d;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-size: 132%;
  text-align: center;
}

.stdinfobox table tr td.listlabel {
  border-bottom: 1px solid #c0af9d;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  color: #000000;
  font-size: 116%;
  text-align: center;
}

.stdinfobox table tr td.listentries {
  text-align: center;
}

/*********************
/* Navigation tables *
/*********************/
table.nav {
  border: 1px solid #5c5442;
  background: #d0b791;
  color: #000000;
  padding: 0;
  clear: both;
}

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
  border: 1px solid #5c5442;
  background: #d0b791;
  color: #000000;
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 
  font-variant: small-caps;
  font-size: 116%;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0 5px 5px 5px;
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
  border: 1px dashed #5c5442;
  background: #d0b791;
  color: #000000;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
  padding: 0;
}

table.nav td .item {
  display: inline-block;
  border-right: 1px solid #5c5442;
  margin: 3px 0 6px 0;
  padding: 0 11px 2px 11px;
}

table.nav td .item:last-child {
  border: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid #5c5442;
  border-radius: 5px;
  background: #d0b791;
  color: #000000;
  overflow: auto;
  padding: 3em;
}

div#content .contentbox h1, div#content .contentbox h2, div#content .contentbox h3, div#content .contentbox h4, div#content .contentbox h5, div#content .contentbox h6 { 
}

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

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

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

span.ghost {
  color: #666666; /* 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;
}

.nomobile {
  display: none;
}