Difference between revisions of "User:Felyza/Sandbox/TooltipTest"

From EVE University Wiki
Jump to: navigation, search
m
m
 
(9 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
   position: relative;
 
   position: relative;
 
   display: inline-block;
 
   display: inline-block;
   border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+
   border-bottom: 1px dotted orange; /* If you want dots under the hoverable text */
 
}
 
}
  
Line 16: Line 16:
 
   padding: 5px 0;
 
   padding: 5px 0;
 
   border-radius: 6px;
 
   border-radius: 6px;
+
   border:1px solid rgba(255,255,255,.25);
   /* Position the tooltip text - see examples below! */
 
 
   position: absolute;
 
   position: absolute;
 
   z-index: 1;
 
   z-index: 1;
Line 23: Line 22:
  
 
.tooltip .tooltiptext {
 
.tooltip .tooltiptext {
   width: 120px;
+
   width: 512px;
   bottom: 100%;
+
   top: 100%;
   left: 50%;
+
   left: 75%;
   margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
+
   margin-left: -128px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
 
.tooltip .tooltiptext::after {
 
  content: " ";
 
  position: absolute;
 
  top: 100%; /* At the bottom of the tooltip */
 
  left: 50%;
 
  margin-left: -5px;
 
  border-width: 5px;
 
  border-style: solid;
 
  border-color: black transparent transparent transparent;
 
 
}
 
}
 +
  
 
/* Show the tooltip text when you mouse over the tooltip container */
 
/* Show the tooltip text when you mouse over the tooltip container */
Line 45: Line 35:
 
}}
 
}}
  
<html><span class="tooltip">Hover over me<span class="tooltiptext">Tooltip text</span></span></html>
+
<span class="tooltip">Amarr Empire<span class="tooltiptext">{{icon|amarr|64}}Amarr Empire<br><br><span style="text-align:left;float:left;padding-left:20px;">The largest of the five main empires, the Amarr Empire is a sprawling patch-work of feudal-like provinces held together by the might of the emperor. Religion has always played a big part in Amarrian politics and the Amarrians believe they are the rightful masters of the world, souring their relations with their neighbours. Another source of ill-feelings on part of the other empires is the fact that the Amarrians embrace slavery.<br><br>Headquarters: [http://evemaps.dotlan.net/system/Amarr Amarr]<br>Settled Systems: 484<br>Stations: 998<br>Illegal Goods: Khumaak, Plutonium, Small Arms<br><br>Main Trade Hub: [http://evemaps.dotlan.net/station/Amarr_VIII_(Oris)_-_Emperor_Family_Academy Amarr VIII (Oris) - Emperor Family Academy]
 +
</span></span></span>

Latest revision as of 22:39, 12 September 2019


Amarr EmpireLogo faction amarr empire.pngAmarr Empire

The largest of the five main empires, the Amarr Empire is a sprawling patch-work of feudal-like provinces held together by the might of the emperor. Religion has always played a big part in Amarrian politics and the Amarrians believe they are the rightful masters of the world, souring their relations with their neighbours. Another source of ill-feelings on part of the other empires is the fact that the Amarrians embrace slavery.

Headquarters: Amarr
Settled Systems: 484
Stations: 998
Illegal Goods: Khumaak, Plutonium, Small Arms

Main Trade Hub: Amarr VIII (Oris) - Emperor Family Academy