MediaWiki:Common.css
Версия от 16:38, 17 апреля 2026; Admin (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/* ===== СОХРАНЯЕМ ИЗ СТАРОГО COMMON.CSS ===== */
.minerva-header,
.header-container.header-chrome {
background-color: rgb(110, 132, 247) !important;
box-shadow: inset 0 0 0 100px rgb(110, 132, 247) !important;
}
.mw-first-heading,
.page-heading,
#content .mw-first-heading,
#content .page-heading,
header + .pre-content h1,
.pre-content h1 {
display: none !important;
}
/* ===== НОВАЯ ГЛАВНАЯ ===== */
.bl-kb {
font-family: -apple-system, 'Manrope', 'Arial', 'sans-serif';
color: #2D3748;
background: #F8F9FA;
margin: -1rem -1rem 0 -1rem;
}
.bl-kb .container {
max-width: 1152px;
margin: 0 auto;
padding: 0 1rem;
}
.bl-kb-top {
padding: 2rem 0 1rem;
}
.bl-kb-search {
background: #ffffff;
border: 1px solid #E2E8F0;
border-radius: 12px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
justify-content: space-between;
}
.bl-kb-search-text {
min-width: 220px;
flex: 1 1 320px;
}
.bl-kb-search-title {
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 0.35rem;
color: #2D3748;
}
.bl-kb-search-desc {
font-size: 0.95rem;
color: #718096;
line-height: 1.55;
margin: 0;
}
.bl-kb-search-btn {
display: inline-block;
background: #C93846;
color: #ffffff !important;
padding: 0.85rem 1.25rem;
border-radius: 12px;
font-weight: 600;
text-decoration: none !important;
white-space: nowrap;
}
.bl-kb-search-btn:hover {
opacity: 0.92;
text-decoration: none !important;
}
.bl-kb-popular {
margin-top: 0.85rem;
font-size: 0.92rem;
color: #718096;
line-height: 1.6;
}
.bl-kb-popular a {
color: rgb(110, 132, 247);
text-decoration: none;
}
.bl-kb-popular a:hover {
text-decoration: underline;
}
.bl-kb-section-title {
font-size: 1.75rem;
font-weight: 700;
text-align: center;
margin: 2.5rem 0 2rem;
color: #2D3748;
}
.bl-kb-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
.bl-kb-card {
display: block;
background: #ffffff;
border: 2px solid #E2E8F0;
border-radius: 12px;
padding: 1.5rem;
text-align: center;
text-decoration: none !important;
color: inherit !important;
transition: all .2s;
}
.bl-kb-card:hover {
border-color: rgb(110, 132, 247);
background: rgba(113,132,247,0.08);
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
text-decoration: none !important;
}
.bl-kb-card-icon {
width: 88px;
height: 88px;
margin: 0 auto 1rem;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
background: #EDF2F7;
}
.bl-kb-card h3 {
font-size: 1.2rem;
font-weight: 700;
margin: 0 0 0.5rem;
}
.bl-kb-card p {
font-size: 0.9rem;
color: #718096;
line-height: 1.55;
margin: 0;
}
.bl-kb-tabs {
display: flex;
gap: 0.25rem;
background: #EDF2F7;
border-radius: 12px;
padding: 0.25rem;
margin: 2rem 0 1.5rem;
}
.bl-kb-tab {
flex: 1;
padding: 0.85rem 1rem;
border-radius: 10px;
font-size: 0.95rem;
font-weight: 600;
text-align: center;
background: transparent;
color: #718096 !important;
text-decoration: none !important;
}
.bl-kb-tab.active {
background: #ffffff;
color: #2D3748 !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.bl-kb-hot-title {
font-size: 1.5rem;
font-weight: 700;
color: rgb(110, 132, 247);
margin: 0 0 1.5rem;
}
.bl-kb-hot-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 2.5rem;
}
.bl-kb-hot-card {
display: block;
background: #ffffff;
border: 1px solid #E2E8F0;
border-radius: 12px;
padding: 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
text-decoration: none !important;
color: inherit !important;
transition: box-shadow .2s, transform .15s;
}
.bl-kb-hot-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.10);
transform: translateY(-1px);
text-decoration: none !important;
}
.bl-kb-hot-cat {
font-size: 0.75rem;
font-weight: 700;
color: rgb(110, 132, 247);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.bl-kb-hot-card h3 {
margin: 0.55rem 0 0;
font-size: 1rem;
font-weight: 600;
color: #2D3748;
}
.bl-kb-hot-card:hover h3 {
color: #C93846;
}
.bl-kb-cta {
background: #ffffff;
border: 1px solid #E2E8F0;
border-radius: 12px;
padding: 2rem;
text-align: center;
margin: 2.5rem 0;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.bl-kb-cta h2 {
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 0.75rem;
color: #2D3748;
}
.bl-kb-cta p {
color: #718096;
margin: 0 0 1.25rem;
line-height: 1.6;
}
.bl-kb-cta-btn {
display: inline-block;
background: #C93846;
color: #ffffff !important;
padding: 0.85rem 2rem;
border-radius: 12px;
font-weight: 700;
font-size: 1rem;
text-decoration: none !important;
}
.bl-kb-cta-btn:hover {
opacity: 0.92;
text-decoration: none !important;
}
.bl-kb-footer {
border-top: 1px solid #E2E8F0;
padding: 1.5rem 0 2rem;
text-align: center;
font-size: 0.875rem;
color: #718096;
}
@media (max-width: 900px) {
.bl-kb-cards {
grid-template-columns: repeat(2, 1fr);
}
.bl-kb-hot-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.bl-kb-cards,
.bl-kb-hot-grid {
grid-template-columns: 1fr;
}
.bl-kb-search {
align-items: flex-start;
}
.bl-kb-tabs {
flex-direction: column;
}
}