They will now alternate, but on the left side they will always show as online. (Even if that person is not online.)
Because a subject from the same person is online in the first message on the left, the second message on the right is offline.
contenst.css
Code: Select all
/* Profielvelden wisselen
----------------------------------------*/
.post .postprofile {
margin: -5px -10px 10px 0;
padding-top: 10px;
padding-right: 10px;
}
.switch-profile .postbody {
float: right;
}
.switch-profile .postprofile {
float: left;
padding-right: 0;
border-width: 0 1px 0 0;
}
.post.switch-profile .postprofile dd, .post.switch-profile .postprofile dt {
margin-left: 0;
margin-right: 8px;
}
.post.online, .post.offline {
background-image: none;
}
.post.online .postprofile {
background-position: 100% 0;
background-repeat: no-repeat;
}
colours.css
Code: Select all
.online {
border-right: 5px solid #01AC00;
}
.offline {
border-right: 5px solid #E72E29;
}
@media (min-width: 700px) {
.switch-profile.online {
border-right: 0;
border-left: 5px solid #01AC00;
}
.switch-profile.offline {
border-right: 0;
border-left: 5px solid #01AC00;
}
}
@media (max-width: 700px) {
.post.switch-profile .postprofile {
margin: 0 0 5px 0;
border-width: 0 0 1px 0;
}
.switch-profile .postbody, .switch-profile .postprofile {
float: none;
}
}
If the border has not been changed, they are displayed correctly online/offline.