@charset "Windows-1251";

/**************************************************************
Общий стиль для панели вв-кодов                               *
***************************************************************/
#post .fs-box {display: flex;flex-direction: column-reverse;}

#form-buttons, #meny_My_replic span {display: none;}
#form-buttons.buttons-alter, .font-table-row, #image-source-list, .color-alter #color-area2 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  justify-content: center;
  align-content: start;
  vertical-align: middle;
  max-width: inherit;
  margin: inherit;
}
.buttons-alter img {height:26px; width:100%}
#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px;}
#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px;}
#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px;}
#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px;}
#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px;}
#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px;}
#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px;}
#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px;}
#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px;}
#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px;}
#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px;}
#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px;}
#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px;}
#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px;}
#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px;}
#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px;}
#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px;}
#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px;}
#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px;}
#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px;}
#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px;}
#button-font2 {background:url('//forumstatic.ru/files/0011/57/e2/97429.png') no-repeat center center;}
#My_replic_meny {background: url(http://forumstatic.ru/files/0011/57/e2/75129.gif) no-repeat center center;}
#floatbut {background: url(http://forumstatic.ru/files/0011/57/e2/51387.gif) no-repeat center center;}
#button-iframe {background: url(http://forumstatic.ru/files/0011/57/e2/39560.gif) no-repeat center center;}

/* вв-код фон
-------------------------------------------------------------*/
.buttons-alter div[class$="-alter"]>div, .dropdown .dropdown-inside, .sp-container, #tr-list, #float {
  background: url(http://forumstatic.ru/files/0011/57/e2/66145.png) left top no-repeat, /* Верхний левый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/72875.png) left bottom no-repeat, /* Нижний левый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/25503.png) right top no-repeat, /* Верхний правый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/14959.png) right bottom no-repeat, /* Нижний правый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/77463.png) left top repeat-y, /* Полоса слева */ 
              url(http://forumstatic.ru/files/0011/57/e2/71780.png) right top repeat-y, /* Полоса справа */ 
              url(http://forumstatic.ru/files/0011/57/e2/12731.png) left top repeat-x, /* Полоса сверху */ 
              url(http://forumstatic.ru/files/0011/57/e2/91967.png) left bottom repeat-x, /* Полоса снизу */ 
              url(http://forumstatic.ru/files/0011/57/e2/87619.png) left top repeat;
  box-shadow: 0px 7px 10px 0px rgb(50 50 50 / 75%);
}

.buttons-alter>div, .fullSP, #floatbut {position: relative;}

div[class$="-alter"] img, #keyboard-span input {cursor: pointer;}

.buttons-alter div[class$="-alter"]>div, .sp-container, .player-alter #tr-list {position: absolute;padding: 2em;top: 33px !important;}
.buttons-alter div[class$="-alter"]>div:not(#keyboard-area):not(#addition-area):not(#meny_My_replic) {left: 0;}
#keyboard-area, #addition-area, #meny_My_replic, .sp-container, .player-alter #tr-list  {right: 0;}
#smilies-block img {height: inherit;width: inherit;}
#keyboard-span {padding-bottom: 30px;display: inline-block;}
#size-area span, #size-area img {text-align: center;line-height: 26px;}
#font-area img, #font-alter2 img, #size-area img {margin-top: -26px;}
#font-area span, #font-alter2 span, #font-area img, #font-alter2 img {line-height: 26px;height: 26px !important;}
#size-area span, #font-area span {padding: 0 !important;}

div[class$="-alter"] a {color: #837059;}
.buttons-alter div[class$="-alter"]>div>div:not(.font-table-row):not(#image-area-sels):hover span, .font-table-row div:hover span, #meny_My_replic p:hover, .dropdown span:hover, div[class$="-alter"] a:hover {color: #AF9982;}

.font-table-row {width: 650px;height: 40px;text-align: center;}
.font-table-row div {display: inline-block;}
#font-alter2 span, #font-alter2 img {display: block;position: relative;top: 0;left: 0;}

.font-table-row div[style$="LadyFairCurlyC;"] {font-size: 12px;}

#meny_My_replic p {cursor: pointer;font-weight: normal;width: 400px;margin-bottom: 10px;}
#meny_My_replic p:hover img {opacity: 0.6;}
#meny_My_replic p img {height: auto;width: auto;display: block;margin: 0 auto;}

input[type=color]::-webkit-color-swatch {background-color: transparent !important; border:none;}
input[type=color]::-moz-color-swatch {background-color: transparent !important; border:none;}
#litr{background: url(https://forumstatic.ru/files/0017/d8/50/28311.png) no-repeat scroll 0 0 / cover;}

.buttons-alter #font-area, .buttons-alter #addition-area {width: 180px;}
.buttons-alter #keyboard-area {width: 470px;}
.buttons-alter #image-area {width: 550px;}

input[name="n"], input[name="u"], input[name="c"] {max-width: 210px;}

#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height: 2em;}
#image-source-list a, #image-area-actions a, #spoiler-sels a {cursor: pointer;}
#image_upload_input {position: absolute;z-index: -1;left: -9999px;}
.uploadQueueItem {
  padding: .8em 1em;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin-bottom: .5em;
  background: rgba(238,238,238,0.22);
}
#image-area-actions {text-align: right;}
.punbb #image-source-list a, 
.punbb #image-area-actions a {
  margin-right: 0;
  } 
#image-area-tcon-computer tr {grid-template-columns: 32% 68%;}
#form-buttons.buttons-alter .image-alter td {line-height: 20px;}
.buttons-alter td #uploaded-images img {
  height: auto;
  width: 40px;
}
#image-area-actions {text-align: right;}
#imageupload-left input[type=button] {width: 12em;}
/**************************************************************
Стили для скриптов панели вв-кодов                            *
***************************************************************/

/* Расширенная палитра правки
-------------------------------------------------------------*/
#color-area2 {width: 442px;}
#color-area2>div {height: 26px;width: 26px;}
.sp-container {
  width: 470px;
  left: inherit !important;
}
.sp-replacer {padding: 0;border: none;background: none;}
.sp-preview {width: 26px;height: 26px;border: none;margin-right: 0;background: url(https://forumstatic.ru/files/0017/d8/50/28311.png) no-repeat scroll 0 0 / cover;}
.sp-preview-inner {background-color: transparent !important;}
.sp-dd {display: none;}

/* Цитаты из книг и Время позитива Ч1
-------------------------------------------------------------*/  

/* 1 */
.book, .yumor, .pwquote, .important {
  color:#7F3300;
  border-radius:0 25px 0 25px;
  padding:0 1em 1em 1em; margin-bottom:1em;
  background:#EDD9A2 url("http://s0.uploads.ru/nJUkO.png") no-repeat 0 50%;
  background:-moz-linear-gradient(0deg,#EDD9A6, #EDC363);
  background:-webkit-linear-gradient(0deg,#EDD9A6, #EDC363);
  background:-o-linear-gradient(0deg,#EDD9A6, #EDC363);
}

/* 2 */
.book>blockquote {
  padding:18px 0;
  padding-left:117px;
  background:url("http://forumstatic.ru/files/0011/57/e2/55460.gif") no-repeat -1px 50%;
  margin-left: 0;
}

/* 3 */
.yumor>blockquote {
  padding:25px 0;
  padding-left:100px;
  background:url("http://sd.uploads.ru/KRJqM.png") no-repeat -0,5px 50%;
}

/* 4 */
.pwquote > blockquote{
  padding:25px 0;
  padding-left:127px;
  background:url("http://s2.uploads.ru/uIbRo.png") no-repeat -35px 50%;
}

/* 5 */
.important > blockquote{
  padding:25px 0;
  padding-left:80px;
  background:url("https://i.imgur.com/RxVzceE.gif") no-repeat 10px 30%;
}

/* 6 */
.book>blockquote p,
.book>blockquote p span,
.book>blockquote p strong {
  font-family: Isabella Decor;
  }

/* 7 */
.book>blockquote p,
.book>blockquote p span,
.book>blockquote p strong,
.yumor>blockquote p,
.yumor>blockquote p span,
.yumor>blockquote p span strong,
.pwquote > blockquote p,
.pwquote > blockquote p span,
.pwquote > blockquote p strong,
.important > blockquote p,
.important > blockquote p span,
.important > blockquote p strong {
  font-size: 21px;
  font-weight: bold;
  width: 98%;
  color: #7F3300;
}

/* 8 */
.book>blockquote p,
.book>blockquote p span,
.book>blockquote p strong,
.yumor>blockquote p,
.yumor>blockquote p span,
.yumor>blockquote p span strong,
.pwquote > blockquote p,
.pwquote > blockquote p span,
.pwquote > blockquote p strong {
  font-style: italic;
}

/* 9 */
.yumor>blockquote p,
.yumor>blockquote p span,
.yumor>blockquote p span strong {
  font-family: "Comic Sans MS";
  }

/* 10 */
.pwquote > blockquote p,
.pwquote > blockquote p span,
.pwquote > blockquote p strong {
  font-family: "Pompadur";
  font-weight: normal;
  }

/* 11 */
.important > blockquote p,
.important > blockquote p span,
.important > blockquote p strong {
  font-family: "Valencia script Two";
  font-weight: normal;
  }

/* 12 */
.book > cite, .yumor > cite, .pwquote >cite {
  display:block;
  margin:0 -3px 0 -8px !important;
  border-bottom:#C4A300 1px dashed;
  font:italic normal 700 15px/21.6px Georgia;
  padding:7px 6px;
}

/* 13 */
.important >cite {display: none;}
.important {
  border: 1px solid #CCBEA9;font-style: normal;
  background: #EFDFC7; /*фон важной цитаты */
}

/* 14 */
.book{
  background:#EDD9A2 url("http://s4.uploads.ru/lyQso.gif") no-repeat 0 50%;
  background:-moz-linear-gradient(0deg,#EDD9A6, #F8F8F6);
  background:-webkit-linear-gradient(0deg,#EDD9A6, #F8F8F6);
  background:-o-linear-gradient(0deg,#EDD9A6, #F8F8F6);
  font:italic normal 400 17px/normal Georgia;
}

/* 15 */
.pwquote{
  background:#ffe9bf;/*цвет фона цитаты "Стихи" */
  font:normal normal 400 18px/normal Georgia;/*Шрифт цитаты "Стихи"*/
}

/* 16 */
#add_Quotes{
  position:absolute;
  width:24px!important;
  left:50%;
  margin-left:-12px;
  top:0;
}

/* 17 */
#button-quote>center{
  opacity:0;
  visibility:hidden;
  transition-duration:1.1s;
}

/* 18 */
#button-quote:hover>center{
  transition-duration:1.1s;
  opacity:1;
  visibility:visible;
}

/* 19 */
#add_Quotes div{
  height: 26px;
  width: 26px;
  margin-bottom: 5px;
}

/* 20 */
#button-book{background:url("http://forumstatic.ru/files/0011/57/e2/92211.png")  no-repeat 50% 3px/auto 23px;}
#button-yumor{background:url("http://forumstatic.ru/files/0011/57/e2/47138.gif") no-repeat 50%;}
#button-pwtr{background:url("http://se.uploads.ru/WPN7X.png");} 
#button-important{background:url("http://ipic.su/img/img7/fs/znak.1541685330.gif");}
#button-yumor, #button-pwtr, #button-important {background-size:cover;}

/* Тень и фон для текста с любыми параметрами */
#shad, #backgr {
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* Обтекание
-------------------------------------------------------------*/
#float {
  display: none;
  position: absolute; 
  padding: 2em;
  margin-top: calc(-125px - 2em);
  margin-left: calc(-75px - 2em);
  left: 50%;
  width: 150px;
  z-index: 20;
  }
  
#float div {text-align: center;}
  
#float img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#float strong {
  display: inline-block;
  padding-bottom: 10px;
  font-family: PT Serif Regular;
  font-size: 13px;
}
  
/* ТЕГ  абзаца - [indent]
-------------------------------------------------------------*/
#button-indent {background: url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px;}

/* По ширине форма ответа
-------------------------------------------------------------*/
#button-justify { background: url(http://forumstatic.ru/files/0011/57/e2/94458.png) center no-repeat;}

/* Дополнительные хостинги картинок
-------------------------------------------------------------*/   
     
 /* 1 */  
.dropdown li {position: relative;}

/* 2 */  
.dropdown, .dropdown-inside {z-index:1002;}
 
/* 3 */ 
.dropdown-inside {
 position: absolute;
 left: -9999px;
 padding: 1.4em 2.3em;
 text-align: center;
 }
 
/* 4 */ 
.dropdown-top a {display: block;}

/* 5 */
.dropdown li.dropdown-top:hover .dropdown-inside {
 display: block;
 left: 0;
 }

/* 6 */
span.dropdown-top {cursor: pointer;}

/* Модераторские теги
-------------------------------------------------------------*/ 

/* 1 */
.modteg1 {background: url(http://i029.radikal.ru/0804/26/e430252a0faf.png) center no-repeat;}
.modteg2 {background: url(http://i007.radikal.ru/0804/c8/e7c48348a35e.png) center no-repeat;}

/* 2 */  
div[class^="exmod"]{
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  box-shadow: 5px 5px 5px #9C9C9C; 
  -moz-box-shadow: 5px 5px 5px #9C9C9C; 
  -webkit-box-shadow: 5px 5px 5px #9C9C9C; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7); 
  border-radius: 11px; 
  -webkit-border-radius: 11px; 
  -khtml-border-radius: 11px; 
  -moz-border-radius: 11px; 
  -o-border-radius: 11px;
  padding: 1px;margin: 0 50px;
  } 
  
/* 3 */ 
.modex1 {
  background-color: #CD5C5C !important;
  background-image: -moz-linear-gradient(left top , #B22222, #FA8072);
  background-image: -o-linear-gradient(left top, #B22222, #FA8072);
  background-image: -webkit-linear-gradient(left top, #B22222, #FA8072);
  background-image: -ms-linear-gradient(left top, #B22222, #FA8072);    
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#B22222,endColorstr=#FA8072,GradientType=1);
  }
  
/* 4 */  
.exmod1  {
  background-color: #FFB6C1;
  border: 2px solid #ce4378 !important;
  }  
  
/* 5 */  
.exmod2  {
  background-color: #87CEFA;
  border: 2px solid #59add4 !important;
  }
  
/* 6 */  
div[class^="modex"] {
  color: white;
  text-shadow: -2px 0 rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1), 2px 0 rgba(255, 255, 255, 0.1), 0 2px rgba(255, 255, 255, 0.1), -2px -2px rgba(0, 0, 0, 0.1), 2px 2px rgba(255, 255, 255, 0.1);
  border-radius: 8px 8px 0 0 !important; 
  -moz-border-radius: 8px 8px 0 0 !important; 
  khtml-border-radius:8px 8px 0 0 !important; 
  -webkit-border-radius:8px 8px 0 0 !important;
  font-size: 1.6em;
  }
  
/* 7 */  
.modex2 {
  background-color: #4682B4 !important;
  background-image: -moz-linear-gradient(left top , #4682B4, #87CEFA);
  background-image: -o-linear-gradient(left top, #4682B4, #87CEFA);
  background-image: -webkit-linear-gradient(left top, #4682B4, #87CEFA);
  background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#4682B4,endColorstr=#87CEFA,GradientType=1);
  }
   
/* 8 */
.modex1, .modex2 {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto auto !important;
  margin: 0;
  width: 100%;
  } 
  
/* Дополнительные медиахостинги v.2 (аудио, видео) */
#media-wrapper {width: auto;}
ul.media-tabs {height: 25px;line-height: 29px;margin: 0 0 3px;list-style: none;}
ul.media-tabs li {display: inline-block;margin-right: 1px; cursor:pointer;}
ul.media-tabs li a {background: url(http://forumstatic.ru/files/0011/57/e2/11054.png) center center / 100% 100% no-repeat;color: #eedfa5;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;}
ul.media-tabs li a:hover {opacity: 0.8;color: #eedfa5;}
ul.media-tabs li.tab-current a {background: url(http://forumstatic.ru/files/0011/57/e2/87236.png) center center / 100% 100% no-repeat;color: #5d492b;padding: 0px 14px 2px;border:medium hidden;line-height: 29px;}
ul.media-tabs li.tab-current a:hover {color: #5d492b;}
div.media-t2,div.media-t3 {display: none;width: 450px;}
.tipsy-inner {font-size: 14px;}
.media_link { float: left;}