Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Tess list entry/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
Line 11: Line 11:
display: flex;
display: flex;
justify-content: flex-start;
justify-content: flex-start;
gap: var(--space-sm);
}
}


Line 18: Line 19:


.template-tess-list-entry-image {
.template-tess-list-entry-image {
flex: 0 1 400px;
margin-inline-end: var(--space-sm);
}

.template-tess-list-entry-image {
/* center broken file links */
text-align: center;
}
}



Revision as of 02:09, June 29, 2025

.template-tess-list-entry-title {
	border-bottom: solid var(--border-width-thick) var(--color-amaranth-legacy-scope);
	margin-bottom: var(--space-xs);
}

.template-tess-list-entry-subtitle {
	font-style: italic;
}

.template-tess-list-entry-main {
	display: flex;
	justify-content: flex-start;
	gap: var(--space-sm);
}

.template-tess-list-entry-main > * {
	display: inline-block;
}

.template-tess-list-entry-image {
	flex: 0 1 400px;
}

.template-tess-list-entry-image img {
	/* prevent overflowing */
	object-fit: contain;
	width: 100%;
	height: auto;
}

.template-tess-list-entry-image img[src$=".svg"] {
	/* background color for transparent SVGs */
	background: #eaecf0;
}

.template-tess-list-entry-labels {
	flex-grow: 1;
}