Thread:UniverseGod/@comment-30485631-20180223225653/@comment-24570793-20180224050848

Oh I forgot one, add this to MediaWiki:ImportJS:

dev:Tooltips.js By the way, could you help me remove the .HoverImage {   position:relative; height: 200px; width: 200px; z-index:0; } .HoverImage1, .HoverImage1-overlap {   position:absolute; text-align:center; vertical-align:middle; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HoverImage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HoverImage:hover .HoverImage1 {   opacity:0; } .HoverImage:hover .HoverImage2 {   opacity:1; } and then replace it with .ContentTile {   position:relative; height: 150px; width: 150px; background: -webkit-radial-gradient(#CCF6D1, #82FA58); background: -o-radial-gradient(#CCF6D1, #82FA58); background: -moz-radial-gradient(#CCF6D1, #82FA58); background: radial-gradient(#CCF6D1, #82FA58); z-index:0; } .ContentTilelink {   position:absolute; bottom:0; width:100%; background-color:rgba(204,229,255,0.8); text-align:center; text-transform:uppercase; color:white; text-shadow: 0 0 2px; font-size:12px; z-index:4; } .ContentTilelink a { color:#0066CC; text-decoration: none; } .ContentTileimage, .ContenteTileimage-overlap {   position:absolute; text-align:center; vertical-align:middle; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .ContentTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .ContentTile:hover .ContentTileimage {   opacity:0; } .ContentTile:hover .ContentTileimage2 {   opacity:1; } It was a mistake :)

Oh hey there's one more (promise it'll be the last one). Below the /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #A9CDEF; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #BFDAF3; } /* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6000000; } you add this: /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }
 * 1) tooltip-wrapper {

Thanks.