• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Duplicate Generalise the thread status CSS and have in its own .css template or in xenforo_public.css

Chris D

XenForo developer
Staff member
#1
upload_2013-10-31_14-39-50.png

This is all I'm talking about.

For add-ons I find myself continually copy and pasting this CSS. It's actually very useful outside of threads. I use it in a number of add-ons. A version of it is even copy and pasted for the Resource Manager.

It could either be in its own .CSS template, e.g. item_alerts.css so we can call it when needed or in the public CSS so it is everywhere:

Code:
.itemAlerts
{
    border: 1px solid {xen:property primaryLighterStill};
    border-radius: 5px;
    font-size: 11px;
    margin: 10px 0;
    padding: 5px;
    line-height: 16px;
    background-image: url('{xen:property imagePath}/xenforo/gradients/form-button-white-25px.png');
}

.itemAlerts dt
{
    color: {xen:property primaryLight};
    display: inline;
}

.itemAlerts dd
{
    color: {xen:property primaryDark};
    font-weight: bold;
    display: inline;
}

.itemAlerts .icon
{
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url('{xen:property imagePath}/xenforo/xenforo-ui-sprite.png') no-repeat -1000px -1000px;
}

.itemAlerts .deletedAlert .icon { background-position: -64px -32px; }
.itemAlerts .moderatedAlert .icon { background-position: -32px -16px; }
.itemAlerts .lockedAlert .icon { background-position: -16px -16px; }