MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Новый стиль <tabs> |
||
| Строка 1318: | Строка 1318: | ||
} | } | ||
/* Общие стили для вкладок */ | |||
.tabs-label { | .tabs-label { | ||
cursor: pointer; | cursor: pointer; | ||
padding: 1px 6px; | padding: 1px 6px; | ||
background: transparent | background: transparent; | ||
border: 1px solid black | border: 1px solid black; | ||
} | } | ||
.tabs- | .tabs-label:hover { | ||
box-shadow: lightgrey !important; | |||
z-index: 2; | z-index: 2; | ||
} | } | ||
.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label { | /* Стили для активных вкладок */ | ||
.tabs-tabbox > .tabs-input:checked + .tabs-label, | |||
.tabs-input-0:checked + .tabs-input-1 + .tabs-label { | |||
color: lightgrey; | |||
background: rgb(255 255 255 / 4%); | |||
border-top: 1px solid rgb(255 255 255 / 15%); | |||
/* border-bottom: 1px solid #3366cc; */ | |||
z-index: 2; | |||
} | } | ||
.tabs-label | /* Стили для структуры вкладок */ | ||
.tabs-tabbox > .tabs-input + .tabs-input + .tabs-label { | |||
margin: 0; | |||
} | } | ||
.tabs-tabbox > .tabs- | .tabs-tabbox > .tabs-label { | ||
margin | margin: 0; | ||
vertical-align: baseline; | |||
border-radius: 0; | border-radius: 0; | ||
color: #a5a5a5; | |||
background: transparent; | |||
border: 1px solid rgb(0 0 0 / 50%); | |||
border-top: 1px solid rgb(255 255 255 / 10%); | |||
} | } | ||
.tabs-tabbox > .tabs- | /* Стили для контейнера вкладок */ | ||
.tabs-tabbox > .tabs-container { | |||
background: | padding: 8px 10px; | ||
background: rgb(255 255 255 / 3%); | |||
border-radius: 0; | |||
border: 1px solid rgb(0 0 0 / 50%); | |||
border | |||
} | } | ||
.tooltip { | .tooltip { | ||
position: relative; | position: relative; | ||
display: inline | display: inline; | ||
} | } | ||
| Строка 3076: | Строка 3079: | ||
/* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */ | /* Удаление верхних и нижних отступов для первого и последнего дочернего элемента */ | ||
.no-margin-edges > :first-child { | .no-margin-edges, .tabs-container > :first-child { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
.no-margin-edges > :last-child { | .no-margin-edges, .tabs-container > :last-child { | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||