DJK
Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
1/100%
[[include component:djk]]
Hello everyone, I'm djkaktus. This is a personal component I am using to alleviate the suffering of one Elenee Fishtruck who has, until this day, worked tirelessly to update all 140+ of my pages every time I update my standard formatting to something I really like. This way, I can just edit them all from a single place.
Some things this does:
1) Adds Black Highlighter to the page (Hallowed be our Woed)
2) Modifies Black Highlighter using the BHL Penumbra Theme (shoutout to Estrella)
3) Modifies BHL Penumbra with a bunch of color changes into this sort of retro variant I'm really into
4) Adds an ACS customization to fit the Penumbra changes
5) Adds the Fade In, Collapsible Sidebar, and ACS Animation components
6) Allows me to change any of this on a whim
I'm constantly striving to find the most representative theming possible for the majority of my articles. This effectively allows me to inch closer towards that ideal without having to update a hundred pages every time I change something.
sup {
vertical-align: top;
position: relative;
top: -0.5em;
}
:root:lang(ru) {
--header-title: "THE FOUNDATION";
--header-subtitle: "DEPARTMENT OF CONTAINMENT";
--body-font: "Roboto", sans-serif;
--header-font: "Jost", sans-serif;
--title-font: "Jost", sans-serif;
--mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace;
--lgurl: url(https://scpfoundation.net/local--files/component:djk/scpnewlogo.png);
--white-monochrome: 15, 15, 15;
--pale-gray-monochrome: 35, 35, 35;
--light-pale-gray-monochrome: 35, 35, 35;
--very-light-gray-monochrome: 60, 60, 60;
--light-gray-monochrome: 160, 160, 160;
--gray-monochrome: 200, 200, 200;
--dark-gray-monochrome: 220, 220, 220;
--black-monochrome: 245, 245, 245;
--accentColor: 83, 49, 49;
--background-gradient-color: var(--light-gray-monochrome);
--five-color: var(--accentColor);
--four-color: var(--accentColor);
--three-color: var(--accentColor);
--two-color: var(--accentColor);
--one-color: var(--accentColor);
--swatch-menubg-dark-color: var(--very-light-gray-monochrome);
--swatch-text-tertiary-color: var(--accentColor);
--ui-button-hover-txt: var(--black-monochrome);
/*-- 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 {
--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 {
--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);
}
#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.84rem;
}
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
margin: 0;
background: transparent;
}
.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: #533131;
}
#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: Inter, Arimo, Verdana, Geneva, "Helvetica Neue", "Helvetica", Arial, sans-serif;
display: block;
pointer-events: none;
grid-column: 1;
grid-row: 1;
}
/*--- INTERWIKI---*/
#side-bar .scpnet-interwiki-wrapper,
#side-bar .scpnet-interwiki-wrapper p {
--swatch-menubg-color: var(--sidebar-bg-color);
--swatch-primary: var(--black-monochrome);
}
#side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
filter: none;
}
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
mix-blend-mode: darken;
}версия страницы: 31, Последняя правка: 08 Авг. 2023, 17:33 (457 дней назад)