User:Nano/common.css: Difference between revisions

From IdleOn MMO Wiki
No edit summary
No edit summary
Line 7: Line 7:
   display: none;
   display: none;
   position: absolute;
   position: absolute;
   top: 0; /* Adjust for positioning */
   top: 10px;
   left: 100%; /* Position tooltip next to the main image */
   left: 110%;
   z-index: 1000;
   z-index: 10;
  background: white;
  padding: 5px;
  border: 1px solid #ccc;
}
}



Revision as of 17:08, 24 November 2024

.hover-image {
  position: relative;
  display: inline-block;
}

.hover-image .tooltip-image {
  display: none;
  position: absolute;
  top: 10px;
  left: 110%;
  z-index: 10;
  background: white;
  padding: 5px;
  border: 1px solid #ccc;
}

.hover-image:hover .tooltip-image {
  display: block;
}