MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
/* Mobile fixes for boxes */ | /* Mobile fixes for boxes */ | ||
#page-actions li { | |||
display: inline-block; | |||
} | |||
.box.infobox { | .box.infobox { | ||
float: none !important; | float: none !important; |
Revision as of 21:08, December 17, 2017
/* CSS placed here will affect users of the mobile site */ /* Mobile fixes for boxes */ #page-actions li { display: inline-block; } .box.infobox { float: none !important; margin-left: 0 !important; width: auto !important; } .box table { display: table; margin: 0; } .box tr.header { display: table-row; height: initial; border-top: none; margin-top: 0; } /* Common boxes */ .box { float: none; margin: 0px; margin-bottom: 1em; border: 1px solid #253125; padding: 2px; width: auto; background-color: #f0ddbd; } .box > div { border-bottom: 0px; padding: 0px; font-weight: normal; font-family: inherit; } .darkbox { margin: 1em 0em; border: 3px solid #19345e; padding: .2em; background-color: #c3d1e8; } .box + .box { margin-top: 1em; } .box table { width: 100%; } .box .title { position: relative; margin-bottom: 2px; border: 1px solid #253125; padding: .2em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/3/3c/BoxTitleTexture.png"); font-weight: bold; font-size: 1.1em; } .box .title ._toggler { position: absolute; right: .5em; } .box .title .edit { position: absolute; left: .5em; } .box .header { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; } .box .label { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; } .box .even { background-color: #ffffff; } /* Infobox */ .infobox img { margin-bottom: 2px; max-width: 258px; height: auto; } .infotable { margin: 0px; border: 1px solid #253125; border-collapse: collapse; width: 100%; height: 100%; font-size: .95em; } .infotable th, .infotable td { border: 1px solid #253125; padding: 2px; vertical-align: middle; } .infobox-hostile, .infobox-hostile .title, .infobox-hostile th, .infobox-hostile td { border-color: red; } .infobox-hostile .title, .infobox-hostile .header, .infobox-hostile .label { background-color: #ff4444; } .infobox-dungeon, .infobox-dungeon .title, .infobox-dungeon th, .infobox-dungeon td { border-color: black; } .infobox-dungeon .title, .infobox-dungeon .header, .infobox-dungeon .label { background-color: #333333; } .infobox-dungeon .title, .infobox-dungeon .header { color: white; } .infobox-location, .infobox-location .title, .infobox-location th, .infobox-location td { border-color: brown; } .infobox-location .title, .infobox-location .header, .infobox-location .label { background-color: #995533; } .infobox-location .title, .infobox-location .header { color: #d5f1e5; } .infobox-character, .infobox-character .title, .infobox-character th, .infobox-character td { border-color: green; } .infobox-character .title, .infobox-character .header, .infobox-character .label { background-color: #00cc00; } .infobox-item, .infobox-item .title, .infobox-item th, .infobox-item td { border-color: orange; } .infobox-item .title, .infobox-item .header, .infobox-item .label { background-color: #ff9933; } .infobox-knowledge, .infobox-knowledge .title, .infobox-knowledge th, .infobox-knowledge td { border-color: purple; } .infobox-knowledge .title, .infobox-knowledge .header, .infobox-knowledge .label { background-color: #cc33ee; } .infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; } .infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .label { background-color: #cccccc; }