Template:Styles/Mobile.css

@media screen and (max-width: 800px) { .infoboxresponsive { border-style: solid; border-color: #eaecf0; border-width: 0 0 3px 0; display: table; max-width: 350px; margin: 0.5em auto 0.7em; }	.infoboxbottom { padding-bottom: 0.5em; }	.tableresponsive60, .tableresponsive70, .tableresponsive90 { width: 100%; }	.mobiletable{ max-width: 100% !important; display: table; }	.desktoptable { display: none; }	.mobilerow { display: table-row; max-width: 100% !important; }	.desktoprow { display: none; }	.mobilecell { display: table-cell; }	.desktopcell { display: none; }	.mobilelist { display: list-item; }	.desktoplist { display: none; }	.mobileblock { display: block; }	.desktopblock { display: none; }	.mobilecaption { display: table-caption; }	.desktopcaption { display: none; }	/******************

PADDING/MARGINS ******************/	/* Table padding */ table.padding-1em > tr > td, table.padding-1em > * > tr > td { padding: 0.7em 1em !important; }	table.padding-07em > tr > td, table.padding-07em > * > tr > td { padding: 0.5em 0.7em !important; }	table.padding-05em > tr > td, table.padding-05em > * > tr > td { padding: 0.3em 0.5em !important; }	table.padding-03em > tr > td, table.padding-03em > * > tr > td { padding: 0.1em 0.3em !important; }	/* Table Heading */ table.header-1em > tr > th, table.header-1em > * > tr > th { padding: 0.7em 1em !important; }	table.header-07em > tr > th, table.header-07em > * > tr > th { padding: 0.5em 0.7em !important; }	table.header-05em > tr > th, table.header-05em > * > tr > th { padding: 0.3em 0.5em !important; } }

/******************

VERTICAL MOBILE VIEWPORT



@media screen and (max-width: 600px) { .vmobiletable{ max-width: 100% !important; display: table; }	.desktoptable { display: none; }	.hmobiletable { display: none; }	.vmobilerow { display: table-row; max-width: 100% !important; }	.desktoprow { display: none; }	.hmobilerow { display: none; }	.vmobilecell { display: table-cell; }	.desktopcell { display: none; }	.hmobilecell { display: none; }	.vmobilelist { display: list-item; }	.desktoplist { display: none; }	.hmobilelist { display: none; }	.vmobileblock { display: block; }	.desktopblock { display: none; }	.hmobileblock { display: none; }	.vmobilecaption { display: table-caption; }	.desktopcaption { display: none; }	.hmobilecaption { display: none; } }

/******************

HORIZONTAL MOBILE VIEWPORT



@media screen and (min-width: 600px) and (max-width: 800px) { .hmobiletable { display: table; }	.desktoptable { display: none; }	.vmobiletable { display: none; }	.hmobilerow { display: table-row; }	.desktoprow { display: none; }	.vmobilerow { display: none; }	.hmobilecell { display: table-cell; }	.desktopcell { display: none; }	.vmobilecell { display: none; }	.hmobilelist { display: list-item; }	.desktoplist { display: none; }	.vmobilelist { display: none; }	.hmobileblock { display: block; }	.desktopblock { display: none; }	.vmobileblock { display: none; }	.hmobilecaption { display: table-caption; }	.desktopcaption { display: none; }	.vmobilecaption { display: none; } }

/******************

DESKTOP VIEWPORT



@media screen and (min-width: 800px) { .infoboxresponsive { border-style: solid; border-color: #666666; border-width: 5px; border-radius: 20px; float: right; font-size: 95%; margin: 0 0 1.5em 10px; padding: 0.5em; display: table; width: 300px; background: white; }	.tableresponsive60 { min-width: 600px; max-width: 700px; width: 60%; }	.tableresponsive70 { min-width: 700px; max-width: 900px; width:70%; }	.tableresponsive90 { width:90%; }	.desktoptable { display: table; }	.mobiletable { display: none; }	.hmobiletable { display: none; }	.vmobiletable { display: none; }	.desktoprow { display: table-row; }	.mobilerow { display: none; }	.hmobilerow { display: none; }	.vmobilerow { display: none; }	.desktopcell { display: table-cell; }	.mobilecell { display: none; }	.hmobilecell { display: none; }	.vmobilecell { display: none; }	.desktoplist { display: list-item; }	.mobilelist { display: none; }	.hmobilelist { display: none; }	.vmobilelist { display: none; }	.desktopblock { display: block; }	.mobileblock { display: none; }	.hmobileblock { display: none; }	.vmobileblock { display: none; }	.desktopcaption { display: table-caption; }	.mobilecaption { display: none; }	.hmobilecaption { display: none; }	.vmobilecaption { display: none; } }

/******************

GENERAL



.mw-tmh-player { margin-top: 0.5em; }

.dhandbottom b { position: relative; top: -5px; }

p { margin: 0.5em 0 0 }

blockquote p { margin: 0; }

blockquote { margin-top: 0.7em; }

li { margin-bottom: 0px; margin-left: 0.5em; }

h2, h3, h4 { padding: 0.5em 0 0 0; }

h2 { margin-top: 0; }

td > ul { margin: 0 0 0 0.5em; }

img { height: auto; max-width: 96%; }