Template:CharIcon-UMVC3/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 6: Line 6:
  width:max-content;  
  width:max-content;  
  border: solid 1px white;
  border: solid 1px white;
}
.ci-highlight {
border: solid 3px yellow;
padding: 5px;
visibility: hidden;
}
.ci-highlight:hover {
visibility: visible;
}
}


Line 14: Line 24:
.ci:hover {
.ci:hover {
  border: solid 3px yellow;
  border: solid 3px yellow;
outline: solid 3px yellow;
outline-offset: 5px;
  animation: blinker 1s linear infinite;
  animation: blinker 1s linear infinite;
}
}

Revision as of 11:21, 20 May 2025

.ci {
}

.ci-background {
 background: gray; 
 width:max-content; 
 border: solid 1px white;
}

.ci-highlight {
 border: solid 3px yellow;
 padding: 5px;
 visibility: hidden;
}

.ci-highlight:hover {
 visibility: visible;
}

.ci-background:hover {
 border: hidden;
}

.ci:hover {
 border: solid 3px yellow;
 animation: blinker 1s linear infinite;
}

@keyframes blinker {
 50% {
  opacity: 0;
 }
}