Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Sub/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
// via Wikitext Extension for VSCode
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
.ability-sub-modifier,
.ability-sub-container {
.ability-sub-name,
.ability-sub-body {
border-radius: var( --border-radius--large );
border-radius: var( --border-radius--large );
background-color: var( --color-surface-1 );
background-color: var( --color-surface-1 );
border: 1px solid var( --border-color-base );
border: 1px solid var( --border-color-base );
margin-top: 1em;
}

.expandable-content-container .ability-sub-container,
.ability-sub-container .ability-sub-container {
margin-top: 1em;
background-color: var( --color-surface-2 );
border-radius: var( --border-radius--medium );
}

.expandable-content-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container {
background-color: var( --color-surface-3 );
border-radius: var( --border-radius--small );
}

.expandable-content-container .ability-sub-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container .ability-sub-container {
background-color: var( --color-surface-4 );
border-radius: 0;
}

.ability-sub-body {
padding-top: 1em;
margin-bottom: 1em;
}

.ability-sub-body > p {
margin-top: 0;
}

.ability-sub-box {
border-radius: var( --border-radius--large );
padding-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-right: 1em;
}

.ability-sub-box + .ability-sub-box {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 1px solid var( --border-color-base );
}
}


Line 14: Line 52:
border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
color: var( --color-emphasized );
color: var( --color-emphasized );
padding-top: 0.5em !important;
padding-bottom: 0.5em;
}
}


.ability-sub-modifier + .ability-sub-modifier,
.ability-sub-modifier *,
.ability-sub-modifier + .ability-sub-name {
.ability-sub-name * {
color: var( --color-emphasized );
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-width: 0;
}
}


.ability-sub-body {
.ability-sub-container + .ability-sub-container {
border-top-left-radius: 0;
margin-top: 1em;
border-top-right-radius: 0;
/*border-top-width: 0;*/
}
}


/*.ability-sub-container + .ability-sub-container {*/
.es-wording-container .ability-sub-container {
display: none;
/* margin-top: 1em;*/
}
/*}*/

Latest revision as of 07:38, 23 April 2025

.ability-sub-container {
	border-radius: var( --border-radius--large );
	background-color: var( --color-surface-1 );
	border: 1px solid var( --border-color-base );
	margin-top: 1em;
}

.expandable-content-container .ability-sub-container,
.ability-sub-container .ability-sub-container {
	margin-top: 1em;
	background-color: var( --color-surface-2 );
	border-radius: var( --border-radius--medium );
}

.expandable-content-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container {
	background-color: var( --color-surface-3 );
	border-radius: var( --border-radius--small );
}

.expandable-content-container .ability-sub-container .ability-sub-container .ability-sub-container,
.ability-sub-container .ability-sub-container .ability-sub-container .ability-sub-container {
	background-color: var( --color-surface-4 );
	border-radius: 0;
}

.ability-sub-body {
	padding-top: 1em;
	margin-bottom: 1em;
}

.ability-sub-body > p {
	margin-top: 0;
}

.ability-sub-box {
	border-radius: var( --border-radius--large );
	padding-left: 1em;
	padding-right: 1em;
}

.ability-sub-box + .ability-sub-box {
	margin-top: 0;
	border-top-left-radius: 0; 
	border-top-right-radius: 0;
	border-top: 1px solid var( --border-color-base );
}

.ability-sub-modifier,
.ability-sub-name {
	border-bottom-left-radius: 0; 
	border-bottom-right-radius: 0;
	color: var( --color-emphasized );
	padding-top: 0.5em !important;
	padding-bottom: 0.5em;
}

.ability-sub-modifier *,
.ability-sub-name * {
	color: var( --color-emphasized );
}

.ability-sub-container + .ability-sub-container {
	margin-top: 1em;
}

.es-wording-container .ability-sub-container {
	display: none;
}