Template:Grid/Crafting Table/Styles.css: Difference between revisions

From I-Pixelmon
Jump to navigation Jump to search
(Created page with ".craft-grid p { margin: 0; }")
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
.craft-grid p {
.craft-grid p {
   margin: 0;
   margin: 0;
}
/* If only one frame (static), override to show it without animation */
.slot-static {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}
/* ───────── animated tag-slot frames ───────── */
.slot-frame{
  position:absolute;
  top:0; left:0;
  width:32px; height:32px;
  opacity:0; visibility:hidden;
  animation-name:slot-cycle;
  animation-timing-function:step-start;
  animation-iteration-count:infinite;
}
@keyframes slot-cycle{
  0%      {opacity:1; visibility:visible;}
  49.999% {opacity:1; visibility:visible;}
  50%    {opacity:0; visibility:hidden;}
  100%    {opacity:0; visibility:hidden;}
}
}

Latest revision as of 22:55, 15 June 2025

.craft-grid p {
  margin: 0;
}

/* If only one frame (static), override to show it without animation */
.slot-static {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}
/* ───────── animated tag-slot frames ───────── */
.slot-frame{
  position:absolute;
  top:0; left:0;
  width:32px; height:32px;
  opacity:0; visibility:hidden;
  animation-name:slot-cycle;
  animation-timing-function:step-start;
  animation-iteration-count:infinite;
}

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