MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gevron (обсуждение | вклад) м |
Gevron (обсуждение | вклад) м (изменение стиля таблицы с кодами законов) |
||
| Строка 51: | Строка 51: | ||
text-align:center; | text-align:center; | ||
background:black; | background:black; | ||
| − | + | /* border:0.2em outset white;*/ | |
| − | |||
| − | |||
border-radius:0.5em; | border-radius:0.5em; | ||
| − | max-width: | + | max-width:1330px; |
} | } | ||
.lawTable * a, | .lawTable * a, | ||
| Строка 67: | Строка 65: | ||
background:#F2F2F2; | background:#F2F2F2; | ||
font-weight:bold; | font-weight:bold; | ||
| − | + | /* border: 0.2em solid #CCCCCC;*/ | |
| − | |||
| − | |||
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-width:0.2em; | |
| − | border- | + | 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:# | + | background-color:#44FF44; |
| − | |||
} | } | ||
.lawTable * td:nth-of-type(2) { | .lawTable * td:nth-of-type(2) { | ||
| − | background-color:# | + | background-color:#AAFF44; |
| − | |||
} | } | ||
.lawTable * td:nth-of-type(3) { | .lawTable * td:nth-of-type(3) { | ||
| − | background-color:# | + | background-color:#CCFF44; |
| − | |||
} | } | ||
.lawTable * td:nth-of-type(4) { | .lawTable * td:nth-of-type(4) { | ||
| − | background-color:# | + | background-color:#FFCC44; |
| − | |||
} | } | ||
.lawTable * td:nth-of-type(5) { | .lawTable * td:nth-of-type(5) { | ||
| − | background-color:# | + | background-color:#FFAA44; |
| − | |||
} | } | ||
.lawTable * td:nth-of-type(6) { | .lawTable * td:nth-of-type(6) { | ||
| − | background-color:# | + | background-color:#FF4444; |
| − | |||
} | } | ||
| + | /* Столбец с вертикальным текстом */ | ||
.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;
}