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

Template:VelaDescriptionBox/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
Tag: Manual revert
 
(21 intermediate revisions by 2 users not shown)
Line 7: Line 7:
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
gap: var(--space-md);
margin-block: var(--space-lg);
}
}


.scope-vela-description_box-file {
.scope-vela-description_box-file {
flex: 0 1 50%;
flex: 0 0 auto;
}
}


.scope-vela-description_box-file img {
.scope-vela-description_box-file img {
object-fit: contain;
max-width: 100%;
height: auto;
border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
}
}


.scope-vela-description_box-description {
.scope-vela-description_box-description {
flex: 1 0 50%;
flex: unset;
padding: var(--space-sm);
}

.mw-parser-output .scope-vela-description_box-description {
flex: 0 0 auto;
padding: var(--space-sm);
}

.scope-vela-description_box-description > .mw-heading:first-child > h1,
.scope-vela-description_box-description > .mw-heading:first-child > h2,
.scope-vela-description_box-description > .mw-heading:first-child > h3,
.scope-vela-description_box-description > .mw-heading:first-child > h4,
.scope-vela-description_box-description > h5:first-child,
.scope-vela-description_box-description > h6:first-child {
color: var(--color-amaranth-legacy-scope);
text-shadow: var(--color-amaranth-legacy-scope) 0px 0px 12px;
}

.scope-vela-description_box-description > * {
margin-block: var(--space-xxs);
}
}

Latest revision as of 23:41, March 2, 2026

.scope-vela-description_box {
	border: 3px solid var(--color-amaranth-legacy-scope);
	border-radius: var(--border-radius-medium);
	box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
	background: rgba(16, 16, 16, 0.4);
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-block: var(--space-lg);
}

.scope-vela-description_box-file {
	flex: 0 0 auto;
}

.scope-vela-description_box-file img  {
	border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
}

.scope-vela-description_box-description {
	flex: unset;
	padding: var(--space-sm);
}

.mw-parser-output .scope-vela-description_box-description {
  flex: 0 0 auto;
  padding: var(--space-sm);
}

.scope-vela-description_box-description > .mw-heading:first-child > h1,
.scope-vela-description_box-description > .mw-heading:first-child > h2,
.scope-vela-description_box-description > .mw-heading:first-child > h3,
.scope-vela-description_box-description > .mw-heading:first-child > h4,
.scope-vela-description_box-description > h5:first-child,
.scope-vela-description_box-description > h6:first-child {
	color: var(--color-amaranth-legacy-scope);
	text-shadow: var(--color-amaranth-legacy-scope) 0px 0px 12px;
}

.scope-vela-description_box-description > * {
	margin-block: var(--space-xxs);
}