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;
    font-size: 16px;
}

/* Заголовки */
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;
    pointer-events: none;  /* Запрещает клики */
    cursor: default;
}

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

.section-card.coming-soon .section-card-title a,
.section-card.coming-soon .section-card-title {
    color: #999 !important;
    text-decoration: none;
}

.section-card.coming-soon a {
    cursor: default;
}


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

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

#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 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    background: #fdf6ec;
    border: 1px solid #d4c4a8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5em;
}

.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: 1px;
}

.article-description {
    padding: 8px 20px;
    color: #555;
    font-style: italic;
    border-top: 1px solid #d4c4a8;
    line-height: 1.5;
    width: 100%;
    flex-basis: 100%;
}

/* Кнопки размера текста */
.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 span:not(:first-child) {
    background: #f5efe6;
    border: 1px solid #d4c4a8;
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: #8b6040;
    font-size: 0.9em;
    transition: background 0.2s;
    user-select: none;
}

.article-text-controls span:not(:first-child):hover {
    background: #d4c4a8;
}

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

/* Текст статьи */
.article-text {
    line-height: 1.9;
    font-size: 1.05em;
    font-family: Georgia, Palatino, 'Times New Roman', serif;
    color: #222;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    width: 100%;
    margin-top: 1em;
}

.article-text p {
    margin-bottom: 1.4em;
    text-indent: 1.5em;
}

.article-text p:first-child {
    text-indent: 0;
}

.article-meta-cell {
    padding: 8px 20px;
    border-right: 1px solid #d4c4a8;
    flex: 1;
}

.article-meta-cell:last-of-type {
    border-right: none;
}

.article-meta-value {
    display: block;
    color: #333;
    font-size: 0.95em;
}

.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;
}

.article-bib {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #d4c4a8;
    font-size: 1em;
    color: #666;
    line-height: 1.4;
}

/* ===== БЛОК КАТЕГОРИЙ ===== */

.article-categories {
    margin-top: 2.5em;
    padding: 12px 16px;
    background: #fffaf0;
    border-radius: 6px;
    font-size: 0.85em;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 16px;
}

.article-categories-title {
    color: #8b6040;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 0.85em;
}

.article-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.article-category {
    display: inline-block;
}

.article-category a {
    color: #5a6e4a;
    text-decoration: none;
    border-bottom: 1px dotted #c4b59a;
    transition: border-color 0.2s;
}

.article-category a:hover {
    border-bottom-color: #8b6040;
    color: #8b6040;
}

/* Языковой переключатель */
.lang-switcher {
    float: right;
    font-size: 0.85em;
    margin-bottom: 0.8em;
    background: #fdf6ec;
    border: 1px solid #d4c4a8;
    border-radius: 20px;
    padding: 4px 12px;
    display: inline-block;
}

.lang-switcher a {
    color: #8b4513;
    text-decoration: none;
    font-weight: bold;
}

.lang-switcher a:hover {
    text-decoration: underline;
}

.lang-current {
    color: #aaa;
    font-weight: bold;
    cursor: default;
}

.lang-sep {
    color: #ccc;
    margin: 0 2px;
}

.article-bib {
    margin-top: 2em;
    padding: 12px 20px;
    background: #fdf6ec;
    border: 1px solid #d4c4a8;
    border-radius: 8px;
    font-size: 0.88em;
    color: #444;
    line-height: 1.7;
}

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

/* Текст выступления */
.speech-text {
    line-height: 1.9;
    font-size: 1.05em;
    font-family: Georgia, Palatino, 'Times New Roman', serif;
    color: #222;
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    width: 100%;
    margin-top: 1em;
    background: #fffaf0;
    border: 1px solid #d4c4a8;
    padding: 15px;
    box-sizing: border-box;
}

/* Скрываем блок "Ещё" для анонимных пользователей */
body:not(.mw-user-loggedin) #page-tools {
    display: none !important;
}

/* Скрываем правую колонку для анонимов и растягиваем контент */
body:not(.mw-user-loggedin) #mw-related-navigation {
    display: none !important;
}

body:not(.mw-user-loggedin) #mw-content {
    margin-right: 0 !important;
    max-width: 100% !important;
}