/**
 *  Файл:             informer.css
 *  Плагин:           informer
 *  Описание:         файл таблицы стилей для информационного раздела
 *
 *  Версия:           0.00.08
 *  Дата создания:    2020-05-31
 *  Дата модификации: 2022-02-21
 * ---------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- Основные теги --- */
html{
    height:100%;
    width:100%;
}
body{
    min-height:100%;
    min-width:100%;
    margin:0px;
    padding:0px;
    display:flex;
    flex-direction:column;
    font-family:Arial,"Nimbus Sans L","Helvetica CY";
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    color:#000000;
    background-color:#e8f2fc;
    background:url("../../img/background.png") repeat;
    background-position:left top;
    background-attachment:fixed;
}
/* ------------------------------------------------------------------------- Разбивка страницы -- */
.publicReference{
    margin:0px;
    padding:0px;
    flex:1;
    display:flex;
    flex-direction:row;
}
.publicReference .area{
    padding:0px;
    flex:1;
    display:flex;
    flex-direction:column;
}
.rightMenu{
    width:300px;
    padding:0px 20px;
    border-left:solid 2px rgba(204,240,232,1);
}
/* --------------------------------------------------------------------------- Шапка страницы --- */
.cap{
    margin-bottom:20px;
}
.logo{
    width:400px;
    height:80px;
    margin:5px 20px;
    background:url("./img/logo.png") no-repeat left top;
    background-size:400px 80px;
}
.lineSep{
    height:2px;
    margin:15px 0px 5px;
    background:rgba(204,240,232,1);
}
/* --------------------------------------------------------------------------- Меню навигации --- */
#boxMenu ul{
    list-style:none;
    padding:0px;
    margin:0px;
}
#boxMenu ul li{
    position:relative;
    background:#ececed;
}
#boxMenu ul li,
#boxMenu ul li ul li > label{
    border-bottom:none;
    background:-moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(246,246,246,1) 2%, rgba(187,187,187,0.4) 98%, rgba(117,117,119,1) 100%);
    background:-webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,0.4) 98%,rgba(117,117,119,1) 100%);
    background:linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,0.4) 98%,rgba(117,117,119,1) 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#757577',GradientType=0);
}
#boxMenu > ul > li:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:0.7s;
     -khtml-transition:0.7s;
      -icab-transition:0.7s;
       -moz-transition:0.7s;
        -ms-transition:0.7s;
         -o-transition:0.7s;
            transition:0.7s;
    background:#ececed;
    background:-moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(246,246,246,1) 2%, rgba(187,187,187,1) 98%, rgba(117,117,119,1) 100%);
    background:-webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,1) 98%,rgba(117,117,119,1) 100%);
    background:linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,1) 98%,rgba(117,117,119,1) 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757577', endColorstr='#c9c9c9',GradientType=0);
}
#boxMenu > ul > li:hover:before{
    opacity:1;
}
#boxMenu > ul > li:first-child{
    border-top:1px solid #A6ADA7;
}
#boxMenu ul a,
#boxMenu ul label,
#boxMenu ul span{
    display:flex;
    cursor:pointer;
    box-sizing:border-box;
    height:50px;
    width:300px;
    padding:0px 15px;
    border:1px solid #A6ADA7;
    border-top:none;
    border-bottom:none;
    font-weight:600;
    position:relative;
    font-size:14px;
    color:#454547;
    text-decoration:none;
    -ms-flex-line-pack:center;
     -webkit-box-align:center;
        -ms-flex-align:center;
           align-items:center;      
         align-content:center;
    -webkit-transition:all 150ms ease-out;
     -khtml-transition:all 150ms ease-out;
      -icab-transition:all 150ms ease-out;
       -moz-transition:all 150ms ease-out;
        -ms-transition:all 150ms ease-out;
         -o-transition:all 150ms ease-out;
            transition:all 150ms ease-out;
}
#boxMenu ul label:before,
#boxMenu ul label:after{
    content:"";
    top:50%;
    right:20px;
    width:2px;
    height:12px;
    margin-top:-6px;
    display:block;
    position:absolute;
    background:#A6ADA7;
    border-radius:2px;
    -webkit-transition:all 150ms ease-out;
     -khtml-transition:all 150ms ease-out;
      -icab-transition:all 150ms ease-out;
       -moz-transition:all 150ms ease-out;
        -ms-transition:all 150ms ease-out;
         -o-transition:all 150ms ease-out;
            transition:all 150ms ease-out;
    -webkit-transform-origin:center 11px;
     -khtml-transform-origin:center 11px;
      -icab-transform-origin:center 11px;
       -moz-transform-origin:center 11px;
        -ms-transform-origin:center 11px;
         -o-transform-origin:center 11px;
            transform-origin:center 11px;
}
#boxMenu ul label:before{
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg);
}
#boxMenu ul label:after{
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
}
#boxMenu ul input{
    /*height:50px;*/
    width:300px;
    margin:0;
    cursor:pointer;
    opacity:0;
    position:absolute;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
#boxMenu ul li > input{
    top:0;
    left:0;
    z-index:2;
}
#boxMenu ul li input:checked ~ label{
    border-color:#AEBFAF;
    background:#ececed;
    background:-moz-linear-gradient(top, rgba(201,201,201,1) 0%, rgba(246,246,246,1) 2%, rgba(187,187,187,1) 98%, rgba(117,117,119,1) 100%);
    background:-webkit-linear-gradient(top, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,1) 98%,rgba(117,117,119,1) 100%);
    background:linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(187,187,187,1) 98%,rgba(117,117,119,1) 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757577', endColorstr='#c9c9c9',GradientType=0);
}
#boxMenu ul li input:checked ~ label:before{
    margin-top:-16px;
    -webkit-transform:rotate(-135deg);
            transform:rotate(-135deg);
}
#boxMenu ul li input:checked ~ label:after{
    margin-top:-16px;
    -webkit-transform:rotate(135deg);
            transform:rotate(135deg);
}
/* -------------------------------------------------------- Меню навигации - выподающие пункты--- */
#boxMenu ul li ul{
    max-height:0;
    margin:0;
    overflow:hidden;
    -webkit-transition:max-height 0.7s ease-out;
     -khtml-transition:max-height 0.7s ease-out;
      -icab-transition:max-height 0.7s ease-out;
       -moz-transition:max-height 0.7s ease-out;
        -ms-transition:max-height 0.7s ease-out;
         -o-transition:max-height 0.7s ease-out;
            transition:max-height 0.7s ease-out;
}
#boxMenu ul input:checked ~ ul{
    max-height:999px;
    -webkit-transition:max-height 1.4s ease-in-out;
     -khtml-transition:max-height 1.4s ease-in-out;
      -icab-transition:max-height 1.4s ease-in-out;
       -moz-transition:max-height 1.4s ease-in-out;
        -ms-transition:max-height 1.4s ease-in-out;
         -o-transition:max-height 1.4s ease-in-out;
            transition:max-height 1.4s ease-in-out;
}
#boxMenu ul li ul li{
    cursor:pointer;
    position:relative;
    margin:0px;
    padding:0px;
    background:#f5f5f5;
    overflow:hidden;
}
#boxMenu ul li ul label{
    height:30px;
    padding-left:25px;
    font-size:12px;
}
#boxMenu ul li ul li a,
#boxMenu ul li ul li span{
    height:30px;
    width:300px;
    padding-left:25px;
    display:flex;
    box-sizing:border-box;
    font-size:12px;
    font-weight:normal;
    color:#454547;
    border:1px solid #A6ADA7;
    border-top:none;
    -ms-flex-line-pack:center;
     -webkit-box-align:center;
        -ms-flex-align:center;
           align-items:center;      
         align-content:center;
    -webkit-transition:all 0.5 ease;
     -khtml-transition:all 0.5 ease;
      -icab-transition:all 0.5 ease;
       -moz-transition:all 0.5 ease;
        -ms-transition:all 0.5 ease;
         -o-transition:all 0.5 ease;
            transition:all 0.5 ease;
}
#boxMenu ul ul a:hover,
#boxMenu ul ul span:hover{
    background: #e6e6e6;
}
/* --------------------------------------------------------------------------- Блок информации -- */
.inPublic{
    margin:20px 5px;
    padding:0px;
}
.inHeader{
    padding:5px 10px;
}
.inHeader span{
    padding:0px 70px 0px 15px;
    font-family:Verdana,"DejaVu Sans","Geneva CY";
    font-size:16px;
    font-weight:bold;
    color:#2F4F4F;
    border-bottom:dashed 1px #2F4F4F;
}
.inPublic h1{
    font-size:14px;
}
.inPublic p{
    margin:0px;
    padding:1px 10px;
    font-size:14px;
}
.inPublic p.caption{
    padding:0px 0px 15px 50px;
}
.inPublic p .files{
    font-weight:bold;
    color:#2F4F4F;
}
.inPublic p .lines{
    font-weight:bold;
    color:#5F9EA0;
}
.inPublic ol, ul{
    margin:0px 0px 5px 0px;	
}
.inPublic li{
    font-size:13px;
    margin:0px;	
}
.inPublic ul.lines{
    list-style:none;
    color:#2F4F4F;
}
.inPublic ul li span{
    position:relative;
    left:-5px;
} 
/* ---------------------------------------------------------------------------- Блок терминала -- */
.inTerminal{
    min-width:400px;
    max-width:800px;
    min-height:80px;
    margin:5px 30px;
    padding:7px;
    padding-right:15px;
    display:inline-block;
    color:#D3D3D3;
    font-family:monospace;
    border:ridge 2px #BEBEBE;
    background-color:#002B36;
}
.inTerminal h2,
.inTerminal h3{
    margin:0px;
    padding:0px 0px 0px 10px;
    font-size:12px;
    font-weight:normal;
}
.inTerminal h2:before,
.inTerminal h3:before{
    margin-right:10px;
    color:#8AE234;
}
.inTerminal h2:before{
    content:"user:~$";
}
.inTerminal h3:before{
    content:"mysql> ";
    color:white;
}
.inTerminal span{
    padding:0px 0px 0px 10px;
    display:block;
}
/* ---------------------------------------------------------------------------- Блок редактора -- */
.inEditor{
    min-width:398px;
    max-width:800px;
    min-height:80px;
    margin:5px 30px;
    padding:7px;
    padding-right:15px;
    display:inline-block;
    color:#000000;
    font-family:monospace;
    border-radius:5px;
    border:ridge 3px #BEBEBE;
    background-color:#FFFFFF;
}
.inEditor h2,
.inEditor h3{
    margin:0px;
    padding:0px 0px 0px 10px;
    font-size:12px;
    font-weight:normal;
}
 .inEditor h3{
    font-weight:bold;
}
/* --------------------------------------------------------------------------------- Блок кода -- */
.inCode{
    counter-reset:linenumber;
    max-height:600px;
    width:900px;
    margin:5px 5px 5px 25px;
    padding:5px;
    display:block;
    background-color:#F2F5F9;
    border:1px solid #DCDCDC;
    border-radius:5px;
    overflow:hidden;
}
.inCode code{
    counter-reset:linenumber;
    max-height:590px;
    display:block;
    position:relative;
    font-size:13px;
    line-height:1.5;  
    background-color:#fdfdfd;
    background-image:linear-gradient(transparent 50%,rgba(242,245,249,1) 50%);
    background-size:2.924em 2.924em;
    background-origin:content-box;
    background-attachment:local;
    border:1px solid #E5EAF1;
    border-radius:2px;
    overflow:auto;
}
.inCode pre{
    counter-increment:linenumber;
    width:auto;
    margin:0px;
    padding:0px;
    padding-left:1.0em;
    display:block;
    font-family:monospace;
    word-wrap:normal;    
}
.inCode pre:before{
    margin:0px;
    padding:0px;
    width:3em;
    content:counter(linenumber);
    display:inline-block;
    color:#999;
    font-weight:bold;
    margin-right:1.3em;
    padding-right:0.8em;
    text-align:right;
    border-right:3px solid #1CBF60;
}
/* ------------------------------------------------------------------------------------- Конец -- */