Dota 2 Вики
Нет учётной записи?
Регистрация
Advertisement
Регистрация
Dota 2 Вики
Dota 2 Вики
17 636
страниц

Universal.css

Страница MediaWiki
Версия от 11:05, 8 мая 2021; Medoke (обсуждение | вклад)
Sign in to edit

На других языках: English • Português do Brasil • 中文

CSS and Javascript changes must comply with the wiki design rules.

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

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Выберите очистку кэша в меню Инструменты → Настройки
/*
* Styles in this stylesheet will be loaded on desktop and mobile
* For desktop-only styles use Common.css
* For mobile-only styles use Mobile.css
*/

/*
* === FONTS ===
*/

@font-face {
	font-family: 'Open Sans Semibold';
	src: local('Open Sans Semibold'), url('/media/hydra/fonts/OpenSans-Semibold.ttf') format('truetype');
}

/* Import Dota 2 fonts */

@font-face {
     font-family: 'Radiance';
     src: url( 'https://steamcdn-a.akamaihd.net/apps/underlords/fonts/Radiance-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Radiance';
     src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Radiance';
     src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Radiance';
     src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Reaver';
     src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Reaver';
     src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-SemiBold.ttf") format("truetype");
     font-weight: 600;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Reaver';
     src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Bold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
     font-display: swap 
}
 @font-face {
     font-family: 'Reaver';
     src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype");
     font-weight: 800;
     font-style: normal;
     font-display: swap 
}

/*
* === GENERAL STYLES ===
*/


/*
* Link (<a>) styles
*/

a.new:link {
	color: #ba0000;
}

a:link {
	color: #3f56ad;
}

a:visited {
	color: #75735f;
}

.ability-background {
	flex: 0 1 450px;
	margin-right: 15px;
	vertical-align: top;
	background-color: #EAEAEA;
}

.ability-lore {
	background-color: #D6D6D6;
}

/*
* === Doc ===
*/
.doc-background {
	clear: both;
	margin-top: 1em;
	border: 1px solid #aaa;
	background-color: #ecfcf4;
}

/*
* === Invoker's invoked abilities ===
*/
.invoked-abilities {
	width:140px;
	margin:5px;
	border: 3px solid #dfdfdf;
	background-color: #efefef
}

/*
* Definition (<dfn>) styles
*/

dfn {
	font-weight: bold;
	font-style: normal;
}


/*
* Reference styles
*/

ol.references {
	font-size: 90%;
}

.references-small {
	font-size: 80%;
}

/* Temporary visual fix for the second square bracket not being part of the link. */
sup.reference {
	color: #3f56ad;
}


/*
* Userlink styles
*/

/* User agnostic styling */

.mw-userlink {
	font-weight: bold;
}

.burbg,
.admbg,
.modbg,
.locbg {
	padding: 0 2px;
	background-color: #70b04a;
	color: white;
	font-size: .7em;
}
/*
#pt-userpage a[href='/wiki/User:'],
.mw-userlink[title='User:'] {
	text-transform: lowercase;
}
*/

/* Admin Lime Color */

.mw-userlink[title="Участник:Lemoncream"] bdi,
.mw-userlink[title="Участник:Medoke"] bdi,
.mw-userlink[title="Участник:Molldust"] bdi,
.mw-userlink[title="Участник:Mphs"] bdi {
	color: #1E90FF !important;
}

/* Bot Purple Color */

.mw-userlink[title='Участник:MedokBOT'] bdi,
.mw-userlink[title='Участник:Sanhardbot'] bdi,
.mw-userlink[title='Участник:Mollborg'] bdi,
.robot,
.bot {
	color: #fe48aa !important;
}

/*
* Horizontal list (.hlist) styles
*/

.hlist ul {
	margin: 0;
}

.hlist li {
	display: inline;
	margin: 0;
	white-space: nowrap;
}

/* Display nested lists inline */
.hlist ul ul {
	display: inline;
}


/* Generate interpuncts */
.hlist li:after {
	content: ' ·';
	font-weight: bold;
}

.hlist li:last-child:after {
	content: none;
}

/* Add parens around nested lists */
.hlist ul ul:before {
	content: '(';
}

.hlist ul ul:after {
	content: ')';
}


/*
* Unbulleted (.plainlist) styles
*/

.plainlist ul {
	margin: 0;
	list-style: none none;
	line-height: inherit;
}

.plainlist ul li {
	margin-bottom: 0;
}


/*
* Webm autoloop spacing fix
*/

.autoloop,
.loop {
	display: block;
}

td .autoloop,
td .loop {
	width: 100% !important;
	height: 100% !important;
	object-fit: unset;
	max-width: 800px !important;
}

/*
* Pixel-art images
*/

img.pixelart {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:crisp-edges;
	image-rendering:pixelated;
}


/*
* === TEMPLATE STYLES ===
*/


/*
* Image links ([[Template:Ability ID]], [[Template:Hero ID]], …)
*/

.image-link {
	white-space: nowrap;
}


/*
* Ambox styles (Template:Ambox)
*/

.ambox {
    width: 80%;
    display: flex;
    align-items: center;
    margin: 0 auto 2px auto;
    padding: 0.5em;
    background-color: #eeeeee;
    border-left: 10px solid #eeeeee;
    font-size: 95%;
}

.ambox-image {
    padding-right: 0.5em;
    width: 56px;
    text-align: center;
}

.ambox-quote {
    font-style: italic;
}

.ambox-subject {
    font-weight: bold;
}

.ambox-quote,
.ambox-footnote {
    font-size: 85%;
}


/*
* Animatrion styles ([[Template:Animate]])
*/

.animated > *:not(.animated-active),
.animated-paused > *:not(.animated-active),
.animated > .animated-subframe > *:not(.animated-active),
.animated-paused > .animated-subframe > *:not(.animated-active) {
	display: none;
}

/*
* Hero infobox styles ([[Template:Hero infobox]])
*/

/* Highlight the primary attribute icon */
#primaryAttribute img {
	border: 2px solid white;
	border-radius: 50%;
}

/*
* Cosmetic Item infobox styles ([[Template:Cosmetic item infobox]])
*/

.buynow_wrapper {
	height: 24px;
}

.buynow_wrapper>a {
	width: 100%;
	color: #FFF;
	text-decoration: none;
}

.buynow_button {
	display: block;
	padding-left: 30px;
	height: 24px;
	background: linear-gradient(0deg, #000 0%, #666 100%);
	color: #FFF;
	text-align: left;
	text-decoration: none;
	font-size: 90%;
	line-height: 24px;
}

.buynow_button:hover {
	background: linear-gradient(0deg, #000 0%, #999 100%);
}

.buynow_store:before {
	position: absolute;
	margin-left: -31px;
	width: 24px;
	height: 24px;
	background: url('https://static.wikia.nocookie.net/dota2_gamepedia/images/7/73/Button_buynow_store.png/revision/latest') no-repeat;
	content: '';
	pointer-events: none;
}

.buynow_market:before {
	position: absolute;
	margin-left: -31px;
	width: 24px;
	height: 24px;
	background: url('https://static.wikia.nocookie.net/dota2_gamepedia/images/a/aa/Button_buynow_market.png/revision/latest') no-repeat;
	content: '';
	pointer-events: none;
}

/*
* Navbox styling ([[Template:Navbox]])
*/

table.notanavbox {
	clear: both;
	margin: auto;
	padding: 1px;
	width: 100%;
	/* notanavbox container style */
	border: 1px solid #b44335;
	background: #fefeff;
	text-align: center;
	font-size: 88%;
}

table.notanavbox + table.notanavbox {
	/* Single pixel border between adjacent notanavboxes */
	margin-top: -1px;
	/* (doesn't work for IE6, but that's okay)	   */
}

.notanavbox-title,
.notanavbox-abovebelow,
table.notanavbox th {
	padding-right: 1em;
	/* Title and above/below styles */
	padding-left: 1em;
	text-align: center;
}

table.notanavbox th a {
	color: #e4c62e;
	/* Should make the header links look better */
}

.notanavbox-group {
	padding-right: 1em;
	padding-left: 1em;
	text-align: right;
	/* Group style */
	white-space: nowrap;
	font-weight: bold;
}

.notanavbox,
.notanavbox-subgroup {
	background: #fefeff;
	/* Background color */
}

.notanavbox-list {
	border-color: #fefeff;
	/* Must match background color */
}

.notanavbox-title,
table.notanavbox th {
	background: #cd5f51;
	/* Level 1 color */
	color: #fff;
	/* text colour */
}

.notanavbox-abovebelow,
.notanavbox-group,
.notanavbox-subgroup .notanavbox-title {
	background: #fde6e3;
	/* Level 2 color */
	color: #2d2723;
}

.notanavbox-subgroup .notanavbox-group,
.notanavbox-subgroup .notanavbox-abovebelow {
	background: #ffe8e5;
	/* Level 3 color */
}

.notanavbox tr {
	background-color: #fefeff;
	/* Standard cell background */
}

.notanavbox-even {
	background: #f2f2f2;
	/* Even row striping */
}

.notanavbox-odd {
	background: transparent;
	/* Odd row striping */
}

/*
* Tabber styles ([[Template:Tabber]])
*/

.page-tabber {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	margin-bottom: 20px;
}

.page-tabber-tab {
	padding: .5em;
	border: solid #93b7d8;
	white-space: nowrap;
	line-height: .95em;
}

.page-tabber-tab.active-tab {
	border-width: 2px 2px 0;
	font-weight: bold;
}

.page-tabber-tab.inactive-tab {
	border-width: 1px 1px 2px;
	background-color: #dae8f5;
}

.page-tabber-separator {
	border-bottom: 2px solid #93b7d8;
}

.page-tabber-separator.tail {
	width: 100%;
}


/*
* Teambox styles ([[Template:Teambox]], [[Template:TeamEntry]])
*/

.teambox {
    width: 200px;
    text-align: center;
}

.teambox-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 125px;
    border: 1px solid #ccc;
    background: #fcfcfc;
}

.teambox-name {
    font-weight: bold;
}

/*
* Patch styles ([[Template:Patch layout]])
*/

.patch-layout {
    width: 100%;
    border: 1px solid #aaa;
    text-align: center;
}

.patch-layout-last {
    background: #B2D7E9;
}

.patch-layout-all {
    width: 27%;
    background: #DEE8ED;
}

.patch-layout-background {
    background-color: #FDFAF8;
    border: 1px solid #aaa;
    margin: 0.75em 0;
    padding: 0.75em 1em;
    padding-bottom: 1em;
}

/*
* Event Currency Colors
*/

.bp2020 {
    color: #f0b000;
}

.bp2019 {
    color: #8C1BCD;
}

.bp2018 {
    color: #3EC415;
}

.bp2017 {
    color: #08D8D8;
}

.bp2016 {
    color: #E60000;
}

.dotaplus {
    color: #D37708;
}

/*
* Tentry styles ([[Template:Tentry]])
*/

.tentry-background {
    width: 240px;
    font-size: 10pt;
    background-color: #FFF;
}

.tentry-header {
    text-align: center;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
}

.tentry-prizepool {
    background-color: #0E0E0E;
}

.tentry-place {
    background-color: #f4f4f4;
}

.tentry-team {
    background-color: #F9F9F9;
    text-align: center;
}

/*
* AudioButton extension styles
* These FontAwesome icons are licensed under the Creative Commons Attribution 4.0 International license: https://fontawesome.com/license
*/

a.ext-audiobutton:before {
	display: inline-block;
	width: 1em;
	vertical-align: middle;
}

a.ext-audiobutton[ data-state='play' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}

a.ext-audiobutton[ data-state='pause' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="pause-circle" class="svg-inline--fa fa-pause-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
}

a.ext-audiobutton[ data-state='play' ]:hover:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}

a.ext-audiobutton[ data-state='pause' ]:hover:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="pause-circle" class="svg-inline--fa fa-pause-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
}

a.ext-audiobutton[ data-state='error' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="exclamation-triangle" class="svg-inline--fa fa-exclamation-triangle fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23000" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>');
}
Материалы сообщества доступны в соответствии с условиями лицензии CC BY-NC-SA, если не указано иное.
Advertisement