Gallery of user styles/tooltipcode

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search
/* start tooltip code  */

div.info {
  position:relative; /*required */
  z-index:24; /*required */
  background-color:yellow; /*use any color you like */
  cursor:help /*optional, or use another cursor */
}

div.info:hover {
  z-index:25; /*required */
  background-color:pink /*use any color you like */
}

div.info:hover div.urlexpansion {
  display:block; /*required */
  position:absolute; /*required */
  /*border and size specifications, change as you like */
  top:2em;
  left:2em;
  width:15em;
  /* colors, change as you like */
  border:1px solid #0cf;
  background-color:#cff;
  color:#000;
}

/* end tooltip code  */