Template:RefTool

<style> .local-ref {

   position: relative;
   display: inline-block;
   cursor: help;

} .local-ref-text {

   visibility: hidden;
   width: 260px;
   background-color: #ffffff;
   color: #111111;
   font-family: sans-serif; /* Гротеск */
   font-size: 13px;
   line-height: 1.4;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   border: 1px solid #bbbbbb;
   border-radius: 5px;
   padding: 8px 12px;
   box-shadow: 0 4px 15px rgba(0,0,0,0.15);
   position: absolute;
   z-index: 9999;
   bottom: 135%;
   left: 50%;
   margin-left: -130px;
   opacity: 0;
   transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
   transform: translateY(4px);
   pointer-events: none;

} .local-ref-text::after {

   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -6px;
   border-width: 6px;
   border-style: solid;
   border-color: #ffffff transparent transparent transparent;

} .local-ref:hover .local-ref-text {

   visibility: visible;
   opacity: 1;
   transform: translateY(0);

} </style>^[1]

Template documentation (for the above template, sometimes hidden or invisible)

Visit Template:RefTool/doc to edit this text! (How does this work?)