MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Gevron (обсуждение | вклад) м |
|||
(не показана 21 промежуточная версия 3 участников) | |||
Строка 23: | Строка 23: | ||
display: block; | display: block; | ||
z-index: 2; | z-index: 2; | ||
− | width: 600px; | + | max-width:600px; |
+ | width:max-content; | ||
padding: 10px; | padding: 10px; | ||
top:11pt; | top:11pt; | ||
− | right: | + | right:-55px; |
visibility: hidden; | visibility: hidden; | ||
opacity: 0; | opacity: 0; | ||
Строка 44: | Строка 45: | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | 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]] */ | ||
+ | #scroll-top | ||
+ | { | ||
+ | display: none; | ||
+ | background: url(http://rv666.asuscomm.com/wiki/images/f/f4/Scroll_top.gif) 0% 0%/38px 38px no-repeat; | ||
+ | opacity: 0.3; | ||
+ | width: 38px; | ||
+ | height: 38px; | ||
+ | cursor: pointer; | ||
+ | position: fixed; | ||
+ | left: calc(11em - 19px); | ||
+ | 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 | ||
+ | { | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | |||
+ | /* Simulate link styling for JS only links */ | ||
+ | .jslink { | ||
+ | color: #0645AD; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | .jslink:hover { | ||
+ | text-decoration: underline; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .jslink:active { | ||
+ | color: #FAA700; | ||
+ | } | ||
+ | |||
+ | /* Hide noscript only elements */ | ||
+ | .client-js *.noscript { | ||
+ | display: none; | ||
+ | } | ||
+ | /* Mark internal links as plain */ | ||
+ | #content a.external[href^="http://RV666.asuscomm.com/wiki/index.php"], | ||
+ | #content a.external[href^="https://RV666.asuscomm.com/wiki/index.php"], | ||
+ | #content a.external[href^="//RV666.asuscomm.com/wiki/index.php"] { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
} | } |
Текущая версия на 18:25, 22 декабря 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]] */ #scroll-top { display: none; background: url(http://rv666.asuscomm.com/wiki/images/f/f4/Scroll_top.gif) 0% 0%/38px 38px no-repeat; opacity: 0.3; width: 38px; height: 38px; cursor: pointer; position: fixed; left: calc(11em - 19px); 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 { opacity: 0.8; } /* Simulate link styling for JS only links */ .jslink { color: #0645AD; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; outline: none; } .jslink:hover { text-decoration: underline; cursor: pointer; } .jslink:active { color: #FAA700; } /* Hide noscript only elements */ .client-js *.noscript { display: none; } /* Mark internal links as plain */ #content a.external[href^="http://RV666.asuscomm.com/wiki/index.php"], #content a.external[href^="https://RV666.asuscomm.com/wiki/index.php"], #content a.external[href^="//RV666.asuscomm.com/wiki/index.php"] { background: none; padding-right: 0; }