phpBB skins by Tastenplayer

Code: Alles auswählen

.bubbleright-content-wrapperpit-pl {
 padding-right: 11px;
 position: relative;
}
.bubbleright-postcontentpit-pl {
 padding: 10px 5px 10px 10px;
 border: 7px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubbleright-post-bubblepit-pl {
 position: absolute;
 margin-right: 1px;
 top: 20px;
 right: 0;
 width: 0;
 height: 0;
 border-left: 12px solid #037CA9;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
 }

Code: Alles auswählen

<div class="bubbleright-content-wrapperpit-pl">
    <div class="content bubbleright-postcontentpit-pl"><div class="bubbleright-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>

Code: Alles auswählen

.bubbleleftcontent-wrapperpit-pl {
 padding-left: 11px;
 position: relative;
}
.bubbleleftpostcontentpit-pl {
 padding: 10px 5px 10px 10px;
 border: 7px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubbleleftpost-bubblepit-pl {
 position: absolute;
 margin-left: 1px;
 top: 20px;
 left: 0;
 width: 0;
 height: 0;
 border-right: 12px solid #037CA9;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
}

Code: Alles auswählen

<div class="bubbleleftcontent-wrapperpit-pl">
    <div class="content bubbleleftpostcontentpit-pl"><div class="bubbleleftpost-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>

Code: Alles auswählen

.bubblecircle-left-content-wrapperpit-pl {
 padding-left: 14px;
 padding-right: 11px;
 position: relative;
}
.bubblecircle-left-postcontentpit-pl {
 padding: 11px;
 border: 4px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubblecircle-left-post-bubblepit-pl {
 position: absolute;
 margin-left: 4px;
 right: 0;
 bottom: -8px;
 left: 0;
 background: transparent;
 width: 16px;
 height: 16px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -webkit-box-shadow: -3px 3px 14px #0B4F68;
 -moz-box-shadow: -3px 3px 14px #0B4F68;
 box-shadow: -3px 3px 14px #0B4F68;
}

Code: Alles auswählen

 <div class="bubblecircle-left-content-wrapperpit-pl">
    <div class="content bubblecircle-left-postcontentpit-pl"><div class="bubblecircle-left-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>

Code: Alles auswählen

.bubbleright-content-wrapperpit-pl {
 padding-right: 14px;
 position: relative;
}
.bubblecircle-right-postcontentpit-pl {
 padding: 11px 9px 11px 11px;
 border: 4px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubblecircle-right-post-bubblepit-pl {
 position: absolute;
 margin-right: 4px;
 right: 0;
 bottom: -8px;
 right: 0;
 background: transparent;
 width: 16px;
 height: 16px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -webkit-box-shadow: -3px 3px 14px #0B4F68;
 -moz-box-shadow: -3px 3px 14px #0B4F68;
 box-shadow: -3px 3px 14px #0B4F68;
}

Code: Alles auswählen

 <div class="bubbleright-content-wrapperpit-pl">
    <div class="content bubblecircle-right-postcontentpit-pl"><div class="bubblecircle-right-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>