MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
    background: transparent;
}

footer {
    color: #e0e0e0;
}

.overlay #secondary-button.user-button,
.header #secondary-button.user-button,
.overlay .user-button,
.header .user-button {
    background: transparent;
}

/* end header and footer */

.nomobile {
    display: none;
}

.animations #mw-mf-page-center {
    background: #6b5b3a !important;
}

body {
    background-image: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/1/1f/Background.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #6e5f3e;
    background-size: cover;
    color: #ffffff;
}

#content {
    background: url(https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/e/e9/Mobile-background.jpg);
    background-size: 100% auto;
	border-top: none;
	color: #ffffff;
}

.client-js .toc-mobile {
    background-color: rgba(0,0,0,0.1) !important;
    border: rgba(0,0,0,.2) solid 3px !important;
    border-radius: 3px !important;
}

li.gallerybox div.thumb {
    background-color: rgba(0,0,0,.1);
    border: rgba(0,0,0,.2) solid 3px;
    border-radius: 3px;
}

.content .thumbcaption {
    color: #ffffff;
}

.client-js .collapsible-heading {
    border-bottom: rgba(0,0,0,.3) solid 3px;
}

h1,
h2 {
    color: #ffffff;
}

a,
footer a {
    color: #dbbc91;
}

a:visited,
footer a:visited {
    color: #dbbc91;
}

footer {
    color: #ffffff;
}

.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
    background-color: rgba(0,0,0,.2);
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    border: solid 3px rgba(0,0,0,.2);
    border-radius: 3px;
    border-collapse: separate;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    background: rgba(0,0,0,.1);
    float:right; 
    font-size:89%; 
    color:white;
    margin-bottom:0.5em; 
    margin-left:1em; 
    padding:0.2em; 
    width:300px;
}

.infoboxtable td {
    vertical-align:top;
}

.infoboxname {
    font-size:110%; 
    font-weight:bold;
    padding:0.5em; 
}

.infoboxdetails, .infoboxdescription {
    padding:0em;
}

.infoboxname, .infoboxdetails, .infoboxdescription {
    background: rgba(0,0,0,.2);
}

.section-collapsed {
    display:none;
}

/* Headers */
.header-gradient {
    background: #fcfdfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfdfb 9%, #91827b 48%, #91827b 54%, #624a3d 92%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#fcfdfb), color-stop(48%,#91827b), color-stop(54%,#91827b), color-stop(92%,#624a3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfdfb 9%,#91827b 48%,#91827b 54%,#624a3d 92%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfdfb 9%,#91827b 48%,#91827b 54%,#624a3d 92%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfdfb 9%,#91827b 48%,#91827b 54%,#624a3d 92%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfdfb 9%,#91827b 48%,#91827b 54%,#624a3d 92%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfb', endColorstr='#624a3d',GradientType=0 ); /* IE6-9 */
}

.header-tile {
    background: #30241e url('https://lifeisfeudal.gamepedia.com/media/lifeisfeudal.gamepedia.com/2/2a/Header_tile.png') repeat-x 0em 0em; 
    border: 1px solid #30241e;
    padding: 5px;
}

/********************
/* Main Page styles *
/********************/

table.main-page-layout {
    width: 100%;
    width: calc(100% + 2em);
    border-spacing: 1em;
    margin-left: -1em;
    margin-right: -1em;
}

table.main-page-layout > tr > td,
table.main-page-layout > * > tr > td {
    padding: .5em;
    vertical-align: top;
    border: solid 3px rgba(0,0,0,.2);
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    background: rgba(0,0,0,.1);
}

.main-page-heading {
    font-size: 120%;
    border-bottom: 3px solid rgba(0,0,0,.2);
    margin-bottom: .5em;
}