I've been having a lot of fun with the custom CSS feature of Tabliss. However, one thing I cannot seem to do, is get rid of the underline that occurs when you hover over any quick links. It doesn't seem to be effected by text-decoration: none, no matter what element/class/id I try to apply it to. I can get the text to change colors and other things, but the underline occurs before those changes, which makes me think its an element that surrounds the link. But I can't find it and would appreciate any help. Here is my current code:
.Time, .Links {
color: #b2ffff; /* Brighter cyan with green tinge */
text-shadow: 0 0 10px #00e6e6, 0 0 20px #00cccc, 0 0 30px #00b3b3; /* Glow effect */
text-decoration: none; /* Removes the default underline */
}
.Time {
text-indent: -.7em; /* Shift text left to help account for the leading or missing 1*/
}
.LinkText:hover {
color: #e5ffff; /* Changes the color on hover */
text-shadow: 0 0 13px #00ecec, 0 0 25px #00d9d9, 0 0 37px #00c6c6; /* recolors and intensifies the glow */
text-decoration: none; /* Removes the default underline */
}
I've been having a lot of fun with the custom CSS feature of Tabliss. However, one thing I cannot seem to do, is get rid of the underline that occurs when you hover over any quick links. It doesn't seem to be effected by text-decoration: none, no matter what element/class/id I try to apply it to. I can get the text to change colors and other things, but the underline occurs before those changes, which makes me think its an element that surrounds the link. But I can't find it and would appreciate any help. Here is my current code: