MediaWiki:Common.css

/* Этот набор стилей включается в отдельные css-файлы других шкурок.
 *
 *    @import-строки (подключение внешних CSS) должны быть первыми среди стилей.
 *
 *    Стили из [[MediaWiki:Summary.css]]·— это эксперименты Якова по созданию
 *    нестандартно оформленной информационной панели;
 *    для примера см. [[Тритон (спутник Нептуна)]].
*/

/*  Устранение бага с налезанием строки на последующую иллюстрацию в Firefox 3.0.x
 *  (это https://bugzilla.mozilla.org/show_bug.cgi?id=25888 или другой аналогичный баг)
*/
p { padding-bottom: .01px; }

/*  Устранение бага с лишним пространством под флэшёвым роликом [[EmbedVideo]] в·бетах Firefox 4.0  */
object { display: block; }
/*  Устранение бага с лишним пространством справа от·оглавления в·бетах Firefox 4.0  */
td.tocinsummary { padding-right: 2em; }

/***  Элементы оформления заглавной страницы вики (закруглённые заголовки)  ***/
/* {{бирюзовый заголовок заглавной}} */
h2.main-page-left-column {
background: #cef2e0;
border: 1px solid #a3bfb1;
}
/* {{бежевый заголовок заглавной}} */
h2.main-page-right-column {
background: #ECF2CE;
border: 1px solid #a3b0bf;
}
/*  оба заголовка:  */
@font-face {
font-family: 'Vera Humana 95';
src: local('Vera Humana 95'), local('VeraHumana95'), url('/files/4/4a/VeraHumana95.ttf') format('truetype');
}

h2.main-page-left-column, h2.main-page-right-column {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

margin: 0 !important;
color: #000;
padding: 0.2em 0.4em;
text-align: left;
font-weight: normal;
font-size: 140%;
font-family: 'Vera Humana 95';
text-transform: uppercase;
}

/* Don't display some stuff on the main page */
body.page-Заглавная_страница #t-cite,
body.page-Заглавная_страница #lastmod, 
body.page-Заглавная_страница #siteSub, 
body.page-Заглавная_страница #contentSub, 
body.page-Заглавная_страница h1.firstHeading,
body.page-Заглавная_страница span.mw-headline-number {
  display: none !important;
}

/*  Включаем полосу прокрутки при отображении разности версий статей,
 *  если полоса прокрутки необходима.
*/
pre,
td.diff-context div,
td.diff-deletedline div,
td.diff-addedline div { overflow: auto; }

/*  Устранение проблемы убегания гиперссылок «править»
 *  от заголовков первого, второго, и так далее до шестого уровня
 *  включительно
*/
h1, h2, h3, h4, h5, h6, blockquote { overflow: hidden; }

/*  Класс prettytable для оформления таблиц.
 *  Примечание: используется wikitable для той же цели
 *  ( [[:mw:RL/MGU#CSS_declarations_new_in_core]] ),
 *  так что от prettytable пора избавляться.
*/
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-size: larger;
  font-weight: bold;
}

/* Список сносок надо заставить выглядеть меньше */
ol.references {
   font-size: 100%;
}
.references-small { font-size: 90%;}

/* Подсветка сноски, находящейся в фокусе. */
sup.reference:target, ol.references li:target { background-color: #ffffcc; }
sup.reference:target { font-weight: bold; }

.notice { margin: 1em 1em 1em 20%; padding: 0.2em; }
#disambig { border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; }
#spoiler  { border-top: 2px solid  #dddddd; border-bottom: 2px solid  #dddddd; }
.Talk-Notice {border: 1px solid #C0C090;
              background-color: #F8EABA;
              width: 85%;
              border-spacing: 3px;
              margin-bottom: 3px; margin-left: auto; margin-right: auto; }
.Talk-Notice td { background: inherit; }
.Use_Default_Date_Convention { display: inline; }
.Use_AD_and_BC  { display: none; }
.Use_BCE_and_CE { display: none; }
.plainlinksneverexpand { background: none; padding: 0; }
.plainlinksneverexpand .urlexpansion { display: none; }
.plainlinksneverexpand a { background: none; padding: 0; }
.plainlinksneverexpand a.external.text:after { display: none; }
.plainlinksneverexpand a.external.autonumber:after { display: none; }

#bodyContent .plainlinksneverexpand a { background: none; padding: 0; }

.messagebox {border:thin solid #dedede;background-color:#f7f7f7;margin-bottom:1em;padding:.4em;vertical-align:middle;font-size: 90%}
.messagebox.merge {border: 1px solid #cf9fff;background-color: #f5edf5;text-align: center}
.messagebox.cleanup {border: 1px solid #9f9fff;background-color: #efefff;text-align: center}
.messagebox.standard-talk {border: 1px solid #c0c090;background-color: #f8eaba}
.messagebox .floatleft{vertical-align:middle;clear:both;margin:2px;padding:0;}
.messagebox .image{margin:0;padding:0;}

.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.sisterproject {background-color:#f9fafd}

/* Используется пока лишь в Викиучебнике Эпиграф:*/
.epigraf{margin-left:54%;font-family:serif;max-width:38em;min-width:16em;margin-bottom:1em;clear:both}
.epigraf blockquote{font-style:italic;border:0;background:none;padding:0 0 0.1em 0;margin:0}
.epigraf blockquote p{padding:0.2em 0;margin:0}
.podpis{text-align:right;padding:0.2em 0 0.2em 0;margin:0 1em 0 0}

/* {{lj user}}, {{lj comm}}, {{lj synd}} */
.lj a { text-decoration: underline; font: bold small Verdana; background: none !important; padding: 0 !important; }
.lj img { vertical-align: -2px; }
/* {{hh user}} */
.habr { white-space: nowrap; }
.habr a { background: none !important; padding: 0 !important; }
.habr img { vertical-align: baseline; }
/* {{fs user}} */
.formspring { white-space: nowrap; }
.formspring a { background: none !important; padding: 0 0 0 1px !important; }
.formspring img { vertical-align: -2px; }
/* KML */
.GoogleEarthPlacemark img { vertical-align: middle; }
/* изображения, которые нужно выровнять по базовой линии текста */
.val-1 img { vertical-align: -1px; }
.val-2 img { vertical-align: -2px; }
.val-3 img { vertical-align: -3px; }
/* гиперссылки magnet: */
#bodyContent a.external[href ^="magnet:"]{
   background: url("http://upload.wikimedia.org/wikipedia/commons/c/c2/Magnet-icon.gif") center right no-repeat;
   padding-right: 16px;
}

.IPA {font-family: 'Chrysanthi Unicode', 'Doulos SIL', Gentium, GentiumAlt, Code2000, 'TITUS Cyberbit Basic', 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode';font-family /**/:inherit}

.Unicode {font-family: 'TITUS Cyberbit Basic', Code2000, 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', Thryomanes, Gentium, GentiumAlt, 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode'; font-family /**/:inherit}

.polytonic {font-family: Athena, Gentium, 'Palatino Linotype', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Lucida Grande', Code2000; font-family /**/:inherit}

#wpSave {font-weight: bold}

blockquote { margin: 0.7em 0 0.7em 5%; padding: 0.7em 2% 0.7em 4%; background-color: #f5f5f5; }
blockquote.quoteTemplate { /* [[шаблон:цитата]] */
   margin-left:  0;  margin-right:  0;
   padding-left: 0;  padding-right: 0;
   background-color: inherit;
}

p.istochnik_pred { margin: 1em 0 0 5%; font-size: 110%; }
p.istochnik_pred:after { content: ':'; }
p.istochnik_sled { margin: 0 2em 0 0; text-align: right; }
p.istochnik_sled:before { content: '— '; }

table.toccolours { text-align: center; } /* может напортить! */
table.toccolours th { background-color: #ccccff; }

/* См. Правила оформления таблиц */
table.simple {border-color: rgb(170,170,170); border-collapse: collapse}
table.simple th, table.simple td {border-color: rgb(170,170,170); padding-left: 0.2em; padding-right: 0.2em}

table.standard, table.wide, table.wikitable, table.standart { border: 1px solid rgb(170,170,170);
border-collapse: collapse; }

table.standard th, table.wide th, table.wikitable th, table.standart th {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; background-color: #EEEEFF; }

table.standard td, table.wide td, table.wikitable td, table.standart td {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; }

table.standard caption, table.wide caption, table.wikitable caption, table.standart caption, table.tiles caption
{font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; }

table.wide {width: 100%; }

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

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 {background-color: #F0F0F0}
tr.shadow td {background-color: #F0F0F0}
tr.dark th {background-color: #CCCCCC}
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 {background-color: #F0F0F0}
table td.shadow {background-color: #F0F0F0}
table th.dark {background-color: #CCCCCC}
table td.dark {background-color: #CCCCCC} 

table th.transparent {background-color: transparent}
table td.transparent {background-color: transparent}

/* Добавление прозрачным изображениям клетчатого фона */
#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}

/* Медали. */
.gold   { background-color: #FFD020; }
.silver { background-color: #D0D0D0; }
.bronze { background-color: #cc9966; }

.allpagesredirect { font-style: italic; }

/*  {{Строчный блок}}
 *  http://habrahabr.ru/blogs/css/96152/
 *  ↑ http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/
 *    ↑ http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
 *      ↑ первоисточник
*/
.lineBlock {
   border: 0; margin: 0.3em 0.15em; padding: 0;

   display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */
   display: inline-block;
   vertical-align: top;

   /* ↓ IE6 & IE7 «hasLayout» voodoo */
   zoom: 1;
   *display: inline;
   /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */
}
.lineBlock DIV.lbInner {
   margin: 0; border: 0; padding: 0;
}
.lineBlock div.tright {
  margin: 0;
}

/* {{Навигационная таблица}} */
table.navbox {
 background-color: #f9f9f9;
 border: 1px solid #aaa;
 clear: both;
 font-size: 90%;
 margin: 1em 0em 0em;
 padding: 2px;
 text-align: center;
 width: 100%;
}
table.navbox th {
 background-color: #ccf;
 padding-left: 1em;
 padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
 background-color: #ddf;
}

/* Для [[Шаблон:Навигационная полоса|навигационных полос]] (из нем. Википедии) */
/*добавление Stylesheet для обычных навигационных полос */
 
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 {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
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;
}

.warningbox{
 background:#FFFF99;
 border:1px solid #EEEE00;
 padding:10px 10px 10px 60px;
 background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/40px-Nuvola_apps_important.png');
 background-position:10px center;
 background-repeat:no-repeat;
 vertical-align:middle;
 font-size:smaller;
 min-height:55px;
}

.informationbox{
 background:#F4FBFF;
 border:1px solid #D5D9E6;
 padding:10px 10px 10px 60px;
 background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/40px-Information.svg.png');
 background-position:10px center;
 background-repeat:no-repeat;
 vertical-align:middle;
 font-size:smaller;
 min-height:55px;
}

.diffchange {
  border: 1px dotted #AAAAAA;
}

.dablink {
    font-style: italic;
    padding-left: 2em;
}
 
.dablink i {
    font-style: normal;
}

.stickybox {
    margin-top: 1.5em;
}

.stickybox + .stickybox {
    margin-top: 0;
}

small{font-size:90%}

/* Уменьшение высоты линии верхних и нижних индексов */
sup, sub {
    line-height: 1;
}

/*   Увеличение высоты того многострочного поля ввода,
 *   в которое вписывают описание загружаемого файла:
 */
#wpUploadDescription {
    height: 13em;
}

/* Перенос длинных строк моноширинного шрифта или кода.
 *     Невозбранно национализировано с /lm/:
 */
pre {
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
}

/* Кнопки с·описанием правки: */
/* для вставки кратких описаний изменений, из польской Вики*/
/* powyższe tylko dla zgodności wstecznej */
#userSummaryButtonsA a {
    background: #D8F5FF;
    border: 1px solid #B2DEF8;
    padding: 0px 2px;
    margin: 2px;
    cursor: pointer;
    font-size: 80%;
    line-height: 17px;
    color: #808080;
}
 
#userSummaryButtonsA a:hover {
    background: #B1EBFF;
    border: 1px solid #64BDF0;
    text-decoration:none;
    color:#000000;
}

/* [[Шаблон:Right-uppermost image]] */
.floating_object {
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 100;
 overflow: hidden;
}

/* Закругление и тень всплывающей подсказки */
.qtip {
   -moz-box-shadow: 0 0 5px #000;
   -webkit-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.qtip, .qtip-wrapper, .qtip-contentWrapper, .qtip-content {
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
   border-radius: 5px !important;
}
#p-logo { z-index: 1; } /* логотип не должен налезать на подсказку */

/* Одинаковый отступ нумерованных и маркированных списков и определений глоссария */
#bodyContent ol, #bodyContent ul, #bodyContent dd {
   margin-left: 2.4em;
} /* но не у оглавлений: */
#bodyContent .toc ul { margin-left: 0; }
#bodyContent .toc ul ul { margin-left: 1.5em; }

/* Please read: personal appeal from... */
#appeal {
position: relative;
overflow: hidden;
border: 1px solid #120e09;
background-color: #c2997d;
height: 215px;
background-image: url(/images/c/cb/MtW_appeal_2010_Jan_03.jpg);
background-position: left top;
background-repeat: no-repeat;
padding: 0 0 0 212px;
margin: 0 0 0.5em !important;
text-align: center;
}
#appeal A {
display: block;
text-align: center;
margin: 0;
font-size: 29px;
padding: 40px 0 0;
color: #541500;
line-height: 1.5;
}

/* Карта [[WikiLeaflet]] */
.wldata, .wikileaf .wldata * { display: none; }
.leafletLabel {
   font-size: 10px;
   line-height: 1;
   font-family: "PT Sans Caption", "Helvetica Neue", Arial, Helvetica, sans-serif;
   position: absolute;
   text-align: left;
   color: #000000;
   text-shadow:
      2px 2px 1px #ffffff,
      2px 0 1px #ffffff,
      2px -2px 1px #ffffff,
      0 -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
      -2px 0 1px #ffffff,
      -2px 2px 1px #ffffff,
      0 2px 1px #ffffff;
}
/*
 * Поля всплывающих подсказок  на·карте:
 */
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
    margin-top: -2ex;
}
/*
 * Таблицы во всплывающих подсказках на карте:
 */
.leaflet-popup-content table {
    font-size: x-small;
    border-collapse: collapse;
}
.leaflet-popup-content table tr {
    margin: 0px;
}
.leaflet-popup-content table th,
.leaflet-popup-content table td {
    color: #003060;
    margin: 0px;
    padding: 0.25ex 0.5em;
    border-top: solid thin #B0D0FF;
    vertical-align: top;
    text-align: left;
}
.leaflet-popup-content table th {
    border-right: solid thin #B0D0FF;
}
.leaflet-popup-content table tr:first-child td,
.leaflet-popup-content table tr:first-child th {
    border-top: none;
}

/*  Серая рамка вокруг карты на заглавной странице:  */
.page-Заглавная_страница .wikileaf,
.page-Шаблон_Карта_дня .wikileaf {
   border: 1px solid #cccccc !important;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/* 
    User Style (example 5):
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/4/4a/ColorBox_controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/images/b/b4/ColorBox_border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/4/4a/ColorBox_controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/4/4a/ColorBox_controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/images/b/b4/ColorBox_border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/4/4a/ColorBox_controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/images/4/4a/ColorBox_controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/images/4/4a/ColorBox_controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/images/b/b1/ColorBox_loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/3/38/AJAX-loader-T.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/4/4a/ColorBox_controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
/* Mithgol's addon to the style of the title */
#cboxOverlay{ background: #fff }
#colorbox {
-webkit-box-shadow: 0 0 15px #000;
   -moz-box-shadow: 0 0 15px #000;
        box-shadow: 0 0 15px #000;
}
#cboxTitle { position: relative; top: 0.2em; height: 2.5em; overflow: hidden; font-size: 1.2em; text-align: left; width: auto; }
#cboxTitle p { margin-top: 0; line-height: 1.25; }
#cboxLoadedContent { text-align: center; }
#colorbox, #colorbox * { overflow: visible !important; }
#colorbox #cboxClose, #colorbox #cboxPrevious, #colorbox #cboxNext {
   overflow: hidden !important;
}
#cboxClose {
   top: -27px; bottom: auto; right: -27px;
}
#cboxPrevious, #cboxNext {
   top: -34px; bottom: auto;
}
#cboxPrevious, #cboxNext, #cboxClose {
-webkit-box-shadow: 0 0 6px #000;
   -moz-box-shadow: 0 0 6px #000;
        box-shadow: 0 0 6px #000;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
        border-radius: 6px;
}
#cboxCurrent {
   top: -33px; bottom: auto;
   font-size: 17px;
   color: #333;
   text-shadow:
      #fff -2px -2px 2px, #fff 0 -2px 2px, #fff 2px -2px 2px,
      #fff -2px 0 2px,    #fff 0 0 2px,    #fff 2px 0 2px,
      #fff -2px 2px 2px,  #fff 0 2px 2px,  #fff 2px 2px 2px;
}

/*
 * Стили Summary·— созданный Яковом стиль оформления семантической информационной панели.
 */

div#p-summary p,
div#p-summary dl,
div.p-summary p,
div.p-summary dl {
  margin: 0;
}

div#p-summary dl,
div.p-summary dl {
  clear: both;
}

div#p-summary,
div#p-summary dl,
div#p-summary dt,
div#p-summary dd,
div.p-summary,
div.p-summary dl,
div.p-summary dt,
div.p-summary dd,
div.p-summary strong,
div.summarybox div.p-summary-title {
  line-height: 1.1;
}

div#p-summary dt,
div#p-summary dd,
div#p-summary div.p-summary-line,
div.p-summary dt,
div.p-summary dd,
div.p-summary div.p-summary-line,
div.summarybox div.p-summary-line {
  border-top: 1px solid #ddd;
  padding: 0.35em 0em 0.3em;
  display: block;
  position: relative;
  overflow: hidden;
}

/* А. Машин, Tnavbar вправо: */
div#p-summary div.p-summary-line #Tnavbar,
div.p-summary div.p-summary-line #Tnavbar {
  text-align: right;
  float     : right;
}

div#p-summary,
div.p-summary {
  float: right;
  clear: right;
  width: 22.5em;
  background: white;
}

/*
 * Развёрнутый шаблон:
 */
div.wide#p-summary,
div.p-summary.wide {
  width: 100%;
}

div#p-summary,
div.p-summary,
div.summarybox {
  padding: 0.3em 0.5em 0.5em 0.75em;
  margin: 0 0 1em 1em;
  border-left: 3px solid #ccc;
}

div#p-summary div.thumbinner,
div.p-summary div.thumbinner,
div.summarybox div.thumbinner {
  background: transparent;
  border-color: #ddd;
}

div#p-summary img.thumbimage,
div.p-summary img.thumbimage,
div.summarybox img.thumbimage {
  border: none;
}

div#p-summary thumbcaption,
div.p-summary thumbcaption,
div.summarybox thumbcaption {
  text-align: inherit;
}

div#p-summary div.magnify,
div.p-summary div.magnify,
div.summarybox div.magnify {
  display: none;
}

div#p-summary ol,
div.p-summary ol,
div.summarybox ol {
  margin-left: 2.5em;
  margin-top : 0;
  padding-top: 0;
}

div#p-summary ul,
div.p-summary ul,
div.summarybox ul {
  margin-left: 1.5em;
  margin-top : 0;
  padding-top: 0;
}

/* Не·убрать·ли? */
div#p-summary p br,
div.p-summary p br {
  display: none;
}

div#p-summary dt,
div#p-summary div.p-summary-left,
div.p-summary dt,
div.p-summary div.p-summary-left {
  float: left;
  clear: both;
  width: 11em;
  font-weight: normal;
}

div#p-summary dd,
div#p-summary div.p-summary-right,
div#p-summary dd,
div.p-summary div.p-summary-right {
  float: right;
  clear: none;
  margin: 0;
  width: 11em;
}

/*
 *  Ширина полей при развёрнутом шаблоне:
 */
div.wide#p-summary dd,
div.wide#p-summary div.p-summary-right,
div.wide.p-summary dd,
div.wide.p-summary div.p-summary-right {
  width: auto;
}

div#p-summary strong,
div.p-summary strong {
}

div#p-summary strong.summarySection,
div.p-summary strong.summarySection {
  display: block; 
  clear: both;
  padding: 0.75em 0 0.5em;
  line-height: 1.1;
}

div#p-summary strong.p-summary-title,
div.p-summary strong.p-summary-title {
  display: block; 
  font-size: large;
  padding: 0.25ex 0 0.25ex 0;
  width: 100%;
}

div#p-summary div.p-summary-line,
div.p-summary div.p-summary-line {
  clear: both;
}

.p-summary-tools {
  margin-top: 0;
}

.p-summary-tools,
.p-summary-tools *,
.p-summary-tools a,
.p-summary-tools a:link,
.p-summary-tools a:active,
.p-summary-tools a:hover,
.p-summary-tools a:visited,
.p-summary-tools a:focus {
  color: #aaa;
  list-style-type: none;
  list-style-image: none;
  font-size: smaller;
  /* font-size: 9pt; */
  font-weight: normal;
}

div.summarybox .p-summary-title a,
div.summarybox .p-summary-title a:link,
div.summarybox .p-summary-title a:active,
div.summarybox .p-summary-title a:hover,
div.summarybox .p-summary-title a:visited,
div.summarybox .p-summary-title a:focus {
  color: inherit;
}

.p-summary-tools ul, 
.p-summary-tools ol {
  margin-left: 0.5em;
}
/*
 * Александр Машин, 1 апреля 2011 г.:
 *     показ <dl> внутри широкой строки стандартным образом.
 */
 
div#p-summary div.p-summary-line dl,
div.p-summary div.p-summary-line dl,
div#p-summary div.p-summary-line dt,
div.p-summary div.p-summary-line dt,
div#p-summary div.p-summary-line dd,
div.p-summary div.p-summary-line dd {
  position: static;
  width: inherit;
  float: inherit;
  margin: inherit;
}

div#p-summary div.p-summary-line dd,
div.p-summary div.p-summary-line dd {
  margin-left: 0.5em;
}

/*
 * Александр Машин, 7 декабря 2007 г.:
 *     добавление стиля для показа содержания внутри информационной панели,
 *     выдержанной в том же стиле.
 *     Используется в шаблонах «Шапка служебной страницы» и·«Текст»
 */
.tocinsummary *,
.tocinsummary *#toc,
.tocinsummary * *,
.tocinsummary * * * {
  border: none;
  background: transparent;
  width: 100%;
}

/*
 * Александр Машин, 15·октября ·2009·г.:
 *     для полей ввода в·формах:
 */
div.summarybox input,
div.summarybox select {
  margin: 0;
  width: 100%;
  border: #C0FFFF solid thin;
  background: #E0FFFF;
  color: #006060;
}
div.summarybox input {
  font-family: monospace;
}
div.summarybox select {
}