Modifying the deleted message placeholder

[yoghurtfarmer]

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:

/* 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;
    }