MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gevron (обсуждение | вклад) (hlist) |
Gevron (обсуждение | вклад) |
||
Строка 143: | Строка 143: | ||
font-size: x-small; | font-size: x-small; | ||
} | } | ||
+ | /* Кнопка "Вверх": [[Файл:Scroll_top.png]] */ | ||
+ | |||
+ | { | ||
+ | display: none; | ||
+ | background: url(http://rv666.asuscomm.com/wiki/images/8/8f/Scroll_top.png) 0% 0%/38px 76px no-repeat; | ||
+ | width: 38px; | ||
+ | height: 38px; | ||
+ | cursor: pointer; | ||
+ | position: fixed; | ||
+ | left: 157px; | ||
+ | bottom: 30px; | ||
+ | z-index: 10000; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #scroll-top:hover | ||
+ | { | ||
+ | background-position: 0 -38px; | ||
+ | } |
Версия 12:45, 20 декабря 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; } /* Кнопка "Вверх": [[Файл:Scroll_top.png]] */ { display: none; background: url(http://rv666.asuscomm.com/wiki/images/8/8f/Scroll_top.png) 0% 0%/38px 76px no-repeat; width: 38px; height: 38px; cursor: pointer; position: fixed; left: 157px; bottom: 30px; z-index: 10000; 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; } #scroll-top:hover { background-position: 0 -38px; }