src/style/rainbows.css

/*
 * CSS animated rainbow dividers of awesome
 * by Chris Heilmann @codepo8 and Lea Verou @leaverou
**/

/**
 * From CSS3-Rainbow-Dividers on Github :)
 */

@-moz-keyframes rainbowanim {
  from { background-position:top left; }
  to {background-position:top right; }
}
@-webkit-keyframes rainbowanim {
  from { background-position:top left; }
  to { background-position:top right; }
}
@-o-keyframes rainbowanim {
  from { background-position:top left; }
  to { background-position:top right; }
}
@-ms-keyframes rainbowanim {
  from { background-position:top left; }
  to { background-position:top right; }
}
@-khtml-keyframes rainbowanim {
  from { background-position:top left; }
  to { background-position:top right; }
}
@keyframes rainbowanim {
  from { background-position:top left; }
  to { background-position:top right; }
}

.catchadream{
  background-image:-webkit-linear-gradient( left, red, orange, yellow, green,
                                          blue, indigo, violet, indigo, blue,
                                          green, yellow, orange, red );
  background-image:-moz-linear-gradient( left, red, orange, yellow, green,
                                         blue,indigo, violet, indigo, blue,
                                         green, yellow, orange,red );
  background-image:-o-linear-gradient( left, red, orange, yellow, green,
                                         blue,indigo, violet, indigo, blue,
                                         green, yellow, orange,red );
  background-image:-ms-linear-gradient( left, red, orange, yellow, green,
                                         blue,indigo, violet, indigo, blue,
                                         green, yellow, orange,red );
  background-image:-khtml-linear-gradient( left, red, orange, yellow, green,
                                         blue,indigo, violet, indigo, blue,
                                         green, yellow, orange,red );
  background-image:linear-gradient( left, red, orange, yellow, green,
                                         blue,indigo, violet, indigo, blue,
                                         green, yellow, orange,red );
  -moz-animation:rainbowanim 3.5s forwards linear infinite;
  -webkit-animation:rainbowanim 2.5s forwards linear infinite;
  -o-animation:rainbowanim 2.5s forwards linear infinite;
  -khtml-animation:rainbowanim 2.5s forwards linear infinite;
  -ms-animation:rainbowanim 2.5s forwards linear infinite;
  -lynx-animation:rainbowanim 2.5s forwards linear infinite;
  animation:rainbowanim 2.5s forwards linear infinite;
  background-size:50% auto;

  height: 20px;
  padding: 12px;
}