MediaWiki:Common.css

Страница интерфейса MediaWiki

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

  • 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.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */

@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_regular.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_regular.woff2") format("woff2");
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_bold.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_bold.woff2") format("woff2");
font-style: normal;
font-weight: bold;
}

@font-face {
font-family: "Golos-Text";
src: url("/resources/assets/fonts/golos-text_medium.woff") format("woff");
src: url("/resources/assets/fonts/golos-text_medium.woff2") format("woff2");
font-style: normal;
font-weight: 500;
}

html {
    font-size: 110%;
}

html, body {
    font-family: 'Golos-Text', sans-serif;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-page-title-main {
    font-family: 'Golos-Text', sans-serif;
}

.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title, .oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title {
    font-family: 'Golos-Text', sans-serif;
}

.mw-logo {
    scale: 90%;
    margin-bottom: 8px;
}

.mw-logo:hover {
	opacity: 85%;
}

.mw-logo-icon {
    scale: 92%;
    margin-top: 5px;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading, .vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
    display: none;
}

.vector-feature-zebra-design-disabled .mw-header {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 31px;
}

.vector-page-titlebar {
    box-shadow: unset;
}

.vector-feature-zebra-design-disabled.client-js .vector-toc .vector-toc-toggle {
    margin-top: 7px;
    margin-left: -2px;
}

.mw-page-title-main {
    font-weight: bold;
}

h1 {
    font-weight: bold;
}

h2 {
    font-weight: 500;
}


h1, h2 {
    border: none;
}

.client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type) {
    display: none;
}

.mw-editsection-divider {
    color: #e7e7e7;
    padding-inline: 4px;
}

.client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) {
    display: none;
}

button:focus {
    outline-color: transparent;
    border: none;
    box-shadow: unset;
}

a {
	transition: color 0.1s, font-size 0.075s, transform 0.25s;
}

a:hover, a.external:hover {
    text-decoration: none;
    color: #73a0dc;
    transition: color 0.1s;
}

a:focus, a.external:focus {
    text-decoration: none;
    border: none;
    box-shadow: unset;
}

a.new:hover {
    color: #db7676;
    transition: color 0.1s;
}

a.new:visited:hover {
    color: #c39090;
    transition: color 0.1s;
}

a:visited:hover, a.external:visited:hover {
    color: #a58fd1;
    transition: color 0.1s;
}

.mw-editsection a {
    color: #949494;
}

.mw-editsection a:hover, .mw-editsection a:visited:hover {
    color: #333333;
    transition: color 0.1s;
}


#vector-page-tools-dropdown-label {
    padding: 17px;
}

.vector-icon {
    background-size: calc(max(1.25em, 18px));
    opacity: 60%;
}

.vector-page-toolbar-container .vector-icon {
    background-size: calc(max(1em, 16px));
    margin-top: 6px;
}

.vector-menu-tabs .mw-list-item a:visited:hover {
    color: #3366cc;
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
    display: none;
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before {
    display: none;
}

.vector-feature-zebra-design-disabled body {
    background-color: #ffffff;
    color: #202122;
}

.vector-feature-zebra-design-disabled .vector-header-container {
    padding-top: 1em;
}


/*----------------------------- ПОИСК -----------------------------*/

.cdx-search-input--has-end-button {
    background-color: transparent;
    border: none;
}

.vector-search-box .vector-typeahead-search-container {
    max-width: 70%;
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
    border-color: transparent;
    border-radius: 60px;
}

.cdx-text-input__input:enabled {
    background-color: #fff;
    border-color: #d4d8db;
    box-shadow: none;
}

.cdx-text-input__input {
    border-radius: 50px;
}

.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.cdx-typeahead-search .cdx-text-input--has-start-icon .cdx-text-input__input {
    padding: 15px;
    padding-left: 50px;
}

.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {
    padding-left: 16px;
}

.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
    padding-left: 8px;
}

.cdx-search-input__end-button {
    margin: -1px -1px -1px 15px;
    padding-inline: 30px;
    font-weight: normal;
    font-size: 113%;
}

.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
    background-color: #f1f1f1;
}

.cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active {
    background-color: #eaecf0;
    color: #000;
    border-color: transparent;
}

.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
    border-color: transparent;
    box-shadow: unset;
}

/*----------------------------- КОНЕЦ ПОИСКА -----------------------------*/


.vector-page-toolbar-container {
    box-shadow: unset;
}

.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
    background-color: white;
}

.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu .vector-main-menu-action-opt-out a, .vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content {
    display: none;
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
    padding: 4px 8px;
    margin-left: 7px;
    color: #949494;
    font-size: 75%;
    border-radius: 25px;
    background-color: #f8f9fa;
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
    color: #949494;
    background-color: #f1f1f1;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element > *:not(:last-child), .vector-feature-zebra-design-disabled .vector-dropdown-content > *:not(:last-child) {
    border-bottom: none
}

.vector-feature-zebra-design-disabled .vector-pinnable-header-label {
    font-size: 135%;
    color: #463d33;
    margin: unset;
    font-weight: normal;
    margin-bottom: 5px;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a {
    padding: 10px 14px;
    color: #333333;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
    color: #333333;
}

.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink) {
    color: #333333;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:hover, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:hover {
    color: #808284;
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited:hover, .vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited:hover {
    color: #808284;
}

.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink):hover {
    color: #808284;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-text {
    padding: 10px 0;
    color: #333333;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-text:hover {
    padding: 10px 0;
    color: #808284;
}

#pt-userpage-2 a:not(.mw-selflink) {
    color: #333333;
}

#pt-userpage-2 a:not(.mw-selflink):hover {
    color: #808284;
}

.mw-footer {
    border-top: 1px solid #dce1e8;
    padding: 2em 0;
}