Участник:Snowinmars: различия между версиями

Материал из AERIE Wiki
(→‎Stylus css: css vars)
 
(не показана 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, #c8ccd1, transparent 50%, transparent 100%) 50;
+
   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, #c8ccd188, transparent 50%, transparent 100%) 50;
+
   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;
Строка 39: Строка 52:
 
.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: #27221f !important;
+
   background-color: var(--bg-color) !important;
   color: #fcc9b9;
+
   color: var(--fg-color);
 
   border: none;
 
   border: none;
 
}
 
}
Строка 51: Строка 64:
 
.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: #393432 !important;
+
   background-color: var(--bg-highlight-color) !important;
   color: #ffddca;
+
   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);
 
}
 
}
  
Строка 60: Строка 77:
 
.mw-wiki-title,
 
.mw-wiki-title,
 
a {
 
a {
   color: #a5ba93 !important;
+
   color: var(--link-color) !important;
 
}
 
}
  
Строка 67: Строка 84:
 
a:hover,
 
a:hover,
 
a:visited {
 
a:visited {
   color: #bcb58c !important;
+
   color: var(--link-visited-color) !important;
 
}
 
}
  
Строка 73: Строка 90:
 
.new>a,
 
.new>a,
 
a.new {
 
a.new {
   color: #dc3023 !important;
+
   color: var(--link-new-color) !important;
 
}
 
}
  
 
a.new:hover,
 
a.new:hover,
 
a.new:visited {
 
a.new:visited {
   color: #cf3a24 !important;
+
   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);
}