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

Материал из SS220 Paradise EX
Перейти к навигации Перейти к поиску
м
м (изменение стиля таблицы с кодами законов)
Строка 51: Строка 51:
 
text-align:center;
 
text-align:center;
 
background:black;
 
background:black;
border-color:white;
+
/* border:0.2em outset white;*/
border-style:outset;
 
border-width:0.2em;
 
 
border-radius:0.5em;
 
border-radius:0.5em;
max-width:1330%;
+
max-width:1330px;
 
}
 
}
 
.lawTable * a,
 
.lawTable * a,
Строка 67: Строка 65:
 
background:#F2F2F2;
 
background:#F2F2F2;
 
font-weight:bold;
 
font-weight:bold;
border-color:#CCCCCC;
+
/* border: 0.2em solid #CCCCCC;*/
border-style:double;
 
border-width:0.2em;
 
 
border-radius:0.3em;
 
border-radius:0.3em;
 
box-shadow: 0 0 0.3em #999;
 
box-shadow: 0 0 0.3em #999;
Строка 75: Строка 71:
 
.lawTable * td{
 
.lawTable * td{
 
font-weight:bold;
 
font-weight:bold;
border-style:solid;
+
/* border-width:0.2em;
border-width:0.2em;
+
border-style:solid;*/
 
border-radius:0.3em;
 
border-radius:0.3em;
 
box-shadow: 0 0 0.3em #999;
 
box-shadow: 0 0 0.3em #999;
 
}
 
}
 +
/* Раскрашиваем столбцы плавно из зелёного в красный */
 
.lawTable * td:nth-of-type(1) {
 
.lawTable * td:nth-of-type(1) {
background-color:#b6d7a8;
+
background-color:#44FF44;
border-color:#b6d7a8;
 
 
}
 
}
 
.lawTable * td:nth-of-type(2) {
 
.lawTable * td:nth-of-type(2) {
background-color:#2A9633;
+
background-color:#AAFF44;
border-color:#0F961A;
 
 
}
 
}
 
.lawTable * td:nth-of-type(3) {
 
.lawTable * td:nth-of-type(3) {
background-color:#FFAA19;
+
background-color:#CCFF44;
border-color:#FFA500;
 
 
}
 
}
 
.lawTable * td:nth-of-type(4) {
 
.lawTable * td:nth-of-type(4) {
background-color:#EE6A34;
+
background-color:#FFCC44;
border-color:#ED571C;
 
 
}
 
}
 
.lawTable * td:nth-of-type(5) {
 
.lawTable * td:nth-of-type(5) {
background-color:#BF2626;
+
background-color:#FFAA44;
border-color:#BF1313;
 
 
}
 
}
 
.lawTable * td:nth-of-type(6) {
 
.lawTable * td:nth-of-type(6) {
background-color:#CCCCCC;
+
background-color:#FF4444;
border-color:#E5E5E5;
 
 
}
 
}
 +
/* Столбец с вертикальным текстом */
 
.lawTable-vert {
 
.lawTable-vert {
 
writing-mode: sideways-lr;
 
writing-mode: sideways-lr;
 
height:184px;
 
height:184px;
 
}
 
}

Версия 07:16, 14 ноября 2022

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

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

/* Таблица кодов нарушений */
.lawTable {
	text-align:center;
	background:black;
/*	border:0.2em outset white;*/
	border-radius:0.5em;
	max-width:1330px;
}
.lawTable * a,
.lawTable * a:visited {
	color:black;
}
.lawTable * a:active {
	color:#0b0080;
}
.lawTable * th {
	background:#F2F2F2;
	font-weight:bold;
/*	border: 0.2em solid #CCCCCC;*/
	border-radius:0.3em;
	box-shadow: 0 0 0.3em #999;
}
.lawTable * td{
	font-weight:bold;
/*	border-width:0.2em;
	border-style:solid;*/
	border-radius:0.3em;
	box-shadow: 0 0 0.3em #999;
	}
/* Раскрашиваем столбцы плавно из зелёного в красный */
.lawTable * td:nth-of-type(1) {
	background-color:#44FF44;
	}
.lawTable * td:nth-of-type(2) {
	background-color:#AAFF44;
	}
.lawTable * td:nth-of-type(3) {
	background-color:#CCFF44;
	}
.lawTable * td:nth-of-type(4) {
	background-color:#FFCC44;
	}
.lawTable * td:nth-of-type(5) {
	background-color:#FFAA44;
	}
.lawTable * td:nth-of-type(6) {
	background-color:#FF4444;
	}
/* Столбец с вертикальным текстом */
.lawTable-vert {
	writing-mode: sideways-lr;
	height:184px;
	}