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