Difference between revisions of "Template:Infobox blockalt"

From StarMade Wiki
m
m
 
Line 1: Line 1:
 
.tooltipblock {
 
.tooltipblock {
    position: relative;
+
position: relative;
    display: inline-block;
+
display: inline-block;
    border-bottom: 1px dotted black;
+
border-bottom: 1px dotted black;
 
}
 
}
  
 
.tooltipblock .info {
 
.tooltipblock .info {
    visibility: hidden;
+
visibility: hidden;
    text-align: center;
+
text-align: center;
    border-radius: 6px;
+
border-radius: 6px;
    padding: 5px 0;
+
padding: 5px 0;
    position: absolute;
+
position: absolute;
    z-index: 1;
+
z-index: 1;
    bottom: 100%;
+
bottom: 100%;
    left: 50%;
+
left: 50%;
    margin-left: -60px;
+
margin-left: -60px;
    opacity: 0;
+
opacity: 0;
    transition: opacity 0.5s;
+
transition: opacity 0.5s;
 
}
 
}
  
 
.tooltipblock .info {
 
.tooltipblock .info {
    visibility: visible;
+
visibility: visible;
    opacity: 1;
+
opacity: 1;
 
}
 
}

Latest revision as of 20:54, 14 May 2018

.tooltipblock { position: relative; display: inline-block; border-bottom: 1px dotted black; }

.tooltipblock .info { visibility: hidden; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.5s; }

.tooltipblock .info { visibility: visible; opacity: 1; }