My CSS Style Sheet:
/************************************************** ************
Theme Name: meinstil.css
************************************************** ************/
/* Grundeinstellung: Schrift, Größe, Rand und Blocksatz */
body {display: block; font-size: 1em;font-family: 'Arial','Verdana','Times New Roman', sans-serif, serif;margin: 3px; text-align: justify;}
<style type="text/css">
.sizeem {font-size:1em;}
.sizesmall {font-size:small;}
.sizepercentage {font-size:80%;}
</style>
/* <p>TEXT</p> / Text normal, mit Einzug*/
p {font-style: normal; text-indent: 1em; margin: 0}
/* <p class="n">TEXT</p> / Text normal ohne Einzug, linker Rand bündig */
.n {font-style: normal; text-indent: 0em; margin: 0}
/* <p class="ph5-subtitle">TEXT</p> / Text rechtsbündig, klein (font-weight: 500) */
.ph5-subtitle {font-style: normal;font-weight: 500;text-align: right;}
/* Überschriften */
h1 {font-style: normal;font-weight: 900;text-align: center;}
h2 {font-style: normal;font-weight: 800;text-align: center;}
/* CHAT VERSION 2 für links */
/* <p class="chat-message-left">TEXT</p> / Chatnachricht */
p.chat-message-left{
width: 60%; /* Eine Chatbox ist 60% des Displays groß */
margin: .1em;
margin-left: 5%; /* Links Position bei 5% - Die linke Chatbox von 5% bis 65% des Displays */
padding: .4em .6em; /* Leichte Box-Anmutung mit etwas abgedunkelten Hintergrund */
background: #DDD;
font-size: 15px;
color: #333;
border: inset; /* Rahmen links + oben */
font-family: Calibri, Helvetica, sans-serif;
}
/* CHAT VERSION 2 für rechts */
/* <p class="p.chat-message-right">TEXT</p> / Chatnachricht */
p.chat-message-right
{
width: 60%; /* Eine Chatbox ist 60% des Displays groß */
margin: .1em;
padding: .4em .6em; /* Leichte Box-Anmutung mit etwas abgedunkelten Hintergrund */
background: #DDD;
font-size: 15px;
color: #333;
border: outset; /* Rahmen rechts + unten */
}
/* Rechts Position bei 35% + 60% = Rechter Rand bei 95% (analog dem linken Rand) */
p.chat-message-right
{
margin-left: 35%; /* Die rechte Chatbox von 35% bis 95% des Displays */
}
p.chat-message-right{
font-family: Calibri, Helvetica, sans-serif;
}