Template:Tooltip/styles.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 9: Line 9:
position: absolute;
position: absolute;
     left: 50%;
     left: 50%;
     bottom: calc(20px + 100%);
     bottom: calc(10px + 100%);
z-index: 1;
z-index: 1;
min-width: 120px;
min-width: 120px;
Line 30: Line 30:


.tooltip > .text:after {
.tooltip > .text:after {
  top: 100%;
    content: '';
  bottom: auto;
position: absolute;
  width: 20px;
left: 50%;
  height: 20px;
border-style: solid;
  background: #fff;
top: 100%;
  margin-top: -10px;
bottom: auto;
  margin-left: -10px;
width: 20px;
  box-shadow: 1px 1px 0px #a2a9b1;
height: 20px;
  transform: rotate(45deg);
background: #fff;
  border-width: 0;
margin-top: -10px;
margin-left: -10px;
box-shadow: 1px 1px 0px #a2a9b1;
transform: rotate(45deg);
border-width: 0;
}
}

Navigation menu