MediaWiki:Common.css: различия между версиями

Материал из GorbyWiki
Нет описания правки
Нет описания правки
Строка 289: Строка 289:
.article-text p {
.article-text p {
     margin-bottom: 1.2em;
     margin-bottom: 1.2em;
}
.article-meta-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    background: transparent !important;
}
.article-meta-table td {
    padding: 12px 20px !important;
    border-right: 1px solid #d4c4a8 !important;
    border-bottom: none !important;
    vertical-align: top !important;
    background: transparent !important;
}
.article-meta-table td:last-child {
    border-right: none !important;
}
.text-size-btn {
    display: inline-block;
    background: #f5efe6;
    border: 1px solid #d4c4a8;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: #8b6040;
    font-size: 0.9em;
    margin: 0 2px;
}
.text-size-btn:hover {
    background: #d4c4a8;
}
}

Версия от 13:35, 6 апреля 2026

/* Общий стиль в духе 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;
}

/* ===== РАЗДЕЛ СТАТЬИ ===== */

.article-infobox-top {
    width: 100%;
    background: #fdf6ec;
    border: 1px solid #d4c4a8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5em;
    font-size: 0.9em;
}

.article-infobox-top table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.article-infobox-top td {
    padding: 12px 20px;
    border-right: 1px solid #d4c4a8;
    vertical-align: top;
    width: auto;
}

.article-infobox-top td:last-child {
    border-right: none;
}

.article-meta-label {
    display: block;
    color: #8b6040;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 3px;
}

.article-description {
    padding: 10px 20px;
    color: #555;
    font-style: italic;
    border-top: 1px solid #d4c4a8;
    line-height: 1.5;
}

/* Кнопки размера текста */
.article-text-controls {
    margin: 0 0 0.8em 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85em;
    color: #aaa;
}

.article-text-controls span {
    color: #bbb;
    font-size: 0.85em;
}

.article-text-controls button {
    background: #f5efe6;
    border: 1px solid #d4c4a8;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: #8b6040;
    font-size: 0.9em;
    transition: background 0.2s;
}

.article-text-controls button:hover {
    background: #d4c4a8;
}

/* Текст статьи */
.article-text {
    line-height: 1.85;
    font-size: 1em;
    color: #333;
    margin-top: 0.5em;
}

.article-text p {
    margin-bottom: 1.2em;
}

.article-meta-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    background: transparent !important;
}

.article-meta-table td {
    padding: 12px 20px !important;
    border-right: 1px solid #d4c4a8 !important;
    border-bottom: none !important;
    vertical-align: top !important;
    background: transparent !important;
}

.article-meta-table td:last-child {
    border-right: none !important;
}

.text-size-btn {
    display: inline-block;
    background: #f5efe6;
    border: 1px solid #d4c4a8;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: #8b6040;
    font-size: 0.9em;
    margin: 0 2px;
}

.text-size-btn:hover {
    background: #d4c4a8;
}