Template:Memory card/styles.css: Difference between revisions

From Love and Deepspace Wiki
Content added Content deleted
mNo edit summary
No edit summary
Line 11: Line 11:
overflow: hidden;
overflow: hidden;
border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}

.memory-card-header img {
position: relative;
top: -20px;
}
}



Revision as of 23:30, 5 February 2024

.memory-card {
	max-width: 300px;
	background: #efefef;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.4);
}

.memory-card-header {
	max-height: 160px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.memory-card-header img {
	position: relative;
	top: -20px;
}

.memory-card-section__header {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.5em 1em;
	text-align: center;
}

.memory-card-section {
	padding: 0 0 0.75em 0;
	display: grid;
	grid-gap: 0.5em;
	grid-template-columns: repeat(6, 1fr);
}