1. 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

Discussion in 'Closed Suggestions' started by Chris D, Oct 31, 2013.

  1. Chris D

    Chris D XenForo Developer Staff Member


    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:

        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; }
    rellect, Autonamus and Daniel Hood like this.

Share This Page