MediaWiki:Mobile.css

body { background-color: #ffffff; background-image: url('https://static.miraheze.org/izanagiwiki/2/20/Afro-samurai_163803.jpg?action=purge'); background-repeat: no-repeat; background-position: TOP RIGHT; background-attachment: fixed; } #content{ opacity: 0.925; }  .body a { display: block; position: relative; width: 100%; color: #fff !important; font-size: 80%; text-decoration: none; padding: 5px 5px; background: #E27070; border: 1px solid #E27070; }  div#mw-panel div.portal h3 { margin-top: 0px !important; margin-bottom: 8px !important; font-size: 95%; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); border-color: #AAA; background: #fff; box-shadow: 0 0 0; border: solid 1px #E27070; border-left: solid 8px #E27070; color: #555 !important; padding-left: 0.6em; font-weight:bolder; } a:hover, a:active { text-decoration: underline; text-shadow: #ffeb7f 0 0 6px; } a:hover { text-decoration: underline; } a.new { text-decoration: none; } a { text-decoration: none; } #p-personal ul {   background: #333;  opacity: 0.85; } #p-personal a, #p-personal a.new  { background:#eee; }    .infobox { border: 1px solid #888888; background-color: #D8D8D8; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; }  .collapseButton { float: right; font-weight: normal; margin-left: 0.5em; text-align: right; width: auto; } .navbar ul { display: inline; white-space: nowrap; } .navbox-title .navbar { float: left; text-align: left; margin-right: 0.5em; width: 8em; } .navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { white-space: nowrap; white-space: normal !ie; } .navbar li { word-spacing: -0.125em; } .hlist dd, .hlist dt, .hlist li { display: inline; margin: 0; } div#mw-page-base, div#mw-head { background-color: transparent !important; background-image: none; } /** FONTS **/ @font-face { font-family:'EasonPro'; src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot'); src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:'EasonPro'; src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot'); src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg'); font-weight:normal; font-style:italic; } @font-face { font-family:'EasonPro'; src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot'); src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg'); font-weight:bold; font-style:normal; } @font-face { font-family:'CronosPro'; src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot'); src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular') format('svg'); font-weight:normal; font-style:normal; }

/* TOC display level limiter, will only display the TOC up to level N */ .toc1 li.toclevel-2, .toc1 li.toclevel-3, .toc1 li.toclevel-4, .toc1 li.toclevel-5, .toc1 li.toclevel-6, .toc2 li.toclevel-3, .toc2 li.toclevel-4, .toc2 li.toclevel-5, .toc2 li.toclevel-6, .toc3 li.toclevel-4, .toc3 li.toclevel-5, .toc3 li.toclevel-6, .toc4 li.toclevel-5, .toc4 li.toclevel-6, .toc5 li.toclevel-6, .hide, body.page-Main_Page.ns-subject h1.firstHeading { display:none; }

/* TOC heading font */ .toc h2 { font-family:Arial, sans-serif!important; }
 * 1) toc h2,

/* Miscellaneous changes */ div.mw-dismissable-notice .mw-dismissable-notice-body { margin:0; margin-bottom:.5em; } div.mw-dismissable-notice .mw-dismissable-notice-close { margin-right:5px; } ul.special abbr, ul.special acronym { border:none; } ol.references > li:target, sup.reference:target, cite:target { background:#EEF; } ol.references { font-size:90% } sup, sub { line-height:1em; } .mw-editsection { float:right; } .mw-collapsible-toggle { font-weight:normal; font-size:85%; } span.comment { font-style: italic; } .autocomment { color: gray; } .gray, .gray a { color: gray; }

/* Universal styles */ .hidelist ul { list-style:none none; margin:0; padding:0; } .hidelist p { font-style:italic; margin:0 0 .2em; } .hidelist p + ul { margin-bottom:.5em; } .infobox .clear, .nav .clear, .recipe-box .clear { height:5px; }
 * 1) content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited { color:inherit; }

/** MAIN PAGE STYLESHEET **/ display:block; border-collapse:collapse; text-align:left; }
 * 1) mainpagenavigation {

font-family:EasonPro,"Times New Roman", serif; font-size:1.7692307692em; color:#FFF; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; background-color:#444; background-image:url("/images/3/3a/BG_gradient.jpg") !important; font-weight:400; height:48px; text-align:center; font-size-adjust:0.43; }
 * 1) mainpagenavigation th {

background-color:#FFF; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image:linear-gradient(top, #BBB 0%, #FFF 2%, #EEE 100%); background-image:-o-linear-gradient(top, #BBB 0%, #FFF 2%, #EEE 100%); background-image:-moz-linear-gradient(top, #BBB 0%, #FFF 2%, #EEE 100%); background-image:-webkit-linear-gradient(top, #BBB 0%, #FFF 2%, #EEE 100%); background-image:-ms-linear-gradient(top, #BBB 0%, #FFF 2%, #FFF 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #eee)); }
 * 1) mainpagenavigation td {

vertical-align:top; padding:.5em 1.5em; }
 * 1) mainpagenavigation td.content {


 * 1) mainpagenavigation td.separator { border-right:#AAA solid 1px; }

body.page-Main_Page.ns-subject #content, body.page-Main_Page_editcopy.ns-subject #content { padding-left:16px; padding-right:16px; }

/* older IE hacks */
 * 1) mainpagenavigation td.content > * { width:88%\0/ }
 * 2) mainpagenavigation td.content > [class*=float] { width:auto\0/ }
 * root #mainpagenavigation td.content > * { width:auto; }

/** TABLE CLASSES **/ .table { border:0 solid; border-collapse:collapse; border-spacing:0; font-size:.9230769231em; text-align:left; clear:none; position:relative; display:inline-block; vertical-align:top; margin:10px 0; padding:0; }

/* make table captions bold */ .table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */ .table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr { border:1px solid #aaa\0/; text-align:left; border-color:#AAA; }

/* and this removes them for IE9+ */
 * root .table tr { border-top-width:0; border-bottom-width:0; }

.table > * > tr > :first-child { border-left:1px solid #AAA; } .table > * > tr > :last-child { border-right:1px solid #AAA; }

.table > tbody > tr:last-child, .table > tbody > tr:last-child > *, .table > tfoot > tr:last-child > * { border-bottom:1px solid #AAA; }

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * { background-image:url("/images/c/cc/Infobox_header_overlay.png"); background-color:#EEE; border-color:#AAA; padding:.5em; }

.table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th { line-height:1.667em; padding:.25em .5em; }

.table[class*=left] tr { text-align:left; } .table[class*=right] tr { text-align:right; } .table tr > th, .table[class*=center] tr { text-align:center; } .table[class*=middle] tr { vertical-align:middle; } .table[class*=top] tr { vertical-align:top; } .table[class*=bottom] tr { vertical-align:bottom; }

.table > :first-child > tr:first-child, .table > tbody > tr.heading { background-color:#EEE; border:1px solid #aaa!important; }

.table > tbody > tr > th, .table > tfoot > tr > th { background-color:#E7E7E7; border-color:#AAA; }

.table > tbody > tr:nth-child(odd) { background-color:#F3F3F3; border-color:#AAA; }

.table > tbody, .table > tbody > tr.heading, .table > tbody > tr > [rowspan], .table > tbody > tr > [colspan] { border:1px solid #AAA; }

.table > :first-child > tr:first-child + tr [rowspan], .table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }

.table .line, .table .line-bottom { border-bottom-width:1px!important; border-bottom-style:solid; }

.table .line-top { border-top-width:1px!important; border-top-style:solid; border-top-color:#AAA; }

.table .line-left { border-left-width:1px!important; border-left-style:solid; border-left-color:#AAA; }

.table .line-right { border-right-width:1px!important; border-right-style:solid; border-right-color:#AAA; }

.table table { background-color:transparent; padding:0; margin:0; }