MediaWiki:Mobile.css: Difference between revisions

From Chibi-Robo! Wiki
Jump to navigation Jump to search
(Created page with "→‎All CSS here will be loaded for users of the mobile site: →‎Infobox borders: .infobox, .infobox td, .infobox tr, .infobox th { border-collapse: collapse; border: 1px solid; } →‎Infobox templates: .infobox { float: right; clear: right; margin: 0 0 1em 1.15em; } .infobox + .infobox, .infobox + style + .infobox { clear: none; } .infobox, .infobox-wide { font-size: 88%; } .infobox tr { vertical-align: top; } .infobox td, .infobox th, .infobox-wide td...")
(No difference)

Revision as of 21:09, 30 June 2024

/* All CSS here will be loaded for users of the mobile site */

/* Infobox borders */
.infobox, 
.infobox td, 
.infobox tr, 
.infobox th {
  border-collapse: collapse;
  border: 1px solid;
}
/* Infobox templates */
.infobox {
	float: right;
	clear: right;
	margin: 0 0 1em 1.15em;
}
.infobox + .infobox,
.infobox + style + .infobox {
	clear: none;
}
.infobox, .infobox-wide {
	font-size: 88%;
}
.infobox tr {
	vertical-align: top;
}
.infobox td, .infobox th,
.infobox-wide td, .infobox-wide th {
	padding: 2px;
}

.infobox .infobox-image img {
  width: 100%;
  height: auto;
}

.infobox#location {
	background: #F7FCFF;
	border-color: #FFB628;
}
.infobox#location > tbody > tr:first-child {
	background: #008ED0;
}
.infobox#location > tbody > tr:nth-child(2n+3) {
	background: #D8F2FF;
}

.infobox#item {
	background: #FCFFF7;
	border-color: #FFB628;
}
.infobox#item > tbody > tr:first-child {
	background: #9CCB41;
}
.infobox#item > tbody > tr:nth-child(2n+3) {
	background: #F0FFD8;
}

.infobox#character {
	background: #FFFBF7;
	border-color: #FFB628;
}
.infobox#character > tbody > tr:first-child {
	background: #F4981D;
}
.infobox#character > tbody > tr:nth-child(2n+3) {
	background: #FFEBD8;
}

.infobox#game {
	background: #FFFEF7;
	border-color: #FFB628;
}
.infobox#game > tbody > tr:first-child {
	background: #FBED00;
}
.infobox#game > tbody > tr:nth-child(2n+3) {
	background: #FFF9D8;
}

.infobox#mechanic {
	background: #FFF7FD;
	border-color: #FFB628;
}
.infobox#mechanic > tbody > tr:first-child {
	background: #FF7FE9;
}
.infobox#mechanic > tbody > tr:nth-child(2n+3) {
	background: #FFD8F8;
}

body {
  background-image: url(https://chibi-robo.wiki/w/images/b/b5/Site-background-light);
}