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

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


img {
img {
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
     image-rendering: pixelated;
     image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
}
*/

Версия от 13:35, 4 сентября 2023

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

.tooltiptext {
  position: absolute;
  display: block;
  z-index: 2;
  width: 250px;
  padding: 10px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #aaa;
  background-color: #ffdd66;
}

.tooltipmarine {
  position: absolute;
  display: block;
  z-index: 2;
  width: fit-content;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
}

.tooltiptable {
  position: absolute;
  display: block;
  z-index: 2;
  max-width:600px;
  width:max-content;
  padding: 10px;
  top:11pt;
  right:-55px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #666;
  background-color: #ff6666;
}

.tooltip:hover>.tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover>.tooltipmarine {
  visibility: visible;
  opacity: 1;
}

.tooltipmarine > * {
    width: max-content;
}

.tooltip:hover>.tooltiptable {
  visibility: visible;
  opacity: 1;
}

img {
    image-rendering: pixelated;
}