MediaWiki:Common.css: различия между версиями
Pok (обсуждение | вклад) Нет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 14 промежуточных версий этого же участника) | |||
| Строка 62: | Строка 62: | ||
--font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; | --font-family-base: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif; | ||
--font-family-oswald: 'oswald'; | --font-family-oswald: 'oswald'; | ||
--font-family-heading: | --font-family-heading: 'Roboto', 'Roboto-fallback'; | ||
--font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif; | --font-family-libertine: 'Linux Libertine', 'Georgia', 'Times', serif; | ||
--font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace; | --font-family-monospace: 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace; | ||
| Строка 74: | Строка 74: | ||
--font-size-xl: 120%; | --font-size-xl: 120%; | ||
--font-size-xxl: 130%; | --font-size-xxl: 130%; | ||
--font-size-huge: | --font-size-huge: 145%; | ||
--font-size-giant: 200%; | --font-size-giant: 200%; | ||
| Строка 742: | Строка 742: | ||
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v170/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2') | ||
} | } | ||
/* #endregion */ | |||
@font-face { | |||
/* ============ */ | font-family: 'Roboto'; | ||
/* #region Теги */ | font-style: normal; | ||
/* ============ */ | font-weight: 100; | ||
.mw-editform #wpTextbox1, textarea { | font-display: swap; | ||
background: var(--theme-bg-color-100); | src: url(https://fonts.gstatic.com/s/roboto/v18/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); | ||
border-color: var(--theme-border-color-base); | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | ||
color: var(--theme-text-color); | } | ||
} | |||
@font-face { | |||
math { | font-family: 'Roboto'; | ||
margin: 0.2em 0; | font-style: normal; | ||
font-size: 1.1em; | font-weight: 100; | ||
} | font-display: swap; | ||
src: url(https://fonts.gstatic.com/s/roboto/v18/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); | |||
cite,dfn { | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | ||
font-style: inherit; | } | ||
} | |||
@font-face { | |||
q { | font-family: 'Roboto'; | ||
quotes: '«' '»' "„" "“"; | font-style: normal; | ||
} | font-weight: 300; | ||
font-display: swap; | |||
ol { | src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); | ||
margin-block-start: 0.7em; | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | ||
margin-block-end: 0.7em; | } | ||
} | |||
@font-face { | |||
code, code.mw-highlight, | font-family: 'Roboto'; | ||
.code, | font-style: normal; | ||
.tdg-templateDataParamWidget-param-alias:first-child { | font-weight: 300; | ||
border-radius: 2px; | font-display: swap; | ||
padding: 1px 4px; | src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); | ||
background: var(--bg-color-code); | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | ||
border: 1px solid var(--border-color-code); | } | ||
color: var(--theme-text-color); | |||
} | @font-face { | ||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 400; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); | |||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | |||
} | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 400; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); | |||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||
} | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 500; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2'); | |||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | |||
} | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 500; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2'); | |||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||
} | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 700; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); | |||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; | |||
} | |||
@font-face { | |||
font-family: 'Roboto'; | |||
font-style: normal; | |||
font-weight: 700; | |||
font-display: swap; | |||
src: url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); | |||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||
} | |||
/* #endregion */ | |||
/* ============ */ | |||
/* #region Теги */ | |||
/* ============ */ | |||
.mw-editform #wpTextbox1, textarea { | |||
background: var(--theme-bg-color-100); | |||
border-color: var(--theme-border-color-base); | |||
color: var(--theme-text-color); | |||
} | |||
math { | |||
margin: 0.2em 0; | |||
font-size: 1.1em; | |||
} | |||
cite,dfn { | |||
font-style: inherit; | |||
} | |||
q { | |||
quotes: '«' '»' "„" "“"; | |||
} | |||
ol { | |||
margin-block-start: 0.7em; | |||
margin-block-end: 0.7em; | |||
} | |||
code, code.mw-highlight, | |||
.code, | |||
.tdg-templateDataParamWidget-param-alias:first-child { | |||
border-radius: 2px; | |||
padding: 1px 4px; | |||
background: var(--bg-color-code); | |||
border: 1px solid var(--border-color-code); | |||
color: var(--theme-text-color); | |||
} | |||
.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace { | .screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace { | ||
font-family: var(--font-family-monospace); | font-family: var(--font-family-monospace); | ||
| Строка 920: | Строка 1010: | ||
.mw-body h2 { | .mw-body h2 { | ||
font-size: var(--font-size-huge); | font-size: var(--font-size-huge); | ||
font-weight: 500; | |||
font-family: var(--font-family-heading); | |||
margin-top: 1em; | |||
border-bottom: 2px solid var(--color-contrast); | |||
margin-bottom: 0.33rem; | |||
padding: 0.25rem 0.25rem 0.1rem; | |||
line-height: 1.25; | |||
} | } | ||
.mw-body h3 { | .mw-body h3 { | ||
font-size: var(--font-size- | font-size: var(--font-size-xxl); | ||
font-weight: 500; | |||
font-family: var(--font-family-heading); | |||
margin-top: 0.3em; | |||
margin-bottom: 0.3em; | |||
padding-bottom: 0.3em; | |||
padding-top: 0.5em; | |||
} | |||
.mw-body h3 .mw-headline { | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.mw-body h3 .mw-headline:before { | |||
content: ''; | |||
position: absolute; | |||
bottom: -0.2em; | |||
height: 2px; | |||
width: calc(100% + 2em); | |||
max-width: 85cqw; | |||
background: linear-gradient(to right, hsl(from var(--color-contrast) h s l / 0.75) calc(100% - 2em), transparent 100%); | |||
} | } | ||
.mw-body h4, | .mw-body h4, | ||
.mw-body h5 { | .mw-body h5 { | ||
font-size: var(--font-size- | font-size: var(--font-size-xl); | ||
font-weight: | font-weight: 500; | ||
font-family: | font-family: var(--font-family-heading); | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
margin: 0; | margin: 0; | ||
| Строка 1943: | Строка 2048: | ||
/*=== toc ===*/ | /*=== toc ===*/ | ||
ul#filetoc, .toc, .toccolours, .mw-warning { | ul#filetoc, .toc, .toccolours, .mw-warning { | ||
border-radius: | border-radius: var(--border-radius-high); | ||
background: var(--theme-bg-color-150); | |||
padding: 8px 12px; | |||
margin: 12px 0; | |||
min-width: 12em; | |||
box-shadow: var(--box-shadow); | |||
line-height: 1.3; | |||
border: var(--border-outset-light); | |||
} | } | ||
| Строка 1959: | Строка 2063: | ||
.toc .toctitle { | .toc .toctitle { | ||
font-size: | font-size: var(--font-size-s); | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Строка 1974: | Строка 2077: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
padding: 0; | |||
} | } | ||
| Строка 1979: | Строка 2083: | ||
content: ""; | content: ""; | ||
display: block; | display: block; | ||
width: 16px; | |||
height: 14px; | |||
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; | --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; | ||
-webkit-mask: var(--mask); | -webkit-mask: var(--mask); | ||
| Строка 2053: | Строка 2157: | ||
gap: 6px; | gap: 6px; | ||
font-size: var(--font-size-s); | font-size: var(--font-size-s); | ||
flex-wrap: wrap; | |||
} | } | ||
| Строка 2090: | Строка 2195: | ||
.js-project-menu input#project-WL + label { | .js-project-menu input#project-WL + label { | ||
color: var(--text-color-dark-salmon); | color: var(--text-color-dark-salmon); | ||
border-bottom-color: var(--text-color- | border-bottom-color: var(--text-color-dark-salmon); | ||
background: var(--bg-color-rust-dark); | |||
} | } | ||
| Строка 2096: | Строка 2202: | ||
color: var(--text-color-turquoise); | color: var(--text-color-turquoise); | ||
border-bottom-color: var(--text-color-turquoise); | border-bottom-color: var(--text-color-turquoise); | ||
background: var(--bg-color-emerald-dark); | |||
} | } | ||
| Строка 2101: | Строка 2208: | ||
color: var(--text-color-violet); | color: var(--text-color-violet); | ||
border-bottom-color: var(--text-color-violet); | border-bottom-color: var(--text-color-violet); | ||
background: var(--bg-color-violet-dark); | |||
} | } | ||
| Строка 2106: | Строка 2214: | ||
color: var(--text-color-silver); | color: var(--text-color-silver); | ||
border-bottom-color: var(--text-color-silver); | border-bottom-color: var(--text-color-silver); | ||
background: var(--bg-color-grey-dark); | |||
} | } | ||
| Строка 2117: | Строка 2226: | ||
color: var(--text-color-pink); | color: var(--text-color-pink); | ||
border-bottom-color: var(--text-color-pink); | border-bottom-color: var(--text-color-pink); | ||
background: var(--bg-color-pink-dark); | |||
} | } | ||
| Строка 3319: | Строка 3429: | ||
table.druid-container { | table.druid-container { | ||
display: table; | |||
background: var(--theme-bg-color-150); | background: var(--theme-bg-color-150); | ||
float: right; | float: right; | ||