Jump to content

Template:Card/sandbox/styles.css

From Appropedia
.template-card {
	background: var( --background-color-neutral-subtle );
	border: 1px solid var( --border-color-subtle );
	border-left: 1em solid var( --border-color-subtle );
	box-sizing: border-box;
	break-inside: avoid;
	margin: 1em 0;
	padding: .5em;
	overflow: hidden;
	width: 600px;
	max-width: 100%;
}
.template-card:target {
	border-left: 1em solid var( --border-color-interactive );
}
.template-card-icon {
	float: left;
	margin: .5em;
}
.template-card-image {
	float: right;
	margin: .5em;
}
.template-card-title {
	font-weight: bold;
	margin: .5em;
}
.template-card-content {
	margin: .5em;
}
.template-card-content img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.template-card-content figure {
	background: none;
	border: none;
	max-width: 200px;
}
.template-card-content figcaption {
	background: none;
	border: none;
}
.template-card-content .template-video {
	background: none;
	border: none;
	padding: 0;
}
.template-card-footer {
	margin: .5em;
}
.template-card.full {
	width: 100%;
}
.template-card.float {
	clear: right;
	float: right;
	margin: 0 0 1em 1em;
	width: 310px;
}

/* [[Category:Template style pages]] */
Cookies help us deliver our services. By using our services, you agree to our use of cookies.