Forum unread/new icon different for guests and logged in users How to?

[OTTBDad]

Hello,

I am using vBCloud and have been able to set up 2 different icons for read/unread forums. I am using the following two lines of CSS to accomplish this:

.forum-list-container #forumXX.forum-item .cell-forum .icon {}
.forum-list-container #forumXX.forum-item.new .cell-forum .icon {}

I would like to use a different icon for the .new line depending on whether it is a guest or a logged in user.

Is there a selector that I can add to the above that would enable me to differentiate between logged in or not?

Thanks,

Bill.. .. .

[glennrocksvb]

Add .logged-out in front of the selector for guests.

[OTTBDad]

Thanks Glenn,

I feel pretty silly that I did not see that buried up top! I ended up being able to simplify it a little.

For others who might be trying to do the same thing I am going to try and explain the what and why:

I set up 2 sprites, one with a graphic for each of my forum channels without a bright NEW oval, and one for channels with new posts with a bright NEW oval. The one with the oval over top of the graphic for new posts is way too much for a non-logged in user since all channels show as unread. Thus I have 3 states for my channel graphic, 1. Logged-Out, 2. Logged-In Unread, 3. Logged-In Read. Here is the css to accomplish this with an example of the graphics:

/* No new unread messages - Logged In */
#forum105.forum-item .cell-forum .icon {
background:transparent url('core/css/0/0/4/1/2/2//images/spriteone.png') no-repeat center center;
opacity: .5; width:46px; height:46px; background-position:0 -46px;
}



/* Channel Icon - Logged Out */
.logged-out #forum105.forum-item.new .cell-forum .icon {
background:transparent url('core/css/0/0/4/1/2/2//images/spriteone.png') no-repeat center center;
opacity: 1;background-color: rgba(255,210,0,.4); border-radius: .5rem; width:46px; height:46px; background-position:0 -46px;
}



/* New unread messages - Logged In */
#forum105.forum-item.new .cell-forum .icon {
background: transparent url('core/css/0/0/4/1/2/2//images/spritetwo.png') no-repeat center center;
width:46px; height:46px; background-position:0 -46px;opacity: 1;background-color: rgba(255,210,0,.4); border-radius: .5rem;
}