MediaWiki:Common.css

Материал из GorbyWiki

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Общий стиль в духе gorby.ru */

/* Фон страницы */
body {
    background-color: #faf8f3;
    color: #333333;
}

/* Заголовки */
h1, h2, h3, h4 {
    color: #5c4033;
    border-bottom: 2px solid #d4c4a8;
}

/* Ссылки */
a {
    color: #8b4513;
}

a:hover {
    color: #a0522d;
}

a:visited {
    color: #654321;
}

/* Карточки выступлений */
.wikitable {
    background-color: #fffaf0;
    border: 1px solid #d4c4a8;
}

.wikitable th {
    background-color: #d4c4a8 !important;
    color: #5c4033;
}

/* Навигация */
#mw-panel {
    background-color: #faf8f3;
}

/* Контент */
#content {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

/* Кнопки */
.mw-ui-button {
    background-color: #8b4513;
    color: white;
}

.mw-ui-button:hover {
    background-color: #a0522d;
}

/* Скрываем вкладки Обсуждение, Просмотр кода и Историю */
#ca-talk, 
#ca-view, 
#ca-history {
    display: none !important;
}

/* Скрываем кнопку Обновить/Refresh (специфика скина Timeless) */
.ts-refresh, 
#ca-refresh {
    display: none !important;
}

#ca-viewsource {
    display: none !important;
}

/* Серый цвет для подвала */
#mw-footer-container,
.mw-footer,
.mw-footer a {
    color: #4a4a4a !important;
}

/* Скрываем из Навигации */
#n-recentchanges {
    display: none !important;
}

/* Скрываем из Вики инструменты */
#t-specialpages,
#t-info {
    display: none !important;
}

/* Скрываем Журналы страницы */
#t-pagelog {
    display: none !important;
}

/* Скрываем плашку Категории в правой колонке Timeless */
#catlinks-sidebar {
    display: none !important;
}

/* Карточки разделов на главной */
.section-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.section-card {
    width: 280px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}

.section-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.section-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.section-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.section-card-body {
    padding: 12px;
    text-align: center;
}

.section-card-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

.section-card-title a {
    color: #333;
    text-decoration: none;
}

.section-card-title a:hover {
    color: #555;
    text-decoration: none;
}

.section-card-count {
    font-size: 0.9em;
    color: #666;
}

.section-card.coming-soon {
    opacity: 0.6;
}

.section-card.coming-soon img {
    filter: grayscale(70%);
}

/* Неактивные пункты в боковом меню */
#n-Интервью,
#n-Статьи {
    color: #999 !important;
    pointer-events: none;
    cursor: default;
}

#n-Интервью a,
#n-Статьи a {
    color: #999 !important;
    text-decoration: none;
    cursor: default;
}

#n-Интервью a:hover,
#n-Статьи a:hover {
    text-decoration: none;
    color: #999 !important;
}

/* 1. Скрываем блок для ВСЕХ по умолчанию */
#user-tools {
    display: none !important;
}

/* 2. Показываем блок обратно ТОЛЬКО для залогиненных пользователей */
body.mw-user-loggedin #user-tools {
    display: block !important;
}