Template:Grid/Crafting Table/Styles.css: Difference between revisions
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;}
}