Template:TemplateStyle/teatro6.css

/* test i9ntegrazione con teatro1*/
/* personaggio personaggio + battuta in paragrafi con indentatura inversa; tre classi -.atto, .scena e .personaggi,
con personaggi in small-caps. Utilizzabile nelle raccolte di commedie in prosa di Goldoni, Municipio di Venezia, 1907 */
p {margin-left:2em; text-indent:-2em;}
.indentato p {margin-left:0; text-indent:2em;}

.atto {
	text-align:center;
	font-size:300%;
	margin-top:1pc;
}
i {font-variant:normal; font-style:italic;}

.scena {
	text-align:center;
	font-size:100%;
	margin-top:1pc;

}

.scena1 {
	text-align:center;
	font-size:90%;

}

.personaggi {
	text-align:center;
	font-size:100%;
	font-variant:small-caps;
}

.personaggi1 {
	font-size:100%;
	font-variant:small-caps;
}

.references .references {font-size:100%;}
/* Utilizzato in testi teatrali in versi
Risultato: personaggio a sinistra della prima riga della battuta, in maiuscoletto
Usato in: Tragedie (Alfieri, Scrittori d'Italia)
Sintassi personaggio-battuta:
<poem>
;personaggio
battuta
....
</poem>

*/
.poem {width:30em;
	margin-left:0;
	position:relative;
	padding-left:5em;
}

.numeroriga {
	position:absolute;
	right:0;
}

.poem dt  {
	display:inline-block;
	position:absolute;
	left:0;
	font-variant: small-caps;
	font-weight:normal;
}

.poem dd {
	display:inline-block;
	margin-left:0;
}

.poem .atto {
	text-align:center;
	width:75%;
	margin-left:0;
	margin-top:2em;
	margin-bottom:-1em;
	font-size:120%;
	
}

.poem .scena {
	text-align:center;
	width:75%;
	margin-left:0;
	margin-top:1em;
	margin-bottom:-1em;
	font-size:110%;
	
}

.poem .personaggi {
	text-align:center;
	width:75%;
	margin-left:0;
	margin-top:0;
	margin-bottom:-1em;
	font-size:100%;
	font-variant:small-caps;
}
.personaggi i {
	font-variant:normal;
}
.poem .ids {
	text-align:center;
	width:65%;
	margin-left:0.5em;
	margin-top:0.5em;
	margin-bottom:-1em;
	font-size:90%;
}


.poem ul {
	list-style-image: none;
	list-style-type:none;
}
.poem ul li {
	position: relative; 
	left:.5em;
}

.poem ul li::before {
    content: '*';      /* Unicode for • character */
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
}

.poem ol {
	list-style-image: none;
	list-style-type:none;
}
.poem ol li {
	position: relative; 
	left:-1.2em;
}

.poem ol li::before {
    content: '†';      /* Unicode for • character */
    position: absolute;
    left: -0.8em;          /* Adjust this value so that it appears where you want. */
    font-size: 1.1em;      /* Adjust this value so that it appears what size you want. */
}