User:Failsayfe/common.css: Difference between revisions

/* Узкая таблица для Stats: 20% / 20% / 60% */
.stats-table--compact .wikitable {
  table-layout: fixed;
  width: 100%;
}
.stats-table--compact .wikitable th:nth-child(1),
.stats-table--compact .wikitable td:nth-child(1) { width: 20%; white-space: nowrap; }

.stats-table--compact .wikitable th:nth-child(2),
.stats-table--compact .wikitable td:nth-child(2) { width: 20%; }

.stats-table--compact .wikitable th:nth-child(3),
.stats-table--compact .wikitable td:nth-child(3) { width: 60%; }

.stats-table--compact .mw-collapsible { margin-top: .25em; }
/* Конец узкой таблицы*/

/* Tabs for Base Stats table */
.tr-tabs {
  margin: 1em 0;
}

/* скрываем радио */
.tr-tabs input[type="radio"] {
  display: none;
}

/* оформляем подписи как кнопки */
.tr-tabs label {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 4px 8px 0;
  background: var(--theme-accent-color, #3366cc);
  color: var(--theme-accent-label-color, #fff);
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.2s;
}

.tr-tabs label:hover {
  background: var(--theme-accent-hover-color, #4477dd);
}

/* активная вкладка */
.tr-tabs input[type="radio"]:checked + label {
  background: var(--theme-link-color, #224488);
  color: #fff;
}

/* таблица внутри */
.tr-tabpanes {
  margin-top: 1em;
}

/* по умолчанию показываем все строки */
.tr-tabpanes table.wikitable tr {
  display: table-row;
}

/* фильтрация по классам */
#tr-tab-arcanist:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(2)) { display: none; }
#tr-tab-assassin:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(3)) { display: none; }
#tr-tab-huntress:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(4)) { display: none; }
#tr-tab-knight:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(5)) { display: none; }
#tr-tab-necromancer:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(6)) { display: none; }
#tr-tab-samurai:checked ~ .tr-tabpanes table.wikitable tr:not(:first-child):not(:nth-child(7)) { display: none; }