MediaWiki:Mobile.css

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

.nomobile { display: none; }

/* *** Begin section mainly for dark wikis *** */ a.watch-this-article { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/7/7b/Watch_lighter.png") !important; }

/* search header */ .overlay .overlay-header-container { background-color: rgba(0, 0, 0, 0.85) !important; }

.search-overlay .overlay-header, .search-overlay .results { background-color: rgba(0, 0, 0, 0.85) !important; color: #e0e0e0; }

.search-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; }

ul.suggestions-results, ul.suggestions-results li { background-color: rgba(0, 0, 0, 0.85); color: #e0e0e0; }

ul.suggestions-results li.suggestions-result { color: #e0e0e0; }

.client-js .toc-mobile { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid #303030 !important; }

.mw-ui-button, .last-modified-bar #mw-mf-last-modified { background-color: rgba(0, 0, 0, 0); color: #e0e0e0; }

/* general header */ background-color: rgba(0, 0, 0, 0.85); } /* *** End section mainly for dark wikis *** */
 * 1) mw-mf-header form,
 * 2) mw-mf-sq {

/* non-content area */ body { background: #000c14 url("https://static.wikia.nocookie.net/transformersthedarkeras_gamepedia/images/1/1f/Background.jpg/revision/latest") no-repeat 0 35% fixed; /*  */ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; color: #e0e0e0; }

/* content area */

.overlay-enabled, #content { border-color: rgb(30,30,30); background-color: rgba(0, 12, 40, 0.75); border-top: 1px inset rgba(0, 12, 40, 0.75); }

a, a:visited, a.external { color: #5a93cc; }

h1, h2, h3, h4, h5, h6 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #e0e0e0; }

.thumb, li.gallerybox div.thumb { background-color: rgba(0, 0, 0, 0); border: 1px solid #303030; }
 * 1) content_wrapper .thumb,

.content table th { background-color: rgba(0, 0, 0, 0); }

.content table td, .content table th { border: 1px solid rgba(0, 0, 0, 0); padding: 3px; }

.content table.wikitable { background-color: rgba(0, 0, 0, 0); margin: auto; margin-bottom: 1em; }

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

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: #000000; padding: 3px; }

.tooltip{ position:relative; } .tooltip span{ display:none; } .tooltip:hover span{ display:block; position:absolute; left:0; top:20px; }

.tooltip:hover span{ padding:4px; background:#D0D0D0; color:black; border:1px solid #7C7A7A; font-size:12px; } /* CSS placed here will be applied to all skins */

div.wikitable.mw-collapsible { background: none !important;}

.mw-collapsible-content{ background: none !important;}

.CharacterTable {width:100% ; border-spacing:2px ; text-align:left; table-layout:fixed;} .CharacterTable tr:nth-child(1)    {background-color: transparent;} .CharacterTable tr:nth-child(2n+3) {background-color:transparent;} .CharacterTable tr:nth-child(2n+2) {background-color:transparent;} .CharacterTable th:nth-child(1)    {width:15%; } .CharacterTable th:nth-child(2)    {width:10rem;} .CharacterTable th:nth-child(3)    {width:10rem;} .CharacterTable th:nth-child(4)    {width:65%; } .CharacterTable td:nth-child(4)    {word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .CharacterTable tr:last-of-type td:nth-last-child(4) {border-radius:0;} .CharacterTable tr:last-of-type td:nth-last-child(1) {border-radius:0;} .CharacterTable td,th              {padding: 0px 0px 0px 5px;}

.CharacterBox {width: 300px; font-size: 90%; border: 1px solid #aaaaaa; background-color: transparent; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left; border-radius: 5px; border-spacing:1px;} .CharacterBox td,th { padding:0px 0px 0px 5px;} .CharacterBox th:nth-child(1) { width:100px; } .CharacterBox tr:nth-child(2n+1) {background-color: transparent;} .CharacterBox tr:nth-child(2n+2) {background-color: transparent;} .CharacterBox tr:nth-last-child(1) td {border-radius:0;}

td#image {padding:0px; margin-left: 0px; margin-bottom: 0px;}

.CTable                        {border-spacing:0px; width:90%; text-align:left; padding:5px;} .CTable    tr:nth-child(1) th  {background-color: transparent; text-align:center; font-size:medium; color: rgb(32, 252, 252);} .CTable    tr:nth-child(1) th:nth-last-child(1) {border-top-right-radius: 5px} .CTable    tr:nth-child(1) th:nth-child(1) {border-top-left-radius: 5px;} .CTable    tr:nth-last-child(1) td:nth-last-child(1) {border-bottom-right-radius: 5px} .CTable    tr:nth-last-child(1) td:nth-child(1) {border-bottom-left-radius: 5px;} .CTable    tr:nth-child(2n+2)  {background-color: transparent;} .CTable    tr:nth-child(2n+1)  {background-color: transparent;} .CTable    td,th               {padding:0px 0px 0px 5px;}

.LogTable {text-align:left; width:100%; table-layout:fixed; border-radius:5px;} .LogTable tbody {border-radius:5px;} .LogTable:nth-child(1) {border-top-left-radius:5px; border-top-right-radius:5px;} .LogTable tr:nth-child(1) {border-top-left-radius:5px; border-top-right-radius:5px;} .LogTable tr td:nth-child(1) {width: 20rem;} .LogTable tr td:nth-child(2) {width: 15rem;} .LogTable tr:nth-child(1) td:nth-child(1) {border-top-left-radius:5px; } .LogTable tr:nth-child(1) td:nth-child(3) {border-top-right-radius:5px; } .LogTable tr:nth-child(2n+1) {background-color: transparent;} .LogTable tr:nth-child(2n) {background-color: transparent;} .LogTable td { vertical-align:top; padding: 5px 0px 0px 5px;} .logTable tr:nth-last-child(1) {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .LogTable tr:nth-last-child(1) td:nth-child(1) {border-bottom-left-radius:5px;} .LogTable tr:nth-last-child(1) td:nth-last-child(1) {border-bottom-right-radius:5px;} .LogTable tr td:nth-child(odd) { word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height:1.5em; height:1.5em; display:block;}

.HeaderCell { padding: 0px 0px 5px 5px; border-bottom: 1px solid white} .HeaderCell:nth-child(1) { width: 35%;} .HeaderCell:nth-child(2) {width: 10rem;} .HeaderCell:nth-child(3) {width: 65%;}

.LogRow {text-align:left;} .LogRow:nth-child(2n+2) {background-color: transparent;} .LogRow:nth-child(2n+3) {background-color: transparent;} .LogRow { max-height:1em;} .LogRow:nth-child(1) {background-color: transparent;} .LogRow:nth-child(2n+2) {background-color: transparent;} .LogRow:nth-child(2n+3) {background-color: transparent;} .LogRow:last-of-type td:nth-last-child(3) {border-radius:0;} .LogRow:last-of-type td:nth-last-child(1) {border-radius:0;}

.LogCell { vertical-align:top; padding: 0px 0px 0px 5px; max-height:1em;} .LogCell:nth-child(odd) { word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-height:1.5em; height:1.5em; display:block;} .LogCell {padding:0px 0px 0px 4px; vertical-align:top;} .LogCell:nth-child(1) {Width:140px;} .LogCell:nth-child(2) {font-weight:100;} .LastCell:nth-child(1) {border-radius: 0;} .LastCell:nth-child(2) {border-radius: 0;}

.LogHeader { width:60%; margin-right:auto; border: 1px solid lightblue; padding: 15px;}

.LogTitle {text-align:left; font-size:medium; color: rgb(145, 199, 247); padding-bottom: 10px; text-shadow: 1px 1px 1px black; border-radius: 5px 5px 0px 0px; }

.RelationTable {width:100%;} .RelationTable td:nth-child(1) {width: 15%} .RelationTable td:nth-child(2) {width: 10%} .RelationTable td:nth-child(3) {width: 75%} .RelationTable tr:last-of-type td:nth-last-child(1) {border-radius:0;} .RelationTable tr:last-of-type td:nth-last-child(3) {border-radius:0;} .RelationTable tr:nth-child(n+1) td:nth-child(2) {font-style:normal;}

/* Template:Cutscene Header */ .LogHeader.CutsceneHeader { width: 60%; border-radius: 5px; margin-left: auto; margin-right: auto; }

.CutsceneHeader .LogTitle { text-align: center; font-size: medium; color: white; text-shadow: 1px 1px 1px black; border-radius: 5px 5px 0px 0px; background-color: rgba(0,70,70,.5); }

.CutsceneHeader .LogRow { text-align: left; }

.CutsceneHeader .LogRow:nth-child(2n+2) { background-color: rgba(0,70,70,.2); }

.CutsceneHeader .LogRow:nth-child(2n+3) { background-color: rgba(0,70,70,.3); }

.CutsceneHeader .LogCell { padding:0px 0px 0px 4px; vertical-align: top; }

.CutsceneHeader .LogCell:nth-child(1) { width: 140px; }

.CutsceneHeader .LogCell:nth-child(2) { font-weight: normal; }

.CutsceneHeader .LastCell:nth-child(1) { border-radius: 0px 0px 0px 5px; }

/* Template:Location */ .LocationTable { width: 100%; border: 1px solid #aaaaaa; background-color: #f9f9f9; text-align: left; border-radius: 10px; vertical-align: top; border-spacing: 0px; }

.LocationTable th:nth-child(1) { width: 10%; padding: 0px 0px 0px 10px; border-radius: 10px 10px 0px 0px }

.LocationTable td:nth-child(1) { width: 10%; padding: 0px 0px 0px 10px; }

.LocationTable tr:nth-child(1) { text-shadow: 1px 1px 1px gray; background-color: rgba(0, 70, 70, .5); }

.LocationTable tr:nth-child(1) th { padding: 5px; font-family: serif; font-size: 72px; word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.LocationTable td:nth-child(odd) { font-weight: 700; }

background-color: rgba(0, 70, 70, .2); border: 0px; }
 * 1) LocationAlignment {

background-color: rgba(0, 70, 70, .2); border: 0px; }
 * 1) LocationGroup {

background-color: rgba(0, 70, 70, .3); border: 0px; font-weight: normal; border-radius: 0px 0px 10px 10px; }
 * 1) LocationDescription {