KawaseFan: Reduce font size on infobox items

2022-07-21T04:24:37Z

Reduce font size on infobox items

← Older revision		Revision as of 04:24, 21 July 2022
Line 44:		Line 44:
	.infobox-items {		.infobox-items {
	width: 100%;		width: 100%;
			font-size: 0.9em;
	}		}

KawaseFan: Add initial styles for galleries, infoboxes, tracklists

2022-07-17T08:44:36Z

Add initial styles for galleries, infoboxes, tracklists

New page

/* Styles used for image galleries */

.image-gallery {
display: flex;
flex-flow: row wrap;
}

.image-gallery .thumb {
margin: 0 6px 6px 0;
}

/* Styles used for infoboxes */

.infobox {
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.infobox-title {
width: 100%;
}

.infobox-image {
width: 100%;
text-align: center;
}

.infobox-separator {
width: 100%;
}

.infobox-separator > hr {
margin: 0 auto;
width: 80%;
height: 1px;
}

.infobox-items-container {
width: 100%;
text-align: left;
}

.infobox-items {
width: 100%;
}

.infobox-item-title {
vertical-align: top;
width: 35%;
}

.infobox-item-data {
vertical-align: top;
width: 65%;
}

@media (min-width: 600px) {
.infobox {
float: right;
margin-left: calc(1.5em + 3px);
width: 280px;
}
}

/* Tracklist styles for soundtrack pages */

.tracklist {
display: table;
}

.tracklist > div {
display: table-row;
}

.tracklist > div:first-child {
font-weight: bold;
}

.tracklist > div > div {
display: table-cell;
text-align: left;
}

.tracklist > div > div:not(:last-child) {
padding-right: 10px;
}

.tracklist-number {
width: 10%;
}

.tracklist-title {
width: 50%;
}

.tracklist-artist {
width: 30%;
}

.tracklist-time {
width: 10%;
text-align: right;
}

MediaWiki:Common.css - Revision history

KawaseFan: Reduce font size on infobox items

KawaseFan: Add initial styles for galleries, infoboxes, tracklists