MediaWiki:Common.css

/* Tooltips */

.main-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #EEE; } /* Adds padding to the wrapper to make space for shadow */ padding: 3px 7px 2px 3px; } /* 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 {

/*********/ /* Games */ /*********/

.game1 { width:50px; height:50px; background:red; position:relative; }

.game1-1:hover { animation:game1 5s infinite; -webkit-animation:game 5s infinite; }

.game1-2:hover { animation:game1 4s infinite; -webkit-animation:game1 4s infinite; }

.game1-3:hover { animation:game1 3s infinite; -webkit-animation:game1 3s infinite; }

.game1-4:hover { animation:game1 2s infinite; -webkit-animation:game1 2s infinite; }

@keyframes game1 { 0%  {top:0px; left:0px; background:red;} 25% {top:0px; left:100px; background:blue;} 50% {top:100px; left:100px; background:yellow;} 75% {top:100px; left:0px; background:green;} 100% {top:0px; left:0px; background:red;} }

@-webkit-keyframes game1 /* Safari and Chrome */ { 0%  {top:0px; left:0px; background:red;} 25% {top:0px; left:100px; background:blue;} 50% {top:100px; left:100px; background:yellow;} 75% {top:100px; left:0px; background:green;} 100% {top:0px; left:0px; background:red;} }