[Summary view] [Print] [Text view]

   1  @import "mediawiki.mixins.rotation"
   2  
   3  /* Watch/Unwatch Icon Styling */
   4  #ca-unwatch.icon a,
   5  #ca-watch.icon a {
   6      margin: 0;
   7      padding: 0;
   8      display: block;
   9      width: 26px;
  10      /* This hides the text but shows the background image */
  11      padding-top: 3.1em;
  12      margin-top: 0;
  13      /* Only applied in IE6 */
  14      margin-top: -0.8em !ie;
  15      height: 0;
  16      overflow: hidden;
  17      background-position: 5px 60%;
  18  }
  19  #ca-unwatch.icon a {
  20      .background-image-svg('images/unwatch-icon.svg', 'images/unwatch-icon.png');
  21  }
  22  #ca-watch.icon a {
  23      .background-image-svg('images/watch-icon.svg', 'images/watch-icon.png');
  24  }
  25  #ca-unwatch.icon a:hover,
  26  #ca-unwatch.icon a:focus {
  27      .background-image-svg('images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png');
  28  }
  29  #ca-watch.icon a:hover,
  30  #ca-watch.icon a:focus {
  31      .background-image-svg('images/watch-icon-hl.svg', 'images/watch-icon-hl.png');
  32  }
  33  #ca-unwatch.icon a.loading,
  34  #ca-watch.icon a.loading {
  35      .background-image-svg('images/watch-icon-loading.svg', 'images/watch-icon-loading.png');
  36      .rotation(700ms);
  37      /* Suppress the hilarious rotating focus outline on Firefox */
  38      outline: none;
  39      cursor: default;
  40      pointer-events: none;
  41      background-position: 50% 60%;
  42      -webkit-transform-origin: 50% 57%;
  43      transform-origin: 50% 57%;
  44  }
  45  #ca-unwatch.icon a span,
  46  #ca-watch.icon a span {
  47      display: none;
  48  }