Редактировать основную тему сайта
@import url('/local--files/system:theme/basic-styles.css');
@import url('/local--files/system: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 */
.printuser.avatarhover img.small {
margin-right: 0 !important;
}
.printuser > a:first-child img {
-o-object-fit: cover;
object-fit: cover;
}
#wd-editor-toolbar-panel {
margin: 1rem 0 0;
}
#page-options-container {
margin-top: 0;
}
#page-info-break {
margin-bottom: 0.5rem;
}
#action-area:empty {
margin: 0;
}
#action-area a.action-area-close + h1 {
line-height: 1;
margin-top: 0;
}
#revision-list {
margin-top: 0;
}
.page-tags > span > div {
display: grid;
row-gap: 0.25rem;
}
.page-tags:not(.page-tags:has(span > div > div)) {
display: none;
}
.w-upload-files .w-upload-control > span {
color: black;
}
input#page-rename-input, input#page-permanent-input {
width: unset;
margin-right: 0.5rem;
}
.w-stars-rate-module {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
position: relative;
z-index: 5;
color: rgba(var(--rating-text-color));
margin-bottom: 1rem;
border-bottom: rgba(var(--rating-border-color)) solid 0.15rem;
cursor: default;
}
.w-stars-rate-module .w-stars-rate-rating {
-webkit-clip-path: none !important;
clip-path: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0.5rem !important;
background: rgba(var(--rating-background-color)) !important;
color: rgba(var(--rating-text-color)) !important;
text-transform: capitalize;
}
.w-stars-rate-module .w-stars-rate-number {
color: currentcolor !important;
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-stars-wrapper:before {
color: rgba(var(--rating-text-color),0.2) !important;
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-stars-wrapper .w-stars-rate-stars-view {
--rated-var:
rgba(var(--rating-text-color)) !important;
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-cancel {
-webkit-transition: background var(--general-transition-time-slow);
-o-transition: background var(--general-transition-time-slow);
transition: background var(--general-transition-time-slow);
border-radius: 0 !important;
background: transparent !important;
margin-left: 0.5rem !important;
width: 1.6rem !important;
height: 1.6rem !important;
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-cancel:before {
--rating-module-button-mask: var(--vote-cancel-mask);
--rating-module-button-color: var(--rating-text-color);
content: "";
display: block;
width: 100%;
height: 100%;
-webkit-mask-image: var(--rating-module-button-mask);
mask-image: var(--rating-module-button-mask);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 40%;
mask-size: 40%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: rgba(var(--rating-module-button-color));
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-cancel:hover {
background: rgba(var(--rating-cancel-color)) !important;
}
.w-stars-rate-module .w-stars-rate-votes {
margin-right: 0 !important;
margin-left: 0 !important;
-webkit-clip-path: none !important;
clip-path: none !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0.5rem !important;
position: absolute !important;
top: 100%;
right: 0;
border-bottom: 0.15rem solid rgba(var(--rating-border-color));
visibility: hidden !important;
opacity: 0 !important;
z-index: 5 !important;
background: rgba(var(--rating-background-color)) !important;
color: rgba(var(--rating-text-color)) !important;
}
.w-stars-rate-module:hover>.w-stars-rate-votes {
visibility: visible !important;
opacity: 1 !important;
}
.w-rate-bar {
background-color: rgba(var(--swatch-text-dark),0.2) !important;
margin-left: 5px;
}
.w-bar-fill {
background-color: rgb(var(--swatch-text-dark)) !important;
}
.w-stars-rate-module .w-stars-rate-control {
-webkit-clip-path: none !important;
clip-path: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 0 0 0.5rem !important;
background: rgba(var(--rating-background-color)) !important;
color: rgba(var(--rating-text-color));
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
}
.w-stars-rate-module .w-stars-rate-control .w-stars-rate-cancel:hover:before {
--rating-module-button-color:var(--rating-cancel-text-color);
}
.w-stars-rate-module .w-stars-rate-votes .w-stars-rate-popularity, .w-stars-rate-module .w-stars-rate-votes .w-stars-rate-number {
cursor: help;
}
.article-rating-widgets-area {
row-gap: 10px;
}
.w-rating-clear-rating-button {
margin-top: 0.5rem;
}
.w-rate-dist {
font-family: unset !important;
padding-right: 0.5rem;
}
.w-rate-bar {
background-color: rgba(var(--text-color),0.2) !important;
margin-left: 5px;
border-radius: 0 !important;
width: 10rem !important;
}
.w-bar-fill {
background-color: rgb(var(--text-color)) !important;
}
.w-rate-num {
text-align: center;
}
.w-v-count {
text-align: center;
}
.w-afterstar:after {
color: currentColor !important;
margin-left: 0.2rem;
}
#who-rated-page-area {
font-size: 0.85rem;
font-weight: 700;
}
#who-rated-page-area h2 {
font-size: 2.06em;
}
#who-rated-page-area .printuser {
margin: 0 0.5rem 0.5rem 0;
gap: 0;
font-weight: normal;
border: none;
padding: 0;
}
#who-rated-page-area br {
display: block;
}
#who-rated-page-area .admin-vote-date {
font-weight: normal;
margin-left: 0.5rem;
}
#source-code textarea {
background: rgba(var(--page-source-background-color));
color: rgba(var(--page-source-text-color));
border: none;
padding: 0.5rem;
font-family: var(--mono-font);
font-size: 0.8rem;
outline: 0;
-webkit-transition: -webkit-box-shadow var(--general-transition-time-slow);
transition: -webkit-box-shadow var(--general-transition-time-slow);
-o-transition: box-shadow var(--general-transition-time-slow);
transition: box-shadow var(--general-transition-time-slow);
transition: box-shadow var(--general-transition-time-slow), -webkit-box-shadow var(--general-transition-time-slow);
width: calc(100% - 1rem) !important;
}
#source-code textarea:focus-visible {
-webkit-box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
#action-area > div > h1 + h2 + ul, #action-area > div > h1 + h2 ~ h2 ~ ul {
display: block;
padding: 0;
margin: 1rem 0;
}
#action-area > div > h1 + h2 + ul li, #action-area > div > h1 + h2 ~ h2 ~ ul li {
font-size: 0.8rem;
border-bottom: rgba(var(--action-area-border-color)) solid 0.15rem;
-webkit-transition: background var(--general-transition-time-slow);
-o-transition: background var(--general-transition-time-slow);
transition: background var(--general-transition-time-slow);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#action-area > div > h1 + h2 + ul li > a, #action-area > div > h1 + h2 ~ h2 ~ ul li > a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0.2rem 0.5rem;
}
#action-area > div > h1 + h2 + ul li:is(:hover, :active, :focus, :focus-within), #action-area > div > h1 + h2 ~ h2 ~ ul li:is(:hover, :active, :focus, :focus-within) {
background: rgba(var(--action-area-border-color));
}
.odialog-container {
background: rgba(var(--popup-fader-color)) !important;
-webkit-backdrop-filter: blur(var(--general-blur));
backdrop-filter: blur(var(--general-blur));
}
.owindow {
max-width: -webkit-fit-content !important;
max-width: -moz-fit-content !important;
max-width: fit-content !important;
width: -webkit-min-content !important;
width: -moz-min-content !important;
width: min-content !important;
}
.owindow .content {
padding: 1rem;
}
.owindow.owait .content {
background-image: none !important;
}
div .w-message {
position: fixed !important;
top: 1rem;
right: 1rem !important;
background: rgba(var(--warning-color)) !important;
color: rgba(var(--warning-text-color));
padding: 1em !important;
font-size: 0.9rem;
border: none !important;
z-index: 20 !important;
opacity: 1 !important;
}
div .w-message a {
font-weight: 700;
color: rgba(var(--warning-text-color));
}
.code.w-code {
white-space: break-spaces !important;
}
@media only screen and (min-width: 1024px) {
#search-top-box-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#search-top-box-input {
display: block;
margin: 0;
font-size: 0.9rem;
padding: 0.1em 0.3em;
font-weight: 500;
color: rgba(var(--search-input-text-color));
background: rgba(var(--search-input-background-color));
border: none;
font-family: var(--body-font) !important;
height: -moz-fit-content;
height: auto;
width: 10rem;
outline: 0;
transition: box-shadow var(--general-transition-time-slow);
z-index: 2;
}
#search-top-box-input:focus-visible {
box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
#search-top-box-input::-webkit-input-placeholder {
color: rgba(var(--search-input-text-color));
}
#search-top-box-input::-moz-placeholder {
color: rgba(var(--search-input-text-color));
}
#search-top-box-input:-ms-input-placeholder {
color: rgba(var(--search-input-text-color));
}
#search-top-box-input::-ms-input-placeholder {
color: rgba(var(--search-input-text-color));
}
#search-top-box-input::placeholder {
color: rgba(var(--search-input-text-color));
}
}
#edit-page-textarea {
font-family: unset;
height: 30rem;
}
#edit-page-textarea + p {
margin: 0.5rem 0 0.1rem;
font-size: 0.8rem;
font-weight: 500;
}
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
::-webkit-scrollbar-track {
background: rgba(var(--scrollbar-background-color));
}
::-webkit-scrollbar-thumb {
background: rgba(var(--scrollbar-color));
}
@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('/local--files/system:theme/castopia_background3.png');
--main-header-height: 14rem;
--main-header-height-on-mobile: 10rem;
--header-text-color: var(--hover-link-color);
--logo-image: url('/local--files/system:theme/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;
--search-input-background-color: var(--search-button-text-color);
--search-input-text-color: var(--text-color);
/* 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, a.footnoteref, .footnotes-footer .footnote-footer a:first-child, .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, a.footnoteref, .footnotes-footer .footnote-footer a:first-child, .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, a.footnoteref, .footnotes-footer .footnote-footer a:first-child, .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 !important;
}
.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;
}
}версия страницы: 28, Последняя правка: 20 Июль 2025, 11:02 (33 дня назад)