MediaWiki:TablesAndTemplates.css

Материал из Backpack Battles Wiki
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* - Сворачиваемая синяя "папка" - */
.blue-box {
	background-color: var(--srw-bg--2) !important;
	border: 1px solid var(--srw-border-bb) !important;
}

/* - Шаблон:BPBpedia - */
.BPBpedia-table {
	background-color: var(--srw-bg--1) !important;
	border: 5px solid var(--srw-border-spt) !important;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	padding: 5px;
	width: -webkit-fill-available;
}

/* - Навигационные шаблоны - */
.navibox {
	border-color: var(--srw-border-nv) !important;
	border-radius: 0;
	font-size: 11px;
	text-align: center;
	width: 100%;
	line-height: .5;
}

.navibox th {
	background-color: var(--srw-bg--2) !important;
	border-color: var(--srw-border-nv) !important;
}

.navibox tr {
	background-color: var(--srw-bg--1) !important;
}

.navibox td {
	border-color: var(--srw-border-nv) !important;
	line-height: 1.4;
	padding: 5px 5px 4px !important;
}

.navibox td:last-child {
	background-color: var(--theme-page-background-color) !important;
}

.navibox .mw-nocollapse {
	display: contents !important;
}

.navibox .mw-nocollapse td {
	background-color: var(--srw-bg--1) !important;
}

.navibox .mw-nocollapse td:last-child {
	background-color: var(--theme-page-background-color) !important;
}

.navibox hr + p {
	margin: 0 0 2px;
	line-height: 13px;
}


/* - Компактные таблицы (Таблица плортов в режиме "5 дней", таблица модов) - */
.compact-table {
	background: var(--srw-pp-bg);
	border-spacing: 0;
	font-size: 12px;
	text-align: center;
	width: 600px;
}

.compact-table th {
	background: var(--srw-pp-bg2);
	font-size: 12px;
	text-align: center;
	width: 600px;
}

.compact-table td {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 4px;
}

.compact-table.mods {
	width: 700px !important;
	text-align: left !important;
}

.compact-table.mods tr:nth-child(2) th {
	background: var(--srw-pp-bg) !important;
	padding-right: 25px;
}

.compact-table.mods td {
	padding: 5px 25px 4px !important;
}


/* - Ambox - */
.ambox {
	background-color: rgba(var(--theme-page-text-color--rgb), .06);
	font-size: 95%;
	margin: 0 auto 5px auto;
	width: 80%;
}

.ambox.ambox-tiny {
	font-size: 90%;
	margin: 2px 0;
	width: auto;
}

.ambox+.ambox {
	margin-top: -2px;
}

.ambox-image {
	padding: 2px .5em;
	width: 60px;
}

.ambox-text {
	display: inline-block;
	padding: .25em .5em;
	width: 100%;
}

.ambox-tiny .ambox-image {
	display: inline-block;
	padding: 2px .5em;
	text-align: left;
	width: 60px;
}

.amsmalltext {
	font-size: smaller;
	margin-left: .8em;
	margin-top: .5em;
}

.ambox-red {
	border-left: 10px solid #b22222;
}

.ambox-orange {
	border-left: 10px solid #f28500;
}

.ambox-yellow {
	border-left: 10px solid #f4c430;
}

.ambox-green {
	border-left: 10px solid #228b22;
}

.ambox-blue {
	border-left: 10px solid #1e90ff;
}

.ambox-purple {
	border-left: 10px solid #9932cc;
}

.ambox-gray {
	border-left: 10px solid #bbbbaa;
}



/* - Kbd - */
kbd>span {
	background-color: var(--srw-gray);
	border: 1px solid var(--theme-border-color);
	border-radius: 2px;
	color: var(--srw-dgray);
	display: inline-block;
	font-family: monospace;
	line-height: 1.5;
	margin: .1em;
	padding: .1em .4em .1em;
	text-align: center;
	text-shadow: 0 1px 0 var(--srw-gray);
}


/* - Полностью призрачные картинки - */
.just-ghost img {
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2;
}


/* - Подсказки (Шаблон:Tooltip/Achievement) - */
.main-tooltip {
	backdrop-filter: blur(20px);
	background: var(--srw-gray-tr);
	border: 1px solid var(--theme-border-color);
	border-radius: var(--srw-block-border-radius);
	-webkit-box-shadow: 0 15px 25px -20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 25px -20px rgba(0, 0, 0, 0.3);
	color: var(--theme-page-text-color);
	padding: var(--srw-block-padding);
	width: auto !important;
	max-width: 390px !important;
}

.main-tooltip .tooltip-ach {
	display: flex;
	gap: var(--srw-block-padding);
	margin: 0;
	padding: 0;
}

.main-tooltip .floatleft {
	height: 50px;
	margin: 0;
	padding: 0;
}

.main-tooltip .tooltip-ach-content {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.main-tooltip .tooltip-ach-content b {
	font-weight: bold;
	line-height: 25px;
}

.main-tooltip .tooltip-ach-content small {
	font-size: 14px;
	line-height: 18px;
}

/* - Таблицы для страниц участников - */
.user-table {
	background: var(--srw-bg--2);
	border: 2px solid var(--srw-border-pi--1);
	border-radius: 10px;
	margin: 0 15px;
	max-width: 674px;
}

.user-table.user-table__achievements p {
	display: inline;
}

.user-table th {
	font-size: 16px;
	line-height: 2;
}

.user-table table {
	background: var(--srw-bg--1);
	border-radius: 7px;
	min-width: 441px;
	padding: 7px;
}

.theme-fandomdesktop-dark .user-table {
	background: var(--srw-bg--1);
}

.theme-fandomdesktop-dark .user-table table {
	background: var(--srw-bg--2);
}



/* Шаблон:Achievement */
.achievement-block {
	background-color: var(--srw-achieve-border);
	border-radius: 10px;
	padding: 2px;
	margin-bottom: 5px;
	right: 10px;
}

.achievement-block table {
	background-color: var(--srw-achieve-bg);
	border-radius: 10px;
	color: var(--srw-achieve-text);
	line-height: 20px;
	padding: 8px 8px 0px 8px;
	height: 100px;
}


/* Шаблон:PageNavbar */
.pagenavbar {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.pagenavbar>p {
	display: none;
}

.pagenavbar__tab {
	align-items: center;
	display: inline-flex;
	font-size: 16px;
	line-height: 35px;
	padding: 0 20px;
	transition: .3s;
}

.pagenavbar__tab:first-child {
	border-radius: 7px 0 0 7px;
    margin-right: 10px;
	position: relative;
}

.pagenavbar__tab:first-child:after {
    background-color: #22b9ce;
    border-radius: 5px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    transform: skewX(-20deg);
    transition: .3s;
    width: 20px;
}

.pagenavbar__tab:not(:first-child) {
	border-radius: 7px;
	transform: skewX(-20deg);
}

.pagenavbar__tab:not(:first-child)>span {
	transform: skewX(20deg);
}

.pagenavbar__tab.selected {
	background-color: #22b9ce;
}

.pagenavbar__tab:not(.selected),
.pagenavbar__tab:not(.selected):after {
	background-color: #78d1df;
}

.pagenavbar__tab:hover:not(.selected),
.pagenavbar__tab:hover:not(.selected):after {
	background-color: #4fc7d6;
}

.theme-fandomdesktop-dark .pagenavbar__tab:not(.selected),
.theme-fandomdesktop-dark .pagenavbar__tab:not(.selected):after {
	background-color: #1a374b;
}

.theme-fandomdesktop-dark .pagenavbar__tab:hover:not(.selected),
.theme-fandomdesktop-dark .pagenavbar__tab:hover:not(.selected):after {
	background-color: #1c576b;
}

.pagenavbar__tab *,
.pagenavbar__tab:hover *{
	color: #fefffd;
}

.pagenavbar__tab strong {
	font-weight: 400;
}


/* - SR: Не знаю зачем я это делаю (Шаблон:Цитата) - */
.mp_leafs {
	background: url(https://slimerancher.fandom.com/ru/wiki/Special:FilePath/Leaf_Top.png) no-repeat top center;
	display: inline-block;
	padding-top: 53px;
	width: 100%;
}

.mp_quote {
	background-color: #000000 !important;
	border: 5px solid #00823F !important;
	color: #9B9B9B !important;
	margin: auto;
	width: 577px !important;
}

.mp_quote tr:first-child>td {
	background: url(https://slimerancher.fandom.com/ru/wiki/Special:FilePath/Mp_leaf_large.png) no-repeat top 9px right 10px !important;
	background-size: 70px !important;
	line-height: 14px;
}

.mp_quote td {
	background-color: black;
	border-color: transparent !important;
	padding: 6px 10px !important;
}

.mp_header {
	color: #01823F;
	font-family: Amatic SC;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: .25px;
	line-height: 1.25;
	overflow-wrap: break-word;
	text-transform: uppercase;
	word-break: break-word;
}

.mp_link {
	color: #01823f;
	font-size: 11px;
	line-height: 18px;
}

.mp_link a {
	color: #01823F !important;
}

.mp_link a:hover {
	color: #23A562 !important;
}

.mp_quote .tabber .wds-tabs__tab {
	background: #003B1F;
	border-radius: 5px 5px 0px 0px;
	margin-right: 1px;
	transition: .3s;
}

.mp_quote .tabber .wds-tabs__tab:hover,
.mp_quote .tabber .wds-tabs__tab.wds-is-current {
	background: #00823F;
}

.mp_quote .tabber .wds-tabs__tab-label>a {
	color: #FFFFFF;
}