MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gevron (обсуждение | вклад) (TEST: Плавующее оглавление в таблице кодов нарушений) |
Gevron (обсуждение | вклад) (hlist) |
||
Строка 109: | Строка 109: | ||
position: sticky; | position: sticky; | ||
top: 49px; | top: 49px; | ||
+ | } | ||
+ | /* Horizontal list */ | ||
+ | #mw-content-text .hlist ul { | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #mw-content-text .hlist li { | ||
+ | display: inline; | ||
+ | } | ||
+ | #mw-content-text .hlist li:not(:last-child) { | ||
+ | padding-right: 0.286em; | ||
+ | } | ||
+ | #mw-content-text .hlist li:not(:last-child)::after { | ||
+ | content: ""; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | left: 0.286em; | ||
+ | bottom: 0.214em; | ||
+ | background-color: #000; | ||
+ | height: 3px; | ||
+ | width: 3px; | ||
+ | } | ||
+ | #mw-content-text .hlist li li:first-child::before { | ||
+ | content: "("; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #mw-content-text .hlist li li:last-child::after { | ||
+ | content: ")"; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | #mw-content-text .hlist li li li { | ||
+ | font-size: x-small; | ||
} | } |
Версия 18:28, 19 декабря 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:#FFFFFFEE;/* белый с прозрачностью */ 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:#88FF88; } .lawTable * td:nth-of-type(2) { background-color:#BBFF88; } .lawTable * td:nth-of-type(3) { background-color:#EEFF88; } .lawTable * td:nth-of-type(4) { background-color:#FFEE88; } .lawTable * td:nth-of-type(5) { background-color:#FFBB88; } .lawTable * td:nth-of-type(6) { background-color:#FF8888; } /* Столбец с вертикальным текстом */ .lawTable-vert { writing-mode: sideways-lr; height:184px; } /* TEST*/ /* Плавающий заголовок в таблице законов */ .lawTable tr:nth-of-type(1) { position: sticky; top: 0px; } .lawTable tr:nth-of-type(2) { position: sticky; top: 49px; } /* Horizontal list */ #mw-content-text .hlist ul { display: inline; margin: 0; padding: 0; } #mw-content-text .hlist li { display: inline; } #mw-content-text .hlist li:not(:last-child) { padding-right: 0.286em; } #mw-content-text .hlist li:not(:last-child)::after { content: ""; display: inline-block; position: relative; left: 0.286em; bottom: 0.214em; background-color: #000; height: 3px; width: 3px; } #mw-content-text .hlist li li:first-child::before { content: "("; font-weight: normal; } #mw-content-text .hlist li li:last-child::after { content: ")"; font-weight: normal; } #mw-content-text .hlist li li li { font-size: x-small; }