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

Материал из Celadon | Wiki Shiptest
Перейти к навигации Перейти к поиску
(Добавил настройки тултипа и магии)
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.action-view.ns-12 #bodyContent {
background-image: url(//upload.wikimedia.org/wikipedia/commons/6/67/PD-icon-faded.png);
background-repeat: no-repeat;
/* @noflip */
background-position: right 5em;
}
.tooltip{
.tooltip{
   position: relative;
   position: relative;

Версия от 21:57, 31 октября 2023

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.action-view.ns-12 #bodyContent {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/6/67/PD-icon-faded.png);
	background-repeat: no-repeat;
	/* @noflip */
	background-position: right 5em;
}

.tooltip{
  position: relative;
}

.tooltiptext,
.tooltiptext2 {
  position: absolute;
  width: 18em;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #aaa;
}
.tooltiptext {
  display: block;
  z-index: 2;
  padding: 20px;
  background-color: #ffdd66;
}
.tooltiptext2 {
	display:inline;
	z-index: 100;
	padding: 0.2em;
	background-color: #FEF6E7;
	border-radius: .2em;
	top:1.5em;
	left:1em;
	box-shadow: 0 0 .3em #999;
}

.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,
.tooltip:hover>.tooltiptext2,
.tooltip:hover>.tooltiptable {
  visibility: visible;
  opacity: 1;
}

img {
    image-rendering: pixelated;
}