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

Материал из КинтВики
Перейти к: навигация, поиск
Строка 1: Строка 1:
 
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
 
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
  
body.page-Заглавная_страница h1.firstHeading { display:none; }
+
/* === ГЛОБАЛЬНОЕ ОГРАНИЧЕНИЕ ШИРИНЫ САЙТА === */
 +
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 {
     max-width: 90%; /* максимальная ширина 1600px*/
+
     padding: 0 20px;
     /*margin: 0 auto; Центрирование контента */
+
}
 +
 
 +
/* Скрываем заголовок на главной */
 +
body.page-Заглавная_страница h1.firstHeading {
 +
     display: none;  
 
}
 
}
  
/* classes for {ambox} */
+
/* ============================================= */
 +
/*              Ваш старый код (без изменений)  */
 +
/* ============================================= */
  
 
table.ambox {
 
table.ambox {
  width: auto;
+
    width: auto;
  margin: 0 10%;
+
    margin: 0 10%;
  border-collapse: collapse;
+
    border-collapse: collapse;
  background: #FBFBFB;
+
    background: #FBFBFB;
  border: 1px solid #AAAAAA;
+
    border: 1px solid #AAAAAA;
  border-left: 10px solid #1E90FF
+
    border-left: 10px solid #1E90FF;
}
 
table.ambox th, table.ambox td {
 
  padding: 0.25em 0.5em;
 
}
 
table.ambox td.ambox-widthhack {
 
  padding: 0;
 
}
 
table.ambox td.ambox-text {
 
  width:100%;
 
}
 
table.ambox td.ambox-text .ambox-text-small {
 
  font-size:smaller;
 
}
 
table.ambox td.ambox-image {
 
  width: 52px;
 
  padding: 2px 0px 2px 0.5em;
 
  text-align: center;
 
}
 
table.ambox td.ambox-imageright {
 
  width: 52px;
 
  padding: 2px 4px 2px 0px;
 
  text-align: center;
 
}
 
table.ambox td.ambox-image div,
 
table.ambox td.ambox-imageright div {
 
  width:52px  /* Фикс для изображений разной ширины */
 
}
 
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
 
}
 
table.ambox.ambox-mini {
 
  float: right;
 
  clear: right;
 
  margin: 0 0 0.5em 1em;
 
  width: 20%;
 
 
}
 
}
  
.infobox {
+
table.ambox th, table.ambox td { padding: 0.25em 0.5em; }
  border: 1px solid #aaaaaa;
+
table.ambox td.ambox-text { width:100%; }
  background-color: #f9f9f9;
+
table.ambox td.ambox-image,
  margin-bottom: 0.5em;
+
table.ambox td.ambox-imageright { width: 52px; padding: 2px; text-align: center; }
  margin-left: 1em;
 
  padding:.4em;
 
  float: right;
 
  clear: right;
 
  font-size: 90%;
 
  width: 18em;
 
  vertical-align: middle;
 
}
 
.infobox td,
 
.infobox th {
 
  vertical-align: top;
 
}
 
.notice {
 
  text-align: justify;
 
  margin: 1em 0.5em;
 
  padding: 0.5em;
 
}
 
.Talk-Notice {
 
  border: 1px solid #C0C090;
 
  background-color: #F8EABA;
 
  margin-bottom: 3px;
 
  width: 85%;
 
  border-spacing: 3px;
 
  margin-left: auto;
 
  margin-right: auto
 
}
 
.Talk-Notice td {background: inherit}
 
  
.messagebox {
+
table.ambox-delete,  table.ambox-serious  { border-left: 10px solid #B22222; }
   border: thin solid #aaaaaa;
+
table.ambox-content   { border-left: 10px solid #F28500; }
  background-color: #f9f9f9;
+
table.ambox-style    { border-left: 10px solid #F4C430; }
  width: 88%;
+
table.ambox-good      { border-left: 10px solid #66CC44; }
  margin: 0 auto 1em auto;
+
table.ambox-discussion{ border-left: 10px solid #339966; }
  padding:.4em;
+
table.ambox-notice    { border-left: 10px solid #1E90FF; }
  vertical-align: middle;
+
table.ambox-merge    { border-left: 10px solid #9932CC; }
  font-size: 90%
+
table.ambox-protection{ border-left: 10px solid #BBBBAA; }
}
 
  
blockquote {
+
.infobox, .messagebox {
  margin:0.7em 0 0.7em 5%;
+
    border: 1px solid #aaaaaa;
  padding:0.7em 2% 0.7em 4%;
+
    background-color: #f9f9f9;
  background-color:#F5F5F5;
+
    padding: .4em;
 +
    margin: 0.5em;
 
}
 
}
  
/* [[Википедия:Оформление таблиц]] */
+
/* ============================================= */
table.standard, table.wide
+
/*       Яндекс-поиск — финальная доводка      */
{border:1px solid #AAAAAA; border-collapse: collapse}
+
/* ============================================= */
table.standard th, table.wide th, table.wikitable th
 
{border:1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#EEEEFF}
 
table.standard td, table.wide td
 
{border: 1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em}
 
table.standard caption, table.wide caption, table.tiles caption
 
{font-weight:bold; padding-top: 0.2em; padding-bottom:0.2em}
 
table.wide {width: 100%}
 
 
table.simple {border-color:#AAAAAA; border-collapse:collapse}
 
table.simple th, table.simple td {border-color:#AAAAAA; padding-left:0.2em; padding-right:0.2em}
 
 
table.tiles {border-collapse:separate; border-spacing:2px}
 
table.tiles th {padding-left:0.2em; padding-right:0.2em; background-color: #EEEEFF}
 
table.tiles td {padding-left:0.2em; padding-right:0.2em; background-color: #F0F0F0}
 
 
table.graytable {background:#f0f0f0; padding:1em; width: 100%}
 
table.graytable caption {padding:0.5em 0 0 0; background:#f0f0f0; font-size:100%; font-weight:bold}
 
table.graytable caption span.subcaption {font-size:80%; font-weight:normal}
 
table.graytable th, table.graytable td {font-size:80%}
 
 
table.wikitable, table.prettytable
 
{margin:1em 1em 1em 0; background:#F9F9F9; border:1px solid #AAAAAA; border-collapse:collapse}
 
table.wikitable th, table.wikitable td,
 
table.prettytable th, table.prettytable td
 
{border:1px solid #AAAAAA; padding:0.2em}
 
table.wikitable caption, table.prettytable caption
 
{margin-left:inherit; margin-right:inherit; font-size:larger; font-weight:bold}
 
table.prettytable th
 
{background:#f2f2f2}
 
 
tr.highlight th {background-color: #EEEEFF}
 
tr.highlight td {background-color: #FFFFEE}
 
tr.bright th  {background-color: #CCCCFF}
 
tr.bright td  {background-color: #FFEECC}
 
tr.shadow th, tr.shadow td  {background-color: #F0F0F0}
 
tr.dark th, tr.dark td  {background-color: #CCCCCC}
 
table th.highlight  {background-color: #EEEEFF}
 
table td.highlight  {background-color: #FFFFEE}
 
table th.bright  {background-color: #CCCCFF}
 
table td.bright  {background-color: #FFEECC}
 
table th.shadow, table td.shadow  {background-color: #F0F0F0}
 
table th.dark, table td.dark  {background-color: #CCCCCC}
 
table th.transparent, table td.transparent, .transparent {background-color: transparent}
 
 
table.toccolours th {background-color: #ccccff}
 
 
 
/*{Навигационная полоса}, {Hider}, ... */
 
div.Boxmerge,
 
div.NavFrame {
 
  margin: 0px;
 
  padding: 2px;
 
  border: 1px solid #aaa;
 
  text-align: center;
 
  border-collapse: collapse;
 
  font-size: 95%;
 
}
 
div.Boxmerge div.NavFrame {
 
  border-style: none;
 
  border-style: hidden;
 
}
 
div.NavFrame + div.NavFrame {
 
  border-top-style: none;
 
  border-top-style: hidden;
 
}
 
div.NavPic {
 
  background-color: #fff;
 
  margin: 0px;
 
  padding: 2px;
 
  float: left;
 
}
 
div.NavFrame div.NavHead {
 
  height: 1.6em;
 
  font-weight: bold;
 
  font-size: 100%;
 
  background-color: #efefef;
 
  position:relative;
 
}
 
div.NavFrame p,
 
div.NavFrame div.NavContent,
 
div.NavFrame div.NavContent p  {
 
  font-size: 100%
 
}
 
div.NavEnd {
 
  margin: 0px;
 
  padding: 0px;
 
  line-height: 1px;
 
  clear: both;
 
}
 
div.NavShow, div.NavHide {
 
  display: none;
 
}
 
a.NavToggle {
 
  position:absolute;
 
  top:0px;
 
  right:3px;
 
  font-weight:normal;
 
  font-size:smaller;
 
}
 
 
@media print{
 
  .navbox, .NavFrame, .metadata, .dablink, .sisterproject, #catlinks  {display: none}
 
  .toccolours {border: 1px solid #aaa} /* border around nav templates */
 
  .reflist4 {height:auto !important} /* windowed references list height */
 
}
 
  
/* === Выравнивание и позиционирование Яндекс-поиска === */
 
 
#p-search {
 
#p-search {
     padding-top: 8px !important;
+
     padding-top: 9px !important;
 
     padding-bottom: 6px !important;
 
     padding-bottom: 6px !important;
     padding-right: 0 !important;
+
     max-width: 340px !important;
     margin-right: 0 !important;
+
     margin-left: auto !important;
     vertical-align: middle;
+
     flex-shrink: 0;
    text-align: right !important;  /* прижимаем содержимое вправо */
 
}
 
 
 
/* Внутренние контейнеры MediaWiki / Vector */
 
#p-search .pBody,
 
#p-search .vector-menu-content,
 
#p-search .vector-search-box,
 
#p-search .vector-search-box-inner {
 
    padding-right: 0 !important;
 
    margin-right: 0 !important;
 
 
}
 
}
  
/* Основной контейнер формы Яндекса */
+
/* Контейнер Яндекса */
 
.ya-site-form {
 
.ya-site-form {
 
     width: 100% !important;
 
     width: 100% !important;
     max-width: 320px !important;
+
     max-width: 340px !important;
     margin: 0 0 0 auto !important; /* прижать блок к правому краю */
+
     margin: 0 !important;
 
     padding: 0 !important;
 
     padding: 0 !important;
    text-align: right !important;
 
 
}
 
}
  
/* Если внутри есть form */
 
 
.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: 22px !important;
+
     height: 32px !important;
     line-height: 22px !important;
+
     line-height: 32px !important;
     padding: 0 10px !important;
+
     padding: 0 12px !important;
 
     box-sizing: border-box !important;
 
     box-sizing: border-box !important;
     vertical-align: middle !important;
+
     flex: 1;
     margin: 0 !important;
+
}
 +
 
 +
.ya-site-form input[type="submit"] {
 +
    height: 32px !important;
 +
    padding: 0 16px !important;
 +
     margin-left: 6px !important;
 
}
 
}
  
/* Кнопка поиска */
+
/* На всякий случай — прижимаем личное меню и уведомления */
.ya-site-form input[type="submit"],
+
#mw-head .vector-user-menu,
.ya-site-form button {
+
#pt-userpage, #pt-notifications, #pt-preferences {
     margin-right: 0 !important;
+
     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;
}