Browse Source

remove text-shadow and filter from multicolumn links; these caused layout glitches in both Firefox and Chromium

pull/1/head
Sami Vaarala 11 years ago
parent
commit
661161fd5d
  1. 19
      website/style-content.css

19
website/style-content.css

@ -121,7 +121,12 @@
line-height: 1.4;
}
/* special style for tag lists */
/* Special style for tag lists. Disable link text-shadow because it
* causes layout sizes when hovering over the links (apparently the
* shadow somehow changes the item's size at least from multi-column
* layout perspective). Because of no text-shadow, the link hover is
* not as visible, so add a faint background and a darker color.
*/
ul.taglist {
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
@ -133,6 +138,18 @@ ul.taglist li {
list-style: none;
line-height: 1.2;
}
ul.taglist li a {
text-decoration: none;
}
ul.taglist li a:hover {
/* Remove text-shadow and filter from .content a:hover rule */
background-color: #eeeeff;
color: #000088;
text-decoration: underline;
text-shadow: none;
filter: none;
}
@media screen and (max-width:800px) {
.taglist {
-moz-column-count:1; /* Firefox */

Loading…
Cancel
Save