View Single Post
Old 04-03-2026, 03:30 PM   #2
Vren
Junior Member
Vren began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Apr 2026
Device: none
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;
}
Vren is offline   Reply With Quote