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

Материал из DripStation
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 13: Строка 13:
   text-align: left;
   text-align: left;
   transition: all 0.2s;
   transition: all 0.2s;
   border: 1px solid #aaa;
   border: 2px solid #222;
  border-radius: 5px;
}
}
.tooltiptext {
.tooltiptext {
Строка 19: Строка 20:
   z-index: 2;
   z-index: 2;
   padding: 20px;
   padding: 20px;
   background-color: #222222;
   background-color: #ddd;
}
}
.tooltiptext2 {
.tooltiptext2 {
Строка 25: Строка 26:
     z-index: 100;
     z-index: 100;
     padding: 0.2em;
     padding: 0.2em;
     background-color: #222222;
     background-color: #ddd;
     border-radius: .2em;
     border-radius: .2em;
     top:1.5em;
     top:1.5em;
Строка 47: Строка 48:
   transition: all 0.2s;
   transition: all 0.2s;
   border: 1px solid #666;
   border: 1px solid #666;
   background-color: #222222;
   background-color: #ddd;
}
}



Текущая версия от 19:20, 20 июля 2025

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

.tooltiptext,
.tooltiptext2 {
  position: absolute;
  width: 18em;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 2px solid #222;
  border-radius: 5px;
}
.tooltiptext {
  display: block;
  z-index: 2;
  padding: 20px;
  background-color: #ddd;
}
.tooltiptext2 {
    display:inline;
    z-index: 100;
    padding: 0.2em;
    background-color: #ddd;
    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: #ddd;
}

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