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

Show user is online

I've this little overlapping problem but I don't know the css syntax so I don't know what and how to modify. Can someone help me moving the username a little bit down?

Screenshot 2011-03-22 a 11.55.30.webp
 
Why not just move the ribbon up a few pixels so it is centered on the line?

I don't have this installed so I'm not sure of the css change required.
 
Hi,

I am not so good with css and coding, but I tried and now it messed with my other ribbons, see here http://tinyurl.com/3ouswf6
This is my extra.css

Code:
.ribbon { font-size: 10px; font-weight: bold; margin: -5px -5px -2px; text-align: center; }
.ribbon li
{
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
    padding: 1px;
    position: relative;
    margin-bottom: 5px;
}
.ribbon li:last-child { margin-bottom: 0px; }
.ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; }
.ribbon li .right { border-top-right-radius: 3px; right: -1px; }
.ribbon li .left { border-top-left-radius: 3px; left: -1px; }

.ribbonStaff
{
    background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    border: 1px solid @primaryLight;
    color: @contentBackground;
}
.ribbonStaff div { background-color: @primaryLight;  }

/* SUB FORUM GRID LISTING SETTINGS */
    .subForumsGrid { padding-right: 4px; }
    .subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; }
    .subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
    .subForumsGrid .node { width: 20%; float: left; }
    .subForumsGrid .node ol { padding-left: 10px; }
    .subForumsGrid .node  a { padding: 5px 10px 5px 18px; }
    .subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
    .subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
    .subForumsGrid .node div { background: url('@imagePath/xenforo/widgets/read.png') no-repeat 0px 50%; }
    .subForumsGrid .node div.unread { background: url('@imagePath/xenforo/widgets/unread.png') no-repeat 0px 50%; }

.UserOnline, .UserOffline, .UserOnlineInvisible
    {
        font-weight: bold;
        font-size: 10px;
        color: @contentBackground;
        background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 10px;
        margin: 10px;
        border: 1px solid @primaryLight;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: inherit;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
    }

        .UserOnline span, .UserOffline span, .UserOnlineInvisible span
        {
            background-color: @primaryLight;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
 
I just noticed the online indicator does not appear in Conversations. I replied to someone's PM and was curious if they were still online to reply back.

Can Convos be included with a template edit?
 
Top Bottom