Template:Stonecutting/styles.css: Difference between revisions

Revision as of 04:15, 14 June 2025

.stonecutting-carousel { position:relative; }

/* default: hidden & ignores pointer events */
.sc-frame{
  position:absolute; top:0; right:0; bottom:0; left:0;
  opacity:0; visibility:hidden;
  animation-name:sc-cycle;
  animation-timing-function:steps(1);
  animation-iteration-count:infinite;
}

/* frame of a single-recipe carousel – no animation */
.sc-static{
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
}

@keyframes sc-cycle{
  0%   {opacity:1;visibility:visible;}
  49.99%{opacity:1;visibility:visible;}
  50%  {opacity:0;visibility:hidden;}
  100% {opacity:0;visibility:hidden;}
}


.sc-slot{
  position:absolute;
  width:32px; height:32px;
}