Изменения

MediaWiki:Common.css (посмотреть исходный код)

Версия от 15:55, 20 апреля 2026

3869 байт добавлено , 20 апрель

нет описания правки

Строка 450: Строка 450:

/* ===== ФОН И HERO: аккуратная полноширинная версия ===== */

−

~~/* Общий фон страницы */~~

−

~~html,~~

−

~~body,~~

−

~~#content,~~

−

~~.mw-body,~~

−

~~#bodyContent {~~

−

~~background: #f3f6fb !important;~~

−

}

/* Контейнер главной */

Строка 583: Строка 574:

}

−

/* ~~Шапка~~: ~~логотип влево~~, ~~поиск рядом~~, ~~иконки справа~~ */

+

/* 4) Поиск: максимально скруглить, сдвинуть левее к иконкам, тонкая лупа */

−

header.header-~~container~~.~~header~~-~~chrome~~ > ~~form~~.~~header~~,

+

.search-box .search,

−

.~~header~~-container.~~header~~-~~chrome~~ .~~header~~ {

+

.header .search-box .search {

−

~~display~~: ~~flex~~ !important;

+

background: #f1f3f5 !important;

−

align-~~items~~: ~~center~~ !important;

+

background-color: #f1f3f5 !important;

−

~~gap~~: ~~12px~~;

+

border: 1px solid #f1f3f5 !important;

+

border-radius: 999px !important;

+

color: #667085 !important;

+

padding-left: 42px !important;

+

padding-right: 16px !important;

+

background-size: 17px 17px !important;

+

background-position: left 14px center !important;

+

}

+

/* Тонкая лупа через inline SVG */

+

.search-box .search,

+

.header .search-box .search {

+

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important;

+

background-repeat: no-repeat !important;

+

}

+

.search-box .search::placeholder,

+

.search-box input::placeholder {

+

color: #98a2b3 !important;

+

opacity: 1 !important;

+

}

+

/* Служебный текст и кнопки тоже приглушаем */

+

#page-secondary-actions,

+

#page-secondary-actions a,

+

.minerva__tab-container a,

+

.page-actions-menu a {

+

color: #4b5563 !important;

+

}

+

/* =========================================================

+

ГЛАВНАЯ СТРАНИЦА — ТОЛЬКО ДЛЯ MAIN PAGE

+

========================================================= */

+

/* 1) Общий фон только на главной */

+

.page-Главная,

+

.page-Main_Page,

+

.page-Главная #content,

+

.page-Main_Page #content,

+

.page-Главная .mw-body,

+

.page-Main_Page .mw-body,

+

.page-Главная #bodyContent,

+

.page-Main_Page #bodyContent {

+

background: #f3f6fb !important;

+

}

+

/* 2) Контейнер главной */

+

.page-Главная .bl-help-home,

+

.page-Main_Page .bl-help-home {

+

background: #f3f6fb !important;

+

margin: -1em -1em 0 -1em;

+

padding-bottom: 32px;

+

font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;

+

}

+

/* 3) Розовая подложка во всю ширину экрана */

+

.page-Главная .bl-hero,

+

.page-Main_Page .bl-hero {

+

background: #fff1f1 !important;

+

padding: 34px 0 28px !important;

+

text-align: center;

+

margin: 0 calc(50% - 50vw) !important;

+

width: 100vw !important;

+

box-sizing: border-box !important;

}

−

.~~header~~ .~~branding~~-~~box~~ {

+

/* 4) Центрирование контента внутри hero */

−

~~order~~: 1;

+

.page-Главная .bl-hero-inner,

−

margin-~~right~~: 0 !important;

+

.page-Main_Page .bl-hero-inner {

+

max-width: 1120px !important;

+

margin: 0 auto !important;

+

padding: 0 20px !important;

+

text-align: center !important;

+

box-sizing: border-box !important;

}

−

.~~header~~ .~~search~~-~~box~~ {

+

/* 5) Типографика главной */

−

~~order~~: 2;

+

.page-Главная .bl-help-home,

−

~~flex~~: ~~0 1 430px~~ !important;

+

.page-Main_Page .bl-help-home,

−

~~margin~~-~~left~~: 0 !important;

+

.page-Главная .bl-help-home *,

−

margin-~~right~~: ~~auto~~ !important;

+

.page-Main_Page .bl-help-home * {

+

font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;

+

}

+

.page-Главная .bl-hero-title,

+

.page-Main_Page .bl-hero-title {

+

font-weight: 700 !important;

+

color: #1f2937 !important;

+

letter-spacing: -0.02em;

+

}

+

.page-Главная .bl-hero-subtitle,

+

.page-Main_Page .bl-hero-subtitle {

+

font-weight: 400 !important;

+

color: #667085 !important;

+

max-width: 760px;

+

margin: 0 auto;

+

}

+

.page-Главная .bl-card-title,

+

.page-Main_Page .bl-card-title,

+

.page-Главная .bl-school-title,

+

.page-Main_Page .bl-school-title {

+

color: #1f2937 !important;

+

}

+

/* 6) Ссылки и вторичный текст на главной */

+

.page-Главная .bl-help-home a,

+

.page-Main_Page .bl-help-home a,

+

.page-Главная .bl-card-links a,

+

.page-Main_Page .bl-card-links a,

+

.page-Главная .bl-card-more a,

+

.page-Main_Page .bl-card-more a,

+

.page-Главная .bl-tag a,

+

.page-Main_Page .bl-tag a {

+

color: #3366cc !important;

}

−

~~/* бургер вправо к остальным иконкам */~~

+

.page-Главная .bl-help-home a:hover,

−

.~~minerva~~-~~user~~-~~navigation~~,

+

.page-Main_Page .bl-help-home a:hover,

−

.~~header~~ .~~branding~~-~~box +~~ .~~search~~-box + * {

+

.page-Главная .bl-card-links a:hover,

−

~~order~~: 4;

+

.page-Main_Page .bl-card-links a:hover,

+

.page-Главная .bl-card-more a:hover,

+

.page-Main_Page .bl-card-more a:hover,

+

.page-Главная .bl-tag a:hover,

+

.page-Main_Page .bl-tag a:hover {

+

color: #254a99 !important;

}

−

.minerva-~~user~~-~~navigation~~ {

+

/* 7) Шапка: только косметика, без ломания раскладки */

−

~~margin~~-~~left~~: ~~8px~~ !important;

+

.minerva-header,

+

.header-container.header-chrome,

+

header.header-container.header-chrome,

+

header.header-container.header-chrome > form.header {

+

background: #ffffff !important;

+

background-color: #ffffff !important;

+

border-bottom: 1px solid #eceff1 !important;

+

box-shadow: none !important;

}

−

/* ~~если бургер — отдельная кнопка слева~~, ~~уводим его вправо~~ */

+

/* 8) Логотип меньше, но без перестройки flex */

−

.header .~~main~~-~~menu-button~~,

+

.header .branding-box h1 img,

−

.header .~~menu~~,

+

.header .branding-box a img,

−

.~~toggle~~-~~list__toggle~~ {

+

.header .branding-box img {

−

~~order~~: 3 !important;

+

height: 80px !important;

−

~~margin-left~~: auto !important;

+

width: auto !important;

}

−

/* 4) Поиск~~: максимально скруглить, сдвинуть левее к иконкам, тонкая лупа~~ */

+

/* 9) Поиск */

.search-box .search,

.header .search-box .search {

Строка 633: Строка 739:

background-size: 17px 17px !important;

background-position: left 14px center !important;

−

}

−

~~/* Тонкая лупа через inline SVG */~~

−

~~.search-box .search,~~

−

~~.header .search-box .search {~~

−

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important;

background-repeat: no-repeat !important;

+

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='20' y1='20' x2='16.65' y2='16.65'/></svg>") !important;

}

Строка 648: Строка 749:

}

−

/* Иконки ~~в шапке — тоже темно-серые~~ */

+

/* 10) Иконки не трогаем шрифтами, только мягкий цвет */

−

~~.mw-ui-icon:before,~~

−

~~.mw-ui-icon,~~

.minerva-user-navigation a,

.minerva-user-navigation .mw-ui-icon {

Строка 656: Строка 755:

}

−

/* ~~Служебный текст и кнопки тоже приглушаем~~ */

+

/* 11) Убираем зазор под хедером только на главной */

−

#page-~~secondary~~-~~actions~~,

+

.page-Главная #content,

−

#page-~~secondary~~-~~actions a~~,

+

.page-Main_Page #content,

−

.~~minerva__tab~~-container a,

+

.page-Главная .pre-content,

−

.page-~~actions~~-~~menu a~~ {

+

.page-Main_Page .pre-content,

−

~~color~~: ~~#4b5563~~ !important;

+

.page-Главная .banner-container,

+

.page-Main_Page .banner-container {

+

margin-top: 0 !important;

+

padding-top: 0 !important;

}

Admin

Бюрократы, editor, Администраторы интерфейса, Администраторы

1029

правок