MediaWiki:Common.js

2025-12-02T18:32:42Z

Askell:

MediaWiki:Common.js

2025-12-02T18:29:08Z

Askell:

MediaWiki:Common.js

2025-12-02T18:24:22Z

Askell:

MediaWiki:Common.js

2025-12-02T18:22:15Z

Askell:

2025-12-01T13:23:33Z

Askell:

MediaWiki:Common.js

2025-12-01T13:21:29Z

Askell:

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */

mw.loader.using('mediawiki.util').then(function() {
var isMobile = mw.config.get('skin') === 'minerva';

if (isMobile) {
// Мобильная версия
$('.mobile-hide').hide();
} else {
// Десктопная версия
$('.desktop-hide').hide();
}
});

mw.hook('wikipage.content').add(function($content) {
$content.find('.dropbtn').on('click', function(event) {
event.preventDefault();
var dropdown = $(this).closest('.dropdown');
var content = dropdown.find('.dropdown-content');

// Закрываем все открытые списки
$('.dropdown').not(dropdown).removeClass('active').find('.dropdown-content').css('max-height', '0px');

// Открываем/закрываем текущий список
if (dropdown.hasClass('active')) {
dropdown.removeClass('active');
content.css('max-height', '0px');
} else {
dropdown.addClass('active');
content.css('max-height', content[0].scrollHeight + 'px'); // Автоматическая высота
}
});
});

// Универсальный фикс для dropdown, переводим раскрытые меню в поток документа
( function () {
function fixDropdown(el) {
if (!el) return;
try {
el.style.position = '';
el.style.top = '';
el.style.left = '';
el.style.right = '';
el.style.transform = '';
el.style.zIndex = '';
el.style.maxHeight = '';
el.style.overflow = '';
} catch (e) { /* ignore */ }
}

// На клики по кнопке открывающей меню — удаляем inline-стили у .dropdown-content
document.addEventListener('click', function (e) {
// попытка поймать ближайший .dropdown
var but = e.target.closest && e.target.closest('.dropbtn, .dropdown, .dropdown-toggle, [data-dropdown]');
if (but) {
// небольшая задержка, чтобы скрипт, открывающий меню, выполнил своё и мы могли почистить
setTimeout(function () {
var dropdowns = document.querySelectorAll('.dropdown, .dropdown.active, .dropdown.open, .menu-column');
dropdowns.forEach(function (d) {
// исправляем сам контейнер
fixDropdown(d);
// исправляем контент
var c = d.querySelector('.dropdown-content, .menu, .dropdown-menu, .citizen-dropdown__content');
if (c) fixDropdown(c);
});
}, 20);
}
}, false);

// При любом модифицировании DOM (на случай, если меню открывает сторонний скрипт)
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (m) {
if (m.addedNodes && m.addedNodes.length) {
m.addedNodes.forEach(function (node) {
if (!(node instanceof HTMLElement)) return;
if (node.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu')) {
fixDropdown(node);
}
var inner = node.querySelector && (node.querySelector('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'));
if (inner) fixDropdown(inner);
});
}
// также пробуем почистить целевые элементы, если у них появились атрибуты стиля
if (m.target && m.target instanceof HTMLElement) {
if (m.target.matches && (m.target.matches('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu'))) {
fixDropdown(m.target);
}
}
});
});

observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });

// Очистка для уже открытых при загрузке
window.addEventListener('load', function () {
document.querySelectorAll('.dropdown, .dropdown-content, .dropdown.active, .dropdown.open, .dropdown-menu').forEach(function (el) {
fixDropdown(el);
});
});

}() );

MediaWiki:Citizen.css

2025-12-01T13:19:44Z

Askell:

2025-11-30T12:11:26Z

Askell:

/* Размещённый здесь CSS-код будет загружаться для пользователей, использующих тему оформления Citizen */
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant Infant|PT Mono|Neucha|MedievalSharp|Spectral SC|Kurale|El Messiri|Ledger');

/* Только для мобильных устройств */
.onlymobile {
display:none;
}

/* Пример: отключаем Popups на странице "Main Page" */
body.page-Main_Page .mwe-popups {
display: none !important;
}

#mw-content-text {
background-color: rgb(255 255 255 / 90%);
border-radius:10px;
padding:10px;
}

pre, .mw-code {
white-space: pre-wrap;
}

.ext-WikiEditor-realtimepreview-textbox#wpTextbox1, .mw-editform .ext-WikiEditor-realtimepreview-textbox#wpTextbox1 {
background-color: white;
padding: 5px;
}

.catlinks {
background-color: rgb(255 255 255 / 90%);
border-radius:10px;
padding:10px;
margin-bottom: -20px;
}

.page-info {
background-color: rgb(255 255 255 / 90%);
border-radius:10px;
padding:10px;
margin-bottom: -25px;
width: max-content;
}

.citizen-sticky-header-visible .citizen-page-header::before {
opacity: 0;
}

.ace_folding-enabled > .ace_gutter-cell, .ace_folding-enabled > .ace_gutter-cell_svg-icons {
background-color:whitesmoke;
}

.ace_content {
background-color: whitesmoke;
}

.ace-tm .ace_gutter-active-line {
background-color: rgb(255 255 255 / 90%);
}

.citizen-page-sidebar .citizen-menu__heading, .citizen-page-sidebar .citizen-menu .mw-list-item a {
background: rgb(255 255 255 / 90%);
border-radius: 5px;
margin-bottom: -1px;
}

.citizen-page-sidebar .citizen-menu .mw-list-item a {
background: rgb(255 255 255 / 90%);
}
.citizen-toc {
background: rgb(255 255 255 / 90%);
border-radius: 10px
}

.citizen-page-header-inner {
background: rgb(255 255 255 / 90%);
border-radius: 10px;
padding:1vh;
}

.mw-content-ltr {
padding: 2em !important;
border-radius:10px;
background-size: cover; /* Фон будет масштабироваться под размеры экрана */
padding: 15px;
max-width:100%;
}

/*.mw-body-content li {
background-color: #555555c4;
padding: 15px;
color: white;
}*/

.wikitable th,.wikitable td {
padding: var(--space-xs) var(--space-sm);
border: 1pt solid var(--border-color-base)
}
.wikitable th {
text-align: center;
}

.dropdown-content a:hover {
background: transparent !important;
}

.dropdown-content a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
text-decoration: none;
color: black;
transition: 0.3s;
}

.dropdown-content a::before,
.dropdown-content a::after {
content: '';
position: absolute;
width: 32px;
height: 32px;
background-size: cover;
opacity: 0;
transition: opacity 0.5s, transform 0.5s;
}

.dropdown-content a::before {
background-image: url('https://asciawiki.ru/images/a/a7/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BE%D1%87%D0%BA%D0%B0.png'); /* Замените на свою иконку */
background-size:32px;
left: 50px;
transform: translateX(-10px);
}

.dropdown-content a::after {
background-image: url('https://asciawiki.ru/images/a/a7/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BE%D1%87%D0%BA%D0%B0.png'); /* Замените на свою иконку */
background-size:32px;
right: 50px;
transform: translateX(10px);
}

.dropdown-content a:hover::before,
.dropdown-content a:hover::after {
opacity: 1;
transform: translateX(0);
}

#skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-night'] {
display: none;
}

#skin-client-prefs-skin-theme .citizen-client-prefs-radio__label[for='skin-client-pref-skin-theme-value-day'] {
display: none;
}

#skin-client-prefs-skin-theme .citizen-client-prefs-radio__label {
display: none;
}

.desktop-hide {
display:none;
}

/* Анимация для сдвига вниз остальных кнопок */
.dropdown.active ~ .dropdown {
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
}

/* Контейнер для всех кнопок */
.dropdown-container {
display: flex;
justify-content: space-between;
}

.menu-column {
display: flex;
flex-direction: column;
gap: 8px; /* расстояние между пунктами в колонке */
flex: 1; /* колонки равной ширины */
min-width: 220px; /* при желании минимальная ширина */
}

/* Контейнер выпадающего списка */
.dropdown {
position: relative;
display: inline-block;
}

/* Кнопка для открытия списка */
.dropbtn {
background-color: black;
color: white;
padding: 10px 15px;
font-size: 30px;
cursor: pointer;
border-radius: 5px;
width: 100%; /* чтобы кнопка занимала ширину колонки */
box-sizing: border-box;
text-align: center;
}

/* Контейнер списка (изначально скрыт) */
.dropdown-content {
display: block; /* Скрываем через height, а не display */
text-aling: center;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.3s ease-out, opacity 0.3s ease-out;

}

/* Стиль для ссылок внутри списка */
.dropdown-content a ,
.dropdown-content h4 {
color: black;
text-aling: center;
text-decoration: none;
display: block;
font-size: 25px;
}

/* Эффект наведения на ссылки */
.dropdown-content a:hover {
background-color: #f1f1f1;
}

/* Показываем список при клике (нужен JS) */
.dropdown.active .dropdown-content {
max-hight: 500px;
opacity: 1;
}

/* Анимация сдвига только в рамках своей колонки */
.menu-column .dropdown.active ~ .dropdown {
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
}

/* Responsive: на узких экранах колонки идут друг под другом */
max-width: 800px {
.dropdown-container {
flex-direction: column;
gap: 10px;
max-width: 95%;
}
.menu-column {
min-width: 0;
}
.dropbtn { font-size: 18px; }
}

/* Исправление отображения текста */
p {
white-space: break-spaces !important;
display: block !important; /* Элементы отображаются как блоки */
}

ul {
list-style-position: inside; /* Убедись, что маркеры списка отображаются правильно */
}

ul li {
display: list-item !important; /* Убедись, что элементы списка отображаются как блоки */
}

/*#content {
padding: 2em !important;
background: rgb(255 255 255 / 90%);
padding: 15px;
}*/

.page-header-actions .action-edit {
display: none;
}

.Backtop {
max-width: 100%;
height: auto;
background-image: url('https://asciawiki.ru/images/0/00/%D0%A4%D0%BE%D0%BD%D1%87%D0%B8%D0%BA.jpg'); /* Замените на путь к вашему изображению */
background-size: cover; /* Фон будет масштабироваться под размеры экрана */
background-position: center center; /* Центрирование изображения */
background-repeat: no-repeat; /* Изображение не будет повторяться */
background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */
}

.TextHeading3 {
font-family: 'Merriweather', auto;
font-size: 21px;
line-height: 21px;
flex-basis: 260px;
height: 60px;
text-align: center;
padding:20px;
flex-grow: 2;
}

.TextHeading2 {
font-family: 'Merriweather', auto;
font-size: 21px;
line-height: 21px;
flex-basis: 260px;
height: 3rem;
text-align: center;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
flex-grow: 2;
}

.TextHeading {
font-family: 'Spectral SC', auto;
font-size: 21px;
line-height: 21px;
flex-basis: 260px;
height: 50px;
text-align: center;
padding-top: 15px;
flex-grow: 2;
}

.ard {
border: 1px solid black;
background-image:url('https://asciawiki.ru/images/0/00/%D0%A4%D0%BE%D0%BD%D1%87%D0%B8%D0%BA.jpg');
background-size: cover; /* Фон будет масштабироваться под размеры экрана */
background-position: center center; /* Центрирование изображения */
background-repeat: no-repeat; /* Изображение не будет повторяться */
background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */
}

.ardHeading {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
text-align: center;
font-family: 'Spectral SC';
text-shadow: 0 0 black;
}

.firstHeading {
border-top: 2px solid #0000;
border-bottom: 2px solid #0000;
border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%);
border-image-slice: 30;
}

.secondHeadings {
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.secondHeading hr {
border-bottom: 1px solid #0000;
border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%);
border-image-slice: 5;
}

hr {
display: block;
margin-block-start: 0.5em;
margin-block-end: 0.5em;
margin-inline-start: auto;
margin-inline-end: auto;
unicode-bidi: isolate;
overflow: hidden;
border-style: inset;
border-width: 1px;
background-color: transparent;
}

#maincontentwrapper .mw-ui-button.mw-ui-progressive, .btn-primary, body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button, body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button, input[type=button][name=wpUpload], input[type=submit][name=wpUpload] {
background-color: #000000;
border-color: #ffffff;
color: #fff;
}

#back-to-top {
position: fixed;
bottom: 20px;
right: 50px;
background-color: #333;
color: #fff;
padding: 10px;
border-radius: 5px;
cursor: pointer;
text-align: center;
}

#back-to-top a {
color: #fff;
text-decoration: none;
}

.tabbertab {
border: 20px solid transparent !important;
padding: 0px !important;
float: right !important;
}

ul.tabbernav li a:link {
color: #971622;
}

ul.tabbernav li a {
padding: 3px .5em;
margin-left: 3px;
border: 1px solid #CCC;
border-bottom: none;
background: #ffc107;
white-space: pre;
}

.infobox {

border: 20px solid transparent !important;
padding: 0px !important;
border-spacing: 0px !important;
border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
border-radius: 35px;
background: transparent !important;
background-color: #dee3e7 !important;
border-collapse: separate !important;
color: black;
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
clear: right;
/* @noflip */
font-size: 88%;
line-height: 1.5em;

}

.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
color: black;
text-align: -webkit-center;
caption-side: top;

}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
padding: 4px;

}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

.infobox.sisterproject {
width: 20em;
font-size: 90%;
}

.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}

.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}

#borderimg {
border: 20px solid transparent !important;
padding: 0px !important;
border-radius: 35px;
border-image: url('https://asciawiki.ru/images/9/91/Border5.png') 30 round !important;
Background: #dee3e7;
}

#borderimg1 {
border: 15px solid transparent !important;
padding: 0px !important;
border-width: 35px;
border-image: url('https://asciawiki.ru/images/b/b1/Border8.png') 30 round !important;
Background: #000000;
}

#borderimg2 {
border: 15px solid transparent !important;
padding: 0px !important;
border-image: url('https://ascia.ru/images/2/29/%D0%9B%D0%B8%D0%BD%D0%B8%D1%8F.png') 30 round !important;
border-inline: solid;
writing-mode: horizontal-tb;
Background: #dee3e7;
}

h1, h2, h3, h4, h5, h6 {
font-family: Merriweather !important;
color: black; /* Цвет основного текста */
}

.dropdown-menu{
font-family: Merriweather;
}
.dropdown{
font-family: Merriweather;
font-size:18px
}
.dropdown-menu > li > a{
font-size:16px

}
.dropdown-item.active, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child.active, .dropdown-item:active, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child:active {
color: #fff;
text-decoration: none;
background: #000000 linear-gradient(180deg,#000000,#000000) repeat-x;

}
.navbox { /* Navbox container style */
box-sizing: border-box;
border: 20px solid transparent !important;
padding: 0px !important;
border-spacing: 0px !important;
border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
border-radius: 35px;
background: transparent !important;
background-color: #dee3e7 !important;
border-collapse: separate !important;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}

.navbox-group{
border-top: 1px solid #545454;
}

th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #000000; /* Background color */
}
.navbox-list {
line-height: 1.5em;
border-color: #545454; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #dee3e7; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #dee3e7; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #ffffff; /* Level 3 color */
}
.navbox-even {
background: #dee3e7; /* Even row striping */
}
.navbox-odd {
background: #ffffff; /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}

.codeEditor-status {
color: black;
}

.navbox .navbar {
display:none;
}

body {
max-width: 100%;
height: auto;
background-image: url('https://asciawiki.ru/images/6/61/%D0%A4%D0%9E%D0%9DGPT.jpg'); /* Замените на путь к вашему изображению */
background-size: cover; /* Фон будет масштабироваться под размеры экрана */
background-position: center center; /* Центрирование изображения */
background-repeat: no-repeat; /* Изображение не будет повторяться */
background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */
}

.navbox .navbar {
position: fixed;
display:none;
}

.nav-link {
color: #000000;
}

.nav {
display: flex;
font-size: 16px;
font-weight: 700;
}

.nav__link {
margin-left: 50px;
color: #fff;
text-decoration: none;
opacity: 0.75;
transition: opacity 0.2 linear;
}

.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .p-navbar .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar .navbar-nav .navbar-tool > a, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a {
color: #ffffff;
border-color: #000000;
}

.navbar, .p-navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
border-bottom: 1px solid black;
}

.p-navbar .navbar-form button {
color: #000000;
}

.navbar-light .navbar-toggler, .p-navbar .navbar-toggler {
color: #000000;
border-color: rgb(0, 0, 0);
}

.p-navbar .navbar-tool > a {
position: relative;
padding-left: 0;
padding-right: 0;
color: black !important;
}

.p-navbar {
background-color: #fff;
}

.mw-body div.thumbinner {
box-sizing: content-box;
max-width: calc(100% - 8px);
height: auto;
}

div.thumbinner {
border: 1px solid #545454;
padding: 3px;
background-color: #dee3e7;
font-size: 94%;
text-align: center;
overflow: hidden;
}

html .thumbimage {
background-color: none !important;
border: 0px solid #fefefe !important;
}

.mw-content-ltr .magnify {
display: none;

}
.thumbcaption {
padding: 5px !important;

}
.panel-body ul {
margin: 0;
list-style: none;
padding-left: 0;
width:70%;

}

.panel-container {
display: flex;
flex-wrap: wrap;
}

.panel-body>ul a{
display: block;
padding: 5px 10px;

}
.panel-body>ul li:last-child a{
padding-bottom: 10px;

}
.panel-body>ul a:hover{
background-color: cover #dee3e7;

}

.mainpage-header .h2-3 {
padding: 1px ;
font-size: 60px !important;
font-weight: bold;
letter-spacing: 0.01em;
font-family: 'Spectral SC' !important;
border-bottom: 2px solid #0000;
border-image: linear-gradient(90deg, #0000 0%, rgba(82, 81, 79, 1) 50%, rgba(82, 81, 79, 1) 50%, #0000 100%);
border-image-slice: 30;
}

.mw-lingo-tooltip {
display: none;
color: white;
background-color: #454545;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.mw-lingo-term {
border-bottom: 1px dotted #454545;
cursor: default;
}

.simpletooltip { /* стиль текста, наведя или нажав на который появится пояснение */
display: inline-block;
position: relative;
text-indent: 0px;
cursor: help; /* вид курсора */
}
.simpletooltip > span { /* стиль появляющейся подсказки */
position: absolute;
bottom: 100%;
left: -21em; /* = max-width */
right: -21em; /* = max-width */
width: -moz-max-content;
width: -webkit-max-content;
width: max-content; /* ширина подсказки может быть не более содержимого */
max-width: 21em; /* ширина подсказки может быть не более 20em */
max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
overflow: auto;
visibility: hidden;
margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
padding: .3em;
border: solid rgb(000,000,000);
font-size: 90%;
background: #fff;
line-height: normal;
cursor: auto;
}
.simpletooltip .left > span { /* начинается от левого края */
left: 0;
right: -21em;
margin: 0 0 .4em;
}
.simpletooltip .right > span { /* начинается от правого края */
left: -21em;
right: 0;
margin: 0 0 .4em auto;
}
.simpletooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
content: "";
position: absolute;
top: -.4em;
left: 50%;
visibility: hidden;
margin: 0 0 0 -.4em;
border: .4em solid;
border-color: rgb(000,000,000) transparent transparent transparent;
cursor: auto;
}
.simpletooltip .left:after {
left: 1em;
}
.simpletooltip.right:after {
left: auto;
right: .6em; /* 1em - .4em */
}
.simpletooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
content: "";
position: absolute;
top: -.4em;
left: 0;
right: 0;
height: .4em;
visibility: hidden;
}
.simpletooltip:hover > span,
.simpletooltip:hover:before,
.simpletooltip:hover:after,
.simpletooltip:focus > span,
.simpletooltip:focus:before,
.simpletooltip:focus:after {
visibility: visible;
transition: 0s .4s;
}
.simpletooltip:focus { /* убрать рамку в Хроме */
outline: none;
}
@media (max-width: 21em) { /* ширина подсказки может быть не более ширины окна браузера */
.simpletooltip > span {
max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
box-sizing: border-box;
}
}

.a[title*="Участник:"] {
background:url("https://ascia.ru/wiki/%D0%9F%D0%B5%D1%81%D0%BE%D1%87%D0%BD%D0%B8%D1%86%D0%B0#/media/%D0%A4%D0%B0%D0%B9%D0%BB:%D0%9D%D1%83%D0%BA%D0%B0.gif");
background-repeat:no-repeat;
padding-left:1.5em;
}

.gradient-column {
background: linear-gradient(to bottom, #000000, #FFFFFF); /* Устанавливаем градиент */
padding: 10px;
border: url('https://asciawiki.ru/images/3/31/Border1.png') 40 round !important;
}

.gradient-column a {
color: white; /* Цвет ссылок внутри */
text-decoration: none; /* Убираем подчеркивание ссылок */
}

.gradient-column a:hover {
text-decoration: underline; /* Подчеркивание при наведении */
}

/* Применяем обводку только к тексту внутри статей */
.mw-body-content p , .mw-body-content li {
color: black; /* Цвет основного текста */
display: contents;
}

.noclick a {
pointer-events: none;
cursor: default;
}

/* Контейнер для группы карточек */
.card-group {
display: flex; /* Размещает карточки в строку */
gap: 10px; /* Отступы между карточками */
justify-content: center; /* Выравнивание карточек по центру */
align-items: stretch; /* Все карточки одинаковой высоты */
}

.card {
position: relative;
width: 350px; /* Фиксированная ширина карточки */
min-height: 150px; /* Минимальная высота для выравнивания */
background-color: #ffffff;
border-radius: 10px;
overflow: hidden; /* Скрываем все, что выходит за пределы */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

.card-img-top {
width: 100%;
height: auto;
}

/* Показываем подсказку при наведении */
.card-img-top::after {
content: "Наведи сюда, чтобы узнать больше";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
color: rgba(255, 255, 255, 0.8); /* Белый с прозрачностью */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Легкая тень */
font-weight: bold;
opacity: 0; /* Скрыта по умолчанию */
transition: opacity 0.3s ease; /* Плавное изменение прозрачности */
}

.card-body {
padding: 15px;
font-family: 'Arial', sans-serif;
background-color: #f7f7f7;
}

.card-title {
font-size: 20px;
color: #212121;
margin-bottom: 10px;
}

/* Плашка, которая появляется при наведении на картинку */
.card-hover-info {
position: absolute;
padding: 20px;
left: 0;
bottom: 0; /* теперь позиционируем от низа */
width: 100%;
height: 50%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgb(0 0 0 / 0%));
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
transform: translateY(100%); /* смещаем вниз, а не вверх */
border-radius: 0 0 10px 10px;
}

.card:hover .card-hover-info {
opacity: 1;
transform: translateY(0); /* поднимаем на место при ховере */
}

.card-hover-info .label {
font-weight: bold;
font-size: 18px;
}

.card-hover-info .value {
font-size: 16px;
color: #ffffff;
}

.character-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.character-card {
position: relative;
width: 200px;
height: 300px;
background-color: #222;
color: white;
border-radius: 8px;
overflow: hidden;
text-align: center;
font-family: sans-serif;
box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

.character-image {
width: 100%;
height: 200px;
overflow: hidden;
padding: 0;
margin: 0;
}

.character-img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
}

.character-name {
font-size: 1.1em;
font-weight: bold;
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.7);
}

.character-overlay {
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.7);
color: white;
font-size: 0.9em;
padding: 8px 5px;
box-sizing: border-box;
transition: bottom 0.3s ease;
}

.character-card:hover .character-overlay {
bottom: 40px;
}

MediaWiki:Mobile.css

2025-11-30T12:10:11Z

Askell:

/**
You are editing the global css file for all mobile site users.
With Great Power Comes Great Responsibility.

Some words of caution:
* Avoid any changes which impact layout on a mobile device.
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device)
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
* Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead
* For big changes consult the [https://grafana.wikimedia.org/dashboard/db/mobile-2g grafana dashboard] to ensure you don't introduce any performance regressions.
* Group common css rules together where possible.
*/

/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 6 (2014-05-09)
@author [[User:Edokter]]
*/
/* Only for mobile devices */

.nomobile {
display:none;
}

.navboxMobile { /* Navbox container style */
box-sizing: border-box;
border: 20px solid transparent !important;
padding: 0px !important;
border-spacing: 0px !important;
border-image: url('https://asciawiki.ru/images/3/31/Border1.png') 24 round !important;
border-radius: 35px;
background: transparent !important;
background-color: #dee3e7 !important;
border-collapse: separate !important;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navboxMobile .navboxMobile {
margin-top: 0; /* No top margin for nested navboxes */
}
.navboxMobile + .navboxMobile {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navboxMobile-inner,
.navboxMobile-subgroup {
width: 100%;
}
.navboxMobile-group,
.navboxMobile-title,
.navboxMobile-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}

.navboxMobile-group{
border-top: 1px solid #545454;
}

th.navboxMobile-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navboxMobile,
.navboxMobile-subgroup {
background: #000000; /* Background color */
}
.navboxMobile-list {
line-height: 1.5em;
border-color: #545454; /* Must match background color */
}
.navboxMobile th,
.navboxMobile-title {
background: #dee3e7; /* Level 1 color */
}
.navboxMobile-abovebelow,
th.navboxMobile-group,
.navboxMobile-subgroup .navboxMobile-title {
background: #dee3e7; /* Level 2 color */
}
.navboxMobile-subgroup .navboxMobile-group,
.navboxMobile-subgroup .navboxMobile-abovebelow {
background: #ffffff; /* Level 3 color */
}
.navboxMobile-even {
background: #dee3e7; /* Even row striping */
}
.navboxMobile-odd {
background: #ffffff; /* Odd row striping */
}
.navboxMobile .hlist td dl,
.navboxMobile .hlist td ol,
.navboxMobile .hlist td ul,
.navboxMobile td.hlist dl,
.navboxMobile td.hlist ol,
.navboxMobile td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}

.codeEditor-status {
color: black;
}

.navboxMobile .navbar {
display:none;
}

.mobile-hide {
display: none !important;
}

.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
#content .hlist dt:after {
content: ": ";
}
#content .hlist dd:after,
#content .hlist li:after {
content: " · ";
font-weight: bold;
}
#content .hlist dd:last-child:after,
#content .hlist dt:last-child:after,
#content .hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
#content .hlist dd dd:first-child:before, #content .hlist dd dt:first-child:before, #content .hlist dd li:first-child:before,
#content .hlist dt dd:first-child:before, #content .hlist dt dt:first-child:before, #content .hlist dt li:first-child:before,
#content .hlist li dd:first-child:before, #content .hlist li dt:first-child:before, #content .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
#content .hlist dd dd:last-child:after, #content .hlist dd dt:last-child:after, #content .hlist dd li:last-child:after,
#content .hlist dt dd:last-child:after, #content .hlist dt dt:last-child:after, #content .hlist dt li:last-child:after,
#content .hlist li dd:last-child:after, #content .hlist li dt:last-child:after, #content .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
#content .hlist ol {
counter-reset: listitem;
}
#content .hlist ol > li {
counter-increment: listitem;
}
#content .hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
#content .hlist dd ol > li:first-child:before,
#content .hlist dt ol > li:first-child:before,
#content .hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

/* Неразрывные пробелы в горизонтальных списках */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
white-space: nowrap;
}

/* Но где-то неразрывность надо сбросить (например, в навшаблонах в узких местах) */
.wrap,
.wraplinks a,
.hlist-items-nowrap dl dl, .hlist-items-nowrap dl ol, .hlist-items-nowrap dl ul, /* Allow nested lists to wrap anyway */
.hlist-items-nowrap ol dl, .hlist-items-nowrap ol ol, .hlist-items-nowrap ol ul,
.hlist-items-nowrap ul dl, .hlist-items-nowrap ul ol, .hlist-items-nowrap ul ul {
white-space: normal;
}

/* Disabling column-count for {{div col}}, {{reflist}} and {{refbegin}} */
.references-small {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
}

blockquote {
quotes: '\00AB' '\00BB';
}

/* Блок ссылок на альтернативные сервисы рядом с координатами («HGЯО») */
.mw-body .geo-services {
font-size: 82%;
}

.geo-services a > span {
margin: 0.25em;
}

.geo-services > :first-child a > span {
margin-left: 0.4em;
}

/* temporarily for [[Template:Карточка]] */
table.infobox td p {
margin: 0 !important;
}

/* Таблицы наград в карточках */
.content table.infobox table td {
width: initial;
padding: initial;
}

/* small review notice */
#mw-fr-reviewnotice {
color: #72777d;
font-size: 0.8em;
font-style: italic;
}

.mw-customtoggle-maps1 {
display: none;
}

/* {{ref-info}} */
.ref-info {
font-size: 85%;
cursor: help;
color: #72777d;
}

/* {{tl}} и аналоги */
.wp-templatelink {
color: #9098a0;
}

/**
* Фикс для отображения шаблонов Babel в мобильной версии
* пока не добавят в расширение. Скопированно из расширения
* плюс фикс из нашего MediaWiki:Common.css
*
* Stylesheet for Babel extension.
*
* You can override the CSS code on the MediaWiki:Common.css page
* on your wiki to adjust colours etc.
*
* @file
* @ingroup Extensions
*/

/* Babel wrapper layout. */
/* @noflip */table.mw-babel-wrapper {
width: 238px !important;
float: right;
clear: right;
margin: 0;
background-color: #fff;
border: 1px solid #99b3ff;
}

/* @noflip */.mw-content-ltr table.mw-babel-wrapper {
float: right;
clear: right;
}
/* @noflip */.mw-content-rtl table.mw-babel-wrapper {
float: left;
clear: left;
}

/* Babel box layout */
/* @noflip */div.mw-babel-box {
margin: 1px;
}

/* @noflip */.mw-content-ltr table.mw-babel-box {
float: left;
clear: left;
}

/* @noflip */.mw-content-rtl table.mw-babel-box {
float: right;
clear: right;
}

div.mw-babel-box table {
width: 238px;
}

div.mw-babel-box table th {
width: 45px;
height: 45px;
font-size: 14pt;
font-family: sans-serif;
}

div.mw-babel-box table td {
font-size: 8pt;
padding: 4pt;
line-height: 1.25em;
}

/* Babel box colours. */
div.mw-babel-box-0 {
border: 1px solid #fbb;
}

div.mw-babel-box-1 {
border: 1px solid #e0c0e0;
}

div.mw-babel-box-2 {
border: 1px solid #bcb9ef;
}

div.mw-babel-box-3 {
border: 1px solid #99b3ff;
}

div.mw-babel-box-4 {
border: 1px solid #77e0e8;
}

div.mw-babel-box-5 {
border: 1px solid #ffcf4d;
}

div.mw-babel-box-N {
border: 1px solid #6ef7a7;
}

div.mw-babel-box-0 table th {
background-color: #fbb;
}

div.mw-babel-box-1 table th {
background-color: #e0c0e0;
}

div.mw-babel-box-2 table th {
background-color: #bcb9ef;
}

div.mw-babel-box-3 table th {
background-color: #99b3ff;
}

div.mw-babel-box-4 table th {
background-color: #77e0e8;
}

div.mw-babel-box-5 table th {
background-color: #ffcf4d;
}

div.mw-babel-box-N table th {
background-color: #6ef7a7;
}

div.mw-babel-box-0 table {
background-color: #fee;
}

div.mw-babel-box-1 table {
background-color: #f3e0f3;
}

div.mw-babel-box-2 table {
background-color: #e9e5f9;
}

div.mw-babel-box-3 table {
background-color: #e0e8ff;
}

div.mw-babel-box-4 table {
background-color: #d0f8ff;
}

div.mw-babel-box-5 table {
background-color: #ffefa6;
}

div.mw-babel-box-N table {
background-color: #c5fcdc;
}

/* header and footer */
.mw.babel-box th.mw-babel-header {
text-align: center;
font-weight: bold;
}

.mw.babel-box th.mw-babel-footer {
text-align: center;
font-weight: normal;
}

/* Скрытие буквы N у родных языков, по аналогии со стандарными шаблонами */
.mw-babel-box-level-N {
display: none;
}