MediaWiki:Common.css: различия между версиями

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 30: Строка 30:
}
}


.mw-editsection-visualeditor { width: 1.875rem; height: 1.875rem; text-indent: -9999px; opacity: var(--opacity-icon-base); transition: var(--transition-hover); transition-property: opacity; background-image: url(data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="grey"%3E%3Ctitle%3E eye %3C/title%3E%3Cpath d="M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5zM10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7z"/%3E%3Ccircle cx="10" fill="grey" cy="10" r="2.5"/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center; display: block; background-size: 1.125rem; }
/* .mw-editsection-visualeditor { width: 1.875rem; height: 1.875rem; text-indent: -9999px; opacity: var(--opacity-icon-base); transition: var(--transition-hover); transition-property: opacity; background-image: url(data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="grey"%3E%3Ctitle%3E eye %3C/title%3E%3Cpath d="M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5zM10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7z"/%3E%3Ccircle cx="10" fill="grey" cy="10" r="2.5"/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center; display: block; background-size: 1.125rem; }
 
*/
/*
/*



Версия от 18:41, 15 мая 2024

/* Размещённый здесь 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, body {
    font-family: 'Golos-Text', sans-serif;
    /*margin: auto;*/
}

/* .mw-editsection-visualeditor { width: 1.875rem; height: 1.875rem; text-indent: -9999px; opacity: var(--opacity-icon-base); transition: var(--transition-hover); transition-property: opacity; background-image: url(data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="grey"%3E%3Ctitle%3E eye %3C/title%3E%3Cpath d="M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5zM10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7z"/%3E%3Ccircle cx="10" fill="grey" cy="10" r="2.5"/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center; display: block; background-size: 1.125rem; }
*/
/*

.vector-settings ul {
    display: none;
}

.vector-body {
    line-height: 1.7;
    font-size: 1rem;
}

@media screen and (max-width: 1000px) {
html, body {
    max-width: 100%;
    font-size: 107%;
}
}

@media screen and (max-width: 1000px) {
.vector-body {
    max-width: 100%;
}
}

.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-editsection, .mw-editsection-like {
    font-family: 'Golos-Text', sans-serif;
}

.mw-logo {
    scale: 85%;
    margin-bottom: 8px;
    transition: ease-out 0.15s !important;
    margin-left: -15px;
}

.mw-logo:hover {
    scale: 88%;
}

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

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: 1px solid #e7e7e7;
    padding: 0.8em 1em;
}

.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 .vector-main-menu .vector-main-menu-action-opt-out a, .vector-feature-zebra-design-disabled .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content {
    display: none;
}

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

.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, .vector-body h3 {
    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;
    visibility: hidden;
}

.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;
}

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

a {transition: ease-out 50ms !important;}

.vector-body a:not(.mw-editsection a):not(figure > a):not(#pt-userpage-2 span > a):hover, 
.mw-footer-container a:hover {
    border-bottom: 1px solid;
  /*background-color: #e1ebff;
    border-radius: 0.3rem;
    transition: 50ms ease-out !important;*/
}

a:hover, a.external:hover {
	text-decoration: none;
	/*color: #103a8f;*/
}

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

a.new:not(#pt-userpage-2 span > a):hover {
    /*color: #a31515;*/
    /*background-color: #ffe3e3 !important;*/
}

a.new:not(#pt-userpage-2 span > a):visited:hover {
    /*color: #701e1e;*/
    /*background-color: #ffe2d8 !important;*/
}

a:not(#pt-userpage-2 span > a):visited:hover, a.external:visited:hover {
    /*color: #4a209d;*/
    /*background-color: #ede5ff !important;*/
}

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

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

.vector-menu-tabs .mw-list-item a {
    color: #949494;
}

.vector-menu-tabs .mw-list-item.new a, .vector-menu-tabs .mw-list-item.new a:visited {
	color: #949494;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon a:focus, .vector-menu-tabs .mw-list-item.vector-tab-noicon a:hover {
    color:  #333333;
    border-bottom: none;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
	border-bottom: solid 1px #949494;
}

.vector-menu-tabs .mw-list-item.selected a:hover, .vector-menu-tabs .mw-list-item.selected a:visited:hover {
	border-bottom: solid 1px #949494;
}

#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-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: 0.4em;
}


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

.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;
    color: #848484;
}

.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: 12px;
    padding-left: 52px;
}

.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: 1rem;
}

.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;
    font-family: 'Golos-Text', sans-serif;
}

.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-dropdown .vector-dropdown-content {
	border: 1px solid #e7e7e7;
    border-radius: 0.7rem;
    box-shadow: none;
}

.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;
    color: #808284;
}

.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;    
    color: #808284;
}

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

.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;
    color: #333333;
}

.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;
    color: #333333;
}

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

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

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

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

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

.mw-footer-container {
    padding-bottom: 60px;
}

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

*/