User:PanchamBro/common.css: Difference between revisions

From Rhythm Heaven Wiki
Jump to navigation Jump to search
(Created page with "→‎Infobox stylization, imported from FamiWiki: https://famiwiki.net/wiki/MediaWiki:Common.css: .infobox { border: 4px solid #4A31FF; padding: .25rem; border-radius: .75rem; display: grid; gap: .33rem; } @media (min-width: 720px) { .infobox { float: right; margin: .25rem 0 .5rem .5rem; max-width: 420px; min-width: 300px; } } @media (min-width: 1000px) { .infobox { max-width: 300px; } } .infobox-head, .infobox-cell { border-radius: .25rem; } .inf...")
 
mNo edit summary
Line 28: Line 28:


.infobox-head {
.infobox-head {
font-weight: bold;
font-family: "Kurokane","Arial";
text-align: center;
font-weight: normal;
text-align: right;
}
}


Line 75: Line 76:


.infobox-collapsible {
.infobox-collapsible {
background-color: #000b10;
background-color: #000b10 !important;
color: #fff;
color: #fff;
font-weight: normal;
font-weight: normal;
padding: .25rem;
padding: .25rem;
}
.content .infobox {
display: grid;
    background-color: transparent
}
}

Revision as of 19:30, 19 July 2023

/* Infobox stylization, imported from FamiWiki: https://famiwiki.net/wiki/MediaWiki:Common.css */
.infobox {
	border: 4px solid #4A31FF;
	padding: .25rem;
	border-radius: .75rem;
	display: grid;
	gap: .33rem;
}

@media (min-width: 720px) {
	.infobox {
		float: right;
		margin: .25rem 0 .5rem .5rem;
		max-width: 420px;
		min-width: 300px;
	}
}

@media (min-width: 1000px) {
	.infobox {
		max-width: 300px;
	}
}

.infobox-head, .infobox-cell {
	border-radius: .25rem;
}

.infobox-head {
	font-family: "Kurokane","Arial";
	font-weight: normal;
	text-align: right;
}

.infobox-cell:nth-child(4n+1) {
	background: rgba(0,0,0,.15);
}

.infobox-head.infobox-split, .infobox-head.infobox-Split {
	grid-column: 1;
}

.infobox-cell.infobox-split, .infobox-cell.infobox-Split {
	grid-column: span 3;
}

.infobox-wide, .infobox-widecenter, .infobox-img, .infobox-label, .infobox-imgnotitle, .infobox-Wide, .infobox-Widecenter, .infobox-Img, .infobox-Label, .infobox-Imgnotitle {
	grid-column: span 4;
}

.infobox-widecenter, .infobox-Widecenter {
	text-align: center;
}

.infobox-img, .infobox-imgnotitle, .infobox-Img, .infobox-Imgnotitle  {
	text-align: center;
	color: #fff;
}

.infobox-head.infobox-img, .infobox-head.infobox-Img {
	background: none !important;
}

.infobox-head.infobox-imgnotitle, .infobox-head.infobox-Imgnotitle {
	display: none !important;
}

.infobox-head.infobox-imgnotitle, .infobox-head.infobox-Imgnotitle {
	display: none !important;
}

.infobox-cell.infobox-img, .infobox-cell.infobox-Img {
	font-style: italic;
	background: none !important;
}

.infobox-collapsible {
	background-color: #000b10 !important;
	color: #fff;
	font-weight: normal;
	padding: .25rem;
}

.content .infobox {
	display: grid;
    background-color: transparent
}