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

Template page
No edit summary
No edit summary
Line 1: Line 1:
.ci {
.ci {
visibility: visible;
}
}


Line 7: Line 6:
  width:max-content;  
  width:max-content;  
  border: solid 1px white;
  border: solid 1px white;
visibility: visible;
}
}


.ci-highlight {
.ci-highlight {
  width: max-content;
  width: 60px;
  border: solid 3px yellow;
height: 51px;
  padding: 5px;
  outline: solid 3px yellow;
  outline-offset: 3px;
  visibility: hidden;
  visibility: hidden;
}
}
Line 28: Line 27:


.ci:hover {
.ci:hover {
border: solid 3px yellow;
animation: initial;
}
}



Revision as of 12:02, 20 May 2025

.ci {
}

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

.ci-highlight {
 width: 60px;
 height: 51px;
 outline: solid 3px yellow;
 outline-offset: 3px;
 visibility: hidden;
}

.ci-highlight:hover {
 visibility: visible;
 animation: blinker 1s linear infinite;
}

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

.ci:hover {
}

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