MediaWiki:Common.css — различия между версиями
| Строка 1: | Строка 1: | ||
/** Размещённый здесь CSS будет применяться ко всем темам оформления */ | /** Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
| − | body.page- | + | /* === ГЛОБАЛЬНОЕ ОГРАНИЧЕНИЕ ШИРИНЫ САЙТА === */ |
| + | body, | ||
| + | .mw-page-container, | ||
| + | .vector-header-container, | ||
| + | #mw-head, | ||
| + | #mw-head-base { | ||
| + | max-width: 1600px !important; /* можно изменить на 90% или 95%, если хотите */ | ||
| + | margin: 0 auto !important; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
body { | body { | ||
| − | + | padding: 0 20px; | |
| − | + | } | |
| + | |||
| + | /* Скрываем заголовок на главной */ | ||
| + | body.page-Заглавная_страница h1.firstHeading { | ||
| + | display: none; | ||
} | } | ||
| − | /* | + | /* ============================================= */ |
| + | /* Ваш старый код (без изменений) */ | ||
| + | /* ============================================= */ | ||
table.ambox { | table.ambox { | ||
| − | + | width: auto; | |
| − | + | margin: 0 10%; | |
| − | + | border-collapse: collapse; | |
| − | + | background: #FBFBFB; | |
| − | + | border: 1px solid #AAAAAA; | |
| − | + | border-left: 10px solid #1E90FF; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | table.ambox th, table.ambox td { padding: 0.25em 0.5em; } |
| − | + | table.ambox td.ambox-text { width:100%; } | |
| − | + | table.ambox td.ambox-image, | |
| − | + | table.ambox td.ambox-imageright { width: 52px; padding: 2px; text-align: center; } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | } | ||
| − | . | ||
| − | . | ||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | table.ambox-delete, table.ambox-serious { border-left: 10px solid #B22222; } |
| − | border: | + | table.ambox-content { border-left: 10px solid #F28500; } |
| − | + | table.ambox-style { border-left: 10px solid #F4C430; } | |
| − | + | table.ambox-good { border-left: 10px solid #66CC44; } | |
| − | + | table.ambox-discussion{ border-left: 10px solid #339966; } | |
| − | + | table.ambox-notice { border-left: 10px solid #1E90FF; } | |
| − | + | table.ambox-merge { border-left: 10px solid #9932CC; } | |
| − | + | table.ambox-protection{ border-left: 10px solid #BBBBAA; } | |
| − | } | ||
| − | + | .infobox, .messagebox { | |
| − | + | border: 1px solid #aaaaaa; | |
| − | + | background-color: #f9f9f9; | |
| − | + | padding: .4em; | |
| + | margin: 0.5em; | ||
} | } | ||
| − | /* | + | /* ============================================= */ |
| − | + | /* Яндекс-поиск — финальная доводка */ | |
| − | + | /* ============================================= */ | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#p-search { | #p-search { | ||
| − | padding-top: | + | padding-top: 9px !important; |
padding-bottom: 6px !important; | padding-bottom: 6px !important; | ||
| − | + | max-width: 340px !important; | |
| − | margin- | + | margin-left: auto !important; |
| − | + | flex-shrink: 0; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Контейнер Яндекса */ |
.ya-site-form { | .ya-site-form { | ||
width: 100% !important; | width: 100% !important; | ||
| − | max-width: | + | max-width: 340px !important; |
| − | margin: 0 | + | margin: 0 !important; |
padding: 0 !important; | padding: 0 !important; | ||
| − | |||
} | } | ||
| − | |||
.ya-site-form form { | .ya-site-form form { | ||
| + | display: flex !important; | ||
| + | align-items: center !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
| − | |||
.ya-site-form input[type="search"], | .ya-site-form input[type="search"], | ||
.ya-site-form input[type="text"] { | .ya-site-form input[type="text"] { | ||
| − | height: | + | height: 32px !important; |
| − | line-height: | + | line-height: 32px !important; |
| − | padding: 0 | + | padding: 0 12px !important; |
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
| − | + | flex: 1; | |
| − | margin: | + | } |
| + | |||
| + | .ya-site-form input[type="submit"] { | ||
| + | height: 32px !important; | ||
| + | padding: 0 16px !important; | ||
| + | margin-left: 6px !important; | ||
} | } | ||
| − | /* | + | /* На всякий случай — прижимаем личное меню и уведомления */ |
| − | . | + | #mw-head .vector-user-menu, |
| − | + | #pt-userpage, #pt-notifications, #pt-preferences { | |
| − | + | white-space: nowrap; | |
} | } | ||
Версия 09:16, 18 марта 2026
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
/* === ГЛОБАЛЬНОЕ ОГРАНИЧЕНИЕ ШИРИНЫ САЙТА === */
body,
.mw-page-container,
.vector-header-container,
#mw-head,
#mw-head-base {
max-width: 1600px !important; /* можно изменить на 90% или 95%, если хотите */
margin: 0 auto !important;
box-sizing: border-box;
}
body {
padding: 0 20px;
}
/* Скрываем заголовок на главной */
body.page-Заглавная_страница h1.firstHeading {
display: none;
}
/* ============================================= */
/* Ваш старый код (без изменений) */
/* ============================================= */
table.ambox {
width: auto;
margin: 0 10%;
border-collapse: collapse;
background: #FBFBFB;
border: 1px solid #AAAAAA;
border-left: 10px solid #1E90FF;
}
table.ambox th, table.ambox td { padding: 0.25em 0.5em; }
table.ambox td.ambox-text { width:100%; }
table.ambox td.ambox-image,
table.ambox td.ambox-imageright { width: 52px; padding: 2px; text-align: center; }
table.ambox-delete, table.ambox-serious { border-left: 10px solid #B22222; }
table.ambox-content { border-left: 10px solid #F28500; }
table.ambox-style { border-left: 10px solid #F4C430; }
table.ambox-good { border-left: 10px solid #66CC44; }
table.ambox-discussion{ border-left: 10px solid #339966; }
table.ambox-notice { border-left: 10px solid #1E90FF; }
table.ambox-merge { border-left: 10px solid #9932CC; }
table.ambox-protection{ border-left: 10px solid #BBBBAA; }
.infobox, .messagebox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
padding: .4em;
margin: 0.5em;
}
/* ============================================= */
/* Яндекс-поиск — финальная доводка */
/* ============================================= */
#p-search {
padding-top: 9px !important;
padding-bottom: 6px !important;
max-width: 340px !important;
margin-left: auto !important;
flex-shrink: 0;
}
/* Контейнер Яндекса */
.ya-site-form {
width: 100% !important;
max-width: 340px !important;
margin: 0 !important;
padding: 0 !important;
}
.ya-site-form form {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.ya-site-form input[type="search"],
.ya-site-form input[type="text"] {
height: 32px !important;
line-height: 32px !important;
padding: 0 12px !important;
box-sizing: border-box !important;
flex: 1;
}
.ya-site-form input[type="submit"] {
height: 32px !important;
padding: 0 16px !important;
margin-left: 6px !important;
}
/* На всякий случай — прижимаем личное меню и уведомления */
#mw-head .vector-user-menu,
#pt-userpage, #pt-notifications, #pt-preferences {
white-space: nowrap;
}