MediaWiki:Common.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
Opera: Нажмите Ctrl+F5.

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.tooltip {
  position: relative;
}

.tooltip > .text {
  cursor: help;
  text-decoration: underline dotted;
}

.tooltip:hover .tooltip-content,
.tooltip-content:hover {
  display: block;
}

.tooltip-content {
  display: none;

  position: absolute;
  left: -8px;
  top: calc(1.2em - 8px);

  box-sizing: content-box;

  width: 200px;
  padding: 4px;
  margin: 0;

  border-radius: 4px;
  border: 8px solid transparent;

  background: #e1e1e1;
  background-clip: padding-box;

  cursor: default;
}

.tooltip-content:before {
  content: '';
  display: block;

  width: 40px;
  height: 60px;

  float: left;

  background-image: url('/images/1/19/Safety-moth.png');
  background-size: 40px 60px;
}

.tooltip-content.no-moth:before {
  display: none;
}

.tooltip:hover .tooltip-content.has-image
.tooltip-content.has-image:hover {
  display: flex !important;
}

.tooltip-content.has-image {
  flex-direction: row;
  
  max-width: unset;
  width: unset;
}

.tooltip-content.has-image > .text{
  min-width: 300px;
}

.tooltip-content.has-image img{
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 150px;
}