Участник:Snowinmars: различия между версиями
Материал из AERIE Wiki
(css) |
(→Stylus css: css vars) |
||
(не показаны 4 промежуточные версии этого же участника) | |||
Строка 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 { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | table, | ||
+ | #mw-header-nav-hack, | ||
+ | #content-bottom-stuff, | ||
.ts-container, | .ts-container, | ||
.sidebar-chunk, | .sidebar-chunk, | ||
Строка 16: | Строка 50: | ||
.dropdown, | .dropdown, | ||
.mw-editfont-monospace, | .mw-editfont-monospace, | ||
+ | .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; | ||
} | } | ||
+ | th, | ||
#searchInput, | #searchInput, | ||
#wpSummary, | #wpSummary, | ||
.warningbox, | .warningbox, | ||
.thumbinner, | .thumbinner, | ||
+ | .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); | ||
} | } | ||
Строка 36: | Строка 77: | ||
.mw-wiki-title, | .mw-wiki-title, | ||
a { | a { | ||
− | color: | + | color: var(--link-color) !important; |
− | |||
} | } | ||
Строка 44: | Строка 84: | ||
a:hover, | a:hover, | ||
a:visited { | a:visited { | ||
− | color: | + | 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; | ||
} | } | ||
Текущая версия на 11:14, 17 января 2023
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; } 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); }