Template:Casciolu/styles.css

/* {{Prutetta}}
 * Sti stili vennu usati dî mudeḍḍi [[Template:Casciolu]] e [[Template:Principiu casciolu]]
 */

.casciolu {
	background: #FFFFFF;
	border: 1px solid var(--border-color-subtle, #AAAAAA);
	font-size: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	text-align: left;
}


@media screen {
	html.skin-theme-clientpref-night .casciolu > div:first-of-type  {
		background-color: var(--background-color-neutral, #27292d);
	}
	
	html.skin-theme-clientpref-night .casciolu, html.skin-theme-clientpref-night .casciolu .mw-collapsible-content{
		background-color: var(--background-color-neutral-subtle, #202122);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .casciolu > div:first-of-type  {
		background-color: var(--background-color-neutral, #27292d);
	}
	
	html.skin-theme-clientpref-os .casciolu, html.skin-theme-clientpref-os .casciolu .mw-collapsible-content{
		background-color: var(--background-color-neutral-subtle, #202122);
	}
}

.casciolu-left {
	float: left;
}

.casciolu-right {
	float: right;
}

.casciolu > div:first-of-type {
	background: #EFEFEF;
	font-weight: bold;
	padding-left: 1em;
	text-align: center;
}

.casciolu > div:first-of-type h1,
.casciolu > div:first-of-type h2,
.casciolu > div:first-of-type h3,
.casciolu > div:first-of-type h4,
.casciolu > div:first-of-type h5,
.casciolu > div:first-of-type h6 {
	color: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.casciolu .mw-collapsible-content {
	background-color: #FFFFFF;
	margin-bottom: .5em;
	overflow: hidden; /* per i file */
	padding: .2em;
}

div.casciolu .mw-collapsible-toggle {
	text-align: right;
	margin-left: 3.5em;
}