Участник:Snowinmars: различия между версиями
Материал из AERIE Wiki
м (→Stylus css: upd) |
м (css) |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 10: | Строка 10: | ||
<pre> | <pre> | ||
| + | :root { | ||
| + | --h3-border-color: #c8ccd1; | ||
| + | --h4-border-color: #c8ccd188; | ||
| + | --bg-color: #27221f; | ||
| + | --fg-color: #fcc9b9; | ||
| + | --bg-highlight-color: #393432; | ||
| + | --fg-highlight-color: #ffddca; | ||
| + | --link-color: #a5ba93; | ||
| + | --link-visited-color: #bcb58c; | ||
| + | --link-new-color: #dc3023; | ||
| + | --link-new-visited-color: #cf3a24; | ||
| + | } | ||
| + | |||
h3 { | h3 { | ||
| − | border-image: linear-gradient(to right, | + | border-image: linear-gradient(to right, var(--h3-border-color), transparent 50%, transparent 100%) 50; |
border-width: 2px; | border-width: 2px; | ||
border-style: solid; | border-style: solid; | ||
| Строка 20: | Строка 33: | ||
h4 { | h4 { | ||
| − | border-image: linear-gradient(to right, | + | border-image: linear-gradient(to right, var(--h4-border-color), transparent 50%, transparent 100%) 50; |
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
| Строка 26: | Строка 39: | ||
border-left: none; | border-left: none; | ||
border-right: none; | border-right: none; | ||
| + | } | ||
| + | |||
| + | .diff-deletedline .diffchange, | ||
| + | .diff-addedline .diffchange { | ||
| + | background: var(--bg-highlight-color); | ||
| + | color: var(--fg-highlight-color); | ||
| + | text-decoration-line: underline; | ||
| + | } | ||
| + | |||
| + | .diff-deletedline .diffchange { | ||
| + | text-decoration-color: var(--link-new-color); | ||
| + | } | ||
| + | |||
| + | .diff-addedline .diffchange { | ||
| + | text-decoration-color: var(--link-color); | ||
} | } | ||
| Строка 39: | Строка 67: | ||
.mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td, | .mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td, | ||
#mw-content { | #mw-content { | ||
| − | background-color: | + | background-color: var(--bg-color) !important; |
| − | color: | + | color: var(--fg-color); |
border: none; | border: none; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Строка 55: | Строка 79: | ||
.wikitable, .mw-datatable, .mw-datatable > tr > th, .wikitable > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, | .wikitable, .mw-datatable, .mw-datatable > tr > th, .wikitable > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, | ||
pre { | pre { | ||
| − | background-color: | + | background-color: var(--bg-highlight-color) !important; |
| − | color: | + | color: var(--fg-highlight-color); |
border: none; | border: none; | ||
| + | } | ||
| + | |||
| + | table, #mw-header-nav-hack, #content-bottom-stuff, .ts-container, .sidebar-chunk, .toc, .editOptions, .dropdown, .mw-editfont-monospace, .mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td, #mw-content { | ||
| + | border: 1px solid var(--bg-highlight-color); | ||
} | } | ||
| Строка 64: | Строка 92: | ||
.mw-wiki-title, | .mw-wiki-title, | ||
a { | a { | ||
| − | color: | + | color: var(--link-color) !important; |
} | } | ||
| Строка 71: | Строка 99: | ||
a:hover, | a:hover, | ||
a:visited { | a:visited { | ||
| − | color: | + | color: var(--link-visited-color) !important; |
} | } | ||
| Строка 77: | Строка 105: | ||
.new>a, | .new>a, | ||
a.new { | a.new { | ||
| − | color: | + | color: var(--link-new-color) !important; |
} | } | ||
a.new:hover, | a.new:hover, | ||
a.new:visited { | a.new:visited { | ||
| − | color: | + | color: var(--link-new-visited-color) !important; |
} | } | ||
Текущая версия на 22:08, 28 декабря 2024
tg @snowinmars snowinmars@yandex.ru
Разработчик, физик.
Рпг, головоломки.
Stylus css[править]
:root {
--h3-border-color: #c8ccd1;
--h4-border-color: #c8ccd188;
--bg-color: #27221f;
--fg-color: #fcc9b9;
--bg-highlight-color: #393432;
--fg-highlight-color: #ffddca;
--link-color: #a5ba93;
--link-visited-color: #bcb58c;
--link-new-color: #dc3023;
--link-new-visited-color: #cf3a24;
}
h3 {
border-image: linear-gradient(to right, var(--h3-border-color), transparent 50%, transparent 100%) 50;
border-width: 2px;
border-style: solid;
border-top: none;
border-left: none;
border-right: none;
}
h4 {
border-image: linear-gradient(to right, var(--h4-border-color), transparent 50%, transparent 100%) 50;
border-width: 1px;
border-style: solid;
border-top: none;
border-left: none;
border-right: none;
}
.diff-deletedline .diffchange,
.diff-addedline .diffchange {
background: var(--bg-highlight-color);
color: var(--fg-highlight-color);
text-decoration-line: underline;
}
.diff-deletedline .diffchange {
text-decoration-color: var(--link-new-color);
}
.diff-addedline .diffchange {
text-decoration-color: var(--link-color);
}
table,
#mw-header-nav-hack,
#content-bottom-stuff,
.ts-container,
.sidebar-chunk,
.toc,
.editOptions,
.dropdown,
.mw-editfont-monospace,
.mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td,
#mw-content {
background-color: var(--bg-color) !important;
color: var(--fg-color);
border: none;
}
th,
#searchInput,
#wpSummary,
.warningbox,
.thumbinner,
.wikitable, .mw-datatable, .mw-datatable > tr > th, .wikitable > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th,
pre {
background-color: var(--bg-highlight-color) !important;
color: var(--fg-highlight-color);
border: none;
}
table, #mw-header-nav-hack, #content-bottom-stuff, .ts-container, .sidebar-chunk, .toc, .editOptions, .dropdown, .mw-editfont-monospace, .mw-datatable > tr > td, .wikitable > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td, #mw-content {
border: 1px solid var(--bg-highlight-color);
}
.tools-inline li.selected a,
.toctogglelabel,
.mw-wiki-title,
a {
color: var(--link-color) !important;
}
.toctogglelabel:hover,
.toctogglelabel:visited,
a:hover,
a:visited {
color: var(--link-visited-color) !important;
}
.new,
.new>a,
a.new {
color: var(--link-new-color) !important;
}
a.new:hover,
a.new:visited {
color: var(--link-new-visited-color) !important;
}
#personal h2 {
background-image: url(/skins/Timeless/resources/images/user-grey.png?0ed80);
color: #eee;
}
#ca-view a {
background-image: url(/skins/Timeless/resources/images/eyeball-grey.png?f02ef);
}
#ca-edit a {
background-image: url(/skins/Timeless/resources/images/pencil-grey.png?23255);
}
#ca-history a {
background-image: url(/skins/Timeless/resources/images/clock-grey.png?9dce9);
}