skins/vector/components/watchstar.less

   1 /* Watch/Unwatch Icon Styling */
   2 #ca-unwatch.icon a,
   3 #ca-watch.icon a {
   4         margin: 0;
   5         padding: 0;
   6         outline: none;
   7         display: block;
   8         width: 26px;
   9         /* This hides the text but shows the background image */
  10         padding-top: 3.1em;
  11         margin-top: 0;
  12         /* Only applied in IE6 */
  13         margin-top: -0.8em !ie;
  14         height: 0;
  15         overflow: hidden;
  16         .background-image('images/watch-icons.png');
  17 }
  18 #ca-unwatch.icon a {
  19         background-position: -43px 60%;
  20 }
  21 #ca-watch.icon a {
  22         background-position: 5px 60%;
  23 }
  24 #ca-unwatch.icon a:hover,
  25 #ca-unwatch.icon a:focus {
  26         background-position: -67px 60%;
  27 }
  28 #ca-watch.icon a:hover,
  29 #ca-watch.icon a:focus {
  30         background-position: -19px 60%;
  31 }
  32 #ca-unwatch.icon a.loading,
  33 #ca-watch.icon a.loading {
  34         .background-image('images/watch-icon-loading.gif');
  35         background-position: 5px 60%;
  36 }
  37 #ca-unwatch.icon a span,
  38 #ca-watch.icon a span {
  39         display: none;
  40 }