Template:Sisterprojects layout/styles.css

.sister-projects {
	clear: both;
	margin: 3.7em auto 0;
	width: 80%;
	border-top: 3px double var(--border-color-subtle, #c8ccd1);
	padding-top: 1em;
	line-height: 120%;
	color: var(--color-base, #202122);
}

.sister-projects-wmf {
	width: 3em;
	margin: 0 auto;
	margin-top: -2.7em;
}

.sister-projects-family {
	margin-bottom: 1.3em;
	padding-top: 0.7em;
	text-align: center;
	font-size: 120%;
	color: var(--color-base, #202122);
	line-height: 1.6;
}

.sister-projects-list {
	display: flex;
	max-width: 60em;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 100%;
	text-align: start;
	color: var(--color-subtle, #54595d);
}

.plainlist ul.sister-projects-list {
	margin: 0 auto;
}

.sister-projects-list li {
	display: flex;
	width: 14.8em;
	align-items: center;
}

.sister-projects-list a,
.sister-projects-link {
	font-weight: bold;
}

.sister-projects-list li > div {
	display: inline-block;
	padding: 6px 4px;
}

.sister-projects-list li > div:first-child {
	text-align: center;
}

.sister-projects-list li span {
	font-size: 85%;
}


/* tamil/malayalam text length too big (e.g. விக்கிப்பல்கலைக்கழகம் for Wikiversity) */
.sister-projects:lang(ta) .sister-projects-list li,
.sister-projects:lang(ml) .sister-projects-list li {
	width: 18em;
}