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

Материал из КинтВики
Перейти к: навигация, поиск
 
(не показано 5 промежуточных версий этого же участника)
Строка 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 {
−
     padding: 0 20px;
+
     max-width: 90%; /* максимальная ширина 1600px*/
 +
    /*margin: 0 auto; Центрирование контента */
 
}
 
}
  
−
/* Скрываем заголовок на главной */
+
/* classes for {ambox} */
−
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-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 {
−
/*              Ваш старый код (без изменений)   */
+
   border: 1px solid #aaaaaa;
−
/* ============================================= */
+
  background-color: #f9f9f9;
 +
  margin-bottom: 0.5em;
 +
  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}
  
−
table.ambox {
+
.messagebox {
−
    width: auto;
+
  border: thin solid #aaaaaa;
−
    margin: 0 10%;
+
  background-color: #f9f9f9;
−
    border-collapse: collapse;
+
  width: 88%;
−
    background: #FBFBFB;
+
  margin: 0 auto 1em auto;
−
    border: 1px solid #AAAAAA;
+
  padding:.4em;
−
    border-left: 10px solid #1E90FF;
+
  vertical-align: middle;
 +
  font-size: 90%
 
}
 
}
  
−
table.ambox th, table.ambox td { padding: 0.25em 0.5em; }
+
blockquote {
−
table.ambox td.ambox-text { width:100%; }
+
  margin:0.7em 0 0.7em 5%;
−
table.ambox td.ambox-image,
+
  padding:0.7em 2% 0.7em 4%;
−
table.ambox td.ambox-imageright { width: 52px; padding: 2px; text-align: center; }
+
  background-color:#F5F5F5;
 +
}
  
−
table.ambox-delete,   table.ambox-serious  { border-left: 10px solid #B22222; }
+
/* [[Википедия:Оформление таблиц]] */
−
table.ambox-content  { border-left: 10px solid #F28500; }
+
table.standard, table.wide
−
table.ambox-style    { border-left: 10px solid #F4C430; }
+
{border:1px solid #AAAAAA; border-collapse: collapse}
−
table.ambox-good      { border-left: 10px solid #66CC44; }
+
table.standard th, table.wide th, table.wikitable th
−
table.ambox-discussion{ border-left: 10px solid #339966; }
+
{border:1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#EEEEFF}
−
table.ambox-notice    { border-left: 10px solid #1E90FF; }
+
table.standard td, table.wide td
−
table.ambox-merge    { border-left: 10px solid #9932CC; }
+
{border: 1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em}
−
table.ambox-protection{ border-left: 10px solid #BBBBAA; }
+
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}
  
−
.infobox, .messagebox {
+
/*{Навигационная полоса}, {Hider}, ... */
−
    border: 1px solid #aaaaaa;
+
div.Boxmerge,
−
    background-color: #f9f9f9;
+
div.NavFrame {
−
    padding: .4em;
+
  margin: 0px;
−
    margin: 0.5em;
+
  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: 9px !important;
+
     padding-top: 8px !important;
 
     padding-bottom: 6px !important;
 
     padding-bottom: 6px !important;
−
     max-width: 340px !important;
+
     padding-right: 0 !important;
−
     margin-left: auto !important;
+
     margin-right: 0 !important;
−
     flex-shrink: 0;
+
     vertical-align: middle;
 +
    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: 340px !important;
+
     max-width: 320px !important;
−
     margin: 0 !important;
+
     margin: 0 0 0 auto !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: 32px !important;
+
     height: 22px !important;
−
     line-height: 32px !important;
+
     line-height: 22px !important;
−
     padding: 0 12px !important;
+
     padding: 0 10px !important;
 
     box-sizing: border-box !important;
 
     box-sizing: border-box !important;
−
     flex: 1;
+
     vertical-align: middle !important;
−
}
+
     margin: 0 !important;
−
 
 
−
.ya-site-form input[type="submit"] {
 
−
    height: 32px !important;
 
−
     padding: 0 16px !important;
 
−
    margin-left: 6px !important;
 
 
}
 
}
  
−
/* На всякий случай — прижимаем личное меню и уведомления */
+
/* Кнопка поиска */
−
#mw-head .vector-user-menu,
+
.ya-site-form input[type="submit"],
−
#pt-userpage, #pt-notifications, #pt-preferences {
+
.ya-site-form button {
−
     white-space: nowrap;
+
     margin-right: 0 !important;
 
}
 
}

Текущая версия на 09:26, 18 марта 2026

/** Размещённый здесь CSS будет применяться ко всем темам оформления */

body.page-Заглавная_страница h1.firstHeading { display:none; }

body {
    max-width: 90%; /* максимальная ширина 1600px*/
    /*margin: 0 auto; Центрирование контента */
}

/* classes for {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-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 {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  margin-bottom: 0.5em;
  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 {
  border: thin solid #aaaaaa;
  background-color: #f9f9f9;
  width: 88%;
  margin: 0 auto 1em auto;
  padding:.4em;
  vertical-align: middle;
  font-size: 90%
}

blockquote {
  margin:0.7em 0 0.7em 5%;
  padding:0.7em 2% 0.7em 4%;
  background-color:#F5F5F5;
}

/* [[Википедия:Оформление таблиц]] */
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 {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    vertical-align: middle;
    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 {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 0 0 auto !important;  /* прижать блок к правому краю */
    padding: 0 !important;
    text-align: right !important;
}

/* Если внутри есть form */
.ya-site-form form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Сам инпут */
.ya-site-form input[type="search"],
.ya-site-form input[type="text"] {
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

/* Кнопка поиска */
.ya-site-form input[type="submit"],
.ya-site-form button {
    margin-right: 0 !important;
}
Источник — «http://wiki.kint.ru/index.php?title=MediaWiki:Common.css&oldid=101998»