Редактировать основную тему сайта
@import url('https://files.castopia.obscurative.ru/local--files/component:main-theme/basic-styles.css'); @import url('https://files.castopia.obscurative.ru/local--files/component:main-theme/super-liminal.css'); @import url('https://fonts.googleapis.com/css2?family=Arsenal+SC:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap'); :root { --header-title: "Кастопия"; --header-subtitle: "Познай истину"; --page-tag-title: "ТЕГИ \0021b4"; --popup-tip-content: "(Нажмите в любом месте, чтобы закрыть)"; --popup-loading-content: "Сохранение..."; --sidebar-width-on-mobile: 15rem; } /* Fix */ #edit-page-textarea { font-family: unset; height: 30rem; } ::-webkit-scrollbar { width: 9px; height: 9px; } ::-webkit-scrollbar-track { background: rgba(var(--scrollbar-background-color)); } ::-webkit-scrollbar-thumb { background: rgba(var(--scrollbar-color)); } #side-bar .menu-item img { display: none; } div.wd-adunit { display: none !important; } .change-textarea-size, .edit-help-34 { display: none; } body { margin-bottom: 0 !important; } @media only screen and (max-width: 1024px) { #header h1 a span { padding-top: 1rem; } #top-bar div[class*=top-bar] > ul > li > ul > li:nth-child(2n+1):last-child { max-width: 100%; } } @media only screen and (max-width: 599px) { #container { overflow: unset; } } .site-changes-box table.form td input { width: auto; } .site-changes-box table.form { margin-left: 0; } .site-changes-box .changes-list-item tr { display: grid; grid-template-columns: 2fr 0.25fr 1.5fr 1fr 1fr; align-items: center; } .site-changes-box .changes-list-item tr > *:not(.title) { width: unset; text-align: center; } .site-changes-box .changes-list-item table { width: 100%; } .site-changes-box .changes-list-item .comments { font-size: 85%; } .site-changes-box .changes-list-item { border-bottom: rgba(var(--action-area-border-color)) solid 0.15rem; padding: 0.5rem 0; transition: background var(--general-transition-time-slow); } .site-changes-box .changes-list-item:is(:hover, :focus-within) { background: rgba(var(--action-area-border-color)); } a.action-area-close, #view-diff-div > p > a { position: static; } @media only screen and (max-width: 540px) { .scp-image-block.mini-on.block-right { float: right; margin: 0.1rem 0 1rem 1rem; width: 40% !important; } .scp-image-block.mini-on.block-left { float: left; margin: 0.1rem 1rem 1rem 0; width: 40% !important; } .scp-image-block.mini-on.block-center { width: 40% !important; } } /* Show Sidebar */ :root { --body-margin: max(calc((100% + var(--sidebar-width) - var(--body-width)) / 2), 1rem); } #content-wrap { display: grid; grid-template-columns: var(--sidebar-width) 1fr; } #main-content { margin: 2rem var(--body-margin) 2rem max(calc(var(--body-margin) - var(--sidebar-width)), 1rem); } #side-bar { left: 0; top: 0; position: sticky; z-index: 3; } #side-bar::before, #side-bar::after { display: none; } @media only screen and (max-width: 1024px) { :root { --body-margin: max(calc((100% - var(--body-width)) / 2), 1rem); } #side-bar, #side-bar:is(:hover,:focus-within):not(:target) { left: calc(var(--sidebar-width) * -1); z-index: 9; position: fixed; } #content-wrap { display: block; } #main-content { margin: 2rem var(--body-margin); } #side-bar::before, #side-bar::after { display: none; } } :root { /* Basic Colors */ --background-color: 8, 1, 30; --text-color: 253, 236, 207; /* Deco Colors */ --light-color-2: 46, 47, 60; --dark-color-1: 232, 69, 69; --dark-color-2: var(--dark-color-1); --dark-color-3: 85, 17, 28; --dark-color-4: 48, 48, 52; /* Other */ --white-monochrome: var(--background-color); --darker-white-monochrome: var(--light-color-2); --pale-gray-monochrome: 94, 18, 33; --light-gray-monochrome: 160, 160, 160; --gray-monochrome: var(--background-color); --black-monochrome: var(--text-color); --bright-accent: 140, 136, 126; --medium-accent: 83, 53, 74; --dark-accent: var(--dark-color-1); --pale-accent: var(--dark-color-3); --logo-color: 253, 220, 153; --link-color-2: 249, 151, 116; /* Link Colors */ --link-color: 230, 23, 68; --hover-link-color: var(--logo-color); --visited-link-color: var(--bright-accent); /* Select Colors */ --selected-background-color: var(--dark-color-1), 0.5; /* General Colors */ --general-shadow-color: var(--background-color); --general-light-border-color: var(--dark-color-3), 0.2; --general-medium-border-color: var(--dark-color-3), 1; --general-dark-background-color: var(--dark-color-3); --general-dark-text-color: var(--text-color); /* Font Set */ --body-font: "Play", Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif; --header-font: "Arsenal SC", Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif; --mono-font: "Play", Recursive, Consolas, monaco, Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif; /* Background Gradient */ --background-gradient-distance: 35rem; --background-gradient-color: var(--dark-color-3); /* Header Vs */ --header-background-image: linear-gradient(rgb(var(--dark-color-3)), rgb(var(--light-color-1))); --header-extra-background-image: url('https://files.castopia.obscurative.ru/local--files/admin:themes/castopia_background3.png'); --main-header-height: 14rem; --main-header-height-on-mobile: 10rem; --header-text-color: var(--hover-link-color); --logo-image: url('https://files.castopia.obscurative.ru/local--files/admin:themes/castopia_logo.png'); --header-title: "Кастопия"; --header-title-font-size: 3.65rem; --header-title-font-size-on-mobile: 2rem; --header-subtitle: "Познай истину"; --header-subtitle-font-size: 2.25rem; --header-subtitle-font-size-on-mobile: 1rem; /* Sidebar Colors */ --sidebar-title-background-color: var(--dark-color-3); --sidebar-title-text-color: var(--text-color); --sidebar-media-background-color: var(--light-color-2); --sidebar-media-icon-color: var(--dark-color-1); /* Topbar Colors */ --topbar-text-color: var(--text-color); --topbar-hover-background-color: var(--dark-color-3); --topbar-drop-text-color: var(--text-color); --topbar-drop-background-color: var(--dark-color-3), 0.65; --topbar-drop-hover-background-color: var(--general-medium-background-color); --topbar-drop-border-color: var(--dark-color-3); /* User Account Colors */ --account-button-text-color: var(--light-color-1); --account-button-background-color: var(--dark-color-1); --account-button-hover-background-color: var(--dark-color-3); --account-drop-background-color: var(--light-color-1); /* Page Title Colors */ --page-title-text-color: var(--dark-color-1); --page-title-border-color: var(--page-title-text-color); /* Rating Module Colors */ --rating-border-color: var(--dark-color-1); /* Edit Area Colors */ --edit-area-background-color: var(--light-gray-monochrome), 0.1; --edit-area-info-background-color: var(--darker-white-monochrome); --edit-area-info-text-color: var(--text-color); /* Popups Colors */ --popup-fader-color: var(--general-shadow-color), 0.5; --popup-title-text-color: var(--text-color); --popup-tip-color: var(--text-color); /* Tabel Colors */ --table-border-color: var(--darker-white-monochrome); --table-header-background-color: var(--light-gray-monochrome); /* Footnote Block Colors*/ --footnote-block-border-color: var(--light-gray-monochrome); /* Page Tag Colors */ --page-tag-border-color: var(--dark-color-3); --page-tag-title-color: var(--text-color); --page-tag-hover-text-color: var(--text-color); /* Footer Colors */ --license-text-color: var(--text-color); --license-link-color: var(--link-color); /* Header & Horizon Colors */ --h1-color: var(--dark-color-1); --h2-color: var(--dark-color-1); --h3-color: var(--dark-color-1); --h4-color: var(--dark-color-1); --h5-color: var(--dark-color-1); --h6-color: var(--dark-color-1); --hr-color: var(--light-gray-monochrome); /* The 4 */ --lightblock-background-color: var(--bright-accent); --darkblock-background-color: var(--darker-white-monochrome); --styled-quote-background-color: var(--lightblock-background-color); --styled-quote-border-color: var(--darkblock-background-color); --dark-styled-quote-background-color: var(--styled-quote-border-color); --dark-styled-quote-border-color: var(--styled-quote-background-color); /* Warning Colors */ --warning-text-color: var(--text-color); /* Forum Colors */ --thread-accent-color: var(--light-color-2), 0.25; } body { background-image: linear-gradient( to bottom, rgba(var(--background-gradient-color), 1) 0, rgba(var(--background-gradient-color),0.987) calc(0.008 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.951) calc(0.029 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.896) calc(0.064 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.825) calc(0.110 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.741) calc(0.166 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.648) calc(0.231 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.550) calc(0.304 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.450) calc(0.383 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.352) calc(0.467 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.259) calc(0.554 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.175) calc(0.644 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.104) calc(0.735 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.049) calc(0.825 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0.013) calc(0.914 * var(--background-gradient-distance)), rgba(var(--background-gradient-color),0) var(--background-gradient-distance)); } #header::before { background-repeat: no-repeat; background-size: cover; } #header h1 { padding: 0 var(--header-margin) 0 calc(var(--header-margin) / 1.25); } #header h1 a span { padding-top: 0; padding-left: 12rem; align-items: flex-start; max-width: 100vw; } #header h1 a span::after { position: relative; top: -0.5rem; } #header h2 span { margin: 0 var(--header-margin) 0 calc(var(--header-margin) / 1.25); } #header h2 span::before { background-size: 12rem; background-position: left 1rem; opacity: 1; transition: 0.5s cubic-bezier(0.4, 0, 1, 1); } #header h1 a span::before { letter-spacing: 1rem; } #header h1:has(a:hover) + h2 span::before { filter: drop-shadow(0 0 0.5rem rgba(var(--hover-link-color), 0.5)); } #account-options { width: 8em; } #login-status a.login-status-create-account + span { color: rgba(var(--search-button-background-color)); } #top-bar { background: rgba(var(--background-color)); box-shadow: 0 -0.15rem 0 0 rgba(var(--dark-color-3)), 0 0.15rem 0 0 rgba(var(--sidebar-border-color)); } #side-bar .heading, #side-bar .collapsible-block-unfolded-link a, #side-bar .collapsible-block-folded a { font-size: 1rem; padding-top: 0.1333333333rem; text-transform: uppercase; } #side-bar .side-block.media a:is(:hover, :active, :focus, :focus-within) img { opacity: 0.5; } #side-bar .side-block.media a img { transition: opacity var(--general-transition-time-slow); } #page-title, .meta-title { line-height: 1; padding-bottom: 0.75rem; } #page-content a:not([href*="javascript:;"], div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a, span.printuser a:has(img), .forum-thread-box a, .forum-group table a, .no-style a, .normal-link, .normal-link a), a.collapsible-block-link:not(#side-bar a.collapsible-block-link, .no-style a.collapsible-block-link, .normal-link a.collapsible-block-link) { padding: 0.1rem 0.25rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem currentColor; transition: box-shadow 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="javascript:;"], div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a, span.printuser a:has(img), .forum-thread-box a, .forum-group table a, .no-style a, .normal-link, .normal-link a):is(:hover, :focus), a.collapsible-block-link:not(#side-bar a.collapsible-block-link, .no-style a.collapsible-block-link, .normal-link a.collapsible-block-link):is(:hover, :focus) { box-shadow: inset 0 -1.5em 0 0 rgba(var(--hover-link-color)); text-decoration: none; color: rgba(var(--background-color)); transition: box-shadow 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="javascript:;"], div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a, span.printuser a:has(img), .forum-thread-box a, .forum-group table a, .no-style a, .normal-link, .normal-link a):before, a.collapsible-block-link:not(#side-bar a.collapsible-block-link, .no-style a.collapsible-block-link, .normal-link a.collapsible-block-link):before { content: "> "; white-space: nowrap; } textarea, #edit-page-textarea, input.text, .page-source { font-family: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif; } .footnotes-footer, .bibitems { border: rgba(var(--footnote-block-border-color)) solid 0.75rem; border-top: none; border-bottom: none; } .lightblock, .darkblock, .styled-quote, .dark-styled-quote, .light-line-quote, .dark-line-quote, .stripe-block, .code { margin: 0.5rem 0; padding: 0.1rem 1rem; } .light-line-quote { background: rgba(var(--styled-quote-background-color)); color: rgba(var(--styled-quote-text-color)); border-top: rgba(var(--styled-quote-border-color)) solid 0.6rem; border-bottom: rgba(var(--styled-quote-border-color)) solid 0.6rem; } .dark-line-quote { --h1-color: var(--dark-styled-quote-text-color); --h2-color: var(--dark-styled-quote-text-color); --h3-color: var(--dark-styled-quote-text-color); --h4-color: var(--dark-styled-quote-text-color); --h5-color: var(--dark-styled-quote-text-color); --h6-color: var(--dark-styled-quote-text-color); background: rgba(var(--dark-styled-quote-background-color)); color: rgba(var(--dark-styled-quote-text-color)); border-top: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem; border-bottom: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem; } .stripe-block { background: repeating-linear-gradient(-45deg, #1f2028, #1f2028 5px, #3c0812 5px, #3c0812 10px); border-left: rgba(var(--styled-quote-border-color)) solid 0.6rem; border-right: rgba(var(--styled-quote-border-color)) solid 0.6rem; } .paper-block { background-image: url('https://castopia.obscurative.ru/local--files/admin:themes/paper.png'); background-repeat: no-repeat; background-size: 100%; padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0; color: black; font-family: "Caveat", cursive; font-size: 1.5rem; } @media only screen and (max-width: 1024px) { #header h2 { height: calc(100% - var(--topbar-height-on-mobile)); top: 0; } #header h2 span::before { background-size: contain; } #header h1 a span { padding-left: 10rem; justify-content: flex-end; padding-bottom: 1.5rem; } #header h1 a span::before { letter-spacing: 0.25rem; } } @media only screen and (min-width: 1025px) { #header { position: sticky; top: calc((var(--header-height) - var(--topbar-height)) * -1); } #side-bar { top: var(--topbar-height); overflow-y: auto; } #search-top-box { top: 40px; } #page-title, .meta-title { width: 100%; border-bottom: none; font-size: 2.5rem; padding: 0; display: inline-grid; grid-template-columns: auto 1fr; column-gap: 0.5em; align-items: center; } #page-title:after, .meta-title:after { content: ""; display: block; height: 0.15rem; background-color: rgba(var(--page-title-border-color)); } } /* Forum */ .thread-container .post .head .info .printuser a:first-of-type img, .thread-container .post .head .info .printuser.deleted img { object-fit: cover; margin-right: 0; } .thread-container .post .head .info .printuser { gap: 0.5em; } .thread-container .post .head .info .printuser::after { padding: 0 0.5em 0 0; } .thread-container .post .head .title::after { background-color: rgb(var(--light-color-2)); height: 0.1em; bottom: 0; } .thread-container .post .long .head .title { padding-bottom: 0.25em; } #thread-container-posts > .post-container { border: 0; border-top: 0.25em solid rgb(var(--dark-accent)); } .thread-container .post .long .changes > a[onclick*=showHistory] { margin-left: 0.25em; } .thread-container .post .long .changes > a[onclick*=showHistory] .icon-plus::before { content: "+ "; white-space: pre; } .thread-container .post .long .revisions table tr.active td { background-color: rgba(var(--light-gray-monochrome), 0.1); } .thread-container .post .long .revisions table tr td:first-of-type { padding-left: 7px; } .thread-container .post .long .revisions table tr td:last-of-type { padding-right: 7px; } .thread-container .post .long .changes a, .thread-container .post .long .revisions a { color: rgb(var(--dark-accent)); } .thread-container .post .long .options { display: flex; justify-content: flex-end; } .thread-container .post { padding-bottom: 0; } .forum-group { width: 100% !important; } .forum-group div.head { background: rgba(var(--light-color-2)); color: rgba(var(--text-color)); border: none; } .forum-group table { border-collapse: collapse; } .forum-group table tr.head td { background: rgba(var(--table-header-background-color)); color: rgba(var(--table-header-text-color)); } .forum-group table td { border: rgba(var(--table-border-color)) var(--table-border-width) solid; padding: 0.25em 0.5em; } @media only screen and (max-width: 1024px) { .forum-group table td.name { width: 15em; } .forum-group table td { word-break: break-all; } }