|
|
| Строка 1: |
Строка 1: |
| | | {{Стиль вкладок/ЛорWL}} |
| {{#css: | |
| .lore-tabs > .tabs-label {
| |
| background: transparent !important;
| |
| border: 0 !important;
| |
| border-bottom: 2px solid transparent !important;
| |
| border-radius: 0 !important;
| |
| padding: 6px 10px 5px !important;
| |
| margin: 0 5px 0 0 !important;
| |
| font-weight: 600;
| |
| opacity: .8;
| |
| transition: background .15s ease, opacity .15s ease;
| |
| }
| |
| | |
| .lore-tabs > .tabs-input-1 + .tabs-label {
| |
| color: #58cfc1 !important;
| |
| border-bottom-color: #58cfc1 !important;
| |
| }
| |
| | |
| .lore-tabs > .tabs-input-2 + .tabs-label {
| |
| color: #b879f5 !important;
| |
| border-bottom-color: #b879f5 !important;
| |
| }
| |
| | |
| .lore-tabs > .tabs-input-1:checked + .tabs-label,
| |
| .lore-tabs > .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
| |
| background: rgba(88,207,193,.10) !important;
| |
| opacity: 1;
| |
| font-weight: 700;
| |
| }
| |
| | |
| .lore-tabs > .tabs-input-2:checked + .tabs-label {
| |
| background: rgba(184,121,245,.10) !important;
| |
| opacity: 1;
| |
| font-weight: 700;
| |
| }
| |
| | |
| .lore-tabs > .tabs-label:hover {
| |
| background: rgba(255,255,255,.05) !important;
| |
| opacity: 1;
| |
| }
| |
| | |
| .lore-tabs > .tabs-container {
| |
| border: 0 !important;
| |
| border-top: 1px solid #343b45 !important;
| |
| border-radius: 0 !important;
| |
| padding: 12px 10px !important;
| |
| margin-top: 0 !important;
| |
| | |
| /* Увеличиваем кнопки вкладок */
| |
| .lore-tabs > .tabs-label {
| |
| font-size: 17px !important;
| |
| padding: 11px 20px !important;
| |
| min-height: 42px;
| |
| line-height: 1.4;
| |
| margin-right: 8px !important;
| |
| }
| |
| | |
| /* Убираем нижнюю и боковые рамки */
| |
| .lore-tabs,
| |
| .lore-tabs > .tabs-container,
| |
| .lore-tabs .tabs-container {
| |
| border-bottom: none !important;
| |
| border-left: none !important;
| |
| border-right: none !important;
| |
| box-shadow: none !important;
| |
| }
| |
| | |
| /* Оставляем только тонкую линию сверху содержимого */
| |
| .lore-tabs > .tabs-container {
| |
| border-top: 1px solid #343b45 !important;
| |
| border-radius: 0 !important;
| |
| }
| |
| }} | |
| <tabs plain class="lore-tabs"> | | <tabs plain class="lore-tabs"> |
| <tab name="Базовый лор"> | | <tab name="Базовый лор"> |