yoghurtfarmer
Well-known member
In Beta 3, the placeholder for soft deleted messages has changed.
I'm personally not a fan of the new look (it's a bit hard on the eyes), so I included some template changes that would revert it back to the Beta 2 style in my other thread: http://xenforo.com/community/threads/subtle-layout-changes-in-beta-2.6985/#post-110284. Note that the Beta 2 style didn't have a bottom border so I guess it can be misleading, maybe that's why it was changed?
Since I didn't want to edit two templates, I thought I'd create a custom look by strictly changing message.css. The colour values can be changed to anything.
Find /* deleted / ignored message placeholder */ and replace it and everything underneath with:
I'm personally not a fan of the new look (it's a bit hard on the eyes), so I included some template changes that would revert it back to the Beta 2 style in my other thread: http://xenforo.com/community/threads/subtle-layout-changes-in-beta-2.6985/#post-110284. Note that the Beta 2 style didn't have a bottom border so I guess it can be misleading, maybe that's why it was changed?
Since I didn't want to edit two templates, I thought I'd create a custom look by strictly changing message.css. The colour values can be changed to anything.
Find /* deleted / ignored message placeholder */ and replace it and everything underneath with:
Code:
/* deleted / ignored message placeholder */
.messageList .message.placeholder
{
padding-bottom: 10px;
}
.messageList .placeholder .placeholderContent
{
overflow: hidden; zoom: 1;
border: 1px solid #d8b5b5;
background: #fee9e9 url(@imagePath/xenforo/gradients/category-23px-light.png;) repeat-x top;
padding: 5px;
border-radius: 5px;
color: @dimmedTextColor;
font-size: 11px;
}
.messageList .placeholder .placeholderContent .messageMeta,
.messageList .placeholder .placeholderContent div
{
background: #fee9e9 url(@imagePath/xenforo/gradients/category-23px-light.png;) repeat-x top;
}
.messageList .placeholder a.avatar
{
float: left;
display: block;
margin-left: 90px;
}
.messageList .placeholder a.avatar img
{
display: block;
width: 32px;
height: 32px;
}
.messageList .placeholder .privateControls
{
margin-top: -5px;
}
/* messages remaining link */
/*.postsRemaining
{
margin: 5px 0 10px;
text-align: right;
}*/
.postsRemaining a,
a.postsRemaining
{
font-size: 11px;
color: @mutedTextColor;
}