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; }