MediaWiki:Common.css

Страница интерфейса MediaWiki

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Размещённый здесь 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%);
						}

.items-table:not(.regular) th:not(.regular):first-of-type,
th.capital			{
					background-color:darkgrey;
					color:black;
					font-weight:bold;
					text-align: center;
					padding:3px;
					border:3px outset grey;
					border-radius:3px;
					}

/* Раскрашивание таблицы выше под стиль SECURITY */

.color-security,
tr.color-security		{
						border-color:#BF4C4C; 					/* Secondary */
						}
.color-security th,
tr.color-security th	{
						background-color:#BF2626; 				/* Primary */
						border-color:#BF1313; 					/* Primary Bold */
						}
:not(.regular).color-security th:not(.regular):first-of-type,
:not(.regular) tr.color-security th:not(.regular):first-of-type,
.color-security th.capital,	{
						background-color:#BF4C4C; 				/* Secondary */
						color:#000000;							/* Secondary Text */
						border-color:#BF1313; 					/* Primary Bold */
						}