8chan CSS

/* Just a CSS script I'm using on 8chan.
Makes all threads in the catalog faded out, and makes them clear on mouse-over.*/

.theme-catalog div.thread {
    margin-left:5px;
    margin-right:5px;
    padding: 5px;
    opacity: 0.3;
}
.theme-catalog div.thread:not(hover) {
    -webkit-animation: mouseOut 1s 1; /* Safari 4+ */
    -moz-animation: mouseOut 1s 1; /* Fx 5+ */
    -o-animation: mouseOut 1s 1; /* Opera 12+ */
    animation: mouseOut 1s 1; /* IE 10+, Fx 29+ */
}
.theme-catalog div.thread:hover {
    -webkit-animation: mouseHover 1s 1; /* Safari 4+ */
    -moz-animation: mouseHover 1s 1; /* Fx 5+ */
    -o-animation: mouseHover 1s 1; /* Opera 12+ */
    animation: mouseHover 1s 1; /* IE 10+, Fx 29+ */
    opacity: 1;
}

@-webkit-keyframes mouseHover {
  0%   { opacity: 0.3; }
  100% { opacity: 1; }
}
@-moz-keyframes mouseHover {
  0%   { opacity: 0.3; }
  100% { opacity: 1; }
}
@-o-keyframes mouseHover {
  0%   { opacity: 0.3; }
  100% { opacity: 1; }
}
@keyframes mouseHover {
  0%   { opacity: 0.3; }
  100% { opacity: 1; }
}
@-webkit-keyframes mouseOut {
  0%   { opacity: 1; }
  100% { opacity: 0.3; }
}
@-moz-keyframes mouseOut {
  0%   { opacity: 1; }
  100% { opacity: 0.3; }
}
@-o-keyframes mouseOut {
  0%   { opacity: 1; }
  100% { opacity: 0.3; }
}
@keyframes mouseOut {
  0%   { opacity: 1; }
  100% { opacity: 0.3; }
}