MediaWiki:Common.css
Страница интерфейса MediaWiki
Дополнительные действия
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Перенесено с lordofthemysteries.fandom.com (CC BY-SA) */
@font-face {
font-family: 'Loenese';
src: url('/images/d/d2/Loenese.otf');
}
@font-face {
font-family: 'Hermes';
src: url('/images/c/cf/Hermes.otf');
}
/* ==== CommonStyles.css ==== */
/* Page top border */
.page { margin-top: 13px; border-top: var(--theme-link-color) 5px solid; border-radius: 5px; }
/**************************/
/* Text */
/**************************/
/* community header shadow */
.fandom-community-header__top-container .wds-button, .fandom-community-header__top-container .wds-dropdown > .wds-button, .fandom-community-header a, .fandom-community-header .page-counter {
filter: drop-shadow(0px 0px 2px #333) drop-shadow(0px 0px 1px #333) drop-shadow(0px 0px 1px #333);
z-index: 200;
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a, .wiki-tools, .wds-list a, .fandom-community-header__image {
filter: none!important;
z-index: 200;
}
header, h1 {
font-family: "Ovo",serif;
font-weight: normal !important;
font-style: normal !important;
}
code, .code {
background-color: rgba(183, 183, 183, 0.23);
border: 1px solid rgba(156, 156, 156, 0.4);
padding: 1px 4px;
}
::-moz-selection { /*Selection text color */
color: #FFF;
background: #FF7700B0;
}
::selection {
color: #FFF;
background: #FF7700B0;
}
s
/* Custom fonts for Loenese and Hermes */
.Loenese-font { font-family: 'Loenese'; }
.Hermes-font { font-family: 'Hermes'; }
/* Quotation mark for Template:Quote */
#quote {
font-size:40pt;
font-family:serif;
font-weight:bold;
text-align:left;
padding:10px 10px;
}
#quote.default {
color: var(--theme-link-color);
}
#quote.Book1 {
color: var(--theme-Book1-secondary-color);
}
#quote.Book2 {
color: var(--theme-Book2-secondary-color);
}
.caption {
font-size:smaller;
color:#999;
font-style:italic;
}
/* Template:HideSpoiler */
.SpoilerBox-A {
display: flex;
flex-direction: column;
padding: 10px;
margin: auto;
border: 2px solid #8e7329;
}
.SpoilerBox-B {
border-left: 5px solid #BBB;
padding: 12px;
}
.mw-customtoggle-ShowSpoilerBox {
color:#8e7329;
width:fixed;
height:fixed;
text-align:center;
}
/* Template:SpoilerToggle/context */
.spoiler_block {
display: block;
border-left: 2px solid var(--theme-link-color);
padding-left: 5px;
}
.spoiler_block-header {
display: flex;
justify-content: flex-end; /* moves content to the right */
}
.spoiler_block-headerT {
font-family: monospace;
font-size: smaller;
color: gray;
padding: 2px 6px;
cursor: pointer;
}
/* Template:Plainlist */
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* plainlist in infobox */
.portable-infobox .plainlist ul {
margin: 0;
}
/* grayscale image filter */
.grayscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: transform 1s;
}
.grayscale img:hover {
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
transform: scale(1.1);
}
/* invert image filter */
.theme-fandomdesktop-light .invertimg-light img{
filter: invert(1) hue-rotate(180deg);
}
.theme-fandomdesktop-dark .invertimg-dark img{
filter: invert(1) hue-rotate(180deg);
}
/* Thumb restyling */
figure.thumb, .activityfeed-inserted-media li {
border: 1px solid #b2b2b2;
border-radius: 5px;
overflow: hidden;
box-sizing: border-box;
}
figcaption {
margin: 0px;
padding-left: 3px;
padding-right: 3px;
}
figure.thumb figcaption .caption {
font-size: 13px;
margin: 3px 8px;
}
.WikiaArticle figure.thumb p:last-child, .WikiaArticle figure.thumb p + p:last-child {
padding: 0;
}
.wikia-gallery-item .thumb .gallery-image-wrapper.accent {
border-color: #555;
border-radius: 5px;
}
.picture-attribution {
display: none !important;
}
/*************/
/* Userbox cr. https://wowwiki.fandom.com/ */
/*************/
table.wwusrbox {
float: right;
clear: right;
margin:0.2em;
padding:0;
border-width:1px;
border-style:solid;
background:#222;
border-color:#444;
box-shadow: 1px 2px 10px 0px #000;
}
table.wwusrbox td.left, table.wwusrbox td.right {
text-align:center;
vertical-align:middle;
font-size:1.6em;
padding:0;
background:#161616;
}
table.wwusrbox td.main {
padding:0 4px;
vertical-align:middle;
line-height:125%;
font-size:0.90em;
}
/**** transcript cr. http://fallout.fandom.com/*****/
/* Container */
.va-transcript {
padding: 12px;
margin: 0px;
}
.va-transcript-text {
font-family: monospace;
font-style: normal;
text-align: left;
}
/* remove space under semicolon content */
.page-content dl {
margin-bottom: 0;
}
/* Blockquote */
.blockquote {
font-family: monospace;
font-size: 10px;
margin: 3px;
font-style: italic;
border-left: 3px solid #BBB;
border-radius: 2px;
background: var(--theme-page-background-color--secondary);
padding: 10px 10px 5px 15px;
}
.blockquote.Book1 {
border-left: 3px solid #9B72B0;
}
.blockquote.Book2 {
border-left: 3px solid #8E3C01;
}
/* blankcell */
.theme-fandomdesktop-dark .blankcell {
cursor:not-allowed;
color:rgba(123, 123, 123);
text-align:center;
font-size: 20px;
}
.theme-fandomdesktop-light .blankcell {
cursor:not-allowed;
color:rgba(200, 200, 200);
text-align:center;
font-size: 20px;
}
/* novalid cell */
.theme-fandomdesktop-dark .novalid_cell {
cursor:not-allowed;
background-size: 8px 8px;
background-image: repeating-linear-gradient(-45deg, #666 0, #666 0.8px, #66666640 0, #66666640 50%);
opacity: 80%;
}
.theme-fandomdesktop-light .novalid_cell {
cursor:not-allowed;
background-size: 8px 8px;
background-image: repeating-linear-gradient(-45deg, #CCC 0, #CCC 0.8px, #EEEEEE40 0, #EEEEEE40 50%);
opacity: 80%;
}
/* hr */
hr {
border: none;
border-top: 1px solid rgba(255,255,255,.3);
border-bottom: 1px solid rgba(0,0,0,.08);
margin: 2.5em 0;
position: relative;
}
hr:before,hr:after {
content: '';
position: absolute;
bottom:0px;
height: 5em;
width: 100%;
background: radial-gradient(ellipse at bottom, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 70%);
z-index:0;
}
hr:after {
top:0px;
bottom:auto;
height: 1.5em;
background: radial-gradient(ellipse at top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 70%);
}
.article-table hr{
border: 1px dashed #888;
margin: 5px 0px;
}
.hatnote {
background-color: rgba(171, 171, 171, 0.11);
border-collapse: collapse;
border: 1px solid var(--theme-accent-color);
border-left: 10px solid var(--theme-accent-color);
border-radius: 3px;
line-height: 1.5em;
margin: 0;
margin-bottom: 5px;
padding: 10px;
text-align: center;
font-style: oblique;
vertical-align: middle;
}
/******************/
/* Tooltips */
/******************/
.main-tooltip {
border: 1px solid #999;
color: #FFF;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
border-radius: 5px;
padding: 5px;
background-color: rgba(0, 0, 0, .074);
border: 1px solid rgba(255, 255, 255, 0.222);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 5px;
transition: all ease .3s;
max-width: fit-content;
}
.theme-fandomdesktop-light .main-tooltip {
color: #606060;
}
.sequence-tooltip, .pathway-tooltip {
display:inline-block !important;
}
/* Adds padding to the wrapper to make space for a shadow */
#tooltip-wrapper {
padding: 3px 7px 2px 3px;
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
display: none;
}
.tooltips-init-complete {
cursor: help;
}
/* for Template:Tooltip */
table.tt-card {
border-collapse: collapse;
position: relative;
z-index: 1;
}
table.tt-card th {
border-collapse: collapse;
}
table.tt-card td
{
padding: 9px 12px;
line-height:20px;
}
table.tt-card img {
display: inline-block;
width: 180px;
height: 290px;
object-fit: cover;
}
/* Navigation New Tag*/
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked [href$="Volume_8:_Eternal_Kalpas"]::after {
color: #FFF !important;
background: rgb(152, 24, 48);
border-radius: 4px;
content: 'new';
font-family: sans-serif;
font-size: 80%;
font-weight: bold;
margin-left: 5px;
padding: 0 5px;
position: relative;
top: 0;
}
/* Styles for Page status indicators; */
.mw-indicators {
float:right;
position:absolute;
z-index:100;
right:30px;
top:5px
}
/* Wide TOC: resets */
.toc-wide #toc-wrapper { margin: 0 !important; max-width: none !important; width: 100%; }
.toc-wide .toc li::before { content: none; }
/* Wide TOC: overrides */
.toc-wide .toc { display: block; max-width: 100%; padding: .5em 1em; text-align: center; }
.toc-wide .toctitle h2 { font-weight: bold; }
.toc-wide .toc ul { text-align: center; max-width: 100%;}
.toc-wide .toc ul,
.toc-wide .toc li { display: inline-block; }
.toc-wide .toc li.toclevel-1 { font-weight: bold; }
.toc-wide .toc li.toclevel-2 { font-weight: normal; }
.toc-wide .toc li.toclevel-2 > ul { display: none; }
.toc-wide .toc li.toclevel-1:not(:last-child) > a:only-child,
.toc-wide .toc li.toclevel-2:not(:last-child) > a { margin-right: 1em; }
/* for {{Tabber}} template */
.skin-fandomdesktop .pi-theme-tabber .portable-infobox { margin: 0; }
.skin-fandomdesktop .pi-theme-tabber .pi-data-value { width:100%; }
/** Styles for background navbar color **/
.nav-primary {
background: #3F3F3F;
color: #fff !important;
}
.nav-secondary {
background: rgba(99, 99, 99, 0.5);
color: #fff !important;
}
.nav-tertiary {
background: rgba(99, 99, 99, 0.3);
color: #fff !important;
}
.nav-primary a:link, .nav-primary a:visited,
.nav-secondary a:link, .nav-secondary a:visited,
.nav-tertiary a:link, .nav-tertiary a:visited {
color: #fff;
}
/* TOC hide headings */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* Limit text */
.limit-text {
overflow: hidden; /* Hides overflowed content */
text-overflow: ellipsis; /* Displays ellipsis (...) when text overflows */
display: -webkit-box; /* Required for modern browsers */
-webkit-line-clamp: 8; /* Number of lines to display */
-webkit-box-orient: vertical;
}
.limit-text ul {
text-indent: 10px;
}
.limit-text ul ul {
display: none;
}
.potionbg {
width:200px;
background-image:url(/images/3/39/PotionBG.png);
background-size: 200px;
background-position: center;
background-repeat: no-repeat;
justify-content: center;
float:right;
margin:15px;
}
.potionbg img:hover {
animation: shake 1s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/* Censors text by blurring it out, until one hovers over it */
.spoilerblur { filter: blur(2.5px); opacity: 0.40; }
.spoilerblur:hover { filter: blur(0px); opacity: 1; }
/* frame */
.decor-frame {
border: 10px solid transparent;
border-image: url(/images/0/0f/Input-bg.png) 30 stretch repeat;
}
/* Mark for bot account */
a[href$="/wiki/User:Arrodes_is_a_bot"]{
color: rgb(24, 69, 152) !important;
font-weight: bold;
}
a[href$="/wiki/User:Arrodes_is_a_bot"] ::after {
color: #FFF !important;
background: rgb(24, 69, 152);
border-radius: 4px;
content: 'bot';
font-family: sans-serif;
font-size: 80%;
font-weight: bold;
margin-left: 3px;
padding: 0 5px;
position: relative;
top: 0;
}
/* ==== Infobox.css ==== */
.portable-infobox {
outline-offset: -10px;
padding:12px;
outline: 0px;
border: 10px solid transparent;
border-image: url(/images/0/0f/Input-bg.png) 30 stretch repeat;
width: 300px;
}
.page-content .portable-infobox .pi-title {
position: relative;
letter-spacing: 2px;
font-weight: 400 !important;
font-size: 1.6em;
font-family: 'Ovo', serif;
background-color: transparent;
color: var(--theme-page-text-color);
border-bottom: 2px double var(--theme-accent-color);
}
.portable-infobox .pi-image img {
background: url(/images/3/39/PotionBG.png);
background-size: cover;
background-position: center;
border-radius: 5px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: none !important;
width: 100%;
height: auto;
}
.portable-infobox .pi-data-label.pi-secondary-font ,
.portable-infobox .wds-tabs__tab { font-weight: 500 !important; }
.portable-infobox .wds-tabs__tab:first-child {
margin-left: auto;
}
.portable-infobox .wds-tabs__tab:last-child {
margin-right: auto;
}
.portable-infobox .pi-caption, .portable-infobox .pi-data, .portable-infobox .pi-header, .portable-infobox .pi-navigation, .portable-infobox .pi-title {
padding-left: 4px;
padding-right: 3px;
}
.portable-infobox .pi-data-label {
flex-basis: 120px;
}
/* Infobox Images Sub-Tab Styling */
.portable-infobox .pi-image-collection > .wds-tabs__wrapper {
margin: 0 0 2px;
padding: 5px 0;
}
.portable-infobox .pi-image-collection > .wds-tabs__wrapper > .wds-tabs {
justify-content: left;
}
.portable-infobox .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child) {
padding-left: 5px;
}
.portable-infobox .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current {
box-shadow: none;
}
.portable-infobox .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current > .wds-tabs__tab-label {
font-weight: 700;
text-transform: uppercase;
color: var(--theme-link-color) !important;
}
.portable-infobox .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label {
font-size: 10px;
height: auto;
margin: 0;
border-radius: 5px;
background: var(--theme-page-background-color--secondary);
padding: 5px;
}
.portable-infobox hr{
border: 1px dashed #888;
margin: 5px 0px;
}
.portable-infobox .navboxdropdown .truncate-text {
padding: 0px;
}
/*********************************/
/* Book1 & Standard pahtways */
/*********************************/
.portable-infobox.pi-theme-Book1,
.portable-infobox.pi-theme-standard {
border-image: url(/images/f/f7/Input-bg-LOM.png) 30 stretch repeat;
}
.portable-infobox.pi-theme-Book1 .pi-title,
.portable-infobox.pi-theme-standard .pi-title {
color: var(--theme-Book1-secondary-color);
border-bottom: 2px double var(--theme-Book1-secondary-color);
}
.portable-infobox.pi-theme-Book1 .pi-header,
.portable-infobox.pi-theme-standard .pi-header {
background-color: var(--theme-Book1-primary-color);
}
.portable-infobox.pi-theme-Book1 .pi-data-label.pi-secondary-font ,
.portable-infobox.pi-theme-Book1 .wds-tabs__tab,
.portable-infobox.pi-theme-standard .pi-data-label.pi-secondary-font ,
.portable-infobox.pi-theme-standard .wds-tabs__tab{
color: var(--theme-Book1-secondary-color);
}
/*********************************/
/* Book2 & Non-standard pathways */
/*********************************/
.portable-infobox.pi-theme-Book2,
.portable-infobox.pi-theme-non-standard {
border-image: url(/images/6/62/Input-bg-COI.png) 30 stretch repeat;
}
.portable-infobox.pi-theme-Book2 .pi-title,
.portable-infobox.pi-theme-non-standard .pi-title {
color: var(--theme-Book2-secondary-color);
border-bottom: 2px double var(--theme-Book2-secondary-color);
}
.portable-infobox.pi-theme-Book2 .pi-header,
.portable-infobox.pi-theme-non-standard .pi-header{
background-color: var(--theme-Book2-primary-color);
}
.portable-infobox.pi-theme-Book2 .pi-data-label.pi-secondary-font ,
.portable-infobox.pi-theme-Book2 .wds-tabs__tab,
.portable-infobox.pi-theme-non-standard .pi-data-label.pi-secondary-font ,
.portable-infobox.pi-theme-non-standard .wds-tabs__tab{
color: var(--theme-Book2-secondary-color);
}
/***************************************************/
/* Char_temp infobox - Character Images navigation */
/***************************************************/
.portable-infobox .pi-navigation {
text-align: center;
padding: 10px;
border-top: 1px solid silver;
}
.portable-infobox .pi-navigation .new {
color: #808080D1 !important;
cursor: not-allowed;
text-decoration: line-through;
}
.portable-infobox.pi-theme-Book1 .pi-navigation a {
color: var(--theme-Book1-secondary-color);
}
.portable-infobox.pi-theme-Book2 .pi-navigation a {
color: var(--theme-Book2-secondary-color);
}
/* ==== Tabs.css ==== */
/** For [[Template:CustomTabs]] **/
.custom-tabs {
display: flex;
flex-direction: row;
gap: 5px;
width: 100%;
margin: 5px 0;
flex-wrap: wrap;
justify-content: space-evenly;
}
.custom-tabs > span {
border-radius: 4px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex: 1;
}
.custom-tabs a,
.custom-tabs .selflink,
.custom-tabs span.new {
display: flex;
width: 100%;
height: 100%;
padding: 8px 10px;
border-radius: 4px;
align-items: center;
text-align: center;
justify-content: center;
}
/* Mobile 2 column format */
.skin-fandommobile div.custom-tabs {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-auto-flow: row;
flex-wrap: wrap;
}
.skin-fandommobile .custom-tabs a,
.skin-fandommobile .custom-tabs .selflink,
.skin-fandommobile .custom-tabs span.new {
font-size: 90%;
}
/* Default Color Scheme */
.custom-tabs-default {
--active-tab-background-color: var(--theme-accent-color);
--active-tab-color: var(--custom-tabs-active-color);
--inactive-tab-background-color: rgba(99, 99, 99, 0.3);
--inactive-tab-color: var(--theme-page-text-color);
--inactive-tab-hover-background-color: var(--theme-accent-color);
--inactive-tab-hover-color: var(--custom-tabs-active-color);
}
/* Apply Color Scheme */
.custom-tabs span.active-tab {
background-color: var(--active-tab-background-color);
}
.custom-tabs span.active-tab strong {
color: #FFF;
}
.custom-tabs span.active-tab a:not(.new) {
color: #FFF;
font-weight: bold;
}
.custom-tabs span.inactive-tab {
background: var(--inactive-tab-background-color);
}
.custom-tabs span.inactive-tab a:not(.new) {
color: #FFF;
}
.custom-tabs span.inactive-tab:hover {
background: var(--inactive-tab-hover-background-color);
}
.custom-tabs span.inactive-tab:hover a:not(.new) {
color: #FFF;
}
/* ==== Tabber.css ==== */
.tabber .wds-tabs__wrapper {
border: none;
}
.tabber .wds-tabs__wrapper .wds-tabs {
background: transparent;
padding: 3px 0;
text-align: center;
margin: 0 0 -10px 0;
flex-wrap: wrap;
justify-content: center;
}
.tabber .wds-tabs .wds-tabs__tab-label {
margin: 0;
height: auto;
}
.tabber .wds-tabs__tab a {
background: #fff;
border: none;
color: #444444 !important;
font-family: Helvetica, Sans-serif;
font-weight: 300;
margin: 0;
padding:5px 12px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
cursor: default;
}
.tabber .wds-tabs__tab:first-child a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.tabber .wds-tabs__tab:last-child a {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.tabber .wds-tabs__tab a:active {
background: #f0f0f0 !important;
}
.tabber .wds-tabs__tab.wds-is-current a {
background: var(--theme-accent-color);
color:white !important;
font-weight: 600;
}
.tabber .wds-tabs__tab.wds-is-current a:active {
background: var(--theme-accent-color);
}
.tabber .wds-tabs__tab a:hover {
background: #BCBCBC;
}
.tabber .wds-tab__content {
border-radius: 5px;
background: var(--theme-page-background-color--secondary);
padding: 10px 10px 5px 10px;
}
.tabber .wds-tabs {
flex-wrap: wrap;
}
/* ==== Navbox.css ==== */
/*******************
* Navboxes
*******************/
/*
* CSS Vars
* Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info.
*/
.navbox {
--navbox-bg-color: var(--theme-page-background-color);
--navbox-text-color: var(--theme-page-text-color);
--navbox-title-color: var(--theme-accent-color);
--navbox-header-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.3);
--navbox-alt-color: rgba(var(--theme-accent-color--rgb, rgb(85, 85, 85)), 0.1);
--navbox-border-color: var(--theme-border-color);
}
.navbox {
width: 100%;
background: var(--navbox-bg-color, white);
color: var(--navbox-text-color, black);
margin: 1em auto;
font-size: 84%;
clear: both;
padding: 2px;
border-spacing: 0;
border: 1px solid var(--navbox-border-color, #AAA);
}
/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
margin-top: -11px;
}
.navbox .navbox-title {
background: var(--navbox-title-color, #CCF);
color: #fff;
font-weight: bold;
}
.navbox .navbox-title a:link, .navbox .navbox-group a:link, .navbox .navbox-title a:visited, .navbox .navbox-group a:visited {
color: #fff;
text-decoration: underline dotted #fff 1px;
text-underline-offset: 3px;
}
.navbox .navbox-title a:hover, .navbox .navbox-group a:hover {
color: #fff !important;
text-decoration: underline solid #fff 1px;
text-underline-offset: 3px;
}
.navbox .navbox-vde {
float:left;
width:65px;
}
.navbox .navbox-title-padright {
padding-right: 65px;
}
.navbox .navbox-title-padleft {
padding-left: 65px;
}
.navbox .navbox-subgroup {
border-spacing: 0;
width: 100%;
}
.navbox .navbox-gutter {
height: 2px;
}
.navbox .navbox-subgroup .navbox-gutter {
background: var(--navbox-bg-color, white);
}
.navbox .navbox-section-row > td {
padding: 0;
height: 100%;
}
.navbox .navbox-section {
width: 100%;
border-spacing: 0;
}
.navbox .navbox-above,
.navbox .navbox-below {
background: var(--navbox-header-color, #DDF);
text-align: center;
}
.navbox .navbox-image {
background: var(--navbox-bg-color, white);
text-align: center;
}
.navbox .navbox-group,
.navbox .navbox-header {
background: var(--navbox-header-color, #DDF);
color: #FFF;
font-weight: bold;
height: 100%;
padding: 2px 4px;
}
.navbox .navbox-header-collapsible {
padding-left: 65px;
}
.navbox .navbox-group {
text-align: right;
padding-right: 1em;
min-width: 200px;
}
.navbox .navbox-group,
.navbox .navbox-image-left {
border-right: 2px solid var(--navbox-bg-color, white);
}
.navbox-image-right {
border-left: 2px solid var(--navbox-bg-color, white);
}
.navbox .navbox-list {
background: var(--navbox-bg-color, white);
color: var(--navbox-text-color, black);
width: 100%;
height: 100%;
padding: 0;
}
.navbox .alt > .navbox-list {
background: var(--navbox-alt-color, #F7F7F7);
}
.navbox .navbox-list div {
padding: 0px 4px;
}
.navbox .navbox-list.no-group {
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
.navbox .mw-collapsible-toggle {
width: 65px;
}
/* hlist */
.hlist ul {
margin: 0;
list-style: none;
}
.hlist li, .hlist ul ul {
display: inline;
}
.hlist li a {
white-space: nowrap;
}
.hlist ul ul:before {
content: "("
}
.hlist ul ul:after {
content: ")"
}
.hlist li:after {
content: " • ";
}
.hlist ul ul li:after {
content: " • ";
}
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
content: none;
}
/* Themed tile color */
.navbox .navbox-title-Book1{
background: var(--theme-Book1-primary-color);
color: #fff;
font-weight: bold;
}
.navbox .navbox-title-Book2{
background: var(--theme-Book2-primary-color);
color: #fff;
font-weight: bold;
}
/*********************/
/* NavboxDropdown (cr. https://rwby.fandom.com/) */
/********************/
.navboxdropdown {
margin: 2px 0 !important;
}
.navboxdropdown li {
display: inline-block;
margin: 0;
}
.navboxdropdown li:hover {
background: transparent;
color: #FFFFFF;
}
.navboxdropdown li a {
line-height: 19px;
}
.navboxdropdown li ul {
visibility: hidden;
display: none;
background: var(--theme-page-background-color);
padding: 2px 7px;
position: absolute;
margin: 0 !important;
z-index: 1;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
.navboxdropdown li:hover ul {
display: block;
visibility: visible;
}
.navboxdropdown li ul li:hover {
background: #00000050;
}
.navboxdropdown li ul li {
display: block;
margin: 0;
padding: 5px 0;
border-top: 1px solid var(--theme-border-color);
}
.navboxdropdown li ul li:first-child {
border: 0;
}
/* ==== Mainpage.css ==== */
/**************************/
/* Main Page */
.mainpage-the {
font-family: Ovo;
font-size: .6em;
text-transform: uppercase;
text-align: center;
letter-spacing: 3px;
margin-bottom: 20px;
}
.mainpage-title {
margin: 0 auto;
font-family: Ovo, serif;
font-size: 2.5em;
font-weight: bold;
line-height: .8em;
text-align: center;
padding: 0.5em;
text-transform: uppercase;
letter-spacing: 2px;
}
.mainpage-header {
margin: 0 auto;
font-family: Ovo, serif;
font-size: 2em;
font-weight: bold;
line-height: .8em;
text-align: center;
padding: 0.5em;
text-transform: uppercase;
letter-spacing: 2px;
}
.firstcharacter {
float: left;
font-size: 65px;
line-height: 95%;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
font-family: Ovo, serif;
font-weight: bold;
}
.sectionbox {
border: none;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
padding: 10px;
margin-bottom:30px;
border-radius: 5px;
backdrop-filter: blur(10px);
background: rgba(var(--theme-page-background-color--rgb), .1);
}
.sectionbox-header {
border-image: url(/images/2/2d/CornerBG1.png) 50% fill/1000px;
}
/* Mainpage button */
.mpbutton {
color: #ffffff;
font-weight: bold;
width: 180px;
border-radius: 5px;
text-align:center;
margin: 5px;
padding: 5px;
white-space: nowrap;
display: inline-block;
}
.mpbutton {
transition: .3s linear, color 0s, background-color 0s;
outline: 3px solid #0000;
outline-offset: .6em;
cursor: pointer;
}
.mpbutton:hover,
.mpbutton:focus-visible{
outline-color: #606060;
outline-offset: .05em;
}
.theme-fandomdesktop-light .mpbutton {
background: #858484;
}
.theme-fandomdesktop-dark .mpbutton {
background: #290000;
}
.mpbutton:hover {
background: #8D0000;
color:#ffffff;
text-decoration: none;
}
.mpbutton a,
.mpbutton a.external {
color:#ffffff;
text-decoration: none;
display: block;
width:100%;
height: 100%;
letter-spacing: 1px;
}
/* ==== Tables.css ==== */
/* table header and cell alignment */
.skin-fandomdesktop .mw-parser-output .article-table tr td,
.skin-fandomdesktop .mw-parser-output .article-table tr th,
.skin-fandomdesktop .mw-parser-output .wikitable tr td,
.skin-fandomdesktop .mw-parser-output .wikitable tr th,
.skin-fandomdesktop .mw-parser-output .fandom-table tr td,
.skin-fandomdesktop .mw-parser-output .fandom-table tr th,
.skin-fandomdesktop .mw-parser-output .mw-datatable tr td,
.skin-fandomdesktop .mw-parser-output .mw-datatable tr th {
text-align: inherit;
padding: 0.2em 0.4em;
}
.page-content .article-table,
.page-content .wikitable,
.page-content .fandom-table {
margin: 1em 0;
}
/* collapsible button in tables */
.wikitable .mw-collapsible-toggle,
.article-table .mw-collapsible-toggle,
.fandom-table .mw-collapsible-toggle {
width: 5em;
width: auto;
width: fit-content;
}
/* Reducing left margin when using lists in a table.*/
.mw-parser-output td > ul,
.mw-parser-output td > ol {
margin-left: 20px;
}
/* Prevent fandom-table header from being covered */
.fandom-table .fixed-header {
z-index: 9;
}
/* New table styling */
.article-table,
.wikitable,
.fandom-table {
overflow: hidden;
outline: 1px solid var(--theme-border-color);
outline-offset: -1px;
}
.wikitable,
.wikitable td,
.wikitable th,
.wikitable tr,
.fandom-table,
.fandom-table td,
.fandom-table th,
.fandom-table tr {
border: 1px solid var(--theme-border-color);
}
/* remove left and right td and th border if both article-table and fandom-table used */
.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}
.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}
/* tr styling */
.article-table tr:last-child,
.wikitable tr:last-child,
.fandom-table tr:last-child {
border-radius: 0 0 4px 4px;
overflow: hidden;
}
/* th styling */
.wikitable th,
.fandom-table th {
font-weight: bold;
border: 1px solid var(--theme-border-color);
line-height: 20px;
padding: 10px;
}
.wikitable th hr,
.fandom-table th hr {
border: 1px solid var(--theme-border-color);
}
.wikitable tr th:last-child,
.fandom-table tr th:last-child {
border: 1px solid var(--theme-border-color);
}
/* td styling */
.wikitable td,
.wikitable td {
padding: 5px 10px;
border: 1px solid var(--theme-border-color);
}
.wikitable td:last-child,
.fandom-table td:last-child {
border: 1px solid var(--theme-border-color);
}
/** zero padding table cell and header **/
.page-content table.p-0 td,
.page-content table.p-0 th {
padding: 0;
}
/** zero margin cell and header **/
.page-content table.m-0 td,
.page-content table.m-0 th {
margin: 0;
}
/* Timeline-row table */
/* Light Theme */
.theme-fandomdesktop-light .tl-row th {
background-color: var(--theme-link-color);
color:#fff;
}
.theme-fandomdesktop-light .tl-row th a {
color:#FFFFFF75;
}
.theme-fandomdesktop-light .tl-row tr {
border-bottom: 3px solid #FFF6;
}
.theme-fandomdesktop-light .tl-row tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.08);
}
.theme-fandomdesktop-light .tl-row tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.12);
}
/* Dark Theme */
.theme-fandomdesktop-dark .tl-row th {
background-color: var(--theme-link-color);
color:#20010182;
}
.theme-fandomdesktop-dark .tl-row th a {
color:#FFFFFF75;
}
.theme-fandomdesktop-dark .tl-row tr {
border-bottom: 3px solid #00000052;
}
.theme-fandomdesktop-dark .tl-row tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.08);
}
.theme-fandomdesktop-dark .tl-row tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.12);
}
/* ==== Mbox.css ==== */
.mbox {
--type-important: rgba(200, 0, 0, 0.8);
--type-moderate: rgba(233, 124, 47, 0.8);
--type-minor: rgba(241, 197, 37, 0.8);
display: flex;
position: relative;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid #d6d6d6;
border-left-width: 8px;
border-left-color: #d6d6d6;
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}
/* Ensure text is readable in the FandomDesktop dark theme. */
.theme-fandomdesktop-dark .mbox {
background-color: var(--theme-page-background-color--secondary);
border-color: var(--theme-border-color);
}
.mbox.mbox-type-important {
background-color: rgba(200, 0, 0, .2);
border-color: var(--type-important);
}
.mbox.mbox-type-moderate {
border-color: var(--type-moderate);
}
.mbox.mbox-type-minor {
border-color: var(--type-minor);
}
.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}
.mbox__content__image {
display: table-cell;
width: 40px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}
.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}
.mbox__content__header {
display: block;
font-weight: bold;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}
.mbox__content__text {
display: block;
}
.mbox__content__text__comment {
font-size: small;
}
.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding: 0 15px;
border-left: 1px solid #d6d6d6;
}
.mbox__close {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transition: all .15s ease-in;
width: 2vw;
height: 2vw;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/images/b/bd/Close.png);
}
.mbox__close:hover {
color: #777;
}
.mbox__close:after {
content: "";
}
.mw-collapsed + .mbox__close {
transform: rotate(45deg);
padding: 4px 7px 5px 2px;
}
/* FandomMobile overrides */
.skin-fandommobile .mbox {
background-color: var(--theme-page-background-color--secondary);
}
.skin-fandommobile .mbox .mbox__content__image {
display: unset;
}
.skin-fandommobile .mbox .mbox__content__wrapper {
display: unset;
}
.skin-fandommobile .mbox .article-media-thumbnail {
margin-bottom: 0;
}
.skin-fandommobile .mbox .mbox__content__header {
display: inline-block;
}
/* ==== Polls.css ==== */
.ajax-poll {
border: none;
width: auto;
}
.ajax-poll .header {
font-variant: small-caps;
}
.pollAnswer + .pollAnswer {
margin-top: 8px;
}
.ajax-poll .pollAnswerName,
.ajax-poll form div.pollAnswerVotes {
font-size: .85em;
line-height: 2.5em;
}
.pollAnswerName input {
margin-right: 8px;
}
.ajax-poll .pollAnswerVotes {
height: 5px;
background: rgba(0, 0, 0, 0.2);
border: none;
}
.ajax-poll .pollAnswerVotes span {
top: auto;
bottom: 100%;
left: auto;
right: 0;
}
.ajax-poll .pollAnswerVotes div {
height: 5px;
background: #721410;
}
.ajax-poll form div:last-child {
font-size: .7em;
}
.ajax-poll form input[type="submit"] {
width: 100%;
height: auto;
padding: 7px 12px;
background-image: none;
border-radius: 0;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
[id^="pollSubmittingInfo"] {
display: none;
}
.poll-entry {
height: 23px;
background: rgba(0, 0, 0, 0.2);
border: none;
margin-bottom: 8px;
}
.poll-entry div {
height: 23px;
background: #721410;
}
.poll-entry .percent { display: none; }
.poll-entry:hover .percent { display: inline; }
.poll-entry:hover .num { display: none; }
/* ==== Colors.css ==== */
/* Themed style */
:root {
--theme-Book1-primary-color : #3F304D;
--theme-Book1-secondary-color: #9B72B0;
--theme-Book2-primary-color : #8E3C01;
--theme-Book2-secondary-color: #E95419;
/* Standard Pathways */
--color-lom : #9163CB; /* Lord of Mysteries */
--color-ga : #E09F3E; /* God Almighty */
--color-ed : #757245; /* Eternal Darkness */
--color-cod : #B92A26; /* Calamity of Destruction */
--color-dok : #7064AC; /* Demon of Knowledge */
--color-kol : #54A1D9; /* Key of Light */
--color-goo : #C35231; /* Goddess of Origin */
--color-fod : #CF1BAE; /* Father of Devils */
--color-ta : #2C6E88; /* The Anarchy */
/* Non-Standard Pathways */
--color-coi : #6779BB; /* Circle of Inevitability */
--color-mgod: #C35231; /* Mother Goddess of Depravity */
--color-mtod: #CF1BAE; /* Mother Tree of Desire */
--color-soc : #2C6E88; /* Son of Chaos */
--color-gof : #3EB489; /* Goddess of Fate */
--color-sd : #3F8ACD; /* Supernova Dominator */
--color-ph : #B92A26; /* Primordial Hunger */
--color-hdo : #9D6229; /* High-Dimensional Overseer */
--color-ir : #7064AC; /* Inextinguishable Ravings */
--color-mod : #757245; /* Monarch of Decay */
/* Placeholder for unknown groups */
--color-unk : #FFFFFF; /* Unknown */
}
/**** Text colors ****/
.text-lom , .text-lom * { color: var(--color-lom ); }
.text-ga , .text-ga * { color: var(--color-ga ); }
.text-ed , .text-ed * { color: var(--color-ed ); }
.text-cod , .text-cod * { color: var(--color-cod ); }
.text-dok , .text-dok * { color: var(--color-dok ); }
.text-kol , .text-kol * { color: var(--color-kol ); }
.text-goo , .text-goo * { color: var(--color-goo ); }
.text-ta , .text-ta * { color: var(--color-ta ); }
.text-fod , .text-fod * { color: var(--color-fod ); }
.text-coi , .text-coi * { color: var(--color-coi ); }
.text-mgod, .text-mgod * { color: var(--color-mgod); }
.text-mtod, .text-mtod * { color: var(--color-mtod); }
.text-soc , .text-soc * { color: var(--color-soc ); }
.text-hdo , .text-hdo * { color: var(--color-hdo ); }
.text-sd , .text-sd * { color: var(--color-sd ); }
.text-mod , .text-mod * { color: var(--color-mod ); }
.text-ir , .text-ir * { color: var(--color-ir ); }
.text-ph , .text-ph * { color: var(--color-ph ); }
.text-gof , .text-gof * { color: var(--color-gof ); }
.text-unk , .text-unk * { color: var(--color-unk ); }
/**** Background colors ****/
.bg-lom { background-color: var(--color-lom ); }
.bg-ga { background-color: var(--color-ga ); }
.bg-ed { background-color: var(--color-ed ); }
.bg-cod { background-color: var(--color-cod ); }
.bg-dok { background-color: var(--color-dok ); }
.bg-kol { background-color: var(--color-kol ); }
.bg-goo { background-color: var(--color-goo ); }
.bg-ta { background-color: var(--color-ta ); }
.bg-fod { background-color: var(--color-fod ); }
.bg-coi { background-color: var(--color-coi ); }
.bg-mgod { background-color: var(--color-mgod); }
.bg-mtod { background-color: var(--color-mtod); }
.bg-soc { background-color: var(--color-soc ); }
.bg-hdo { background-color: var(--color-hdo ); }
.bg-sd { background-color: var(--color-sd ); }
.bg-mod { background-color: var(--color-mod ); }
.bg-ir { background-color: var(--color-ir ); }
.bg-ph { background-color: var(--color-ph ); }
.bg-gof { background-color: var(--color-gof ); }
.bg-unk { background-color: var(--color-unk ); }
/******************/
/* Neighboring chart cell colors on [[Pathways#Chart of Neighboring Groups]] */
/******************/
/* Same-group neighboring */
.nb-same { background-color: #008000; }
.nb-same-text { color: #008000; }
/* Fully neighboring */
.nb-fully { background-color: #4D93D9; }
.nb-fully-text { color: #4D93D9; }
/* Partial neighboring*/
.nb-partial { background-color: #A6C9EC; }
.nb-partial-text { color: #A6C9EC; }
/* Non neighboring*/
.nb-non { background-color: #BB3E00; }
.nb-non-text { color: #BB3E00; }
/**** Background-color for cell table to support FD ****/
.theme-fandomdesktop-light .backgroundcolor-A, .theme-fandomdesktop-dark .backgroundcolor-A {
background-color:rgba(99, 99, 99, 0.1);
}
.theme-fandomdesktop-light .backgroundcolor-B, .theme-fandomdesktop-dark .backgroundcolor-B {
background-color:rgba(99, 99, 99, 0.3);
}
.theme-fandomdesktop .backgroundcolor-C {
background-color:rgba(99, 99, 99, 0.5);
}
.theme-fandomdesktop .backgroundcolor-D {
background-color:rgba(99, 99, 99, 0.7);
}
.theme-fandomdesktop .backgroundcolor-E {
background-color:rgba(99, 99, 99);
}
/* Fixes link color for books */
a[href$="/wiki/Lord_of_Mysteries_(Novel)"] {
color: var(--theme-Book1-secondary-color) !important;
font-style: italic;
}
a[href$="/wiki/Circle_of_Inevitability_(Novel)"] {
color: var(--theme-Book2-secondary-color) !important;
font-style: italic;
}
/* ==== Quote.css ==== */
:root {
--pull-quote-max-width: 80%;
--pull-quote-text-color: var(--theme-page-text-color, rgba(0, 0, 0, .8));
--pull-quote-mark-color: rgba(var(--theme-page-text-color--rgb), .15);
--pull-quote-mark-font: "Ovo", serif;
--pull-quote-hyphens: auto;
--pull-quote-frame-color: #bbb;
--pull-quote-hyphen-color: var(--theme-link-color);
}
/* #content added as a parent selector to the following in order to override default blockquote styles. */
#content .pull-quote {
display: flex;
flex-wrap: wrap;
max-width: var(--pull-quote-max-width);
margin: 1em auto;
font-size: 1em;
line-height: 1.8;
overflow: hidden;
}
#content .pull-quote::before {
color: var(--pull-quote-hyphen-color);
}
#content .pull-quote__text {
flex-basis: 100%;
position: relative;
text-align: center;
padding: 0 2em;
hyphens: var(--pull-quote-hyphens);
color: var(--pull-quote-text-color);
font-size: 1.2em;
font-family: 'Ovo', serif;
}
#content .pull-quote:before {
content: "“";
font-family: 'Georgia', serif;
}
#content .pull-quote__text::before {
display: none;
}
#content .pull-quote__text:after {
display: inline;
position: absolute;
font-size: 3em;
font-family: 'Georgia', serif;
font-weight: 700;
color: var(--pull-quote-hyphen-color);
pointer-events: none;
content: "”";
bottom: 0;
right: 0.1em;
line-height: 0.2;
}
#content .pull-quote__text p:last-child {
margin-bottom: 0;
}
/* render newline (\n) characters inside quote contents */
#content .pull-quote__text p {
white-space: pre-line;
}
#content .pull-quote__line p {
display: inline;
white-space: pre-line;
}
#content .pull-quote__source {
margin-left: auto;
text-align: right;
}
#content .pull-quote__source cite {
display: inline;
}
#content .pull-quote__source::before {
content: "— ";
}
#content .pull-quote--right, #content .pull-quote--left {
border: 1px solid var(--pull-quote-frame-color);
border-left: 0;
border-right: 0;
padding: 1em 0;
text-align: justify;
}
#content .pull-quote--right {
float: right;
margin: 1em 0 1em 2em;
}
#content .pull-quote--left {
float: left;
margin: 1em 2em 1em 0;
}
/* ==== Accordion.css ==== */
.accordion-title {
color: var(--theme-link-color);
margin: 0;
font: normal 16px/18px var(--theme-page-headings-font, Rubik);
padding: 16px 50px 16px 16px;
position: relative;
width: 100%;
justify-content: left;
cursor: pointer;
line-height: 25px;
border-top: 1px solid #B2B2B28A;
box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
}
.accordion-title::before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
transform: rotate(45deg);
transition: all .15s ease-in;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/images/d/d0/Close-btn.png);
}
.accordion-title:hover {
background-color: #84610821;
}
.accordion-content {
padding: 15px;
font-size: 85%;
justify-content: left;
position: relative;
border-left: 2px solid var(--theme-link-color);
margin-left: 20px;
}
/* null content */
.accordion-title-null {
color: gray;
margin: 0;
font: normal 16px/18px var(--theme-page-headings-font, Rubik);
padding: 16px 50px 16px 16px;
position: relative;
width: 100%;
justify-content: left;
line-height: 25px;
border-top: 1px solid #B2B2B28A;
box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
background-color: #59585521;
cursor:not-allowed;
}
.accordion-title-null::before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: cover;
background-image: url(/images/d/d0/Close-btn.png);
filter: grayscale(100%);
}
/* ==== dev:Accordion.css ==== */
/**
* @title Accordion styles
* @description Implements the accordion component into pages.
* @author Polymeric
* @license CC-BY-SA 3.0
*/
/* Defining relevant variables for easy customization. */
.accordion {
--accordion--background-color: var(--theme-page-background-color);
--accordion--border-color: var(--theme-border-color);
--accordion__header--background-color: var(--theme-page-background-color);
--accordion__header--background-color--hover: var(--theme-page-background-color--secondary);
--accordion__links--background-color: rgba(var(--theme-body-dynamic-color-1--rgb), .03);
--accordion__links--background-color--hover: rgba(var(--theme-body-dynamic-color-1--rgb), .08);
--accordion__links--border-radius: 8px;
--accordion-icon-color--light: currentcolor;
--accordion-icon-color--dark: currentcolor;
--accordion-animation-duration: 250ms;
--accordion-animation-timing-function: cubic-bezier(.05, 0, 0, 1);
--accordion__panel--show-animation-duration: 400ms;
--accordion__panel--hide-animation-duration: 150ms;
--accordion__panel--hide-animation-delay: 50ms;
}
.mw-parser-output[dir='rtl'] .accordion {
text-align: right;
}
/* General accordion styles (for both types). */
.accordions__wrapper {
margin-bottom: 1.5em;
}
.accordions__wrapper .accordions__wrapper:only-child,
.accordions__wrapper > .accordion__text > .accordion--panel > :last-child {
margin-bottom: unset;
}
.page-content .accordion {
background-color: var(--accordion--background-color);
margin: 0;
}
.page-content .accordion h2 {
border-bottom: none;
}
/** Header styles. **/
.accordion > .accordion--header {
color: var(--theme-link-color);
margin: 0;
}
.accordion > .accordion--header:is(:hover, :focus) {
background-color: var(--accordion__header--background-color--hover);
}
/**
* Making outline color transparent instead of completely removing it so it
* still shows up when using high contrast mode in the user's browser/OS.
*/
.accordion .accordion--header:focus {
outline: 2px solid #fff0;
outline-offset: -2px;
}
/** Panel styles. **/
.accordions__wrapper > .accordion > .accordion--panel[aria-hidden] {
display: none;
}
.accordions__wrapper.is-animated > .accordion > .accordion--panel[aria-hidden] {
display: initial;
pointer-events: none;
}
/**
* Grid trick to animate accordion height.
* Source - https://stackoverflow.com/a/76944290
* Posted by Moob, modified by community. See post 'Timeline' for change history
* Retrieved 2026-04-10, License - CC BY-SA 4.0
*/
.accordions__wrapper.upgraded__accordion.is-animated > .accordion {
display: grid;
transition: grid-template-rows var(--accordion-animation-duration, 500ms) var(--accordion-animation-timing-function, cubic-bezier(.05, 0, 0, 1));
will-change: grid-template-rows;
}
.accordions__wrapper.upgraded__accordion.is-animated > .accordion:has([aria-hidden]) {
grid-template-rows: min-content 0fr;
}
.accordions__wrapper.upgraded__accordion.is-animated > .accordion:has([aria-expanded]) {
grid-template-rows: min-content 1fr;
}
.accordion--panel {
overflow: hidden;
transition: opacity var(--accordion__panel--hide-animation-duration, 150ms) var(--accordion-animation-timing-function, cubic-bezier(.05, 0, 0, 1));
}
.accordion--panel:not([aria-hidden]) {
transition-duration: var(--accordion__panel--show-animation-duration, 400ms);
transition-delay: var(--accordion__panel--hide-animation-delay, 50ms);
}
.accordion > .accordion--panel:not([aria-hidden]) {
opacity: 1;
}
.accordion > .accordion--panel[aria-hidden] {
opacity: 0;
}
/* Text accordion styles. */
/** Header styles. **/
.accordion__text > .accordion--header {
border-top: 1px solid var(--accordion--border-color);
cursor: pointer;
font: normal 16px/18px var(--theme-page-headings-font, Rubik);
padding: 16px 50px 16px 16px;
position: relative;
width: 100%;
}
.accordion__text > .accordion--header:not(:is(:hover, :focus)) {
background-color: var(--accordion__header--background-color);
}
.mw-parser-output[dir='rtl'] .accordion__text > .accordion--header {
padding: 16px 16px 16px 50px;
}
/** Panel styles. **/
.accordions__wrapper > .accordion__text > .accordion--panel > :first-child {
margin-top: unset;
}
.accordion > .accordion--panel {
z-index: 1;
}
.accordion__text > .accordion--panel {
padding: 13px 16px 32px 34px;
position: relative;
}
[dir='rtl'] .accordion__text > .accordion--panel {
padding: 13px 34px 32px 16px;
}
/** Displays a vertical line on the side of the accordion panel. **/
.accordion__text > .accordion--panel::before {
background-color: var(--accordion--border-color);
content: '';
height: calc(100% - 19px);
left: 16px;
position: absolute;
top: 0;
width: 2px;
}
[dir='rtl'] .accordion__text > .accordion--panel::before {
left: unset;
right: 16px;
}
/* List accordion styles. */
/** Header styles. **/
.accordion__links > .accordion--header {
cursor: pointer;
font: 500 14px/20px var(--theme-page-headings-font, Rubik);
padding: 16px 52px 16px 64px;
position: relative;
}
[dir='rtl'] .accordion__links > .accordion--header {
padding: 16px 64px 16px 52px;
}
.accordion__links > .accordion--header {
border: thin solid var(--accordion--border-color);
border-top: unset;
}
.accordion__links:first-child > .accordion--header {
border-top: thin solid var(--accordion--border-color);
border-radius: var(--accordion__links--border-radius, 8px) var(--accordion__links--border-radius, 8px) 0 0;
}
.accordion__links:last-child > .accordion--header {
border-bottom: thin solid var(--accordion--border-color);
border-radius: 0 0 var(--accordion__links--border-radius, 8px) var(--accordion__links--border-radius, 8px);
}
.accordion__links:last-child > .accordion--header[aria-expanded] {
border-radius: 0;
}
.accordion__links:only-child > .accordion--header {
border-bottom: thin solid var(--accordion--border-color);
border-top: thin solid var(--accordion--border-color);
border-radius: var(--accordion__links--border-radius, 8px);
}
.accordion__links:only-child > .accordion--header[aria-expanded] {
border-radius: var(--accordion__links--border-radius, 8px) var(--accordion__links--border-radius, 8px) 0 0;
}
/** Panel styles. **/
.accordion__links > .accordion--panel {
border: thin solid var(--accordion--border-color);
border-top: unset;
position: relative;
}
/*** Adding bottom border radius if it's the last accordion panel. ***/
.accordion__links:last-child > .accordion--panel {
border-radius: 0 0 var(--accordion__links--border-radius, 8px) var(--accordion__links--border-radius, 8px);
}
/*** Link list styles. ***/
.accordion__links > .accordion--panel ul {
background-color: var(--accordion__links--background-color);
list-style: none;
margin: 0;
padding: 10px 0;
}
.accordion__links > .accordion--panel ul li a {
display: block;
line-height: 14px;
padding: 10px 64px;
text-decoration: none;
width: 100%;
}
.accordion__links > .accordion--panel ul li a:is(:hover, :focus) {
background-color: var(--accordion__links--background-color--hover);
}
.accordion__links > .accordion--panel ul li a:focus {
outline: 2px solid #fff0;
outline-offset: -2px;
}
/* Arrow icon styles. */
.accordion .accordion__icon {
fill: var(--accordion-icon-color--light);
position: absolute;
top: calc(50% - 24px);
right: 1px;
}
.theme-fandomdesktop-dark .accordion .accordion__icon {
fill: var(--accordion-icon-color--dark);
}
.mw-parser-output[dir='rtl'] .accordion .accordion__icon {
right: unset;
left: 1px;
}
/**
* The icon is 48px in size. Using scale: .5 halves its size to 24px.
* Using "-.5" (or -0.5 or -50%) also mirrors the icon in both the X and Y
* axis, resulting in the arrow icon pointing up instead of down.
*/
.accordion .accordion__icon {
transform: scale(.5);
}
.accordions__wrapper:not(.is-animated) > .accordion > .accordion--header[aria-expanded] > .accordion__icon--arrow {
transform: scale(-.5);
}
.accordions__wrapper.is-animated > .accordion > .accordion--header[aria-expanded] > .accordion__icon--arrow {
transform: scale(.5, -.5);
}
.accordions__wrapper.is-animated > .accordion > .accordion--header > .accordion__icon {
transition: transform var(--accordion-animation-duration, 200ms) ease-out;
}
.accordions__wrapper:not(.is-animated) > .accordion > .accordion--header[aria-expanded] .accordion__icon--plus-v {
opacity: 0;
}
.accordions__wrapper.is-animated > .accordion > .accordion--header[aria-expanded] > .accordion__icon--plus {
transform: scale(.5) rotate(45deg);
}
@media (prefers-reduced-motion: reduce) {
.accordion__wrapper,
.accordion__wrapper * {
--accordion-animation-duration: 0 !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
}
/* ==== dev:Grid.css ==== */
/**
* @title Grid styles
* @description Adds a grid component to easily create custom layouts within
a page.
* @author Polymeric
* @license CC-BY-SA 3.0
**/
@supports (display: grid) {
.mw-parser-output .grid {
display: grid;
gap: var(--grid-gap, 16px);
/*
* grid-gap brings support for older browsers
* (see: https://caniuse.com/mdn-css_properties_gap_grid_context).
*/
grid-gap: var(--grid-gap, 16px);
grid-template-columns: repeat(12, minmax(5px, 1fr));
max-width: 2280px;
}
.mw-parser-output .grid .grid__col--span-0 {
display: none;
}
.mw-parser-output .grid .grid__col--span-1 {
grid-column-end: span 1;
}
.mw-parser-output .grid .grid__col--span-1 .grid {
grid-template-columns: repeat(1, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-2 {
grid-column-end: span 2;
}
.mw-parser-output .grid .grid__col--span-2 .grid {
grid-template-columns: repeat(2, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-3 {
grid-column-end: span 3;
}
.mw-parser-output .grid .grid__col--span-3 .grid {
grid-template-columns: repeat(3, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-4 {
grid-column-end: span 4;
}
.mw-parser-output .grid .grid__col--span-4 .grid {
grid-template-columns: repeat(4, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-5 {
grid-column-end: span 5;
}
.mw-parser-output .grid .grid__col--span-5 .grid {
grid-template-columns: repeat(5, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-6 {
grid-column-end: span 6;
}
.mw-parser-output .grid .grid__col--span-6 .grid {
grid-template-columns: repeat(6, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-7 {
grid-column-end: span 7;
}
.mw-parser-output .grid .grid__col--span-7 .grid {
grid-template-columns: repeat(7, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-8 {
grid-column-end: span 8;
}
.mw-parser-output .grid .grid__col--span-8 .grid {
grid-template-columns: repeat(8, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-9 {
grid-column-end: span 9;
}
.mw-parser-output .grid .grid__col--span-9 .grid {
grid-template-columns: repeat(9, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-10 {
grid-column-end: span 10;
}
.mw-parser-output .grid .grid__col--span-10 .grid {
grid-template-columns: repeat(10, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-11 {
grid-column-end: span 11;
}
.mw-parser-output .grid .grid__col--span-11 .grid {
grid-template-columns: repeat(11, minmax(5px, 1fr));
}
.mw-parser-output .grid .grid__col--span-12 {
grid-column-end: span 12;
}
.mw-parser-output .grid .grid__col--span-12 .grid {
grid-template-columns: repeat(12, minmax(5px, 1fr));
}
/* Utility classes. */
/**
* Disables column merging when grid's width is less than 600px (see more at
* the last seciton of the stylesheet).
**/
@supports (container-type: inline-size) {
.mw-parser-output .grid.grid--unresponsive {
container: unset;
}
}
/**
* Horizontally align the grid itself (requires it's maximum width to be
* less than 100% for it to work).
**/
.mw-parser-output .grid.grid--align-left {
margin-right: auto;
margin-left: 0;
}
.mw-parser-output .grid.grid--align-right {
margin-right: 0;
margin-left: auto;
}
.mw-parser-output .grid.grid--align-center {
margin: 0 auto;
}
/**
* Verically align grid's cells (requires the grid's minimum height to be
* higher than a single row's maximum height for it to work).
**/
.mw-parser-output .grid .grid__col--align-top {
align-self: start;
}
.mw-parser-output .grid .grid__col--align-middle {
align-self: center;
}
.mw-parser-output .grid .grid__col--align-bottom {
align-self: end;
}
/** Adds padding equal to the grid gap's size into the grid itself. **/
/*** All sides. ***/
.mw-parser-output .grid.grid__padding {
padding: var(--grid-gap, 16px);
}
/*** Top only. ***/
.mw-parser-output .grid.grid__padding--top {
padding-top: var(--grid-gap, 16px);
}
/*** Bottom only. ***/
.mw-parser-output .grid.grid__padding--bottom {
padding-bottom: var(--grid-gap, 16px);
}
/*** Left only. ***/
.mw-parser-output .grid.grid__padding--left {
padding-left: var(--grid-gap, 16px);
}
/*** Right only. ***/
.mw-parser-output .grid.grid__padding--top {
padding-top: var(--grid-gap, 16px);
}
/*** Block (vertical) sides only. ***/
.mw-parser-output .grid.grid__padding--block {
padding-bottom: var(--grid-gap, 16px);
padding-top: var(--grid-gap, 16px);
}
/*** Inline (horizontal) sides only. ***/
.mw-parser-output .grid.grid__padding--inline {
padding-left: var(--grid-gap, 16px);
padding-right: var(--grid-gap, 16px);
}
/* Increases grid cells' spacing as the screen gets wider. */
@media only screen and (min-width: 600px) and (max-width: 799px) {
.mw-parser-output .grid {
gap: calc(var(--grid-gap, 16px) * 1.5); /* 24px */
grid-gap: calc(var(--grid-gap, 16px) * 1.5); /* 24px */
}
}
@media only screen and (min-width: 800px) and (max-width: 904px) {
.mw-parser-output .grid {
gap: calc(var(--grid-gap, 16px) * 2); /* 32px */
grid-gap: calc(var(--grid-gap, 16px) * 2); /* 32px */
}
}
@media only screen and (min-width: 905px) and (max-width: 1239px) {
.mw-parser-output .grid {
gap: calc(var(--grid-gap, 16px) * 2.25); /* 36px */
grid-gap: calc(var(--grid-gap, 16px) * 2.25); /* 36px */
}
}
@media only screen and (min-width: 1240px) and (max-width: 1440px) {
.mw-parser-output .grid {
gap: calc(var(--grid-gap, 16px) * 2.5); /* 40px */
grid-gap: calc(var(--grid-gap, 16px) * 2.5); /* 40px */
}
}
@media only screen and (min-width: 1441px) {
.mw-parser-output .grid {
gap: calc(var(--grid-gap, 16px) * 3); /* 48px */
grid-gap: calc(var(--grid-gap, 16px) * 3); /* 48px */
}
}
/*
* Merge all columns into one when grid's width is less than 600px.
* Note: this only works on modern browsers as it uses container queries
* (see: https://caniuse.com/css-container-queries).
*/
@supports (container-type: inline-size) {
.mw-parser-output .grid {
container: grid / inline-size;
}
@container grid (max-width: 600px) {
.mw-parser-output .grid :is(.grid__col--span-1,
.grid__col--span-2,
.grid__col--span-3,
.grid__col--span-4,
.grid__col--span-5,
.grid__col--span-6,
.grid__col--span-7,
.grid__col--span-8,
.grid__col--span-9,
.grid__col--span-10,
.grid__col--span-11) {
grid-column-end: span 12;
}
.mw-parser-output .grid,
.mw-parser-output .grid :is(.grid__col--span-1,
.grid__col--span-2,
.grid__col--span-3,
.grid__col--span-4,
.grid__col--span-5,
.grid__col--span-6,
.grid__col--span-7,
.grid__col--span-8,
.grid__col--span-9,
.grid__col--span-10,
.grid__col--span-11) .grid {
grid-template-columns: repeat(1, minmax(5px, 1fr));
}
}
}
}
/* ==== dev:DropdownMenu.css ==== */
.custom-dropdown {
display: inline-block;
padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
background-image: url("");
border-color: var(--theme-accent-label-color) transparent transparent;
border-style: solid;
border-width: 4px;
content: "";
display: inline-block;
height: 1px;
margin-left: 4px;
margin-top: 2px;
position: relative;
vertical-align: middle;
width: 1px;
}
.custom-dropdown:hover {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: -1px;
}
.custom-dropdown ul {
display: none;
list-style: none outside none;
margin: 0;
min-width: 100%;
position: absolute;
top: auto;
z-index: 100;
}
.custom-dropdown:hover ul,
.custom-dropdown.wikia-menu-button:hover ul {
display: block;
}
.custom-dropdown li a {
font-size: 12px;
line-height: 14px;
}
.WikiaArticle {
overflow: visible;
}
/**
* The following rules approximate legacy styles which are missing from UCP.
*
* Some notes, in no particular order, follow.
*
* - Because of the template, we only need the base styles for `.wikia-menu-button`.
* The `:hover` styles from <buttons-wikia-menu.scss> revert the `:hover` styles from <buttons-wikia.scss> to the base styles.
* We don't need `button`-specific stuff (like `[disabled]`) or variants (like `.secondary` and `.big`).
* Since the `div` has no `tabindex`, we don't need `:focus` either.
*
* For details, see:
*
* - <https://discordapp.com/channels/246075715714416641/246737000189788161/761137290251862037>;
* - <https://github.com/Wikia/app/blob/release-1153.001/skins/shared/styles/buttons/buttons-wikia-menu.scss>; and
* - <https://github.com/Wikia/app/blob/release-1153.001/skins/shared/styles/buttons/buttons-wikia.scss>.
*
*/
.custom-dropdown.wikia-menu-button {
/* non-overridden declarations from <buttons-wikia.scss> follow: */
background-color: var(--theme-accent-color);
/* TODO: maybe set `background-image` to `linear-gradient(to bottom, $color-button-highlight 35%, var(--theme-accent-color) 65%)` */
border: 1px solid var(--theme-accent-color);
border-radius: 4px;
color: var(--theme-accent-label-color);
cursor: pointer;
display: inline-block;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
height: 19px;
line-height: 20px;
white-space: nowrap;
/* non-overridden declarations from <buttons-wikia-menu.scss> follow: */
list-style: none;
margin: 0;
position: relative;
text-align: left;
}
.custom-dropdown.wikia-menu-button a {
text-decoration: none;
}
.custom-dropdown.wikia-menu-button ul {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-accent-color);
box-shadow: 1px 2px 12px 0 #000; /* TODO: maybe calculate color as `darken(var(--theme-article-background-color), 80%)` */
display: none;
left: -1px;
margin: 0;
position: absolute;
z-index: 100;
}
.custom-dropdown.wikia-menu-button ul a,
.custom-dropdown.wikia-menu-button ul .mw-selflink {
color: var(--theme-page-text-color);
display: block;
padding: 9px 9px 7px;
}
.custom-dropdown.wikia-menu-button ul a:hover {
background-color: var(
--theme-page-background-color--secondary
); /* TODO: compute this properly; for light wikis, `$dropdown-background` is `mix(var(--theme-accent-color), var(--theme-article-background-color), 20%)`, and for dark wikis, it's `lighten($dropdown-background, 8%)` */
/* extra UCP crap follows: */
color: var(--theme-page-text-color);
}
/* Update menu colors according to the comment in the line 111. */
/**
*** color-mix() approach.
***
*** Note: this uses the color-mix() function which is only supported in modern browsers.
*** See: https://caniuse.com/?search=color-mix
**/
@supports (background-color: color-mix(in srgb, #000 20%, #fff)) {
/** Light theme. **/
.theme-fandomdesktop-light .custom-dropdown.wikia-menu-button ul a:is(:hover, :focus) {
background-color: color-mix(in srgb, var(--theme-accent-color) 20%, var(--theme-page-background-color));
}
/** Dark theme. **/
.theme-fandomdesktop-dark .custom-dropdown.wikia-menu-button ul a:is(:hover, :focus) {
background-color: color-mix(in srgb, #fff 8%, var(--theme-page-background-color));
}
}
/**
*** Relative color syntax approach.
***
*** This should also lighten the background color of menu items by 8% with the
*** difference that it uses the relative color syhtax to get more accurate colors.
***
*** Note: this uses relative color syntax which, as of november 2023, is only
*** supported in the latest version of Chrome, Edge, and Safari.
*** See: https://caniuse.com/css-relative-colors
**/
@supports (color: rgb(from #fff r g b)) {
.theme-fandomdesktop-dark .custom-dropdown.wikia-menu-button ul a:is(:hover, :focus) {
background-color: oklch(from var(--theme-page-background-color) calc(l + 0.08) c h);
}
}
.custom-dropdown.wikia-menu-button ul li {
border-top: 1px solid var(--theme-border-color);
line-height: normal;
/* extra UCP crap follows: */
margin: 0;
}
.custom-dropdown.wikia-menu-button ul li:first-child {
border: 0;
}
.custom-dropdown.wikia-menu-button .WikiaMenuElement {
margin: 0;
}
/* ==== dev:Tooltips.css ==== */
/* Main CSS class of the tooltip */
.main-tooltip {
border: 1px solid #cac4b5;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
padding: 2px 5px;
background-color: #fbeecb;
}
/* Adds padding to the wrapper to make space for a shadow */
#tooltip-wrapper {
padding: 3px 7px 2px 3px;
}
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
display: none;
}
.tooltips-init-complete {
cursor: help;
}
/* Align images with text the same way it's in page content */
/* Was probably better to play with the classes but that would cause ton of side effects */
.main-tooltip img {
vertical-align: middle;
}
/**********************/
/* Fit image to cell */
/**********************/
.wikitable.imgtable td {
border-width: 1px;
padding: 0px;
-moz-border-radius: 0;
}
.wikitable.imgtable img {
display: block;
}
.wikitable.imgtable ul {
margin: 0 ;
}
/* Править/просмотр кода — только для редакторов и админов (показываются в MediaWiki:Group-*.css) */
#ca-edit, #ca-ve-edit, #ca-viewsource, #ca-addsection, .mw-editsection, .mw-editsection-like,
.citizen-page-header a[href*="action=edit"], .page-actions a[href*="action=edit"] { display: none !important; }
/* ссылка «Обсуждение» (красная, ещё не создана) ведёт на action=edit и попадает под правило выше - вернуть её всем */
#ca-talk, #ca-talk a, #ca-talk-sticky-header, #ca-talk-sticky-header a, .citizen-page-header a.new[href*="redlink"], .page-actions a.new[href*="redlink"] { display: inline-flex !important; }
/* главная: персонажи */
.lc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lc-card { display: flex; flex-direction: column; border: 1px solid rgba(193,151,93,.28); border-radius: 9px; overflow: hidden; background: rgba(0,0,0,.3); text-align: center; }
.lc-img { position: relative; aspect-ratio: 4 / 5; overflow: hidden; line-height: 0; background: #14110f; }
.lc-img a, .lc-img span, .lc-img figure { display: block; width: 100%; height: 100%; }
.lc-img img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: 50% 8%; }
.lc-img.lc-top img { object-position: 50% 4%; }
.lc-img.lc-franca img { position: absolute; left: -22%; top: -17%; width: 144% !important; height: auto !important; object-fit: fill; }
.lc-cap { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 3px; padding: 8px 6px 10px; border-top: 1px solid rgba(193,151,93,.28); line-height: 1.2; }
.lc-name { font-family: 'Ovo', 'Lora', Georgia, serif; font-size: 1em; line-height: 1.2; min-height: 2.4em; display: flex; align-items: center; justify-content: center; }
.lc-title { font-family: Rubik, sans-serif; font-size: .78em; line-height: 1.25; color: #c1975d; letter-spacing: .02em; opacity: .9; }
@media (max-width: 600px) {
.lc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lc-name { font-size: .88em; }
.lc-title { font-size: .72em; }
.lc-cap { padding: 6px 4px 8px; }
}
/* защита обсуждений: пользовательская разметка не может перекрыть сайт или вылезти за пределы текста */
.ns-talk .mw-parser-output { contain: paint; overflow: hidden; max-width: 100%; }
.ns-talk .mw-parser-output * { position: static !important; transform: none !important; max-width: 100% !important; z-index: auto !important; }
/* печать: подвал сайта не выводить перед статьёй */
@media print { .citizen-footer, #siteNotice, .sitenotice { display: none !important; } }
/* поиск: прятать служебную разметку в сниппетах не требуется — оставлено штатно */
/* ссылки «править» внутри статей (навбоксы В·О·Р, шаблоны) — только для редакторов */
.nv-edit, .mw-parser-output a[href*="action=edit"]:not(.new), .mw-parser-output a[href*="action=submit"] { display: none !important; }
/* спойлеры: серый туман v2 */
/* Каждая кнопка управляет только своим блоком (id переназначаются в Common.js).
Скрытый блок остаётся в потоке: текст размыт и приглушён, поверх него клубятся слои тумана (JS добавляет
.lotm-fog-body и .lotm-fog-sky). «Показать» — облака разлетаются в стороны и тают, текст проявляется из дымки;
«Скрыть» — туман наползает обратно. Анимации тумана намеренно помечены !important: режим производительности
Citizen (.citizen-feature-performance-mode-clientpref-1) обнуляет все transition/animation, а нам они нужны;
prefers-reduced-motion при этом уважается (см. конец блока).
Производительность (v2.1): облака — заранее отрисованные WebP-текстуры с мягкими краями (без feTurbulence, масок,
blend-mode и filter на движущихся слоях); двигается только transform/translate/scale (композитор); 3 слоя на ПК,
2 на телефоне; дрейф идёт лишь у видимых блоков (.lotm-fog-live ставит IntersectionObserver), пауза на скрытой
вкладке (html.lotm-fog-paused); после раскрытия слои выключаются (.lotm-fog-gone). */
.client-js .spoiler_block > .mw-collapsible,
.client-js .SpoilerBox-B {
--fog-ease: cubic-bezier(.3, .1, .2, 1);
}
.spoiler_block { display: flow-root; }
/* ---------- 1. Блок-спойлер (Template:SpoilerToggle/context) ---------- */
.client-js .spoiler_block > .mw-collapsible {
position: relative;
isolation: isolate;
min-height: 3.6em;
padding: .55em 0;
}
.client-js .spoiler_block > .mw-collapsible.mw-collapsed {
display: block !important; /* перебивает inline display:none от jQuery.toggle() */
user-select: none;
-webkit-user-select: none;
pointer-events: none;
}
/* до того, как JS построил слои тумана: просто сильное размытие */
.client-js .spoiler_block > .mw-collapsible.mw-collapsed:not(.lotm-fog-ready) { filter: blur(8px); opacity: .5; }
.client-js .lotm-fog-body {
transition: filter 1.15s ease .12s, opacity 1.15s ease .12s !important;
}
.client-js .spoiler_block > .mw-collapsible.mw-collapsed > .lotm-fog-body {
max-height: 14em; /* под туманом виден лишь «срез» длинного текста (JS плавно раскрывает высоту) */
overflow: clip;
filter: blur(7px) saturate(.5);
opacity: .42;
transition: filter 1.1s ease .05s, opacity 1.1s ease .05s !important;
}
/* небо: слой облаков чуть шире блока; края мягкие за счёт самих текстур (маски не нужны) */
.client-js .lotm-fog-sky {
position: absolute;
inset: -1.5em -48px;
z-index: 3;
pointer-events: none;
overflow: hidden;
contain: strict;
}
.client-js .lotm-fog-gone > .lotm-fog-sky { visibility: hidden; }
/* мягкие края неба — только на время разлёта/возврата облаков (в покое маска не нужна и не стоит ничего) */
.client-js .lotm-fog-anim > .lotm-fog-sky,
.client-js .lotm-fog-ready:not(.mw-collapsed) > .lotm-fog-sky {
-webkit-mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent), linear-gradient(to bottom, transparent, #000 1.6em, #000 calc(100% - 1.6em), transparent);
-webkit-mask-composite: source-in;
mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent), linear-gradient(to bottom, transparent, #000 1.6em, #000 calc(100% - 1.6em), transparent);
mask-composite: intersect;
}
.client-js .lotm-fog-sky::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse 90% 80% at 50% 50%, rgba(108, 118, 144, .4), rgba(108, 118, 144, .3));
/* маска только у статичной дымки (облака без масок) */
-webkit-mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent), linear-gradient(to bottom, transparent, #000 1.6em, #000 calc(100% - 1.6em), transparent);
-webkit-mask-composite: source-in;
mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent), linear-gradient(to bottom, transparent, #000 1.6em, #000 calc(100% - 1.6em), transparent);
mask-composite: intersect;
opacity: 1;
transition: opacity .9s cubic-bezier(.45, 0, .6, 1) .1s !important;
}
.client-js .spoiler_block > .mw-collapsible:not(.mw-collapsed) > .lotm-fog-sky::before { opacity: 0; }
.client-js .SpoilerBox-B:not(.mw-collapsed) > .lotm-fog-sky::before { animation: lotm-haze-out .9s cubic-bezier(.45, 0, .6, 1) .1s both !important; opacity: 0; }
@keyframes lotm-haze-out { from { opacity: 1; } to { opacity: 0; } }
.client-js .lotm-cloud {
position: absolute;
inset: -3% -9%;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
pointer-events: none;
animation: none;
/* параметры разлёта (по умолчанию); у каждого облака свои */
--o: .9; --tx: -60%; --ty: -8%; --ts: 1.5; --tr: -5deg; --dl: 0s; --dd: 1.15s; --k: 1;
}
/* дрейф — только у видимых на экране блоков */
.client-js .lotm-fog-live > .lotm-fog-sky > .lotm-cloud { animation: var(--drift) calc(var(--dur) * var(--k)) ease-in-out infinite alternate !important; }
html.lotm-fog-paused .lotm-cloud { animation-play-state: paused !important; }
.client-js .lotm-fog-gone > .lotm-fog-sky > .lotm-cloud { animation: none !important; }
.client-js .lotm-cloud-1 { background-image: url("data:image/webp;base64,UklGRmovAABXRUJQVlA4WAoAAAAQAAAAfwEAmQAAQUxQSOcbAAARfyAQSFLYH3iFiEgdA0Hbton5w/63H0JETEB3/SbKW/xxw854sGkYJ+s0eSwMrWjIx1tUqRco61uUMVqUsWO2rSaljZ6Hj9Lvf3tq2bbtbRuLwQcDSwwsM6jCIC6DhcI4FcIotIPQMkjK4EvPdd/P+76S/Dui/xAlSarbjA6f3sEniVuQ8wMYo+0T0/rOzO3g/ju4xx3YdGBIBYg0EFapgKWCsEoDV6tUIKkDlgqCSAXgDuxTQXxmft/7W5xUENF/h7KtBNHLMstc1xAe2Bdc9p/6Ybg892nYpjbB7XwtuidCH3Ql1SkJ7pBV9Yn4ItengelZO1NV2NPw12kaNQjlgRnKpqRS3Yn9NIVlt3JqfSFdFtOzYvmyzFPWKiCYo7uyrIiFdchC2p11ebotywKXRIlmAnlFRQjudEQquyPOiuVrZFl5e8N0rA4kZkwNfibHp11+X6/fflWVGkT5TdJsY+HzfPorgXE8KVZer1cv9o7dTq8ay5WlyrhYJOh1SFRPjO3K+BgxSNqVKuKZFUzUrCCQ3ZlZPXnHb+vGNqW/ODLJtueYzg+zUQryJoSdpRf2Jpl7X2tK/ko9Knhatg2GyBTryT4g2QC5iXMQ6Lfqw9PJsYbeDZv1Et99ktKEQ4xht0FK5ldICSqX0J2TV4Mly35xf7c9HE5HJWs8YZWpdun6DGj2O7v09ub2Nc5TSjE063rCumatUbYkLklEZwqX4R922AequUoL2BMvMZ4mprZBpSzhfEYNjhyjAl3uCbY1GKJXtaBzoQ0NlMRs3BrsayrFZyQvXfru0N3S3qokZEmv5VbQa81TWIcmssEo1zXKrHjxc+BuqdGp9PaYwad3/JZDFKDALOpjC43insfZbLDdxkMxpPW4ypfsobHWRLA66zVe6+H/AlQLE9JUR26MvC9yIPysyCSbNV5xOLTKGr1Wu2aHPufU2uisHDdNqDG2O07TWdLp5KzrjY4/FInKqye0dJpprU73vkbOg7B2NMsdqTN0stlwSG9Yn2j5g1mK6NbKv4yrCUTUOqB+P07TZMDkStJOgy6il5VB5Z0xhyVK/ihWUt7XLuELvjpD2fIsnrKuTOepi7vNi3qneELDDUa1ArkW7ttRGBwOyR0b0wbebJB9iO5qshpFm7B+oW0nVIqHU0pHXY876/9PEi8G74VjuN6qOzxkZFlusgtNwBZPKdu+2DYPdmflMMgWHWxoM7Ti0amV5DSTPAvUluNx3NXGCBvVsWEnu7MP2M/L/WHoju3mpTaTZEtziH2esrbuKLVeuQg9j4pepd94KMf0IJJWY7QheZXHCVzEVMLJxmS63h+P22U2uVzBuZBbkZy3OZzGcymamZ0yD+npSgsfVQxpdihu8r3fOOd3vsLyJiiZSrD8XK4PQxli+Je3Wh53PJHGslzKtVQg5WGkJ5Zft65MLB4ClN/ImfbxhCkTglNb5OLaPBaDldvGyn+vAqRAuC6S7DlXb6ylUUj+ZzaQ1PYH4lVPwR3qc84JF9fYVjYVHaJw1f2LoNqVgmjeINwfkuwh6eHK0O8r3HmBfzwOswGzhsrZW5V8jFFC57atIItoLVtte7oMR3vaOxbkHZwx9mcTjM8PiYYZVuToehAXsGTKy2E2QJE6k+esypyldRsmKzjYk2y5zINqvvCpUSJPuVH++fX1sRRlpPoqy/KyzipfZF03hmN4A/LUZ9uXBZMm6N3wUL1ztbMyTxiTv2occNio5V9Ed6TsO8Tg/gjaUd3QHWNvcBO817P2x8WsutKmchdTUrsgrRz/dfW3Ou18XUNwsuHT8HXTw2FTkXwy/2YbtQg+C8MRiitHGPWr7Y+bXYr6a3rW2Xxc0zNlwtTcrRA0xqqtiyKc0mgDf/8SPi5CQzQArMFDicGsoDvEn3h34G7bxYROKYToN+T3m+7r0FrBnAhf+Sp2fLKOT2cDsnlAo9tmvRX2AjZGkWNBewMNJ3kBclm4PxZlkWcJG+bkVa1cpkFOk8z+XxUS+/ruBr5cP79cZnBDZaTH3eMP7CEEL3dk3r2LNEwP4rrcgdtlyuKurCsaBcp1XYR5yDYtEUmTwXwj4zGT22fruOU+6yJ8cFAhB/SAbjDY1/Uq4YQ8IWcq05Rz6kEBx0mvWkrlUpar3RhMr5vW1ftWvx1hO4lUPr48/mfuxODlsbhn3CzmOII5XPtHzQ6qioJYXzdStvLdY7nY8KjuoHalqrMY4VyKzI4VLCcp26yA5tCPRiq///z585vFWYOdjj65XW7tAaCOHBqb7fD2Oqb6eBCVHxUsZcLm25uyZtWkPth4dLLpAGLir2t7sh+t399/KmmRe6XkvF5dYcAztmqI2JPU38OSJyTS2zoOKUVaF+5PcZaOy2MpzCZK8ZDsBmyKKOBmBYdru/+nrv3hhkz6Z6AXFbklBEwSjBr7TnA2Jg1Eih+TWR8xogEL0bBU8Fgus1B0gKdq98bs1Eg/dhEzB4x89QLdue/PLq/dMgs80IvSrVOPGdwZdsLCMNgRpGp0AAVnfH1jLwP0YwE+H/bGbrZLVWiOyVlaLgN8uZQkeL3ZHXhX9ux7s4butMN/Pz7/+M01bf0HFR10Ibt5ALysOmir8lmsuqVT0/19pJdRBUiflYvtfe6nST8oTJ26SOlDIYSNU/orWK5wOi/P8PsnZieI/Rc8siF6bPhRUDc1BWmSCcNa2Zup6JJlVdgO4w6ddeolp7KYl9l62Lqp73yrjVP6b6t3w6E3zvL9PH2YBShPtsk4BTik2Oxc/WbkSRge9eYgk6isAuW3SykzXrMNUTyJzJ+FHvBR72PYrQkU4HJPV2RPHngsTzZoUL4qrLxjH2GspUf/hncLTXWvySTshbMgys1pcozc+gkYUndEpqFUb3fisBvhRYsrgmU/SY/bvVYV9gzFmF7E/EftsgxARIMrUzlBimASkselDFBTkVJ6MkwSt9R3GOGDQb5hxbPV5QY4L//7588PHvigKZBZZkbJRNgTq12OHC99gYPTo6mCKzFnyGUAcBlUPeXUmolF/ElomUySVFZhsMr81We/axd8QlNlzaQ6GuKoXWZHaKVQx4A8x2Mpg6GtOasd+ZfGciNI3OGbQ+x+vckZheGd7IY9+3F7fP768Cu1OUWE7F+ZQf8pkkmDw9C7XI30V+7QAmKtDlbJsNNgpFFSrJ89IpLRhFaSDOstv5pxMM0CzM/PL8Ol3N+3ldmMnBY2YajM6s3WO0xKpcyFx3jDyQRUkd2YimCcfdLf2gWbZKesXFc0Aw3i52KYEne7DbwKor1TuZrpNJ+1XGGCfnqiRzL+TKLVJn+p387xDdv9hOqzCK2rGD0+HGVPrfDPcTLkDucmqeLHJMJC4ML5u725reXzMNqNj8elzDaAzxWIGDKQCp60AQReqO9lkEPEPjqA1Z0MMJwMDGTDzgCyOA7uJcWdKo2lGI/RNITv86oH3/d2yL01elvmybIKBSv5c2hwcHQstsjIpd6Dg0YJ18hna7ABkdW07gzS0VboBY0tTiQgJ/JgiMauwWMrqye/Q6z4erFhlwcjPK/gVoFQ07pp9ImuOufLFu7WytkhQQ7YEftL6E8XA+OojuxlPCCrL3GZspRhIv/b0AykXp0R1R8U/vj8EX7rKlALkGCXzfUdKCwrSdcqwEsVHFMXzyrdMbiKEA+gRXDKKUtyTvK/BkGzBG5rUp6tJSvCAKUbmYHAlFkJ2VohhBaSEWOQVWPIvrsZnG0o4eJhPEtOsozBlDuAR1q93FFCbX0y4amEN/chADm5P9FP5/vnb3vFucECKbmLyuQBtGSPACuAQZqGTCGEdYQolIUv2rMWuR+YIYC1LLcDgAe6lv+lre+cho+G5f75uCmOUMbDcUhkbVCxEXQ8eL/0i+mZ9cLs5AG2HcEouq2dPQ2bbyN93JEA2zG2hr3QhlOiHjNCOiIGd7nCgP6QxOC0kt3bsHCIxl6ZYZz8JtmTo6mR5FCV4QhjJC2mKZKOwTjXKDEB52g5WGIvjUYRCuloxujt32ovZnn8BB+iwPCLWZkwtekyfUJicfwhJsCGarn8l2bjGXJMV8RG6gQBMZDC23M7CBMoVIAdX71uNTVSl+SwWPEJnLtVEFVsAPpMaJBZzgTSTMZqsXQcewKCja6dBQb8rD3MK/hPlQU6h52LjDUyQvCI4XHdlX191QMi5gCEsNBw84KXELVp/6amS/xbEFIzPgTMRh/L9Q56qjmmx0wHIJKaWSPskU5+cWirq40fwo1cMijBnl3+1ih9fVUaehe7AZXiWE3y8wj+gkOMBVPJoRvCYqBkiN4souO/b7Naw+sOVorJXpdcbhkdUylumcIOUoSnnGUFFMoyOV2Uvr0XBfPmH1l4NMD8QII3A24CX2Ms+AjYIAnLAvqklyLaVe6Y/I+lQJdY2h90n7lNN4qyYe8FORx0uSyL8LghIkR8J1h+nGbaftwYa/N+uGQlk7yp6mguMM905/4wwI7bdr1D6r6M0Q6J1uaggZLFwR9wsxF3tLqzD4ZkJAwK4sO43FWnf/64FrYzkZ5OAIrV6CtimbG5gqkt2cJCrF8bcQ8ujxvQT2UWicKs+VguziWPodVaAnRQ7CV6mJGu+UAZ0jMPWPkylasmoMIIwIe8G6renBJQfaD9aRRsuz84ti7gcMIozh4glDaSkmxnPR7LrPCBXKiouGUj5z1XTK/GUw0CaOXzy+m38xM8sHoBDCCkqij0pfq3T82mi3/VKsA5zbgjXBd6FlH/vhC8pHnOWhuutkzkBeCLHbUiOEGf5UV93cARld3NJ/QmR66fQ5cwbYNBL3Ad8qbWe1CGKxhEpiUCb5mKRCHhILUidxpqV17hAD9WWQCNdOEYFxyhUUIhT1e5kUWChec+vx3pRWjLbXV0iE+py1k3sB4nRCUL/zdspl4kApUksFis+vS8+2YCh8Pp2EI2oSUhiequjalNSI9R5quUxYMx3Qtayw4weGBeeAfUy+hBrfFPYYqf8OauEK6lcLvA9kywfOUurftdAe2RW5DDWSXWD1vVHXcNaIsO5UorgD+ESx/0K/0OCQqtyUokzkaDfzz5G9OeuEg43ftZrBvXAlY9cOqIdXjgox3MMEm5rOKHB6oP+ajDSQzHYJ0XLsRC8Zip7by2jCg87lMjLrpIg+0mPpiWwJbudrxQg9y/f7KUMHkZ16D+/pAV/HRUCoudBmfFyiy7XCnC1DsvWGYDEyD9CF2d49vyFdk/Ojj5clL4Hq8ecIkymHyWy+IkHPk0mkQzqnT5T3B6VXVx0QltL7DFugtV50IV3HT77aUxOgYiw8LMHgsXrhCBaG8jX7/n/JYlVyw7nke9o39+1FbLa8QyjdTNhYFvPQr+r3EKBw97UFgmbdWiAWnCq5DdigxWDamKflEexa7vRWMXVf/zXYf1PCawqGaPcdHM0t+iTOG3RH0ieKayXj8nL550PZVJI5CgnYIynMHO6RkIqKQPoWQUjApWY6mOGkG/8KMlmVT9ow7UqKIdlwfscRt2+NNw3xKJu3Q8GtDLLhwC5MNLdijIKdDpF4Lzq3gOnSHTqYv9v7DgWIbcxQoU74RlvkOvS9iBZrNF/MKZTnzECnowlqPikeDeMYhwgV19ftm5ysnUTnjUPniQ6dloXcDpBFiGO+66L/IcO1PPsOuAgQNHTTFHQqC6LWWpV7T/IYdUl6icrYcfFRFLuBHbRr93iq1MA4kcZvaCTzqDRy/hOEa11QQt+gJCfksAFWv/CvkPPVkdH98zthamkL0A/OAoRLkn+pWc5R1INd0u/CQVmsU3FYOjja2Y5OhmD9BGVKCXtyj9qvt4iIY/6Ue5O08a5FdLSy6UQAsEVrQ8yNuEJsRnYLKppHfARwZMC2nR70zAYirVud/S6NZNx+a/f+tAVoLX6tpr1p6dJtL/u5CTwyEeT5yacPvaIX1v+Jxu7c4DOZlLuJqdyEPkDrpYQG1ddh4QjRU2K8mX/hqs81mXYZgA0GNViIZ1NlzrDtNfiXveSFeTq24Pj1J+nGkkRQnEXAdIemUYwTyvYlbDMTSqspct0fyGgwKf5mqYsU7mvqLCBUNzV/pgqIYr1lugEcw43B8sYxCKnNlRmUdwP3g9YlSffGJG+Eq42YttGcLZrPFh2FZyFZGsSg1uUtJrIrLjWIszh71BHPyzim+BX/Mb7FbnpH5gVGeZ2orPRX5iRTypWOQvJP07JHkIUyYQ89niN1p6Tb5/Wit6p1H13KQgRZ2uENUHUVJ+koRBteFcjKPPXT4vi85H8vhrIcJmbfvqxb0e1smMqhuizRWueK3Zp3rYj7q3Gkk+W98wuIXz3nBIN/xgf65UDFkObQeVO9ILQvDD1TLB1LhskOtUCgoLjnmE05GOwIpRYKXm/xFcHHG6ZeFJwH1LBdiFOL8sLiBSJHhcMwFxnXInetiP0zhkuAAezJ3EgKQPpFlPvuHfS8QFP3DQoPMNCy7etFTAU3ng7PlI+dCJSyXNHhLvUy85ULOwLnMW9s1aYJJ4vBGK7SjFEMtiEvHnuDTArYpijcXj/4xKuGbI6cRYfJafQ2sdyZqS3JfRhZiXeepaAzxR5+S/4tmufcR6NNwDDqKuuW4ooans9vXuQ+4pfb5D5/iOXYD0clneJptz8dEOrcXBU1uD9X3OijNcDHG3afCYoxmvWJR/QMHRYhd/vsWkERyUvnL80hfK90OP3G3Ox4Fm++yDemJ7R3eG8QI1jwhyTFh31LjsNJ/WLhRzva0is/QP5ykDLM6IY9251Q9/3To44FyuTz8v4w4f8mHI+Lf7Hf6/WTqVIjy3juKsNlEZxFGLcVrMIXFIkJRgXHOypqJVtDa14+LB5nDK56c5T7PJEqNq566Hu4PsCLcf0b1EE+QWrAf1QVENOU62rV6kheLbsphGAz5UwZtCO+2AeQmx3Z/6p9jkKfj2/osHfMjPeECEo7Jz3/6ceq8NuYSTks4IHuigkTxk+DdlSccRgCnpGi6OCbF/WuDfExOn76140ZDzMYBBgaY2DU9Sn8dpRoBPmvFok1KzksR9E7O8SNFPE3q30gDictcf67TmwnWKbpzk1XAsTI6Buxi4L9Jm4oNNg7whlwrBfcYjwlUGEXBF/Frj5dBVBozSkTzmadBlLkq15AYYWuM2GHT6qme5XVARVHgxaFZZtje0TzBqpUs96yJluaUvgGQyyAIVVkyVSD3RNgA0XASJ66fcIAULbA+5MOjVv++CX27Wr8AYjuKLEgzQWd7TWfjJeHiAhxPO0hGikzI2dq7NtAwfoP5HkxYEwXsaf5DhAnQyNkGZtXmU6emniWNdTCpMXUtbuE9bkcxBHLmh9+HxGVLLtMGN3SUnRPJWMTxl56vlhNQIaVd3NF85pqSfoLkfQRhMTmZ8yan67t7yaRGgfOmoAupgyGL0j2Sksv2qK3YL1YAlRK0yGfuKBGgDwuDAB6Nh2HQlZTGvBB6T4EtjYBX+hb7e6B5U1XZlZbt0U/X/UkJb8VQiTo6xocm9chPpSe5r9kLHSE7cBQ/oydmB1K+26tGbtw53iwu6jHi4gsoRZP09TW7kQk9QLj1VuYYLXFPxYtnuSd5dchTdOuB80atq00CiLxPZdye6cgXBZDhJZF7hgnVDUg49Iq8IBKd2NqtRiv2G/jtBY2dACPlgqfYVj7fmkwjJpVQWFSULLmwgATS27g63UuAStTvEBDbioueKpCP2Jqtru/vQzoAYt07+qK7aWqkfHYYu80SkCoxqkFcKIYYOH0gWo4fFLS+QiCF6o7M62LVQqRDoM0FoCXIB5+bJH7iLtGqjE8pO6wHggEf0BpONdkgeeNEN8HV87G+wImSjOyqh4btcyu3bwXSktOHd8IQ96LU1veVFriUbR7XktwwTEVOXE9LCyJomGX2PdFR6YMEEX1iJsu8DHnEdC3SQxcgHXn7hTxgirvcduAr4a6IvnlaIunqPjnMlSgoQ2RQPWwyOu8ceX5VYYXZfY4PT0hXVAaLJgWrOxijTbQekub/J4yoRkAPb+z2e/NmusfFp6bSVBR+hfWhxAVkbFLAFzYSSn8HJ0XCkRYTHIsVbGMtqFi5toXfGrXHrABRWQfy1pnETsm+5gWVg//QdfEa07yqAW7aqWSeNPDEnV1wAAqkQfLNFRdQbsugX4iNF01Fq3MnBONZ4XR5WvBUtTsH8h/1/5LMn/ciSFTYSJyjxyOoWSCcVokX3RGnLTb244OIZ0bjSQWo2VZPRjwVU/lZgZOhgn0bYVrvDplRwPrVN6zipVyZS7J5y/21lJzpG38w/r8iINBw8Z7Pd4g2cQswwmtcUQZkX6fJ5GqXoww4/JG1AOLNhg9bN5c3SDnZqjixH9RFd0b1/pM8mmt3Cf5DPvNt7LKbiHAbYVSwnIKCdu6TcDY4gDRS6/yPlNpAZebTtFNi7xdFT9BskWDDRq/e1u6mKBczFVLSheF6jFTe7ITnWmhXKZvQdhxA9LR/+8YdoRNkPaT6V0DQZoUEDyD4EVXTEEi1dyjROWW7T/fZAYFYQK8EiSIREJV5sqEO8Ub07FEqqIVzF/HIyUAbcjN/u4TWME5J+ZoEzAqcVl0V3tGSuwfkLUeh8hlhvaXUyeFPPcYY9mEgSx2VWpbGtyPCqwo1Bzbx3i8bPugYqA8ITazCJ0aIbIKuT8a13FNwlkIlCZuPtISXMDJ2eHeYBgfoFQG1+APJmyB6tK6QJwDfNsjf9Lsgd4x9hO55DnQRoaNeh6HQKSZ2ERU+SCiOgbdsTy64H4zZK6EXXRCh34Zo9sOkriW1HWcUnkU35yTXGKDFt5oJgPQmDdLOjIFl0Fkn8Cbrn5neYHCUGjIO0h7O9K37SPxXPGDsSSVlaoGRVCZRlO2y3D1qabZ3DdY4kui2QBYN9p5Qrm1tvgcuUuQc3znErlojUT3GqHI3xPquQncvqEw+6RaTHIwYYeu9ZUYsv9MPNYsYQKnIe0ci/iRkKMU96IGUfJ5Q2KW6DtOU4ibLkV7B6ZYUs+Iizip6Mjy5/yG8FRDzRxOxqNZoAxmUR3w/PjbGApVP/uXV07rZzJKmu0lVTivmV7I5T+NKcShdeAiG5zx7B/Pr8wChYzzAaP0WQPfwwfNrCxQUo4HLEyS1KK2BdCDZIquzxG1iIYuGcxqPATZ5eyiHpgfY0cRte1fnI0gNVgIt+bDFP1VP6093e2Jh9dAdFTmoupSZTZJ4Oy+6wlzKaZMpQ2MqiWgYtx11cDKN0f2DuFUtm3R8q9t6sqUoTOZdjYxZUzfhnUWZ0qljBGtWrjUROz3L0xQVdTZrG0mtCtu0BocplbpFBeuUM08Cd74uB4gO+FSX5ipl3ncpZbSO+T8dixtOdM2NK+ijqZqM/nGtk3SnoqfRMU8zNJnW7miDcwLyR2DtmKU/9mRftMSN1uGxudZRPh47Hjqr+pr4TlaqZL7m91+67rSeDBGl2GkpcJrSVvZsiPL8vFO/uJykqPcSnCueN+XNy9Ek3DSVxb7z/hNzV9SDUoadb0ED+Cp6Q0zCZmBRKWkQ3lp+SM3m6qqfQhw1H5QIAVlA4IFwTAADQZgCdASqAAZoAPp1Kn0wlpCKtJDKaSaATiWMIcAGGymC6RmO/V3E/PW+mX/FeYB1s3oAdKR/ev+t6QuY1fjR+uHqW+zP5CcSN19o8bonACw875ja+7VxJeIB5Gd7t9d/4nsAfov1Uf7b/4+VD9C/z3sDfz7+7emF7D/2/9i/9lmAR2U/d6KA20b/IJ4tdkw7g3HRWr2jpm+AqvraBNdA/VlBdRqP4bhPy10SXBQXpzauv0/B/1flh/sDl/QvWiNHkCUyI5gkRT/3BhpKlNjfQRtNOfr+m46bnX8bWLnDw66GK8pF9JXYpcFIDxVR3plRm4TsRruo0jkemkNp/wh0/jkF9YGRUop8iio+rSorHhreWXciLldtVvKrr99x5eG0AC6chCM6C2MESSmPEg8860a/RjZ/Id5R4cG+N8j2uyFyEo025pWwt9GHaT+Zerlkd1T3vwEwzSk0OPi2nK+DcTJaZ5wiBpq2JsIZkjG2WDkBUSwS+zps9jmmAVGYd2CTvzFJh0bhQtjgsejL2rL09NGfqkiIr1wuUf/Nt0DI97AEUhSrqwhf0qZCZ8OBq2x674Rcz+xzsxlS4AOeXq9qBP37VEfCv2dNq3BZVwyyHPs248ai8nEjUYyBwZ/RgHKvDDlr1Tx7WclH92+CNE1puyYqxoEyzUEgFx5nqpMorig+2+NBKpwaLTi+5nYmiNb5dntocQG9OTHruq/gTj4KDeH0RzWuEjjfdI7T/F0hJ8hFho47jrPnPThVHMjfQEwTJuwla72WqLN84MzA1Ad4PSKnO29zkV2S1RzaOHyHwXeDDPPfSqtlD6f/o1jnqg+4I2GZkAzf3WRoYICxOZZE7Y8JG/2ey4c/UVC5jjzlxRmp77u/qpj4iHHIvEWdidiL1dMtEy153Q/mi5HhtG3eabQC5rxp66U0c/YlOt5AycsPlZk6t+dLjMf2z++lWcqMNgUuQ5J9FrXtgjCANlxb6TFh1bNrACCfUtTKBxQfUxpoO5SBqh67wW0bGJO4Fsndh8+ylfipnoq5ZaO7vogmJaU5EVyzWwzywvegNRzi//HqTxbTYhBhWqKJ3Zmk2YQC6i4BDef/9aE2MAbzbesAA/s1wAHL8wkS7QjubO2N9Uo/+CudcrK7NPHRV2aYvqWBHrrSzLGadG/hjM7+nHAUJ/yTLsdtniD1rxj/FJhL3ilXQtcSdPIlvvGsmZZD/S7VPDwKMJ5nJDOKcSW2HhJQ/+W9kZ+Qq7fd7CV0QKSXAOtySTa6RmS4EOls6D7H3GSe710Gok8T+z0FYZUTtmzkQ1VhSw5sOi92oA+tptA+q888AKol2Asil0QHEZ1GMzAz3V3Hg3VqgLZVZ9gRmGKCBHbhh+09ooIIr2sch4hohf0kRa8erN2eReLhkgDxA26Ea2W0X4zEtcPcOfxF6pC5Hy6A/ZjDeX0oqj4G9ungzN6CXTzkXRMvYXpZOqfK9TlbKhPEniBvcTDl0bV2r7E/nYSn1607ZcQ1AB8qwqwWCh2rsPM6/EsujG0HkUgnJQY9GyQPF9324B3vIgWERggzFmoSe2a+usfKbm3V6Kg1nOGaIpb6cQEnp8mj/PbjRfg1vpu2mXn1k/qRtmZqINcyeNsmWyLNfZr3KEwIoDtuVtvpK1Gs2Vg2ZDEzXC/FpyIkMQRffUXYfiXiFBm+opanKp8op4ju8rmF7J9AGdZ+J4Qpb1IGwpoVYlV4Vmo8jOExesWBSAusRHWl/ekjFSQH1gZ/z39/Skor9NZrzpK8MgC3zciADC7hNal4J7mgqfhkUYOdfHtFxwmdP/rBMpUNRDdKHBpBi5fVCL0OcCdBYgq6WSIli5BZK1ME6Zgf/C56cypi9g2NfDTVySu7HHtXD20Kteb7W/0U/MIs/BfNdBeGzNFGNzMHO4YMEPXCdWkRPA6H6Hy4XkNv8577FmDsnu2omCzN93YU9ahay0xKTFJxU++/Cf/ExfDee85vveYaylCleKKfH0MzSufI9LT7S6ZP429qpOGy8WhFhlizh2Ni8TE3T8/vOGDOmGG51Tpt9hw75oC4xxmvtxp07Chv/dYMnGfQHBFytQVc3L9eR5M7CSnv1zpm30pK5WRTgqo9jsu5T94Bfny7NZPam41X5wr20dZfLGbd39cm9Swju0XhxJYxPznoXeSFH+5182OpSh4hqL9YjZZscFhvecttp4FwBdSLE6jRubYu5I/aMdplDAD8sgYyw9MqkHr8NVyEO5N62CNZRSy46LuprcY1SsiRYZHPNOM6R8b8p8sZ0LiqfAdGCnv7rdGLAMX9op/xASra+apUFyAiRCHgABje8LWTqZpkHUMt2R3Xw0d2tVdTUP+awjo0Nsa0dnx0W1qdpsoGfPLwt3McXtRkGHhGqwz15wit3YxU/QysX4lPnihnv9hGi7/BeQhhvI6X7Y/QXaPd7oUuQX/PTAMm21rzj1tIrhNR/nUDld+LUBXVr939kZZAKf5zVx8eCWC9GneM6DJbmxYfrQbEUqQdndE7MTpbG6VlIlUtXRXqmfFVFJSswjGyDW4VyRfDkXbqkrP71ixJAiEoKHFUQE02xaevJz8sn3Hp8dLC8PboizxNtVGdSb2ktXlCWymn2XgQzScRhcqfayjmZ3oaDi4E4hC5qjfetgf9ZM0Sk4jR8i49HHiIagJF9AUfzoSWs3X35/CRkkdOdoIYcPIulnUXcPB/y3Wm12ZhFuBYfGnx126iJapZjORq01wd7lKB0SRgVJcqvfMytFqV90L7JOPCGgf8ok27/a2RDiRb2Av29Ua4QHrGAGG6YK2WpjYuAsdLzV+sWmDaeJHYoqC0V960U0DNx1tLrRGUs4sY1kBT0UrcP6BBO0yYSqEKZIjr/hecz3v5wcDRPwlaVMBmGZZf+tVs6l/gHhy1Z3AoGQN4osAp2mnRcxS/FZC1dN+bPfKRmUnD6wt86jzsO0v/e3v//+Nr6F04yoRY+Oed699CFZR/NKw57E4qItIrQIml6nfeS9wLn/e8B4bdTeO1oqWnNWRSOODf63FBBD7il5KEHXatmXrntdEWu6ADoW8s7fGohwMdaY+zOlZj+1rI9fdsRsda/PQ10OZ/rL8WY017SG+31ovO8s3Z9WE/4hRQW+HmCwiH+lnLglnJFFXPcd4woYwEoB3CJBO84dSETEkXsmH4jm0xeuqkudLaqUBCzwmjBOsRUAFozfmft6XlQjAEJshfsL3ctVrXkcs4nmxkFHgXVzbIST8X4EUljiTQmIN2odFG6GUgxofsbaL6Gtq7EawV39JjXQEIBgA9898YzOOiDPmxP4Sq6cSw1f70BSCJrX3nLK8e4L1o+TWHSAbtkXRdCSsOcTg+xfB0ia+gAwHvRoqkl89jbYDzNML5y/AzvSweP5HH1z9y+zVSa2VrdL2UH5j9cri0sTNPw9OwjY+hT56C79+VYK+6BDBLvDJse7ZNR0UaN0dTOK3ZLdc/Ui9Xhg7twq73ysudmG74lsr0JQcpjCLM/obWS5uZnk69HCVg8YQH3xx+UkVFQI1kYygagWc7MLQBnqMYptV19ql4YC//hMcjNMEkQQd70Fmi1fJJUeq2LSPyrK/+tF2jfxQorup4AGk858QbAMdsx4SmXhB3Hcl7Fs6+hqhj+f5zKi2xHXjpD8JS4HpCY84IFi7o1LqQyqbF9grKZw5YBIhdtcqs+wTdNWg1pNMFMsFbKFUVAxHYUNyz5yAY3VdDvlhwxUmrR7ldHwqFCdwhR5lUX27LPjsEGXs9aHpWaFkjrCijnQ7ip6ktSpeda++mLK4q4Irg1KcK+KJt+tFDmBY1wuBs4Qga7UM767R5D0fbPiD+fkb9K/lunQvpyWCAVOMLCS08THtcv0HoSriKwAJkVXDB6FZ5eArO+mzHqPLDL2IxV+Zx3v4VgIeTvANTwuum53Zgb6IX4ZXcGhKgHHr913HsOIUnq8zZu/NujnNR3JZSFdJ55alA4euh2cvBh3RWSh7WW0L7esgALJxhSKYyIpQ/yHcSF2127Xdd8P/p+TXouJ6eB9PYH1fSIcoe4L95rvYZsCgqxoRDlAeXNJjosbzX+hbaX/tp6qz8Cosf+ByW0w1pbiZtqbfjsOB5EIhheDMW+ybYDW8pJQVT45lYe2FIQ7Wdo+I5ixKGtej/CYLd1u/2v7UC9Mq6+Aw5U9ESm5Twm7GHw9urah0BFJIIu4nkF6JusXSgUXBXLqYzyZX7fxgpTPrXkPQqNifPr/c9UpxZVrU3IhbjCabB8EZ0ssDzXkIEMVKU3QPX7LVZDqGo4mplxT2dNzRD6JHfQV7eEBLyCKYkezYT1+hJyGPTerx5AK/TR1snxSv7QjwNH8kBaHxk6VGpPAPUBPOM4eyTo7aETM1705492MaY7PSxRDeRH7nb26Au/MH4Fw2dnXpJCR9rWc5/0H4HV9cByy5LltZIFL6uX/YAlPZCYhZ7mCCnlfZJ979/P3kNwdpzR3n0pDoAu+3eNS+gQ1Y46juhCmvrKDAuHKhnWCAl7LiY0q/0a12ndqfRzEgnZcRoCEgA/Cl2GB9WMRdi7zmNbzOE48t1As3l8nOXN08pvg4iA9qiJr/5SPNyq3x9nn1y731iQrqguA2WFSA+J+9ah/l9yhlAengrjQ+Wgsv47I5hoiF8pTbNEiaNJIVywHV872BAc9yPYTKkw4uX+fNYOWB9surDGQ7YuRoLVRlDApgSj1b1mxN4OFK2xvrKaCJw3lW2+JkA5xufd/J+MMXfXoSvHuvfnb9YTiuC2sXlMQlyYq3s2TjVtyWPaS8VM78Q3Vs7hmztzD1jbk04V0UDVIAQfQJ/3TCIYAxPm8VokCw44hbYPJUWj1O1rKCjIyPndMxje6UEM6skDzQDoZpwDz0d5CYhBWDLhsz0SGTV5o1Ymy2hz7qb/BeIBdvAOZJHhgO6HCoiYdVy94K9afYjV5Lb0+lbZxDRmWQ1VpOHeE2z4mVrY6OTJ/Ytzvt3ktiTSnVbpsyoe0ex5tVl/MGJdJ2sIIsDV/aBSIp5kNEKl5Y+J8EZKZ3bV06aCNTeim0k/8QXM8ksmvAgj3B7gJZlhDiBwqg8luU5iA+NnNTqkapkVT8ggCzUxC5h7HVtaGKwgBKxGchWYEjPL3k9mpz6poz3DpG+iYyA9Ok9nchex5nP5EITrl1aNcF1wtenWH8QBRRkkZ1cBDXelkOLh2ESAbaC1Y1jQWSPvOT2PbcFXEI17Db4rNDPcs1W7lqCf5dLN/H+QoEPGA2cD5OYaWEwY3+b8JdA3vgDEOec0F9vFY0dzKHHynJncdx1G91UjWXTUKLCUN+H07V8PCtHnSh9igRU1LxPBmeGLi8m1qEqZEkpau3PfOdwXTlRFJfZJdu5OfUpCAe4TlZL0S01YydgM3YFHd+I6jAJprbO6MyB30QrVQ+NrnBudwN/lysz+x4z9AxgIwIoXCOo7wUjaqHeMedJ553xyuTg8IF88B43lSw83RXe+9jVvlGSpHTD/MGt59/S34c67hhG75443cndQ8CLpbHrryv6kL53SUypfI0BAfepjYLPdTBXG3zs/ObZjaqFHAlO4t9NzHsZ+e/AtDWZgWnKXlqaU4FRK+21W8QAI5cXm0cASHozxSX2qRgGosB5RHO6QUQVZkr82gVfMOk2VdSBR3H5k758oMrcZhXT8LJW+A6PfhjaV7PtDiLFsFAlu1l0wdvpr6MvHxZrjAj4iN/nXyxa5ii6Ul6pI8ZxpswGnvsAnkfO9WVn/DpLx0dD9QM5L/AEeQczcQJab3gQ29MjLSnLKS/J/9/HBS7eph9VFOViOiNyvEEyONaLsdkYAuqHDUEUh7XML3vuxe4hJMu+lNDXkzqDe/RCUpXCZOvr1UnEbHbFy/FOZ9P+KKCGgOx/eR4LAppY5ZNsK+OKWWEQWFYAjVL9S+AH+RR693R0/kU0PFJ0MqYU/p1sKYKZmF35HlOEdmQ7AMK1y+0VwF0aJvi1voET/VvmFS1NnJtE9IKJXaBikUzCLPv5TGkvzZV1mPUMiO3kj2kr1ixJ5cPRyVCT9Yk9kxc4c8+RLKIgKRw++ygAAACLX6lIJhhJKzhXTIAotDpwGHjwhVvxAiqYwuJm9PIgWEM2Nq3nxF8dfTK3NO7zrRjSD9yrc+fThuWbRuPSllAYF4HkdkLTQA6ZgFwjPlWzU/HHF4AO7VvxqtcdSMWhKeIB3CNbGVCTnyBeoWDTp95zi4BxhBSZdy77iQ39BbvAlqb061L9FFvEDOopz2ekzTy8Y9ioEdaIJ9CeK/OCuIF4TUbUGPGxK6xM1w5Sqah3V/fnq+li0ANa1ia+zapEW7IRatZAKunxzqgPpJISeQsvKmmIJrB83adusrChFKC5UsF5c47KjFLmwM0PB/P21lN8zu0O0N3hVQbS5m98odcyUP8MSI9uVP9ec8tvTel6WGSAtvNoDJk1NW/LhgQC1yIamdVayYcih07F48pLid6Ka8FgESLRt0aRbxsS/SLkLb1hcXK4tng/0pE38Ytz4ZhqFhI7XU/0lbc61V2GCrXOJL2uWGl19+PK4ud5tSUruZM8T/XC/Eo0A1jE3QKfeGyy1KPB/Ip/vsUajyCIEAUwAAAA="), radial-gradient(ellipse 22% 38% at 12% 46%, rgba(132,142,164,.62), transparent 70%),radial-gradient(ellipse 18% 30% at 30% 70%, rgba(150,160,182,.58), transparent 72%),radial-gradient(ellipse 26% 42% at 48% 34%, rgba(126,136,158,.62), transparent 70%),radial-gradient(ellipse 20% 34% at 64% 66%, rgba(146,156,178,.58), transparent 72%),radial-gradient(ellipse 24% 40% at 84% 40%, rgba(132,142,164,.62), transparent 70%),radial-gradient(ellipse 12% 22% at 40% 54%, rgba(196,170,126,.35), transparent 75%),radial-gradient(ellipse 10% 20% at 74% 28%, rgba(196,170,126,.28), transparent 75%),radial-gradient(ellipse 60% 70% at 50% 50%, rgba(120,130,152,.34), transparent 90%); --o: .92; --tx: -64%; --ty: -10%; --ts: 1.55; --tr: -6deg; --dl: 0s; --dd: 1.2s; --drift: lotm-drift-1; --dur: 41s; }
.client-js .lotm-cloud-2 { background-image: url("data:image/webp;base64,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"); --o: .8; --tx: 62%; --ty: 14%; --ts: 1.6; --tr: 7deg; --dl: .06s; --dd: 1.1s; --drift: lotm-drift-2; --dur: 29s; }
.client-js .lotm-cloud-3 { background-image: url("data:image/webp;base64,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"); --o: .5; --tx: 88%; --ty: -22%; --ts: 1.3; --tr: 0deg; --dl: .1s; --dd: 1s; --drift: lotm-drift-3; --dur: 23s; }
/* закрыто: туман на месте (и наползает обратно при «Скрыть») */
.client-js .spoiler_block > .mw-collapsible.mw-collapsed .lotm-cloud {
transform: none;
opacity: var(--o);
visibility: visible;
transition: transform calc(var(--dd) + .1s) cubic-bezier(.2, .75, .25, 1) var(--dl), opacity .9s ease-out var(--dl), visibility 0s !important;
}
/* открыто: облака разлетаются в стороны и тают */
.client-js .spoiler_block > .mw-collapsible:not(.mw-collapsed) .lotm-cloud {
transform: translate3d(var(--tx), var(--ty), 0) scale(var(--ts)) rotate(var(--tr));
opacity: 0;
visibility: hidden;
transition: transform var(--dd) cubic-bezier(.22, .6, .3, 1) var(--dl), opacity calc(var(--dd) * .8) cubic-bezier(.45, 0, .6, 1) calc(var(--dl) + .1s), visibility 0s linear calc(var(--dd) + .3s) !important;
}
/* дрейф начинается из исходного положения — включение/выключение анимации не даёт скачка */
@keyframes lotm-drift-1 { from { translate: 0 0; scale: 1; } to { translate: 9% -4%; scale: 1.1; } }
@keyframes lotm-drift-2 { from { translate: 0 0; scale: 1; } to { translate: -10% 5%; scale: 1.08; } }
@keyframes lotm-drift-3 { from { translate: 0 0; scale: 1; } to { translate: 16% 3%; scale: 1.04; } }
/* телефоны: два слоя, дрейф медленнее */
@media (max-width: 720px), (pointer: coarse) {
.client-js .lotm-cloud-3 { display: none; }
.client-js .lotm-cloud { --k: 1.5; }
.client-js .lotm-cloud-2 { --o: .88; }
}
/* светлая тема: дымка плотнее, чтобы туман был виден на светлом фоне */
.skin-theme-clientpref-day .lotm-fog-sky::before { background-color: rgba(70, 78, 98, .12); }
@media (prefers-color-scheme: light) {
.skin-theme-clientpref-os .lotm-fog-sky::before { background-color: rgba(70, 78, 98, .12); }
}
/* ---------- 2. Баннер Template:HideSpoiler ---------- */
.client-js .SpoilerBox-A { transition: box-shadow .35s ease, border-color .35s ease; cursor: pointer; }
.client-js .SpoilerBox-A:hover { border-color: #c1975d; box-shadow: 0 0 18px rgba(193, 151, 93, .4); }
.client-js .SpoilerBox-A > [class*="mw-customtoggle-ShowSpoilerBox"] { color: #8e7329; text-align: center; }
.client-js .SpoilerBox-B { position: relative; isolation: isolate; }
/* раскрытие: облака расходятся, текст проявляется из дымки */
.client-js .SpoilerBox-B:not(.mw-collapsed) > .lotm-fog-body {
animation: lotm-fog-emerge 1.15s ease-out .1s both !important;
}
.client-js .SpoilerBox-B:not(.mw-collapsed) > .lotm-fog-sky { inset: -22px -34px auto; height: min(calc(100% + 44px), 34em); }
.client-js .SpoilerBox-B:not(.mw-collapsed) .lotm-cloud {
visibility: hidden;
opacity: 0;
animation: lotm-cloud-leave var(--dd) cubic-bezier(.22, .6, .3, 1) var(--dl) both !important;
}
.client-js .SpoilerBox-B.lotm-fog-live:not(.mw-collapsed) .lotm-cloud {
animation: var(--drift) calc(var(--dur) * var(--k)) ease-in-out infinite alternate, lotm-cloud-leave var(--dd) cubic-bezier(.22, .6, .3, 1) var(--dl) both !important;
}
.client-js .SpoilerBox-B.lotm-fog-gone.lotm-fog-gone:not(.mw-collapsed) .lotm-cloud { animation: none !important; }
@keyframes lotm-cloud-leave {
0% { transform: none; opacity: var(--o); visibility: visible; }
99% { visibility: visible; }
100% { transform: translate3d(var(--tx), var(--ty), 0) scale(var(--ts)) rotate(var(--tr)); opacity: 0; visibility: hidden; }
}
@keyframes lotm-fog-emerge {
from { filter: blur(9px) saturate(.5); opacity: .35; }
to { filter: blur(0) saturate(1); opacity: 1; }
}
/* ---------- 3. Кнопка «Показать / Скрыть спойлеры» ---------- */
.spoiler_block-header { align-items: center; margin-bottom: .3em; }
.spoiler_block-headerT {
display: inline-flex;
align-items: center;
gap: .5em;
font-family: var(--font-family-base, inherit);
font-size: .72rem;
font-weight: 500;
letter-spacing: .09em;
text-transform: uppercase;
color: #c9a46a;
background: linear-gradient(180deg, rgba(193, 151, 93, .10), rgba(193, 151, 93, .03));
border: 1px solid rgba(193, 151, 93, .34);
border-radius: 999px;
padding: .3em 1em .3em .8em;
line-height: 1.4;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .35s ease, transform .15s ease;
}
.spoiler_block-headerT::before {
content: "";
width: 1.15em;
height: 1.15em;
flex: none;
background: currentColor;
-webkit-mask: var(--lotm-eye) center / contain no-repeat;
mask: var(--lotm-eye) center / contain no-repeat;
--lotm-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.spoiler_block-header > .spoiler_block-headerT.mw-customtoggle::before,
.spoiler_block-header > .spoiler_block-headerT[class*="mw-customtoggle-"]::before {
--lotm-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}
.spoiler_block-header > [class*="mw-customtoggle-"] { display: inline-block; }
.spoiler_block-header > [class*="mw-customtoggle-"]:hover .spoiler_block-headerT,
.spoiler_block-header > .spoiler_block-headerT[class*="mw-customtoggle-"]:hover,
.spoiler_block-header > [class*="mw-customtoggle-"]:focus-visible .spoiler_block-headerT,
.spoiler_block-header > .spoiler_block-headerT[class*="mw-customtoggle-"]:focus-visible {
color: #efd5a6;
background: linear-gradient(180deg, rgba(193, 151, 93, .2), rgba(193, 151, 93, .08));
border-color: rgba(193, 151, 93, .75);
box-shadow: 0 0 16px rgba(193, 151, 93, .38), 0 0 4px rgba(193, 151, 93, .5) inset;
}
.spoiler_block-header > [class*="mw-customtoggle-"]:active .spoiler_block-headerT,
.spoiler_block-header > .spoiler_block-headerT[class*="mw-customtoggle-"]:active { transform: scale(.97); }
.spoiler_block-header > [class*="mw-customtoggle-"]:focus-visible { outline: none; }
/* ---------- 4. Без движения (prefers-reduced-motion): статичный туман, простое плавное появление ---------- */
@media (prefers-reduced-motion: reduce) {
html.client-js .lotm-fog-ready.lotm-fog-ready > .lotm-fog-sky > .lotm-cloud.lotm-cloud { animation: none !important; }
html.client-js .spoiler_block > .mw-collapsible .lotm-cloud,
html.client-js .SpoilerBox-B .lotm-cloud {
transform: none !important;
transition: opacity .4s ease, visibility 0s linear .4s !important;
}
html.client-js .spoiler_block > .mw-collapsible.mw-collapsed .lotm-cloud { transition: opacity .4s ease, visibility 0s !important; }
html.client-js .SpoilerBox-B:not(.mw-collapsed) .lotm-cloud { opacity: 0 !important; animation: none !important; }
html.client-js .SpoilerBox-B:not(.mw-collapsed) > .lotm-fog-body { animation: lotm-fog-fade .4s ease both !important; }
html.client-js .lotm-fog-body { transition: filter .4s ease, opacity .4s ease !important; }
html.client-js .lotm-fog-sky::before { transition: opacity .4s ease !important; animation: none !important; }
html.client-js .SpoilerBox-B:not(.mw-collapsed) > .lotm-fog-sky::before { opacity: 0 !important; }
.spoiler_block-headerT { transition: none; }
}
@keyframes lotm-fog-fade { from { opacity: 0; } to { opacity: 1; } }
/* ===== анимации A1–A3 (v2) ===== */
/* Полная замена блока «анимации A1–A3» (v1). Каждый анимируемый элемент хранит свою анимацию/переход
в --lotm-anim / --lotm-tr, поэтому «режим производительности» Citizen (features.less глушит
animation-duration/transition-duration через !important) переопределяется одним правилом в конце. */
/* A1-1 фоновый туман убран по решению владельца */
.lotm-fog { display: none !important; }
/* ---------- A1-5. Проявление статьи из дымки ----------
v1 анимировал всю .mw-body (вместе с фоном панели, 0.35 с) — мигала вся панель, а сам эффект
был почти незаметен. v2: панель на месте сразу, проявляется только содержимое (заголовок,
затем текст): opacity .2→1 (текст не пропадает целиком) + лёгкий blur + сдвиг 6px (transform/opacity/filter — не влияют на CLS).
fill-mode backwards — после конца на элементе не остаётся transform/filter. */
.citizen-page-header, .mw-body-content {
--lotm-anim: lotm-reveal .7s cubic-bezier(.2,.65,.3,1) backwards;
animation: var(--lotm-anim); }
.mw-body-content { --lotm-anim: lotm-reveal .8s cubic-bezier(.2,.65,.3,1) .08s backwards; }
@keyframes lotm-reveal {
from { opacity: .2; filter: blur(3px); transform: translate3d(0,6px,0); }
60% { filter: blur(0); }
to { opacity: 1; filter: none; transform: none; } }
@keyframes lotm-reveal-m { from { opacity: .2; transform: translate3d(0,6px,0); } to { opacity: 1; transform: none; } }
/* телефон: без blur (дорого на большой площади) */
@media (max-width: 719px) {
.citizen-page-header { --lotm-anim: lotm-reveal-m .6s cubic-bezier(.2,.65,.3,1) backwards; }
.mw-body-content { --lotm-anim: lotm-reveal-m .7s cubic-bezier(.2,.65,.3,1) .06s backwards; }
}
/* ---------- A1-7. «Око» вместо полоски загрузки поиска ----------
Citizen 3.x (MW 1.43): .citizen-command-palette-header__progress-indicator.citizen-loading появляется
в шапке палитры поиска, если запрос идёт дольше 300 мс. ::before — око (раскрывается), ::after —
вращающееся кольцо знаков. */
.citizen-command-palette-header__progress-indicator.citizen-loading {
position: absolute; top: 50%; right: 3.25rem; bottom: auto; left: auto;
width: 30px; height: 30px; margin-top: -15px; pointer-events: none; z-index: 2; }
.citizen-command-palette-header__progress-indicator.citizen-loading::before,
.citizen-command-palette-header__progress-indicator.citizen-loading::after {
content: ''; position: absolute; inset: 0; display: block; width: auto; height: auto;
border-radius: 0; background-color: transparent; }
.citizen-command-palette-header__progress-indicator.citizen-loading::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e6c589' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 32C19 22 25.5 18.5 32 18.5S45 22 52 32c-7 10-13.5 13.5-20 13.5S19 42 12 32Z'/%3E%3Ccircle cx='32' cy='32' r='7.5'/%3E%3Ccircle cx='32' cy='32' r='3' fill='%23f3dcae' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
filter: drop-shadow(0 0 4px rgba(230,197,137,.7));
--lotm-anim: lotm-eye-open 2.4s cubic-bezier(.4,0,.2,1) infinite;
animation: var(--lotm-anim); }
.citizen-command-palette-header__progress-indicator.citizen-loading::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d9b77c' stroke-linecap='round'%3E%3Ccircle cx='32' cy='32' r='29' stroke-width='2.4' stroke-dasharray='5 4.1'/%3E%3Cpath d='M32 1v6M32 57v6M1 32h6M57 32h6' stroke-width='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
filter: drop-shadow(0 0 3px rgba(193,151,93,.6));
--lotm-anim: lotm-eye-spin 2.4s linear infinite, lotm-eye-fade .3s ease-out both;
animation: var(--lotm-anim); }
@keyframes lotm-eye-spin { to { transform: rotate(360deg); } }
@keyframes lotm-eye-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lotm-eye-open { 0%, 100% { transform: scaleY(.12); opacity: .5; } 16%, 84% { transform: scaleY(1); opacity: 1; } }
/* старая форма поиска Citizen (если включена) — то же око */
.citizen-search__form.citizen-loading::after {
position: absolute; right: 48px; top: 50%; bottom: auto; width: 26px; height: 26px; margin-top: -13px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e6c589' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='29' stroke='%23c1975d' stroke-dasharray='5 4.1'/%3E%3Cpath d='M12 32C19 22 25.5 18.5 32 18.5S45 22 52 32c-7 10-13.5 13.5-20 13.5S19 42 12 32Z'/%3E%3Ccircle cx='32' cy='32' r='7.5'/%3E%3Ccircle cx='32' cy='32' r='3' fill='%23f3dcae' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
filter: drop-shadow(0 0 4px rgba(230,197,137,.6)); border-radius: 0;
--lotm-anim: lotm-eye-spin 2.4s linear infinite;
animation: var(--lotm-anim); }
/* ---------- A2. Звёзды и искры героя Заглавной ----------
v1: 18 точек радиусом 2.5–3 px с мерцанием .35↔1 — почти неотличимы от зерна фона.
v2 (без правки разметки): звёздное поле с ядром и ореолом (!important перебивает inline-фон),
глубже мерцание; искры — крупные четырёхлучевые, с вращением. */
.lotm-stars, .lotm-sparks { pointer-events: none; }
.lotm-stars { animation: var(--lotm-anim); will-change: opacity; }
.lotm-stars-a { --lotm-anim: lotm-twinkle 3.6s ease-in-out infinite;
background: radial-gradient(circle at 8% 30%, #fff3d6 0 1.2px, rgba(230,197,137,.5) 2px, transparent 5px),
radial-gradient(circle at 36% 86%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 61% 40%, #fff3d6 0 1.3px, rgba(230,197,137,.5) 2.2px, transparent 6px),
radial-gradient(circle at 88% 85%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 66% 96%, #fff3d6 0 1px, rgba(230,197,137,.4) 1.6px, transparent 4px),
radial-gradient(circle at 22% 15%, #fff3d6 0 1.2px, rgba(230,197,137,.5) 2px, transparent 5px),
radial-gradient(circle at 4% 82%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 47% 12%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.7px, transparent 4.5px),
radial-gradient(circle at 96% 18%, #fff3d6 0 1.1px, rgba(230,197,137,.45) 1.8px, transparent 5px) !important; }
.lotm-stars-b { --lotm-anim: lotm-twinkle 5.3s ease-in-out -2.1s infinite;
background: radial-gradient(circle at 17% 72%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 44% 62%, #fff3d6 0 1.2px, rgba(230,197,137,.5) 2px, transparent 5px),
radial-gradient(circle at 70% 78%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 94% 35%, #fff3d6 0 1.3px, rgba(230,197,137,.5) 2.2px, transparent 6px),
radial-gradient(circle at 3% 60%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 75% 20%, #fff3d6 0 1.1px, rgba(230,197,137,.45) 1.8px, transparent 5px),
radial-gradient(circle at 29% 8%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 57% 52%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 84% 60%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.7px, transparent 4.5px) !important; }
.lotm-stars-c { --lotm-anim: lotm-twinkle 7s ease-in-out -4.6s infinite;
background: radial-gradient(circle at 27% 48%, #fff3d6 0 1.1px, rgba(230,197,137,.5) 2px, transparent 5px),
radial-gradient(circle at 53% 92%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 79% 55%, #fff3d6 0 1.4px, rgba(230,197,137,.55) 2.4px, transparent 6.5px),
radial-gradient(circle at 12% 92%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 98% 70%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.7px, transparent 4.5px),
radial-gradient(circle at 50% 25%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.8px, transparent 4.5px),
radial-gradient(circle at 38% 34%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px),
radial-gradient(circle at 66% 10%, #fff3d6 0 1px, rgba(230,197,137,.45) 1.7px, transparent 4.5px),
radial-gradient(circle at 90% 96%, #fff3d6 0 .9px, rgba(230,197,137,.4) 1.5px, transparent 4px) !important; }
@keyframes lotm-twinkle { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }
.lotm-spark { position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; opacity: 0;
background: radial-gradient(circle, #fff6e2 0, rgba(243,220,174,.95) 14%, rgba(193,151,93,.55) 32%, rgba(193,151,93,0) 66%);
border-radius: 50%; will-change: transform, opacity;
--lotm-anim: lotm-spark 5s ease-in-out infinite; animation: var(--lotm-anim); }
.lotm-spark::before, .lotm-spark::after { content: ""; position: absolute; left: 50%; top: 50%;
background: linear-gradient(90deg, transparent, rgba(255,240,205,.95), transparent); }
.lotm-spark::before { width: 30px; height: 1.5px; margin: -.75px 0 0 -15px; }
.lotm-spark::after { width: 1.5px; height: 30px; margin: -15px 0 0 -.75px;
background: linear-gradient(180deg, transparent, rgba(255,240,205,.95), transparent); }
.lotm-spark-1 { --lotm-anim: lotm-spark 4.4s ease-in-out -1s infinite; }
.lotm-spark-2 { --lotm-anim: lotm-spark 6.1s ease-in-out -3s infinite; }
.lotm-spark-3 { --lotm-anim: lotm-spark 5.2s ease-in-out -4s infinite; }
.lotm-spark-4 { --lotm-anim: lotm-spark 7s ease-in-out -2s infinite; }
.lotm-spark-5 { --lotm-anim: lotm-spark 3.8s ease-in-out -.5s infinite; }
.lotm-spark-6 { --lotm-anim: lotm-spark 6.6s ease-in-out -5s infinite; }
@media (max-width: 719px) {
.lotm-spark::before { width: 22px; margin-left: -11px; }
.lotm-spark::after { height: 22px; margin-top: -11px; } }
@keyframes lotm-spark {
0%, 100% { opacity: 0; transform: scale(.3) rotate(0deg); }
45% { opacity: 1; transform: scale(1.15) rotate(45deg); }
60% { opacity: .85; transform: scale(.9) rotate(60deg); } }
/* ---------- A2. Карты Таро (работали, без изменений по поведению) ---------- */
.lc-grid { perspective: 900px; }
.lotm-tarot { position: relative; transform-style: preserve-3d; will-change: transform;
transform: rotateX(var(--lotm-rx, 0deg)) rotateY(var(--lotm-ry, 0deg));
--lotm-tr: transform .35s ease-out, box-shadow .35s, border-color .35s; transition: var(--lotm-tr); }
.lotm-tarot.lotm-tilting { --lotm-tr: transform .08s linear, box-shadow .35s, border-color .35s; }
.lotm-tarot::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit; opacity: 0;
background: linear-gradient(115deg, transparent 35%, rgba(243,220,174,.34) 48%, rgba(193,151,93,.18) 52%, transparent 65%) no-repeat;
background-size: 250% 100%; background-position: 130% 0; }
@media (hover: hover) and (pointer: fine) {
.lotm-tarot:hover { border-color: rgba(193,151,93,.75); box-shadow: 0 8px 22px rgba(0,0,0,.5), 0 0 14px rgba(193,151,93,.22); z-index: 2; }
.lotm-tarot:hover::after { opacity: 1; --lotm-anim: lotm-sheen 1.1s ease-out forwards; animation: var(--lotm-anim); }
}
.lotm-tarot.lotm-press::after { opacity: 1; --lotm-anim: lotm-sheen 1.1s ease-out forwards; animation: var(--lotm-anim); }
.lotm-tarot.lotm-press { --lotm-rx: 0deg; transform: scale(.97); }
@keyframes lotm-sheen { from { background-position: 130% 0; } to { background-position: -30% 0; } }
/* ---------- A3-4. Печати Путей (img[src*="Symbol"]: Fool_Symbol2.png и т.п.) ----------
v1: поворот на 25° и тень только при наведении на саму 26–30-px иконку — почти незаметно, а в
режиме производительности переход был мгновенным. v2: полный оборот печати + золотой ореол
цвета Пути; срабатывает и при наведении на подпись рядом (строка списка путей, ячейка таблицы),
на сенсорных экранах — при касании. */
img[src*="Symbol"].mw-file-element {
--lotm-seal: #c1975d;
--lotm-tr: transform 1s cubic-bezier(.25,.8,.25,1), filter .45s ease;
transition: var(--lotm-tr); }
img[src*="Symbol"].mw-file-element:hover,
a:is(:hover, :focus-visible) > img[src*="Symbol"].mw-file-element,
a:active > img[src*="Symbol"].mw-file-element {
transform: rotate(360deg) scale(1.15);
filter: drop-shadow(0 0 3px var(--lotm-seal)) drop-shadow(0 0 9px var(--lotm-seal)) brightness(1.12); }
.mw-parser-output :is(div, li, td, th):has(> * > [typeof^="mw:File"] img[src*="Symbol"], > [typeof^="mw:File"] img[src*="Symbol"]):hover img[src*="Symbol"].mw-file-element {
transform: rotate(360deg) scale(1.15);
filter: drop-shadow(0 0 3px var(--lotm-seal)) drop-shadow(0 0 9px var(--lotm-seal)) brightness(1.12); }
/* крупные печати (инфобокс, шапка Пути) — без масштаба, мягче оборот */
.portable-infobox img[src*="Symbol"].mw-file-element:hover,
.infobox img[src*="Symbol"].mw-file-element:hover { transform: rotate(360deg); }
/* ---------- A3-6. Золотая нить под ссылками ----------
v1: при наведении под ссылкой одновременно рисовались подчёркивание Citizen (text-decoration
из codex link mixin) и нить на 0.25em ниже — две линии; огромная специфичность :not()-цепочки
перебивала фон других ссылок. v2: исключения внутри :where() (специфичность .mw-parser-output a),
на время наведения подчёркивание Citizen скрыто — остаётся только нить, растущая от центра. */
.mw-parser-output a:where(:not(.image, .mw-file-description, [role="button"], .mw-selflink, .lotm-btn, .cdx-button, .mw-editsection-visualeditor, .mw-headline-anchor, .reference a, .toc a, .tab a, .wds-tabs__tab a, .infobox-header a, .infobox th a, .mw-heading a, .navbox-title a, .lc-card a, :has(> img, > .mw-file-element))) {
background-image: linear-gradient(90deg, rgba(193,151,93,0), #e6c589 30%, #f3dcae 50%, #e6c589 70%, rgba(193,151,93,0));
background-repeat: no-repeat;
background-position: 50% calc(100% - 1px);
background-size: 0 1.5px;
-webkit-box-decoration-break: clone; box-decoration-break: clone;
--lotm-tr: background-size .35s cubic-bezier(.3,.7,.3,1), text-shadow .35s ease, color .2s ease;
transition: var(--lotm-tr); }
.mw-parser-output a:where(:not(.image, .mw-file-description, [role="button"], .mw-selflink, .lotm-btn, .cdx-button, .mw-editsection-visualeditor, .mw-headline-anchor, .reference a, .toc a, .tab a, .wds-tabs__tab a, .infobox-header a, .infobox th a, .mw-heading a, .navbox-title a, .lc-card a, :has(> img, > .mw-file-element))):is(:hover, :focus-visible) {
background-size: 100% 1.5px;
text-decoration-color: transparent;
text-shadow: 0 0 10px rgba(230,197,137,.45); }
/* ---------- Доступность: системное «уменьшить движение» — без движения ---------- */
@media (prefers-reduced-motion: reduce) {
.lotm-fog__layer, .lotm-stars, .lotm-spark, .citizen-page-header, .mw-body-content,
.citizen-command-palette-header__progress-indicator.citizen-loading::before,
.citizen-command-palette-header__progress-indicator.citizen-loading::after,
.citizen-search__form.citizen-loading::after, .lotm-tarot::after { animation: none !important; }
.lotm-fog__layer { opacity: var(--lotm-op, 1); transform: none !important; }
.lotm-stars { opacity: .8; } .lotm-spark { opacity: .6; }
.lotm-tarot, img[src*="Symbol"].mw-file-element, .mw-parser-output a { transition: none !important; }
.lotm-tarot { transform: none !important; }
img[src*="Symbol"].mw-file-element { transform: none !important; }
}
/* ---------- «Режим производительности» Citizen (по умолчанию ВКЛ без WebGL) ----------
features.less: `.citizen-feature-performance-mode-clientpref-1 *, ::before, ::after
{ animation-duration:.01ms!important; animation-delay:-.01ms!important; animation-iteration-count:1!important;
transition-duration:0ms!important }` — возвращаем наши анимации (shorthand с !important и большей специфичностью). */
@media (prefers-reduced-motion: no-preference) {
html.citizen-feature-performance-mode-clientpref-1 :is(.lotm-fog__layer, .lotm-stars, .lotm-spark, .citizen-page-header, .mw-body-content),
html.citizen-feature-performance-mode-clientpref-1 .citizen-command-palette-header__progress-indicator.citizen-loading::before,
html.citizen-feature-performance-mode-clientpref-1 .citizen-command-palette-header__progress-indicator.citizen-loading::after,
html.citizen-feature-performance-mode-clientpref-1 .citizen-search__form.citizen-loading::after,
html.citizen-feature-performance-mode-clientpref-1 .lotm-tarot.lotm-press::after { animation: var(--lotm-anim) !important; }
html.citizen-feature-performance-mode-clientpref-1 :is(.lotm-tarot, img[src*="Symbol"].mw-file-element),
html.citizen-feature-performance-mode-clientpref-1 .mw-parser-output a:where(:not(.image, .mw-file-description, [role="button"], .mw-selflink, .lotm-btn, .cdx-button, .mw-editsection-visualeditor, .mw-headline-anchor, .reference a, .toc a, .tab a, .wds-tabs__tab a, .infobox-header a, .infobox th a, .mw-heading a, .navbox-title a, .lc-card a, :has(> img, > .mw-file-element))) { transition: var(--lotm-tr) !important; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
html.citizen-feature-performance-mode-clientpref-1 .lotm-tarot:hover::after { animation: var(--lotm-anim) !important; }
}
/* ===== мобильная версия (волна 36) ===== */
/* --- M1 --- */
/* M1: инфобоксы и соседи. Только телефон/узкие экраны. */
@media (max-width: 720px) {
/* Табличные инфобоксы (Template:Mysticism Infobox): на всю ширину, без обтекания.
float/width/margin заданы инлайном в шаблоне — перебиваем !important. */
.mw-parser-output table.portable-infobox {
float: none !important;
clear: both;
width: 100% !important;
max-width: 100%;
margin: 0 0 1em !important;
box-sizing: border-box;
}
.mw-parser-output table.portable-infobox img {
max-width: 100%;
height: auto;
}
.mw-parser-output table.portable-infobox td,
.mw-parser-output table.portable-infobox th {
overflow-wrap: anywhere;
}
.mw-parser-output .mobile-hidden:has(> table.portable-infobox) {
display: block;
clear: both;
}
/* Любые соседние float-блоки не должны вставать рядом с инфобоксом */
.mw-parser-output aside.portable-infobox {
clear: both;
}
}
/* --- M2 --- */
/* M2 — таблицы (мобильная версия) */
@media (max-width: 720px) {
/* таблицы с инлайн-обтеканием/процентной шириной (напр. «Валюта»): на всю ширину, без float */
.mw-parser-output table[style*="float"] {
float: none !important;
clear: both;
display: block;
width: auto !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* внутренняя таблица на всю ширину рамки (display:block сжимал её по содержимому) */
.mw-parser-output table[style*="float"] > tbody,
.mw-parser-output table.WikiTable > tbody {
display: table;
width: 100%;
}
/* таблицы с class=WikiTable (регистр) не попадали под прокрутку */
.mw-parser-output table.WikiTable {
display: block;
overflow-x: auto;
max-width: 100%;
width: auto !important;
-webkit-overflow-scrolling: touch;
}
/* мелкий шрифт (10px) в таблицах путей */
.mw-parser-output table.mw-datatable td,
.mw-parser-output table.mw-datatable th {
font-size: max(12px, 1em);
}
/* длинные слова в ячейках не раздувают таблицу */
.mw-parser-output table.wikitable td,
.mw-parser-output table.article-table td,
.mw-parser-output table.fandom-table td,
.mw-parser-output table.WikiTable td {
overflow-wrap: anywhere;
min-width: 7em;
}
}
/* --- M3 --- */
/* M3 — изображения и галереи (только телефон) */
@media (max-width: 720px) {
.mw-parser-output img.mw-file-element,
.mw-parser-output .mw-file-description,
.mw-parser-output figure[typeof^="mw:File"] img {
max-width: 100%;
height: auto;
}
/* плавающие картинки/миниатюры — без обтекания, по центру */
.mw-parser-output .floatright,
.mw-parser-output .floatleft,
.mw-parser-output .tright,
.mw-parser-output .tleft,
.mw-parser-output figure.mw-halign-left,
.mw-parser-output figure.mw-halign-right,
.mw-parser-output figure[typeof~="mw:File/Thumb"]:not([class*="pi-"]),
.mw-parser-output figure[typeof~="mw:File/Frame"]:not([class*="pi-"]) {
float: none;
clear: both;
display: table;
max-width: 100%;
margin: 0.75em auto;
}
.mw-parser-output .mw-halign-left:not(figure),
.mw-parser-output .mw-halign-right:not(figure) {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.mw-parser-output figure:not(.pi-item):not(.pi-image):not([class*="pi-"]) > figcaption {
display: table-caption;
caption-side: bottom;
font-size: 0.875rem;
overflow-wrap: anywhere;
}
/* галереи */
.mw-parser-output ul.gallery {
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.mw-parser-output ul.gallery .gallerybox {
max-width: 100%;
box-sizing: border-box;
}
.mw-parser-output ul.gallery .gallerybox .thumb img {
max-width: 100%;
height: auto;
}
.mw-parser-output ul.gallery .gallerytext {
font-size: 0.875rem;
overflow-wrap: anywhere;
word-break: normal;
}
.mw-parser-output ul.mw-gallery-packed,
.mw-parser-output ul.mw-gallery-packed-hover,
.mw-parser-output ul.mw-gallery-packed-overflow {
justify-content: center;
}
}
@media (max-width: 400px) {
.mw-parser-output ul.gallery.mw-gallery-traditional .gallerybox {
width: calc(50% - 8px) !important;
min-width: 0;
}
.mw-parser-output ul.gallery.mw-gallery-traditional .gallerybox > div,
.mw-parser-output ul.gallery.mw-gallery-traditional .gallerybox .thumb {
width: 100% !important;
}
}
/* --- M4 --- */
/* M4 — блоки-шаблоны на телефоне: цитаты, навбоксы, плашки, колонки. Только @media (max-width: 720px). */
@media (max-width: 720px) {
/* --- Цитата (Template:Quote / Module:Quote, .pull-quote) ---
Не вставать рядом с плавающим инфобоксом (flex-контейнер образует BFC и сжимался до 2–3 букв),
на всю ширину колонки, без обтекания у вариантов align=left/right. */
#content .pull-quote {
clear: both;
float: none;
width: auto;
max-width: 100%;
margin: 1em 0;
}
#content .pull-quote--left,
#content .pull-quote--right {
float: none;
width: auto !important;
max-width: 100%;
margin: 1em 0;
}
#content .pull-quote__text {
padding: 0 1.25em;
}
/* тире «— » перед подписью не должно оставаться одиноко на своей строке */
#content .pull-quote__source {
padding-right: 0.4em;
}
#content .pull-quote__source > div {
display: inline;
}
/* --- Плашки MessageBox (.mbox): компактнее отступы, крестик свёртки — нормальная цель для пальца
(было 2vw = 6px) --- */
.mbox {
border-left-width: 6px;
}
.mbox .mbox__content {
padding: 8px 10px;
}
.mbox .mbox__content__image {
padding-right: 10px;
}
.mbox .mbox__close {
width: 28px;
height: 28px;
box-sizing: border-box;
background-size: 10px;
background-position: center;
}
/* --- Баннер сообщества (MediaWiki:Sitenotice): боковые отступы как у колонки статьи,
на 320px он стоял вплотную к краям экрана --- */
#siteNotice {
box-sizing: border-box;
padding-left: max(16px, env(safe-area-inset-left));
padding-right: max(16px, env(safe-area-inset-right));
}
/* --- Блоки в несколько колонок (div style="column-count:N"): на телефоне не больше двух.
Инлайновый стиль перебивается только !important; списки Примечаний не трогаем. --- */
.mw-parser-output div[style*="column-count"]:not(.references-column-count):not(.mw-references-columns) {
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
column-count: 2 !important;
column-gap: 1em;
}
/* --- Навбоксы: ссылки «п · о · р» (шаблон/обсуждение/правка) на телефоне не нужны и
обрезаются; освободившиеся 65px отдаём заголовку --- */
.navbox .navbox-vde {
display: none;
}
.navbox .navbox-title-padleft,
.navbox .navbox-header-collapsible {
padding-left: 0;
}
.navbox .navbox-group {
min-width: 0;
}
}
@media (max-width: 560px) {
/* Навбокс: подпись группы — строкой над списком, а не колонкой в 110px
(вложенные списки сжимались до 116px и переносились по слову) */
.navbox .navbox-row,
.navbox .navbox-section-row,
.navbox .navbox-section > tbody,
.navbox .navbox-subgroup > tbody,
.navbox .navbox-section > tbody > tr,
.navbox .navbox-subgroup > tbody > tr,
.navbox .navbox-row > th,
.navbox .navbox-title > th,
.navbox .navbox-section > tbody > tr > th.navbox-header,
.navbox .navbox-row > td,
.navbox .navbox-section-row > td {
display: block;
}
.navbox .navbox-section,
.navbox .navbox-subgroup {
display: block;
width: 100%;
}
.navbox .navbox-gutter {
display: none;
}
.navbox .navbox-row {
margin-bottom: 2px;
}
.navbox .navbox-row > th.navbox-group {
width: auto;
text-align: left;
padding: 4px 8px;
border-right: 0;
}
.navbox .navbox-list {
width: auto;
}
.navbox .navbox-list div {
padding: 2px 8px;
}
}
/* --- M5 --- */
/* M5 — Заглавная (.lotm-mainpage), мобильная версия. Всё под max-width:720px, ПК не затрагивается. */
@media (max-width: 820px) {
/* подписи групп Путей: .68em/.6em давали 9.6–10.9px, ниже 12px нечитаемо */
.lotm-mainpage div[style*="font-size:.68em"][style*="text-transform:uppercase"],
.lotm-mainpage div[style*="font-size:.6em"][style*="text-transform:uppercase"] {
font-size: 12px !important; /* !important: перебивает inline style шаблона */
letter-spacing: .04em !important;
}
}
@media (max-width: 720px) {
/* подписи под портретами персонажей: 11.5px -> 12px */
.lotm-mainpage .lc-title {
font-size: 12px;
}
/* названия Путей: длинные слова («Неизбежности», «Повешенный») не должны упираться в рамку карточки */
.lotm-mainpage div[style*="min-height:38px"] {
min-width: 0;
}
.lotm-mainpage div[style*="min-height:38px"] > a {
min-width: 0;
font-size: .94em;
overflow-wrap: anywhere;
hyphens: auto;
}
/* сетки карточек: страховка от выпирания */
.lotm-mainpage div[style*="grid-template-columns:repeat(auto-fill"] > div {
min-width: 0;
overflow-wrap: anywhere;
}
/* карточки книг: обложка поменьше, чтобы колонке текста хватало ширины (было ~119px) */
.lotm-mainpage div[style*="flex:0 0 108px"] {
flex-basis: 84px !important;
width: 84px;
}
.lotm-mainpage div[style*="flex:0 0 108px"] img {
width: 100%;
height: auto;
}
}
@media (max-width: 340px) {
/* 320: обложка над текстом, группы Путей в одну колонку */
.lotm-mainpage div[style*="flex:1 1 300px"][style*="align-items:flex-start"] {
flex-direction: column !important;
align-items: center !important;
text-align: center;
}
.lotm-mainpage div[style*="flex:1 1 300px"] > div[style*="min-width:0"] {
width: 100%;
}
.lotm-mainpage div[style*="grid-template-columns:repeat(auto-fill"] {
grid-template-columns: minmax(0, 1fr) !important;
}
}
/* --- M6 --- */
/* M6: типографика на телефоне (не трогает .references / Примечания / Transcript) */
@media (max-width: 720px) {
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output dt,
.mw-parser-output blockquote,
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6,
.mw-parser-output .mw-headline,
.mw-parser-output a,
.firstHeading,
.mw-page-title-main {
overflow-wrap: break-word;
word-break: normal;
}
.mw-parser-output > p, .mw-parser-output > ul > li, .mw-parser-output > ol > li { line-height: 1.6; }
.mw-parser-output > ul, .mw-parser-output > ol { padding-inline-start: 1.4em; margin-inline-start: 0; }
.mw-parser-output dl > dd { margin-inline-start: 1em; }
.mw-parser-output pre, .mw-parser-output .poem {
max-width: 100%; overflow-x: auto; box-sizing: border-box;
white-space: pre-wrap; overflow-wrap: break-word;
-webkit-overflow-scrolling: touch;
}
.mw-parser-output code { overflow-wrap: break-word; font-size: .9em; }
.firstHeading, .mw-page-title-main { hyphens: manual; line-height: 1.2; }
.mw-parser-output h2, .mw-parser-output h3 { scroll-margin-top: 4.5rem; }
/* мелкий шрифт: подписи и маркеры сносок [1] в тексте */
.mw-parser-output span.caption { font-size: max(1em, 13px); }
.mw-parser-output sup { font-size: max(.83em, 12px); line-height: 0; }
.mw-parser-output sup.reference, .mw-parser-output sup.reference a { font-size: max(.83em, 13px); }
/* встроенное оглавление и текст — не вылезают */
.mw-parser-output .toc, .mw-parser-output #toc { max-width: 100%; box-sizing: border-box; }
}
/* --- M8 --- */
/* M8: служебные страницы на телефоне */
@media (max-width: 720px) {
/* Поиск: контейнер результатов с float:left расширялся до min-content длинных токенов (581px при 358) */
.mw-search-results-container { float: none; width: auto; max-width: 100%; }
.mw-search-result-heading,
.searchresult,
.mw-search-result-data { overflow-wrap: anywhere; word-break: break-word; }
/* Свежие правки: кнопка «Последние изменения, начиная с…» не переносилась */
.mw-rcfilters-ui-filterWrapperWidget-showNewChanges a.oo-ui-buttonElement-button,
.mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-labelElement-label { white-space: normal; max-width: 100%; }
.mw-rcfilters-ui-filterWrapperWidget-showNewChanges { max-width: 100%; }
/* Specials: версия, подробные ссылки-токены */
.mw-version-ext-authors, .mw-version-ext-vcs-timestamp, .mw-version-ext-license { overflow-wrap: anywhere; }
}
/* --- M7 --- */
/* M7 — оболочка Citizen на телефоне (только .citizen-* и подвал). Всё под max-width:720px. */
@media (max-width: 720px) {
/* 1. Подвал: вторая строка footer-desc начиналась с пробела -> <pre> (nowrap, моноширинный,
«Нашли ошибку или неточность? Нап…» обрезалась). Правка текста сообщения — в proposals/M7.tsv;
это страховка, если строка снова станет <pre>. */
.citizen-footer pre {
margin: 0;
padding: 0;
font: inherit;
white-space: pre-wrap;
overflow-wrap: anywhere;
color: inherit;
background: none;
border: 0;
border-radius: 0;
}
/* 2. Подвал: длинные ссылки/слова не растягивают страницу */
.citizen-footer__desc,
#footer-tagline {
overflow-wrap: break-word;
}
/* 3. Настройки (тема/шрифт): у панели min-width:20rem — на 320px вылезала за экран */
.citizen-preferences,
.citizen-preferences-skeleton {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
/* 4. Поиск (нижняя шапка): кнопка-«крестик» лежит поверх поля и закрывала начало подсказки/текста.
Поле начинается на 65px, крестик заканчивается на 109px — отступ 3rem. */
.citizen-header-position-mobile-bottom .citizen-search__card .citizen-search__formIcon {
flex: none; /* на 320px иконка сжималась до 20px и поле лезло под крестик/за край формы */
}
.citizen-header-position-mobile-bottom .citizen-search__card #searchInput {
min-width: 0;
padding-inline-start: 3rem;
text-overflow: ellipsis;
}
/* 5. Плавающие кнопки (оглавление, «поделиться / …»): перекрывали текст инфобокса.
Фон делаем полупрозрачным с размытием: текст под кнопкой не просвечивает «кашей», но видно, что контент продолжается.
Автоскрытие Citizen (.citizen-scroll--down …) по-прежнему прячет их при прокрутке вниз (opacity не трогаем). */
.citizen-toc:not(:has(details[open])),
.citizen-page-actions:not(:has(details[open])) {
background: color-mix(in srgb, var(--color-surface-1) 78%, transparent);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
box-shadow: var(--box-shadow-medium, 0 2px 8px rgba(0, 0, 0, 0.35));
}
/* 6. Содержимое страницы: низ последней секции не прячется под нижней шапкой (если автоскрытие выключено,
подвал и так даёт отступ; здесь — запас на случай без подвала, напр. всплывающие страницы) */
.citizen-body-container {
scroll-padding-bottom: 7rem;
}
}
/* --- M10 --- */
/* M10 — специфика планшетов/альбомной ориентации/светлой темы. Дополняет M1..M7, ПК (>1024) не затрагивает, кроме строки про навбоксы. */
/* Светлая тема: общая правка «ссылки в th[style*=background]» (Citizen.css, золото #e8c58f) красила ссылки
в заголовке навбокса на оранжевой/голубой заливке пути в золото: контраст 1.4:1. В шапке навбокса ссылки — белые, как в Common.css. */
.mw-parser-output .navbox .navbox-title th[style*="background"] a:not(.new),
.mw-parser-output .navbox th.navbox-title[style*="background"] a:not(.new),
.mw-parser-output .navbox .navbox-title a:not(.new) {
color: #fff;
}
/* 821–1024px и альбомный телефон (844×390): M5 покрывает только ≤820, подписи групп Путей оставались 10.9px */
@media (min-width: 821px) and (max-width: 1024px) {
.lotm-mainpage div[style*="font-size:.68em"][style*="text-transform:uppercase"],
.lotm-mainpage div[style*="font-size:.6em"][style*="text-transform:uppercase"] {
font-size: 12px !important; /* перебивает inline style шаблона */
letter-spacing: .04em !important;
}
}
/* ===== вкладки (инфобоксы, Tabs) ===== */
/* ==== wave30 / tabs.css — единая вёрстка вкладок (вставить в конец Common.css) ====
Покрывает: PortableInfobox panel-вкладки (.pi-section-navigation), вложенные
вкладки картинок (.pi-media-collection-tabs), {{Tabs}} (.custom-tabs),
.wds-tabber / .tabber (Module:Tabber), TabberNeue (.tabber__tabs).
Принцип: один ряд, равная высота, перенос подписи на 2 строки вместо «…»,
при слишком большом числе вкладок — горизонтальная прокрутка ряда. */
/* ---------- 1. Вкладки-разделы инфобокса (родительские) ---------- */
.portable-infobox .pi-panel-scroll-wrapper { max-width: 100%; }
.portable-infobox .pi-section-navigation {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: center;
gap: 4px;
width: 100%;
margin: 0;
padding: 4px 4px 0;
box-sizing: border-box;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
.portable-infobox .pi-section-navigation .pi-section-tab {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
min-width: 5.5em;
max-width: none;
margin: 0;
padding: 6px 8px;
box-sizing: border-box;
overflow: visible;
text-overflow: clip;
white-space: normal;
text-align: center;
line-height: 1.2;
font-size: 0.8125rem;
overflow-wrap: break-word;
hyphens: auto;
border-width: 2px 2px 0;
}
.portable-infobox .pi-section-navigation .pi-section-label {
width: 100%;
overflow: visible;
text-overflow: clip;
white-space: normal;
}
.portable-infobox .pi-section-navigation .pi-section-tab.pi-section-active {
font-weight: 700;
border-color: var(--color-progressive, #c1975d);
box-shadow: inset 0 3px 0 var(--color-progressive, #c1975d);
}
/* ---------- 2. Вложенные вкладки картинок (подчинённые, «сегменты») ---------- */
.portable-infobox .pi-media-collection { max-width: 100%; }
.portable-infobox .pi-media-collection-tabs {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: center;
gap: 0;
width: calc(100% - 16px);
margin: 6px 8px 4px;
padding: 2px;
box-sizing: border-box;
border-radius: 999px;
background: var(--color-surface-3, rgba(255,255,255,.06));
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.portable-infobox .pi-media-collection-tabs::-webkit-scrollbar { display: none; }
.portable-infobox .pi-media-collection .pi-tab-link {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
min-width: 5em;
max-width: none;
margin: 0;
padding: 4px 10px;
box-sizing: border-box;
border: 0;
border-radius: 999px;
background: transparent;
overflow: visible;
text-overflow: clip;
white-space: normal;
text-align: center;
line-height: 1.2;
font-size: 0.75rem;
font-weight: 500;
opacity: .8;
}
.portable-infobox .pi-media-collection .pi-tab-link:hover { opacity: 1; background: rgba(193,151,93,.15); }
.portable-infobox .pi-media-collection .pi-tab-link.current {
opacity: 1;
font-weight: 700;
color: #1b1710;
background: var(--color-progressive, #c1975d);
border: 0;
}
/* ---------- 3. {{Tabs}} / .custom-tabs ---------- */
.custom-tabs {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 5px;
}
.custom-tabs > span {
flex: 1 1 calc(33.333% - 5px); /* по 3 в ряд, неполный последний ряд растягивается */
align-items: stretch;
min-width: 0;
}
.custom-tabs a, .custom-tabs .selflink, .custom-tabs span.new {
min-height: 2.5em;
overflow-wrap: break-word;
hyphens: auto;
line-height: 1.25;
box-sizing: border-box;
}
@media (min-width: 700px) { .custom-tabs > span { flex: 1 1 0; } }
/* ---------- 4. .wds-tabber (Module:Tabber) ----------
Рядом с плавающим инфобоксом/картинкой ряд сжимается в столбик (это нормально),
но подпись обязана помещаться: переносим по словам. */
.mw-parser-output .wds-tabber > .wds-tabs,
.mw-parser-output .wds-tabber > .wds-tabs__wrapper { max-width: 100%; box-sizing: border-box; }
.mw-parser-output .wds-tabber .wds-tabs__tab { min-width: 0; max-width: 100%; }
.mw-parser-output .wds-tabber .wds-tabs__tab-label {
white-space: normal;
overflow-wrap: break-word;
hyphens: auto;
line-height: 1.25;
}
/* на самых узких экранах ряд не втискиваем рядом с плавающим блоком */
@media (max-width: 340px) {
.mw-parser-output .wds-tabber > .wds-tabs,
.mw-parser-output .wds-tabber > .wds-tabs__wrapper { clear: both; }
}
/* ===== рамки: документы и примечания ===== */
/* ===== RAMKI: рамки для блоков-документов и примечаний (wave30) =====
Вставить в MediaWiki:Common.css. Зависит от переменных Citizen (--color-*). */
:root {
--rk-gold: #c1975d;
--rk-accent: #c1975d;
--rk-line: rgba(193, 151, 93, .55);
--rk-line-soft: rgba(193, 151, 93, .22);
--rk-paper: linear-gradient(180deg, rgba(193,151,93,.10), rgba(193,151,93,.04) 60%, rgba(193,151,93,.08));
--rk-ink: var(--color-base, #e8e4df);
--rk-stamp: #c8574d;
}
html.skin-theme-clientpref-day {
--rk-accent: #86602a;
--rk-line: rgba(134, 96, 42, .55);
--rk-line-soft: rgba(134, 96, 42, .22);
--rk-paper: linear-gradient(180deg, #f8f0dc, #fbf6e9 55%, #f5ecd5);
--rk-ink: #2f2619;
--rk-stamp: #a3342b;
}
@media (prefers-color-scheme: light) {
html.skin-theme-clientpref-os {
--rk-accent: #86602a;
--rk-line: rgba(134, 96, 42, .55);
--rk-line-soft: rgba(134, 96, 42, .22);
--rk-paper: linear-gradient(180deg, #f8f0dc, #fbf6e9 55%, #f5ecd5);
--rk-ink: #2f2619;
--rk-stamp: #a3342b;
}
}
/* --- общая рамка --- */
.mw-parser-output .ramki {
position: relative;
box-sizing: border-box;
max-width: 100%;
margin: 1.4em auto;
padding: 1.15em 1.5em 1.15em;
border: 1px solid var(--rk-line);
border-radius: 2px;
background: var(--rk-paper);
color: var(--rk-ink);
font-family: var(--font-family-serif, 'Lora', Georgia, serif);
font-size: 1.04em;
line-height: 1.7;
text-align: left;
box-shadow: inset 0 0 0 4px transparent, inset 0 0 0 5px var(--rk-line-soft), 0 2px 14px rgba(0, 0, 0, .18);
overflow-wrap: anywhere;
word-break: normal;
}
/* уголки */
.mw-parser-output .ramki::before {
content: "";
position: absolute;
inset: 8px;
pointer-events: none;
--c: var(--rk-accent);
background:
linear-gradient(var(--c), var(--c)) top left / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) top left / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) top right / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) top right / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) bottom left / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) bottom left / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) bottom right / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) bottom right / 1px 14px no-repeat;
}
.mw-parser-output .ramki > * { position: relative; }
.mw-parser-output .ramki p { margin: 0 0 .8em; }
.mw-parser-output .ramki p:last-child,
.mw-parser-output .ramki .poem:last-child { margin-bottom: 0; }
.mw-parser-output .ramki .poem,
.mw-parser-output .ramki .va-transcript-text {
font-family: inherit;
font-style: inherit;
font-size: 1em;
margin: 0;
text-align: inherit;
white-space: normal;
}
.mw-parser-output .ramki ul,
.mw-parser-output .ramki ol { margin: .3em 0 .3em 1.4em; padding: 0; }
.mw-parser-output .ramki li { margin: .25em 0; }
.mw-parser-output .ramki li::marker { color: var(--rk-accent); }
.mw-parser-output .ramki a { color: var(--rk-accent); }
.mw-parser-output .ramki a:hover { text-decoration: underline; }
.mw-parser-output .ramki cite { font-style: italic; }
/* ярлык (заголовок-табличка) */
.mw-parser-output .ramki-label {
display: inline-block;
position: absolute !important;
top: -.78em;
left: 1.4em;
max-width: calc(100% - 3em);
padding: 0 .75em;
background: var(--color-surface-1, #1c1b1a);
color: var(--rk-accent);
font-size: .78em;
font-variant: small-caps;
letter-spacing: .14em;
text-transform: lowercase;
line-height: 1.5;
z-index: 1;
}
html.skin-theme-clientpref-day .mw-parser-output .ramki-label { background: #fbf6e9; }
@media (prefers-color-scheme: light) { html.skin-theme-clientpref-os .mw-parser-output .ramki-label { background: #fbf6e9; } }
.mw-parser-output .ramki--hasLabel { margin-top: 1.9em; }
/* --- вариант: письмо / записка --- */
.mw-parser-output .ramki--letter {
font-style: italic;
border-left-width: 3px;
padding-left: 1.9em;
}
.mw-parser-output .ramki--letter .ramki-body::first-line { letter-spacing: .02em; }
/* --- вариант: стих, песнопение, молитва --- */
.mw-parser-output .ramki--verse,
.mw-parser-output .ramki--prayer {
text-align: center;
font-style: italic;
max-width: 42em;
padding-left: 2em;
padding-right: 2em;
}
.mw-parser-output .ramki--verse::after,
.mw-parser-output .ramki--prayer::after {
content: "\2766";
display: block;
text-align: center;
color: var(--rk-accent);
opacity: .75;
font-style: normal;
line-height: 1;
margin-top: .6em;
}
.mw-parser-output .ramki--prayer { margin: 1.1em auto; }
.mw-parser-output .ramki--prayer::after { content: none; }
.mw-parser-output .ramki--prayer .ramki-caption {
margin-top: .7em;
text-align: right;
font-style: normal;
font-size: .86em;
color: var(--rk-accent);
}
.mw-parser-output .ramki--prayer .ramki-body > .poem { display: block; }
/* --- вариант: надпись (на стене, обложке) --- */
.mw-parser-output .ramki--inscription {
text-align: center;
letter-spacing: .08em;
font-size: 1.1em;
max-width: 34em;
border-style: double;
border-width: 3px;
}
/* --- вариант: секретное досье --- */
.mw-parser-output .ramki--dossier { padding-top: 1.1em; max-width: 52em; margin-left: 0; margin-right: 0; }
.mw-parser-output .ramki--dossier .ramki-head {
display: flex; flex-wrap: wrap; gap: .3em 1.5em; justify-content: space-between; align-items: baseline;
font-size: .9em; padding-bottom: .5em; margin-bottom: .6em;
border-bottom: 1px solid var(--rk-line-soft);
}
.mw-parser-output .ramki--dossier .ramki-meta { display: flex; flex-wrap: wrap; gap: .1em 1.4em; }
.mw-parser-output .ramki--dossier .ramki-stamp {
color: var(--rk-stamp); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: .86em;
border: 1px solid var(--rk-stamp); padding: .05em .6em; transform: rotate(-1.5deg); border-radius: 2px;
}
.mw-parser-output .ramki--dossier .ramki-stamp a { color: inherit; }
.mw-parser-output .ramki--dossier .ramki-title { font-size: 1.15em; font-weight: 600; margin-bottom: .5em; }
.mw-parser-output .ramki--dossier .ramki-source { text-align: right; font-size: .86em; opacity: .8; margin-top: .6em; }
/* --- мобильные --- */
@media (max-width: 719px) {
.mw-parser-output .ramki { padding: 1em 1.05em; font-size: 1em; margin-left: 0; margin-right: 0; }
.mw-parser-output .ramki--letter { padding-left: 1.2em; }
.mw-parser-output .ramki--verse, .mw-parser-output .ramki--prayer { padding-left: 1.1em; padding-right: 1.1em; }
.mw-parser-output .ramki--dossier .ramki-head { flex-direction: column; align-items: flex-start; }
}
/* ===== ПРИМЕЧАНИЯ ===== */
/* убрать внутреннюю прокрутку шаблона-обёртки (inline height:150px) */
.mw-parser-output .mobile-scrollbox:has(ol.references) {
height: auto !important;
max-height: none !important;
overflow: visible !important;
margin: .4em 0 1.2em;
padding: .9em 1.2em;
border: 1px solid var(--rk-line-soft) !important;
border-top: 2px solid var(--rk-line) !important;
border-radius: 2px;
background: var(--rk-paper);
box-sizing: border-box;
}
/* огромные списки (> 60 сносок) — красивая тонкая прокрутка */
.mw-parser-output .mobile-scrollbox:has(ol.references > li:nth-child(61)) {
max-height: 32rem !important;
overflow-y: auto !important;
scrollbar-width: thin;
scrollbar-color: var(--rk-line) transparent;
}
.mw-parser-output .mobile-scrollbox:has(ol.references) .references-small,
.mw-parser-output .references-small { font-size: .92rem; line-height: 1.55; }
.mw-parser-output ol.references {
margin: 0;
padding: 0 0 0 1.9em;
list-style: decimal;
}
.mw-parser-output ol.references > li {
break-inside: avoid;
margin: 0 0 .45em;
padding-left: .25em;
overflow-wrap: anywhere;
}
.mw-parser-output ol.references > li::marker {
color: var(--rk-accent);
font-family: var(--font-family-serif, 'Lora', Georgia, serif);
font-weight: 600;
}
.mw-parser-output ol.references .mw-cite-backlink,
.mw-parser-output ol.references .mw-cite-backlink a {
color: var(--rk-accent);
font-weight: 600;
text-decoration: none;
margin-right: .15em;
}
.mw-parser-output ol.references .mw-cite-backlink a:hover { text-decoration: underline; }
.mw-parser-output ol.references .reference-text a.external { overflow-wrap: anywhere; }
.mw-parser-output ol.references li:target {
background: var(--rk-line-soft);
outline: 1px solid var(--rk-line);
outline-offset: 2px;
}
.mw-parser-output .references-column-count-2,
.mw-parser-output .references-column-count { column-gap: 2.4em; }
@media (max-width: 719px) {
.mw-parser-output .mobile-scrollbox:has(ol.references) { padding: .75em .85em; }
.mw-parser-output .references-column-count,
.mw-parser-output .references-column-width,
.mw-parser-output .references-small[style*="column"] {
column-count: 1 !important;
-moz-column-count: 1 !important;
columns: auto !important;
column-width: auto !important;
}
.mw-parser-output ol.references { padding-left: 1.6em; }
}
/* пустой абзац после списка (хвост шаблона) не раздувает рамку */
.mw-parser-output .mobile-scrollbox:has(ol.references) > p:last-child:has(> br:only-child),
.mw-parser-output .mobile-scrollbox:has(ol.references) > p:empty { display: none; }
.mw-parser-output .mobile-scrollbox:has(ol.references) > p { margin: 0; }
/* читаемые ссылки в сносках на светлом фоне */
.mw-parser-output ol.references .reference-text a { color: var(--rk-accent); }
/* ===== /RAMKI ===== */
/* ===== спойлеры: общий переключатель, тап, выделение (spoilerfix) ===== */
/* spoilerfix.css — не рисует туман; только поведение: выделение, курсор, фокус, подсказка (wave30/spoilerfix) */
/* закрытый спойлер: текст нельзя выделить/скопировать/вызвать меню long-press, выделение не раскрывает */
.spoilerblur:not(.lotm-revealed),
.spoilerblur:not(.lotm-revealed) *,
.lotm-sf-closed,
.lotm-sf-closed *,
.mw-collapsed.SpoilerBox-B,
.mw-collapsed.SpoilerBox-B *,
.spoiler_block > .mw-collapsible.mw-collapsed,
.spoiler_block > .mw-collapsible.mw-collapsed * {
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.spoilerblur:not(.lotm-revealed)::selection,
.spoilerblur:not(.lotm-revealed) *::selection,
.lotm-sf-closed *::selection,
.lotm-sf-closed::selection { color: transparent; background: transparent; }
/* тап по закрытому блоку / blur открывает его */
.spoilerblur:not(.lotm-revealed),
.lotm-sf-closed { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.spoilerblur:not(.lotm-revealed) a,
.lotm-sf-closed a { pointer-events: none; }
:where(.lotm-sf-closed) { position: relative; }
/* клавиатура */
.spoilerblur:focus-visible,
.lotm-sf-closed:focus-visible {
outline: 2px solid rgba(193, 151, 93, .85);
outline-offset: 3px;
border-radius: 4px;
}
/* подсказка: отдельный слой вне размытых элементов (иначе её размыло бы вместе с блоком) */
.lotm-sf-layer { position: fixed; inset: 0; pointer-events: none; z-index: 40; overflow: hidden; }
.lotm-sf-pill {
position: absolute;
transform: translate(-50%, -50%);
max-width: calc(100vw - 32px);
padding: 5px 12px;
border-radius: 999px;
font: 600 12px/1.3 system-ui, -apple-system, 'Segoe UI', sans-serif;
letter-spacing: .01em;
white-space: nowrap;
color: #f3e6cf;
background: rgba(40, 33, 24, .82);
border: 1px solid rgba(193, 151, 93, .55);
box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
opacity: .92;
text-shadow: none;
}
@media (max-width: 480px) { .lotm-sf-pill { font-size: 11.5px; padding: 5px 10px; } }
@media print { .lotm-sf-layer { display: none; } }
/* открытое размытие .spoilerblur (класс ставит общий переключатель / тап); без этого правила JS меняет класс, а размытие остаётся */
.spoilerblur.lotm-revealed,
.spoilerblur.lotm-revealed:hover { filter: none !important; opacity: 1 !important; -webkit-user-select: text; user-select: text; }
.spoilerblur.lotm-revealed * { pointer-events: auto; }
/* закрытое: «hover» (на телефоне он залипает после тапа/выделения) не снимает размытие */
.spoilerblur:not(.lotm-revealed):hover,
.spoilerblur:not(.lotm-revealed):active,
.spoilerblur:not(.lotm-revealed):focus { filter: blur(var(--lotm-sf-blur, 3px)); opacity: var(--lotm-sf-opacity, .45); }
/* ===== примечания: пустые/дубли ===== */
/* refs.css — структура раздела «Примечания» (только дубли/пустота) */
/* пустые блоки внутри шаблона */
.lotm-refs-note:not(:has(ol.references)),
.lotm-refs-src:not(:has(ol.references)){display:none}
/* раздел без единой сноски скрывается целиком (заголовок + пустое место) */
section.citizen-section:has(> h2.lotm-refs-heading):not(:has(ol.references)),
section.citizen-section:has(> .citizen-section-heading .lotm-refs-heading):not(:has(ol.references)){display:none}
/* если оба вида: подзаголовки */
.lotm-refs:has(.lotm-refs-note ol.references):has(.lotm-refs-src ol.references) > div::before{
display:block;font-weight:600;margin:.6em 0 .3em;opacity:.85}
.lotm-refs:has(.lotm-refs-note ol.references):has(.lotm-refs-src ol.references) > .lotm-refs-note::before{content:"Пояснения"}
.lotm-refs:has(.lotm-refs-note ol.references):has(.lotm-refs-src ol.references) > .lotm-refs-src::before{content:"Источники"}
/* класс, который ставит refs.js (резерв без :has и для ручных заголовков) */
.lotm-refs-hidden{display:none!important}
/* ===== рамки: цитаты ===== */
/* ===== QUOTES: рамки для цитат/эпиграфов/реплик (wave30), родственный вариант ramki.css =====
Вставить в MediaWiki:Common.css ПОСЛЕ ramki.css и после блока Quote.css / M4.css.
Покрывает: Template:Quote / Dialogue / StructuredQuote / Random Quote (blockquote.pull-quote),
Template:Blockquote и Cite DM/Quote (div.blockquote.blockwrapper).
Опирается на переменные ramki.css (--rk-*), но имеет запасные значения. */
/* ---------- общая рамка (blockquote.pull-quote и .blockquote.blockwrapper) ---------- */
#content blockquote.pull-quote,
#content .blockquote.blockwrapper {
--qt-accent: var(--rk-accent, #c1975d);
--qt-line: var(--rk-line, rgba(193, 151, 93, .55));
--qt-line-soft: var(--rk-line-soft, rgba(193, 151, 93, .22));
--qt-ink: var(--rk-ink, var(--color-base, #e8e4df));
--qt-paper: var(--rk-paper, linear-gradient(180deg, rgba(193,151,93,.10), rgba(193,151,93,.04) 60%, rgba(193,151,93,.08)));
display: flow-root; /* рядом с плавающим инфобоксом: встаёт сбоку, если влезает, иначе уходит под него */
position: relative;
box-sizing: border-box;
float: none;
min-width: min(100%, 17em); /* защита от сжатия до 2-3 букв рядом с инфобоксом */
max-width: min(100%, 44em);
margin: 1.4em auto;
padding: 1.25em 1.7em 1.05em;
border: 1px solid var(--qt-line);
border-radius: 2px;
background: var(--qt-paper);
color: var(--qt-ink);
font-family: var(--font-family-serif, 'Lora', 'PT Serif', Georgia, serif);
font-size: 1em;
line-height: 1.7;
text-align: left;
text-indent: 0;
box-shadow: inset 0 0 0 4px transparent, inset 0 0 0 5px var(--qt-line-soft), 0 2px 14px rgba(0, 0, 0, .18);
overflow: visible;
overflow-wrap: anywhere;
word-break: normal;
hyphens: manual;
}
/* уголки */
#content blockquote.pull-quote::before,
#content .blockquote.blockwrapper::before {
content: "";
position: absolute;
inset: 8px;
height: auto;
width: auto;
margin: 0;
font-size: inherit;
line-height: inherit;
pointer-events: none;
--c: var(--qt-accent);
background:
linear-gradient(var(--c), var(--c)) top left / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) top left / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) top right / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) top right / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) bottom left / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) bottom left / 1px 14px no-repeat,
linear-gradient(var(--c), var(--c)) bottom right / 14px 1px no-repeat,
linear-gradient(var(--c), var(--c)) bottom right / 1px 14px no-repeat;
}
#content blockquote.pull-quote > *,
#content .blockquote.blockwrapper > * { position: relative; }
/* ---------- текст цитаты ---------- */
#content blockquote.pull-quote .pull-quote__text {
display: block;
position: relative;
flex: none;
margin: 0;
padding: 0;
font-family: inherit;
font-size: 1.1em;
font-style: italic;
text-align: left;
color: var(--qt-ink);
hyphens: manual;
}
#content blockquote.pull-quote .pull-quote__text p { margin: 0 0 .6em; }
#content blockquote.pull-quote .pull-quote__text p:last-child { margin-bottom: 0; }
#content blockquote.pull-quote .pull-quote__text a { color: var(--qt-accent); }
/* кавычки: один цвет (золото), в строке с текстом, не висят по краям */
#content blockquote.pull-quote p.pull-quote__text::before,
#content blockquote.pull-quote p.pull-quote__text::after {
display: inline;
position: static;
bottom: auto;
right: auto;
height: auto;
color: var(--qt-accent);
font-family: Georgia, 'Lora', serif;
font-size: 1.55em;
font-style: normal;
font-weight: 400;
line-height: 0;
opacity: 1;
pointer-events: none;
vertical-align: -.26em;
}
#content blockquote.pull-quote p.pull-quote__text::before { content: "\201C"; margin-right: .1em; }
#content blockquote.pull-quote p.pull-quote__text::after { content: "\201D"; margin-left: .08em; }
/* ---------- подпись: справа, под чертой, тире в одной строке с именем ---------- */
#content blockquote.pull-quote .pull-quote__source {
display: block;
box-sizing: border-box;
width: fit-content;
min-width: min(100%, 11em);
max-width: 100%;
margin: .85em 0 0 auto;
padding: .5em 0 0;
border-top: 1px solid var(--qt-line);
text-align: right;
font-size: .88em;
font-style: normal;
line-height: 1.5;
color: var(--qt-ink);
}
#content blockquote.pull-quote .pull-quote__source::before { content: none; display: none; }
#content blockquote.pull-quote .pull-quote__source > div { display: block; padding: 0; }
#content blockquote.pull-quote .pull-quote__source > div::before {
content: "\2014\00a0"; /* тире + неразрывный пробел: всегда в строке с именем */
color: var(--qt-accent);
}
#content blockquote.pull-quote .pull-quote__source a { color: var(--qt-accent); text-decoration: none; }
#content blockquote.pull-quote .pull-quote__source a:hover { text-decoration: underline; }
/* ссылка на книгу/главу (после <br>) — приглушённое золото */
#content blockquote.pull-quote .pull-quote__source br ~ a,
#content blockquote.pull-quote .pull-quote__source br ~ span,
#content blockquote.pull-quote .pull-quote__source br ~ a span {
color: var(--qt-accent);
opacity: .78;
font-style: italic;
}
/* ---------- диалог (Template:Dialogue) ---------- */
#content blockquote.pull-quote div.pull-quote__text { font-style: normal; font-size: 1.04em; }
#content blockquote.pull-quote .pull-quote__line { margin: 0 0 .35em; }
#content blockquote.pull-quote .pull-quote__line:last-child { margin-bottom: 0; }
#content blockquote.pull-quote .pull-quote__line p { display: inline; margin: 0; white-space: pre-line; }
#content blockquote.pull-quote .pull-quote__speaker { color: var(--qt-accent); font-weight: 600; font-style: normal; }
/* ---------- эпиграф в начале статьи (цитата во вводной секции): крупнее и по центру ---------- */
#citizen-section-0 > blockquote.pull-quote,
#content .mw-parser-output > blockquote.pull-quote:not(.pull-quote--left):not(.pull-quote--right) {
max-width: min(100%, 40em);
padding: 1.55em 2.1em 1.2em;
}
#citizen-section-0 > blockquote.pull-quote .pull-quote__text,
#content .mw-parser-output > blockquote.pull-quote .pull-quote__text {
font-size: 1.25em;
text-align: center;
line-height: 1.6;
}
#citizen-section-0 > blockquote.pull-quote div.pull-quote__text { text-align: left; font-size: 1.1em; }
/* эпиграф внутри секции-обёртки, но без .citizen-section (редактор, предпросмотр) */
/* ---------- вариант align=left/right (боковая цитата, в статьях не используется) ---------- */
#content blockquote.pull-quote.pull-quote--left,
#content blockquote.pull-quote.pull-quote--right {
min-width: 0;
max-width: 50%;
padding: 1.1em 1.4em .9em;
border: 1px solid var(--qt-line);
text-align: left;
}
#content blockquote.pull-quote.pull-quote--left { float: left; margin: .6em 1.4em .8em 0; }
#content blockquote.pull-quote.pull-quote--right { float: right; margin: .6em 0 .8em 1.4em; }
/* ---------- Template:Blockquote (книжный отрывок, аннотация серии) ---------- */
#content .blockquote.blockwrapper {
max-width: none;
margin: 1.1em 0 1.3em;
padding: 1.1em 1.5em .95em;
font-size: .98em;
font-style: italic;
color: var(--qt-ink);
overflow: visible;
}
#content .blockquote.blockwrapper .poem,
#content .blockquote.blockwrapper p {
margin: 0 0 .5em;
font-family: inherit;
font-size: 1em;
font-style: italic;
text-align: left;
color: var(--qt-ink);
}
#content .blockquote.blockwrapper .poem > p:last-child { margin-bottom: 0; }
#content .blockquote.blockwrapper a { color: var(--qt-accent); font-style: italic; }
#content .blockquote.blockwrapper > div:last-child:not(.poem),
#content .blockquote.blockwrapper .blockquote__source {
display: block;
box-sizing: border-box;
width: fit-content;
min-width: min(100%, 11em);
max-width: 100%;
margin: .7em 0 0 auto;
padding: .5em 0 0;
border-top: 1px solid var(--qt-line);
text-align: right !important;
font-size: .9em;
font-style: normal;
line-height: 1.5;
color: var(--qt-accent) !important;
}
#content .blockquote.blockwrapper .blockquote__source cite,
#content .blockquote.blockwrapper > div:last-child:not(.poem) cite {
font-style: italic;
opacity: .85;
}
#content .blockquote.blockwrapper .blockquote__source a { color: var(--qt-accent); font-style: italic; }
#content .blockquote.blockwrapper.Book1,
#content .blockquote.blockwrapper.Book2 { border-left: 1px solid var(--qt-line); }
/* ---------- мобильные 360/390: на всю ширину колонки, без обтекания, без вылезания ---------- */
@media (max-width: 719px) {
#content blockquote.pull-quote,
#content .blockquote.blockwrapper {
float: none;
clear: both;
width: auto;
min-width: 0;
max-width: 100%;
margin: 1.1em 0;
padding: 1.05em 1.15em .9em;
}
#content .blockquote.blockwrapper { padding: 1em 1.1em .85em; }
#content blockquote.pull-quote.pull-quote--left,
#content blockquote.pull-quote.pull-quote--right { float: none; width: auto !important; max-width: 100%; margin: 1.1em 0; }
#content blockquote.pull-quote .pull-quote__text { font-size: 1.06em; padding: 0; }
#citizen-section-0 > blockquote.pull-quote,
#content .mw-parser-output > blockquote.pull-quote { padding: 1.2em 1.15em .95em; }
#citizen-section-0 > blockquote.pull-quote .pull-quote__text,
#content .mw-parser-output > blockquote.pull-quote .pull-quote__text { font-size: 1.14em; }
#content blockquote.pull-quote .pull-quote__source { padding-right: 0; }
#content blockquote.pull-quote .pull-quote__source > div { display: block; }
}
/* у диалога нет закрывающей кавычки из старых стилей */
#content blockquote.pull-quote div.pull-quote__text::before,
#content blockquote.pull-quote div.pull-quote__text::after { content: none; display: none; }