User style sheet to fix Prosilver

#1 Wed, 18 Feb 2009 - 01:40

The following style sheet should restore all the old icons to the forum for read and unread, etc.

Code:

dl[style="background-image: url(./styles/prosilver/imageset/forum_unread.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/forum_unread.gif) !important;
margin-left: -10px !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/forum_read.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/forum_read.gif) !important;
margin-left: -10px !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/forum_read_subforum.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/forum_read_subforum.gif) !important;
margin-left: -10px !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/forum_unread_subforum.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/forum_unread_subforum.gif) !important;
margin-left: -10px !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_unread.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_unread.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_read.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_read.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_read_mine.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_read_mine.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_read_hot_mine.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_read_hot_mine.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_read_hot.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_read_hot.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/announce_unread.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/announce_unread.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/announce_read_mine.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/announce_read_mine.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/announce_read_locked.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/announce_read_locked.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/sticky_read_mine.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/sticky_read_mine.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_moved.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_moved.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/sticky_read.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/sticky_read.gif) !important;
}

dl[style="background-image: url(./styles/prosilver/imageset/topic_unread_hot.gif); background-repeat: no-repeat;"] {
background-image: url(./styles/subsilver2/imageset/topic_unread_hot.gif) !important;
}

dt[title="New posts"] {
margin-left: 10px !important;
}

dt[title="No new posts"] {
margin-left: 10px !important;
}

This is a user style sheet. Save it to a text file and call it user.css. Then go into Safari's Advanced preferences and select it as your style sheet and then restart Safari. Navigate to the forums and now the icons will be back to the old ones. Now you can actually see if posts are read instead of wasting time trying to determine if a pale line is red or not.

I am still working on getting the avatars back to the left.