Das ergibt dann bei jedem zweiten (???) Beitrag ein farbiges (grünes) Dreieck aber keinen Rahmen:
.message.messageSidebarOrientationLeft > .messageHeader::before
{
border-color: transparent red transparent transparent;
left: -20px;
}
.message.messageSidebarOrientationLeft .messageHeader::before,
.message.messageSidebarOrientationLeft .messageHeader::after
{
border-style: inset solid inset none;
}
.message.messageSidebarOrientationLeft .messageHeader::before,
.message.messageSidebarOrientationRight .messageHeader::before
{
z-index: 100;
}
.message.messageSidebarOrientationLeft .messageHeader::after
{
border-color: transparent green transparent transparent;
left: -19px;
}
.message.messageSidebarOrientationLeft .messageHeader::after,
.message.messageSidebarOrientationRight .messageHeader::after
{
z-index: 101;
}
Bewusst ohne Quellcode-Formatierung, denn da muss man sonst immer umständlich beim Kopieren die Zeilennummern weglöschen.