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

Версия от 19:24, 2 февраля 2024

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

/* Стиль таблицы для описания объектов, без излишеств */

.standart-table		{
					width:100%;
					padding:2px;
					border:3px solid grey;
					border-radius:8px;
					border-spacing:4px;
					}

.standart-table th	{
					background-color:dimgray;
					color:white;
					padding:3px;
					border:3px solid black;
					border-radius:3px;
					}

.standart-table td	{
					background-color:rgb(220,220,220,5%);
					padding:16px;
					}

.standart-table td:hover{
						background-color:rgb(220,220,220,20%);
						}

.td.capital			{
					background-color:darkgrey;
					color:black;
					font-weight:bold;
					text-align: center;
					padding:3px;
					border:3px outset grey;
					border-radius:3px;
					}