User:Nano/common.css: Difference between revisions

From IdleOn MMO Wiki
(Created page with "→‎Hover Box for switching the visibility of the selected item: .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; }")
 
No edit summary
Line 1: Line 1:
/* Hover Box for switching the visibility of the selected item */
.hover-image {
.hoverbox { display:inline-block; padding:0em; }
  position: relative;
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
  display: inline-block;
.hoverbox .hoveritem.selected { display:inline-block; }
}
.hoverbox:hover .hoveritem { display:inline-block; }
 
.hoverbox:hover .hoveritem.selected { display:none; }
.hover-image .tooltip-image {
  display: none;
  position: absolute;
  top: 0; /* Adjust for positioning */
  left: 100%; /* Position tooltip next to the main image */
  z-index: 1000;
}
 
.hover-image:hover .tooltip-image {
  display: block;
}

Revision as of 17:02, 24 November 2024

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

.hover-image .tooltip-image {
  display: none;
  position: absolute;
  top: 0; /* Adjust for positioning */
  left: 100%; /* Position tooltip next to the main image */
  z-index: 1000;
}

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