[personal profile] tropicsbear posting in [community profile] style_system
I'm using customized tiny icons instead of the usual tiny icons for private, filtered, etc. entries and I noticed that while the tiny icon for custom groups works fine, the tiny icons for private entries and filtered entries repeats. Ideally, the tiny bento box should only appear beside the date and time.



img[src*='locked.png'], img[src*='filtered.png'], img[src*='private.png'] {
width: 0;
height: 0;
padding: 0 5px 18px 0;
}

img[src*='user.png'] {
width: 0; height: 0;
padding: 0 0 16px 16px;
background: url('http://i.minus.com/iMN9uwSo7lbJA.gif') no-repeat;
vertical-align: middle !important;
}

img[src*='community.png'], img[src*='community.gif'], img[src*='comm_staff.png'] {
background: url('http://i.minus.com/iKDrb9Up17ivY.gif') no-repeat bottom left;
padding: 0 0 16px 16px;
width: 0; height: 0;
}

.security-protected .entry .entry-title, img[src*='locked.png']{
padding-left: 12px;
background: transparent url('http://i.minus.com/ibi6QsdnDNGViC.gif') no-repeat center left;
}

.security-filtered .entry .entry-title, img[src*='filtered.png'] {
padding-left: 12px;
background: transparent url('http://i.minus.com/ibnZ6bzornxuw0.gif') no-repeat center left;
}

.security-private .entry .entry-title, img[src*='private.png'] {
padding-left: 12px;
background: transparent url('http://i.minus.com/i0xhtOXgVgRbQ.gif') no-repeat center left;
}


My second question is, is there any way to remove the "expand all cuts" option from the sidebar?

Any help would really be appreciated.

Date: 2012-01-02 12:29 pm (UTC)
tyger: Isaac and Miria, grinning. (Isaac and Miria -  ...na :D?)
From: [personal profile] tyger
I'm not sure about the first, but you can turn off the expand all cuts under modules. (Uncheck the 'Cut Tag Controls' tickybox.)

Date: 2012-01-03 03:58 am (UTC)
From: [personal profile] ex_awakened208
I think it would work if you removed the .security-protected .entry .entry-title stuff from your CSS for the locked, filtered, and private images.

The duplicate is caused from applying the background image to both the .entry-title section and the img[src*=''] section. When you use a comma, it denotes it as a separate entity you want to add the background image to. But you don't really need to have the .entry-title part in there to begin with, since you wanted the replacement security images to show up next to your date instead of by the entry title.

The reason that it didn't duplicate for the custom groups is because the background image couldn't be applied to this code: .security-filtered .entry .entry-title. Because the class .security-filtered doesn't exist. The class for custom entries is .security-custom.

Hope that was helpful. If it's confusing, I could always just repost the code you put up with changes.

Date: 2012-01-03 02:02 pm (UTC)
From: [personal profile] ex_awakened208
You're welcome!

Profile

Dreamwidth style system discussion

April 2025

S M T W T F S
  12345
6 78910 1112
13 141516171819
2021 2223242526
27282930   

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 2nd, 2025 08:24 am
Powered by Dreamwidth Studios