MediaWiki:Fandomdesktop.css

/*** ----- Цветовые палитры ----- ***/
:root {
	--sw-accent-label-color: #f2f2f2;
	--sw-selection-color: rgba(var(--theme-link-color--rgb), 0.3);
	--theme-link-color--hover: var(--theme-link-color) !important;
}

.theme-fandomdesktop-light {
	--theme-accent-label-color: #2c2c2c;
}

.theme-fandomdesktop-dark {
	--theme-accent-label-color: #f2f2f2;
}

#filetoc,
.mw_metadata * {
	background-color: var(--theme-page-background-color--secondary) !important
}

.WikiaBarWrapper .toolbar {
	color: var(--sw-accent-label-color) !important
}

/*** ----- Из Wikia.css ----- ***/
.page a:active,
.page a:visited {
    text-decoration: none;
}

.page a:hover {
    text-shadow: 0 0 7px;
    text-decoration: none;
}

::selection {
    background: var(--sw-selection-color);
}

::-moz-selection {
    background: var(--sw-selection-color);
}

/* --- Custom Scrollbar --- */
/* For Webkit (Blink) */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background: var(--theme-accent-color);
    box-shadow: inset 0 0 5px black;
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--theme-accent-color--hover);
}

::-webkit-scrollbar-track {
    background: #353a3a;
    border-left: 1px solid rgb(80,80,80);
}

/* For Microsoft Internet Explorer */
body {
    scrollbar-base-color: rgb(55,100,55);
    scrollbar-3dlight-color: black;
    scrollbar-highlight-color: black;
    scrollbar-track-color: #353a3a;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: black;
    scrollbar-dark-shadow-color: black;
}

/* Тег <abbr> */
abbr {
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    cursor: help;
}

/*** Таблицы (wikitable) ***/
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    text-align: center
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
    padding: 0.2em 0.4em
}

table.wikitable {
    background: #282d2d;
    border-collapse: collapse;
    border: 1px #575b5b solid;
    color: #d5d4d4;
    margin: 0;
    width: 100%
}

.wikitable > * > tr > th {
	background-color: #1d2222 !important
}

table.wikitable td > p {
    margin: 0 0 0
}

/* Белая кнопка викификатора */
li.wikify {
    filter: invert(1)
}

/* Превращает список в стиль тривью */
.treeview {
    margin-top: 0.3em;
    direction: ltr
}

.treeview ul,
.treeview li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}
 
.treeview li {
    display: table
}
 
.treeview li li {
    border-left: 1px solid #636363;
    margin-left: 7px;
    padding-left: 13px;
    position: relative
}
 
.treeview li li::before {
    border-bottom: 1px solid #636363;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 0;
    width: 11px
}
 
.treeview li li.first::before {
    border-color: #636363;
    border-style: solid;
    border-width: 1px 0 0 1px;
    height: 100%;
    margin-top: 11px;
    width: 10px
}
 
.treeview li li.first,
.treeview li li:last-child {
    border: 0;
    padding-left: 14px
}
 
.treeview li li:last-child::before {
    border-left: 1px solid #636363;
    width: 10px
}

/* Шаблон:Ветка */
.treeview li .mw-collapsible-toggle {
    float: left;
}

/* Отступ слева от <dd> (выравнивание под списки) */
.page__main dd {
    margin-left: 35px
}

/* Значок за внешней ссылкой */
a.external.text:after {
	display: none !important
}

/*** UCP-фиксы ***/
.mw-contributions-table>:nth-child(5) {
	display: block
}

.mw-input-with-label {
    display: block
}

.wikiaPhotoGallery-slider-body {
    border: none !important
}

.wikia-photogallery-add {
    margin-bottom: 5px;
    transform: scale(0.8);
    float: right;
    white-space: nowrap
}

.wikia-gallery:after {
	display: block;
	content: "";
	clear: both
}

ul.pi-image-collection-tabs {
	margin: 0 !important
}

.WikiaPage {
transform: translateY(10px);
    padding: 0 !important
}

#userProfileApp .user-identity-social__icon-tooltip {
    background-color: #323232;
    color: inherit
}

#userProfileApp .user-identity-header__tag {
	border-radius: 3px;
    background: #454646;
    color: white;
    display: inline;
	font-size: 11px;
    line-height: 8px;
	margin: 0 2px;
    padding: 4px 6px;
    position: relative;
    text-transform: uppercase;
	transform: scale(1.5);
    top: -8px
}

#userProfileApp .user-profile-navigation__link {
	opacity: 0.8
}

.toc {
	border: 1px solid #5a5a5a;
	border-radius: 5px
}

.k-player {
	background: transparent
}

.k-player .control-bar {
	top: 0;
	filter: invert(0.92)
}

.pi-data-value .k-player .control-bar {
	position: relative;
	left: -5px;
	width: 100%
}

.mw-highlight pre {
	background-color: #070707
}

.ooui-theme-fandom .mw-collapsible-toggle a,
.ooui-theme-fandom .mw-collapsible-toggle a:hover,
.ooui-theme-fandom .mw-collapsible-toggle a:focus,
.ooui-theme-fandom .mw-collapsible-toggle a:active {
	color: #64c864;
	text-decoration: none
}

li .mw-collapsible-toggle {
	float: right !important
}

.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
	background-color: var(--wds-dropdown-background-color) !important
}

#editform .editOptions {
	border: 1px solid var(--theme-border-color) !important
}

/* Фон сносок после клика по ним */
ol.references li:target, sup.reference:target {
    background-color: #373737;
}

/* Tooltips */
.main-tooltip {
	background: transparent;
	border: none;
	box-shadow: none
}

/* Стекло из ЗП (эксперимент) */
.cop-glass {
	background-image: url(https://cdn.discordapp.com/attachments/410837371299561477/796980215233773568/d1cff6c30daea8ad.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover
}

/* Таббер для статей с подстраницами о предрелизном контенте */
.sw-tabview {
    display: grid;
    margin: auto;
    justify-content: center;
    -webkit-border-horizontal-spacing: 50px;
}

.sw-tabview::after {
    display: grid;
    content: "";
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--theme-link-color), transparent)
}

.sw-tabview-tab {
	border-color: transparent;
    border-bottom: 3px solid var(--theme-link-color);
    border: none;
    border-color: transparent;
    border-bottom: 3px solid transparent;
    border-left: .1875rem solid transparent;
    border-right: .1875rem solid transparent;
    color: var(--theme-page-dynamic-color-1);
	display: inline-table;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: .3s;
    width: max-content;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.sw-tabview-tab a,
.sw-tabview-tab a:hover {
	color: var(--theme-accent-label-color);
	text-decoration: none
}

.sw-tabview-tab:hover {
    border-bottom-color: var(--theme-accent-label-color);
    transition: .3s
}

.sw-tabview .sw-tabview-tab.is-active {
    border-bottom: 3px solid var(--theme-page-text-color);
    background: linear-gradient(180deg, transparent, rgba(var(--theme-link-color--rgb), .85));
}


.sw-tabview-js::after {
	content: '';
	display: block;
	background-image: linear-gradient(90deg, transparent, var(--theme-link-color), transparent);
	margin-bottom: -2px;
	position: absolute;
	height: 2px;
	width: 70%;
}

.sw-tabview-js__tab-link::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 0;
	border-radius: 5px;
	height: 3px;
	background: var(--theme-page-text-color);
	transition: .3s;
}

.sw-tabview-js__tab.is-active:hover .sw-tabview-js__tab-link::after {
	width: 100% !important;
}

.sw-tabview-js__tab:hover .sw-tabview-js__tab-link::after {
	width: 5px;
}

.sw-tabview-js__tab.is-active {
	background: linear-gradient(180deg, transparent, rgba(var(--theme-link-color--rgb), .15));
}

.sw-tabview-js__tab.is-active .sw-tabview-js__tab-link {
	color: var(--theme-page-text-color);
	text-decoration: none;
}

.sw-tabview-js__tab.is-active .sw-tabview-js__tab-link::after {
	width: calc(100% - 10px);
}

/* Сверхмалые аудиоплееры */
.short-audio .mediaContainer,
.short-audio .k-player {
	display: inline-block;
	width: 24px !important;
	height: 24px !important;
	margin-bottom: -8px !important
}

.short-audio .mediaContainer {
	margin: 0 5px
}

.short-audio .control-bar {
	width: 24px !important;
	height: 22px !important;
	padding: 2px !important;
	margin: 0 !important;
	border: none !important
}

.short-audio .rButton,
.short-audio .time-disp,
.short-audio .play_head,
.short-audio .mwEmbedPlayer,
.short-audio .play-btn-large {
	display: none !important
}

/* dropdowns */
.wds-dropdown-level-2__content {
	border: 1px solid var(--wds-dropdown-border-color) !important
}

/* Шаблон карточки */
.card {
	background-color: var(--theme-page-background-color--secondary);
	border: 1px solid var(--theme-border-color);
	border-radius: 3px;
	padding: 8px;
	width: 100%
}

.card td:last-of-type {
	padding-left: 8px !important
}


/*** ----- FandomDesktop ----- ***/
/* Патч наличия полосок и тени у спойлеров на некоторых системах */
.wikitable {
    box-sizing: border-box !important;
}

.table-wide:before {
    display: none !important;
}

/* Патч отступов */
.page-header {
 margin-bottom: 0 !important;
}

.page-content dl {
 margin: 12px 0 6px !important;
}

.page-content p {
 margin: 0.5em 0 1em !important;
}

/* Удаление новостной ленты */
.mcf-international {
	display: none;
}

/* Правая колонка */
.theme-fandomdesktop-dark .page__right-rail {
	--right-rail-background-color: #232323;
}

.rail-module,
.diff .diff-title {
	background-color: inherit
}

/* Новостная лента */
.mcf-header {
	color: var(--theme-page-text-color)
}

.mcf-card-wiki-articles,
.mcf-card-wiki-articles *,
.mcf-card-discussions,
.mcf-card-discussions *,
.mcf-card-discussions__list::before,
.mcf-card-discussions__list::after,
.mcf-card-related-wikis,
.mcf-card-related-wikis * {
	background-color: var(--theme-page-background-color);
	color: var(--theme-page-text-color) !important
}

/* Редактор */
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
	border: 1px solid var(--theme-body-dynamic-color-2) !important
}

/* Сравнение версий */
.diff-context, .diff-addedline, .diff-deletedline {
	background: transparent;
	border-color: var(--theme-border-color);
	border-radius: 5px;
	color: var(--theme-page-text-color)
}

.diff-addedline {
	border-color: #01872e
}

.diff-deletedline {
	border-color: #e6173c
}

.diff-addedline .diffchange {
	background: #01872e !important;
	color: #fff
}

.diff-deletedline .diffchange {
    background: #e6173c !important;
    color: #fff;
}

#pagehistory > li {
	border-color: var(--theme-border-color) !important;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 3px
}

#pagehistory > .selected {
	background-color: var(--theme-page-background-color--secondary) !important;
	color: var(--theme-page-text-color) !important
}

.page-content dl {
    margin: 12px 0 !important
}

/* xrBuilds-related tables */
table.b-table {
    border: 2px solid rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.25);
}

table.b-table th {
    background: rgba(0, 0, 0, 0.25);
}

table.b-table tr:first-child th {
    background: none;
}

/* Headers */
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	align-items: center;
    font-family: var(--theme-page-headings-font),rubik,helvetica,arial,sans-serif;
    margin: 18px 0 9px;
}

/* Табберы */
.page__main .wds-tabber > .wds-tabs__wrapper {
    align-items: flex-end;
    border: none;
    display: flex;
    justify-content: center;
    padding: 5px 0px;
}

.page__main .wds-tabber > .wds-tabs__wrapper::after {
    content: '';
    display: block;
    background-image: linear-gradient(90deg, transparent, var(--theme-link-color), transparent);
    margin-bottom: -2px;
    position: absolute;
    height: 2px;
    width: 70%;
}

.page__main .wds-tabber ul.wds-tabs {
    gap: 5px;
}

.page__main .wds-tabber li.wds-tabs__tab {
    box-shadow: none;
    cursor: pointer;
    transition: .3s;
    min-width: 60px;
}

.page__main .wds-tabber li.wds-tabs__tab.wds-is-current {
    background: linear-gradient(180deg, transparent, rgba(var(--theme-link-color--rgb), .15));
}

.page__main .wds-tabber .wds-tabs__tab-label {
    display: block;
    line-height: 22px;
    margin: 0;
    padding: 8px 15px;
}

.page__main .wds-tabber .wds-tabs__tab-label::after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 0;
    border-radius: 5px;
    height: 3px;
    background: var(--theme-page-text-color);
    transition: .3s;
}

.page__main .wds-tabber li.wds-tabs__tab.wds-is-current .wds-tabs__tab-label::after {
    width: calc(100% - 10px);
}

.page__main .wds-tabber li.wds-tabs__tab.wds-is-current:hover .wds-tabs__tab-label::after {
    width: 100% !important;
}

.page__main .wds-tabber li.wds-tabs__tab:hover .wds-tabs__tab-label::after {
    width: 5px;
}

.page__main .wds-tabber .wds-tabs__tab-label a {
    text-decoration: none;
}

.page__main .wds-tabber li.wds-tabs__tab.wds-is-current a {
    color: var(--theme-page-text-color);
}

/*** Оформление слайдера ***/
.fandom-slider {
	border: none;
    border-radius: 10px !important;
    box-shadow: 0 2px 6px #000000aa !important;
    width: min(100%, 670px);
	height: auto;
	background-color: #000000;
}

.fandom-slider .fandom-slider__list {
	width: 100%
}

.fandom-slider .fandom-slider__nav {
    width: 110px !important;
    height: 25px !important;
	left: calc((100% - 110px) / 2) !important;
	flex-direction: column;
    padding: 0 !important;
	top: 92%;
    border-radius: 20px !important
}

.fandom-slider .fandom-slider__nav__caption {
    height: 70px !important;
    text-align: center !important;
    padding: 0 !important;
    margin-left: -120px !important;
	margin-top: -70px;
    width: 350px !important
}

.fandom-slider .fandom-slider__nav__caption h2 {
    font-size: 4ex !important;
    font-weight: bold !important;
    height: 4ex !important;
    margin-bottom: -20px !important;
    width: 350px !important;
	padding-top: 10px
}

.fandom-slider .fandom-slider__nav__caption,
.fandom-slider .fandom-slider__nav__thumbs {
    transform: none !important
}

.fandom-slider .fandom-slider__nav__caption p {
    width: 100% !important;
    font-size: 2ex !important;
    margin-top: -5px !important;
	padding-bottom: 5px
}

.fandom-slider .fandom-slider__nav__caption p:last-of-type {
    display: none !important
}

.fandom-slider .fandom-slider__nav__thumbs {
	left: 0;
	width: 88px;
	margin-left: 14px;
	position: relative;
	top: -4px
}

.fandom-slider__nav__thumbs > div.current-thumb,
.fandom-slider__nav__thumbs > div:hover {
    filter: invert(1) !important;
	border-color: transparent !important
}

.fandom-slider .fandom-slider__nav__thumbs div {
    width: 16px !important;
    height: 16px !important;
    background-image: none !important;
    background: #4a4a4a !important;
    right: 0 !important;
    border-radius: 20px !important;
    transition: .3s !important;
    cursor: pointer !important;
	
}

.fandom-slider .fandom-slider__nav__thumbs div img {
	display: none
}

/* Локальное навменю */
.fandom-community-header__local-navigation .wds-dropdown__content, .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
    max-width: initial;
    padding: 7px 0;
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li {
    padding: 0 9px;
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a {
    line-height: 1em;
    padding: 11px 9px;
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {
    padding-right: 0;
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {
    font-size: 12px;
    line-height: 14px;
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-sticked-to-parent) .wds-dropdown-level-2__content {
    top: -8px
}

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {
    bottom: -8px
}

.fandom-community-header__local-navigation .wds-dropdown__content .navigation-item-icon {
    margin-right: 9px
}

/* Блоки на заглавной */
/* Старый стиль
.sw-mainpage-block {
	border: 2px outset black;
	margin: 8px 0px;
	padding: 1px;
	width: 100%;
}

.sw-mainpage-block__title {
	background: rgba(0, 0, 0, 0.6);
	font-family: GNUTypewriter;
	font-size: 12pt;
	padding: 5px;
	text-align: center;
}

.sw-mainpage-block__content {
	padding: 5px;
}*/

.sw-mainpage-block {
	border: 1px solid #000000aa;
	border-radius: 5px;
	border-spacing: 0;
	box-shadow: 0 2px 6px #000000aa;
	margin: 8px auto;
	padding: 0;
	width: calc(100% - 8px);
}

.sw-mainpage-block__title {
	background: #00000066;
	border-radius: 3px 3px 0 0;
	font-family: GNUTypewriter;
	font-size: 12pt;
	padding: 5px;
	text-align: center;
}

.sw-mainpage-block__content {
	padding: 5px;
}

.sw-mainpage-nav {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
    transition: .3s;
}

.is-content-expanded .sw-mainpage-nav {
    grid-template-columns: repeat(6, 1fr);
}

.sw-mainpage-nav__cell {
    align-items: center;
    display: flex;
    flex-direction: column;
}

/*** ----- Portable infobox ----- ***/
.theme-fandomdesktop-dark {
	--sw-pi-background-body-color: #303030;
	--sw-pi-background-title-color: #505050;
	--sw-pi-text-color: #fff;
	--sw-pi-text-title-color: #fff;
}

.theme-fandomdesktop-light {
	--sw-pi-background-body-color: #eaeaea;
	--sw-pi-background-title-color: var(--theme-accent-color);
	--sw-pi-text-color: #000;
	--sw-pi-text-title-color: #fff;
}

.portable-infobox {
	background-color: var(--sw-pi-background-body-color);
	border: 1px solid var(--sw-pi-background-title-color);
	border-collapse: collapse;
	border-radius: 5px;
	color: var(--sw-pi-text-color);
	font-size: 90%;
	margin: 5px;
	padding: 4px;
	text-align: center;
	width: 275px;
}

.portable-infobox .pi-item-spacing {
	padding: 5px 0 0 0;
}

.pi-background {
	background-color: var(--sw-pi-background-body-color);
}

.pi-secondary-background {
	background-color: var(--sw-pi-background-body-color);
}

.pi-title {
	background-color: var(--sw-pi-background-title-color);
	border-radius: 5px;
	color: var(--sw-pi-text-title-color);
	line-height: inherit;
	margin: 5px;
	overflow: inherit;
	padding: 8px;
	text-align: center;
}

.pi-image-thumbnail {
	background-color: var(--sw-pi-background-body-color);
	border-radius: 5px;
	height: 99%;
	margin: 2px;
	width: 99%;
}

.portable-infobox .pi-caption {
	font-size: 10px;
	padding: 0;
	text-align: center;
}

.pi-item-spacing {
	padding: 0;
}

.pi-item {
	font-size: 13px;
	line-height: 20px;
}

.pi-data {
	border: none !important;
	font-size: 13px;
	line-height: 20px;
}

.pi-data-label {
	background-color: var(--sw-pi-background-title-color);
	border: 4px solid var(--sw-pi-background-title-color);
	border-radius: 5px;
	color: var(--sw-pi-text-title-color);
	flex-basis: 125px !important;
	text-align: left;
	width: auto;
}

.pi-data-value {
	background-color: var(--sw-pi-background-body-color);
	flex-basis: 150px !important;
	text-align: left;
	width: auto;
}

.pi-header {
	background-color: var(--sw-pi-background-title-color);
	border: 4px solid var(--sw-pi-background-title-color);
	border-radius: 5px;
	padding: 4px 0 5px 4px !important;
	text-align: center;
}

.pi-horizontal-group th {
	background-color: var(--sw-pi-background-body-color) !important;
	text-align: center;
}

.pi-horizontal-group td {
	background-color: var(--sw-pi-background-body-color) !important;
	border: 1px solid var(--sw-pi-background-title-color);
	text-align: left;
}

.pi-horizontal-group {
	margin-top: 5px;
}

.pi-horizontal-group td,
.pi-group,
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
	border: none;
}

.pi-horizontal-group .pi-horizontal-group-item {
	padding-left: 5px;
}

h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
	margin-top: 5px;
}

/*** ----- Navboxes ----- ***/
.theme-fandomdesktop-dark {
	--sw-nav-background-body-color: #505050;
	--sw-nav-background-even-color: #373737;
	--sw-nav-background-uneven-color: #303030;
	--sw-nav-text-color: #d5d4d4;
	--sw-nav-text-title-color: #d5d4d4;
	--sw-nav-link-color: var(--theme-link-color);
}

.theme-fandomdesktop-light {
	--sw-nav-background-body-color: var(--theme-accent-color);
	--sw-nav-background-even-color: #eeeeee;
	--sw-nav-background-uneven-color: #dedede;
	--sw-nav-text-color: #000;
	--sw-nav-text-title-color: #fff;
	--sw-nav-link-color: #fff;
}

.sw-nav-box {
	background-color: transparent; 
	border: 1px solid #aaa;
	clear: both;
	color: var(--sw-nav-text-color);
	font-size: 88%;
	margin: auto;
	padding: 1px;
	text-align: center;
	width: 100%;
}

.sw-nav-box__header {
	background-color: var(--sw-nav-background-body-color);
	color: var(--sw-nav-text-title-color);
	padding-left: 1em;
	padding-right: 1em;
}

.sw-nav-box__special-links {
	float: left;
	text-align: left;
	width: 6em;
	font-size: xx-small;
}

.sw-nav-box__special-links span {
	font-weight: normal;
}

.sw-nav-box__title {
	font-size: 110%;
	color: var(--sw-nav-text-title-color);
}

.sw-nav-box__subtitle {
	background-color: #000000;
	padding-left:1em;
	padding-right:1em;
	text-align:center;
}

.sw-nav-box__footer {
	background-color: var(--sw-nav-background-body-color);
	color: var(--sw-nav-text-title-color);
	font-size: smaller;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.sw-nav-box__uneven-title {
	background-color: var(--sw-nav-background-uneven-color);
	font-size: 11px;
	padding-left: 1em;
	padding-right: 1em;
	text-align: right;
	white-space: nowrap;
}

.sw-nav-box__uneven-data {
	background-color: var(--sw-nav-background-uneven-color);
	font-size: 11px;
	font-weight: lighter;
	line-height: 18px;
	padding: 2px 4px 2px;
	text-align: left;
}

.sw-nav-box__even-title {
	background-color: var(--sw-nav-background-even-color);
	font-size: 11px;
	padding-left: 1em;
	padding-right: 1em;
	text-align: right;
	white-space: nowrap;
}

.sw-nav-box__even-data {
	background-color: var(--sw-nav-background-even-color);
	font-size: 11px;
	font-weight: lighter;
	line-height: 18px;
	padding: 2px 4px 2px;
	text-align: left;
}

.sw-nav-box__subsection {
	background-color: var(--sw-nav-background-body-color);
	color: var(--sw-nav-text-title-color);
	font-size: 12.32px;
	font-weight: bold;
	margin: 2px -2px 2px;
	text-align: center;
}

.sw-nav-box__header a,
.sw-nav-box__footer a,
.sw-nav-box__subsection a {
	color: var(--sw-nav-link-color);
}