Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
На этой вики:
[[include component:djk]]
Всем привет, это djkaktus. Это мой персональный компонент, который я использую, чтобы облегчить мучения Elenee Fishtruck который, до сего дня, постоянно обновлял все 140+ страниц вручную каждый раз, когда мне хотелось обновить своё фирменное оформление. А таким образом я могу редактировать их все сразу.
Вот неполный список вещей, которые делает этот компонент:
1) Добавляет на страницу Black Highlighter (да святится наш Woed)
2) Изменяет Black Highlighter используя BHL-вариант темы Penumbra (привет Estrella)
3) Меняет некоторые цвета в BHL Penumbra в своеобразный ретро-вариант, который мне очень нравится
4) Добавляет кастомизацию СКА в стиле изменений Penumbra
5) Добавляет компоненты Визуальный элемент Fade In, BHL Toggle Sidebar и Исходник анимации СКА
6) Позволяет мне поменять это всё в любую секунду
Я в постоянном поиске наиболее подходящего оформления для большинства своих статей. Данный компонент позволяет мне приближаться к этому идеалу без ручного обновления сотен страниц каждый раз когда мне хочется что-то поменять.
:root {
--header-title: "THE FOUNDATION";
--header-subtitle: "ОТДЕЛ СОДЕРЖАНИЯ";
--lgurl: url(https://scpfoundation.net/local--files/component%3Adjk/scpnewlogo.png);
--white-monochrome: 15, 15, 15;
--pale-gray-monochrome: 35, 35, 35;
--light-pale-gray-monochrome: 35, 35, 35;
--very-light-gray-monochrome: 50, 50, 52;
--light-gray-monochrome: 198, 196, 200;
--gray-monochrome: 234, 230, 232;
--dark-gray-monochrome: 234, 236, 236;
--black-monochrome: 248, 246, 244;
--accentColor: 90, 48, 48;
--background-gradient-color: var(--light-gray-monochrome);
--swatch-menubg-dark-color: var(--very-light-gray-monochrome);
--swatch-text-tertiary-color: var(--accentColor);
--ui-button-hover-txt: var(--black-monochrome);
--body-font: Inter, Verdana, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*-- modal --*/
--modal-header-txt: var(--black-monochrome);
--modal-header-bg: var(--white-monochrome);
/*-- footnote --*/
--hoverblock-header-txt: var(--black-monochrome);
--hoverblock-bg: var(--black-monochrome);
}
#header {
--search-icon-hover-color: var(--black-monochrome);
--search-icon-hover-bg-color: var(--swatch-primary-darkest);
--login-myaccount-hover-color: var(--black-monochrome);
--login-dropdown-text-hover-color: var(--black-monochrome);
}
#header h1 a::before,
#header h2 span::before {
content: none;
}
#top-bar {
--dropdown-bg-color: var(--dark-gray-monochrome), 0.9;
}
#side-bar, #interwiki {
--sidebar-links-hover-text-color: var(--black-monochrome);
--sidebar-collapsible-fld-link-hover-color: var(--black-monochrome);
--sidebar-collapsible-fld-arrow-hover-color: var(--sidebar-collapsible-fld-link-hover-color);
}
#main-content {
--tables-header-txt: var(--black-monochrome);
--footnotes-footer-title-text-color: var(--black-monochrome);
}
:is(#breadcrumbs,.pseudocrumbs) a:is(:hover,:active,:focus,:focus-within) {
color: rgb(var(--black-monochrome));
}
#page-content div.warning-top-box>h1 {
color: rgb(var(--black-monochrome));
}
.top-right-box>.level {
line-height: 0;
}
.scp-image-block {
border: solid 0.5rem rgb(var(--pale-gray-monochrome));
border-bottom: solid 0rem rgb(var(--pale-gray-monochrome));
box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor));
box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
background-color: rgb(var(--pale-gray-monochrome));
border: solid 0.25rem rgb(var(--pale-gray-monochrome));
color: rgb(var(--black-monochrome));
font-size: 0.875em;
}
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
margin: 0;
background: transparent;
}
sup {
vertical-align: top;
position: relative;
top: -0.5em;
}
.anom-bar-container {
--five-color: var(--accentColor);
--four-color: var(--accentColor);
--three-color: var(--accentColor);
--two-color: var(--accentColor);
--one-color: var(--accentColor);
}
.page-tags {
--pagetags-title-text: var(--black-monochrome);
}
div[id*=page-options-bottom]>a {
--ui-icon-color: var(--black-monochrome);
--ui-icon-hover-color: var(--black-monochrome);
}
#action-area {
--swatch-text-secondary-color: var(--black-monochrome);
}
#revision-list span {
--pager-selected-link: var(--swatch-text-secondary-color);
--pager-link-hover: var(--pager-selected-link);
}
#footer,
#license-area {
--hover-link-color: var(--link-color);
--swatch-text-secondary-color: var(--black-monochrome);
--white-monochrome: var(--black-monochrome);
}
.code pre, .code p, .code {
background-color: rgb(var(--pale-gray-monochrome));
color: rgb(var(--black-monochrome));
}
/*---- AYERS INFO BAR MOD ----*/
#page-content .info-container .translation_block {
display: none;
}
#page-content .info-container .collapsible-block-link,
#page-content .info-container:hover .collapsible-block-link {
line-height: 1.6em;
}
#page-content .info-container .collapsible-block-folded,
#page-content .info-container .collapsible-block-unfolded-link {
display: grid;
background: rgb(var(--bright-accent));
}
#page-content .info-container .collapsible-block-folded .collapsible-block-link,
#page-content .info-container .collapsible-block-link {
-webkit-mask: unset;
mask: unset;
background: transparent;
grid-column: 1;
grid-row: 1;
opacity: 0;
}
#page-content .info-container .collapsible-block-folded::before,
#page-content .info-container .collapsible-block-unfolded-link::before {
--wght: 800;
content: "DJK";
color: #fff;
font-family: var(--body-font);
display: block;
pointer-events: none;
grid-column: 1;
grid-row: 1;
}
/* CODE BLOCK */
.hl-default, .hl-code, .hl-brackets {
color: rgb(var(--swatch-text-dark));
}