Участник:Snowinmars: различия между версиями
Материал из AERIE Wiki
(Новая страница: «tg @snowinmars snowinmars@yandex.ru Разработчик, физик. Рпг, головоломки.») |
(→Stylus css: css vars) |
||
(не показано 5 промежуточных версий этого же участника) | |||
Строка 3: | Строка 3: | ||
Разработчик, физик. | Разработчик, физик. | ||
+ | |||
Рпг, головоломки. | Рпг, головоломки. | ||
+ | |||
+ | |||
+ | == Stylus css == | ||
+ | |||
+ | <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, | ||
+ | .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); | ||
+ | } | ||
+ | </pre> |
Текущая версия на 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); }