MediaWiki:Mobile.css: Difference between revisions

Want an adless experience? Log in or Create an account.
m
no edit summary
(add dark thumb)
mNo edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 12: Line 12:
.box .title .edit, .zdw-box .zdw-box__title .edit { position: absolute; left: .5em; }
.box .title .edit, .zdw-box .zdw-box__title .edit { position: absolute; left: .5em; }
.header { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; }
.header { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; }
.label { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; }
.zdw-label { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; }
.even { background-color: #ffffff; }
.even { background-color: #ffffff; }


Line 21: Line 21:


.infobox-hostile, .infobox-hostile .title, .infobox-hostile th, .infobox-hostile td { border-color: red; }
.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-hostile .title, .infobox-hostile .header, .infobox-hostile .zdw-label { background-color: #ff4444; }
.infobox-dungeon, .infobox-dungeon .title, .infobox-dungeon th, .infobox-dungeon td { border-color: black; }
.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, .infobox-dungeon .zdw-label { background-color: #333333; }
.infobox-dungeon .title, .infobox-dungeon .header { color: white; }
.infobox-dungeon .title, .infobox-dungeon .header { color: white; }
.infobox-location, .infobox-location .title, .infobox-location th, .infobox-location td { border-color: brown; }
.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, .infobox-location .zdw-label { background-color: #995533; }
.infobox-location .title, .infobox-location .header { color: #d5f1e5; }
.infobox-location .title, .infobox-location .header { color: #d5f1e5; }
.infobox-character, .infobox-character .title, .infobox-character th, .infobox-character td { border-color: green; }
.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-character .title, .infobox-character .header, .infobox-character .zdw-label { background-color: #00cc00; }
.infobox-item, .infobox-item .title, .infobox-item th, .infobox-item td { border-color: orange; }
.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-item .title, .infobox-item .header, .infobox-item .zdw-label { background-color: #ff9933; }
.infobox-knowledge, .infobox-knowledge .title, .infobox-knowledge th, .infobox-knowledge td { border-color: purple; }
.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-knowledge .title, .infobox-knowledge .header, .infobox-knowledge .zdw-label { background-color: #cc33ee; }
.infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; }
.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; }
.infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .zdw-label { background-color: #cccccc; }
 
/* Horizontal Lists */
.hlist > li, .hlist > * > li, .zdw-hlist > li, .zdw-hlist > * > li { display: inline; margin: 0; }
.hlist > li:after, .hlist > * > li:after, .zdw-hlist > li:after, .zdw-hlist > * > li:after { content: " · "; font-weight: bold; }
.hlist > li:last-child:after, .hlist > * > li:last-child:after, .zdw-hlist > li:last-child:after, .zdw-hlist > * > li:last-child:after { content: none; }
.hlist > li.hlist-last-child:after, .hlist > * > li.hlist-last-child:after { content: none; } /* IE8 */


/* Tabs */
/* Tabs */
Line 75: Line 81:


/* Gallery Boxes */
/* Gallery Boxes */
.zdw-thumb--dark { background-image: url('//www.zeldadungeon.net/wiki/images/d/d7/PicboxTexture.jpg'); }
li.gallerybox div.zdw-thumb--dark { background-color: #7c6e60; background-image: url('//www.zeldadungeon.net/wiki/images/d/d7/PicboxTexture.jpg'); }


/* Mobile fixes for boxes */
/* Mobile fixes for boxes */
Line 95: Line 101:
   border-top: none;
   border-top: none;
   margin-top: 0;
   margin-top: 0;
}
#mw-mf-page-center, .header-container.header-chrome, #main-menu-input:checked ~ #mw-mf-page-left {
    background-color: #8fbb94;
    background-image: url(//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png);
    font-weight: bold;
}
.header .branding-box h1, .header .branding-box a {
    margin-right:3em;
}
}