User:Felyza/Sandbox/TooltipTest: Difference between revisions

Revision as of 20:49, 12 September 2019

Amarr EmpireAmarr 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.

@@ Line 17: / Line 17: @@
    border-radius: 6px;
-  /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
@@ Line 24: / Line 23: @@
 .tooltip .tooltiptext {
    width: 512px;
-   bottom: 100%;
+   top: 100%;
-   left: 50%;
+   left: 75%;
-   margin-left: -256px; /* 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::before {
-  content: " ";
-  position: absolute;
-  bottom: 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 */