MediaWiki:Common.css: различия между версиями

Материал из Bluemoon Wiki
м (тултипы 10)
м (тултипы 11)
Строка 53: Строка 53:
}
}


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

Версия от 21:26, 24 октября 2024

/* Размещённый здесь 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;
}