1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Modifying the deleted message placeholder

Discussion in 'Template Modifications [Archive]' started by yoghurtfarmer, Nov 14, 2010.

  1. yoghurtfarmer

    yoghurtfarmer Well-Known Member

    In Beta 3, the placeholder for soft deleted messages has changed.

    newdeleted.png
    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.

    editeddeleted.png

    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;
        }
     
    dwdmadmac and CyberAP like this.

Share This Page