User:Kiokurashi/sandbox: Difference between revisions

From IdleOn MMO Wiki
imported>Kiokurashi
No edit summary
imported>Kiokurashi
No edit summary
Line 1: Line 1:
{{#css:
 
.tooltip {
.tooltip {
  display: inline-block;
   text-decoration:none;
   text-decoration:none;
   position:relative;
   position:relative;
Line 14: Line 15:
}
}
   
   
.tooltip span img {
.tooltip span {
   float:left;
   float:left;
   margin:0px 0px 0px 0;
   margin:0px 0px 0px 0;
Line 20: Line 21:
   
   
.tooltip:hover span {
.tooltip:hover span {
   display:block;
   display: block;
   position:absolute;
   position: absolute;
   top:0;
   top: 0;
   left:0;
   left: 0;
   z-index:100;
   z-index: 100;
   width:auto;
   width: auto;
  max-width:3200px;
   min-height: 12px;
   min-height:12px;
   border:1px solid black;
   border:1px solid black;
   margin-top:3em;
   margin-top: 3em;
   margin-left:5px;
   margin-left: 5px;
   overflow:hidden;
   overflow: hidden;
   padding:1px;
   padding: 1px;
}
}
}}
<div class="tooltip">[[File:Blunder_Hills_World_Map.png|200px|link=]]
<span class="tooltipimg">[[File:Blunder_Hills_World_Map.png|link=]]</span></div>





Revision as of 15:05, 25 May 2021

.tooltip {

 display: inline-block;
 text-decoration:none;
 position:relative;

}

.tooltip span {

 display:none;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 color:black;
 background:white; 

}

.tooltip span {

 float:left;
 margin:0px 0px 0px 0;

}

.tooltip:hover span {

 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 width: auto;
 min-height: 12px;
 border:1px solid black;
 margin-top: 3em;
 margin-left: 5px;
 overflow: hidden;
 padding: 1px;

}