Vorlage:SetBonus

<style> div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br {

   background-image: url("https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png");
   background-repeat: no-repeat;
   position: absolute;
   z-index: -1;

} .tt_bg_tl {

   background-position: left top;
   bottom: 50%;
   left: 0;
   right: 50%;
   top: 0;

} .tt_bg_tr {

   background-position: right top;
   bottom: 50%;
   right: 0;
   top: 0;
   width: 50%;

} .tt_bg_bl {

   background-position: left bottom;
   bottom: 0;
   height: 50%;
   left: 0;
   right: 50%;

} .tt_bg_br {

   background-position: right bottom;
   bottom: 0;
   height: 50%;
   right: 0;
   width: 50%;

} .tooltip_outer {

   bottom: 100%;
   left: 50%;
   margin-bottom: 8px;
   position: absolute;
   z-index: -1;

} .tooltip {

   color: black;
   left: -50%;
   max-width: 350px;
   opacity: 0;
   padding: 10px 13px 12px;
   position: relative;
   transform: translateZ(0px) scale(1, 1);
   transition: opacity 0.15s ease-in-out 0s;
   visibility: hidden;
   white-space: nowrap;

} .tooltip::after {

   background-image: url("https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png");
   content: " ";
   height: 11px;
   left: 50%;
   margin-left: -11px;
   margin-top: -4px;
   position: absolute;
   top: 100%;
   width: 22px;

} .tooltip_container {

   position: relative;

} .tooltip_container:hover .tooltip {

   opacity: 1;
   transition: opacity 0.15s ease-in-out 0.4s;
   visibility: visible;

} .tooltip_container:hover > .tooltip_outer {

   z-index: 1000;

} </style>