Tagcloud CSS Stylesheet

By Hawkee on Mar 21, 2007

This can be used in conjunction with my Tagcloud Font Distributor snippet. The colors are what we use here at Hawkee, so please feel free to change them. If you find a scheme that works well post it as a snippet.

/* Tagcloud CSS Styles */

a.tag1:link {  line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold}
a.tag1:hover { line-height: 25px; font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag2:link {  line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:visited { line-height: 25px; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold}
a.tag2:hover { line-height: 25px; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag3:link {  line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:visited { line-height: 25px; font-size: 13px; color: #222222; text-decoration: none; font-weight: bold}
a.tag3:hover { line-height: 25px; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag4:link {  line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:visited { line-height: 25px; font-size: 14px; color: #222222; text-decoration: none; font-weight: bold}
a.tag4:hover { line-height: 25px; font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag5:link {  line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:visited { line-height: 25px; font-size: 15px; color: #111111; text-decoration: none; font-weight: bold}
a.tag5:hover { line-height: 25px; font-size: 15px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag6:link {  line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:visited { line-height: 25px; font-size: 16px; color: #111111; text-decoration: none; font-weight: bold}
a.tag6:hover { line-height: 25px; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

a.tag7:link {  line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:visited { line-height: 25px; font-size: 17px; color: #000000; text-decoration: none; font-weight: bold}
a.tag7:hover { line-height: 25px; font-size: 17px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: #000000;}

Comments

Sign in to comment.
Korvin   -  Aug 13, 2009
a.tag1:link { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }
a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }

same:

a.tag1:link, a.tag1:visited { line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold }
 Respond  
Are you sure you want to unfollow this person?
Are you sure you want to delete this?
Click "Unsubscribe" to stop receiving notices pertaining to this post.
Click "Subscribe" to resume notices pertaining to this post.