Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Каталог стилей » Новый шаблон дизайна. Стиль Absolution


Новый шаблон дизайна. Стиль Absolution

Сообщений 1 страница 20 из 34

1

Это заново написанный шаблон дизайна, не основанный на стандартном. Были применены более современные единицы измерения - Viewport (конкретно вот это: Viewport width (vw) – основаны на ширине вьюпорта). Так же использован был display: flex;. Что дает большие возможности. На всех экранах стиль отображается одинаково, плаванья нет, но работает это только на современных браузерах - древние браузеры это не поддерживают.

Шаблон получился больше, чем я рассчитывал, поэтому пока рано говорить о новом стандартном шаблоне. Связанно это как с достаточно большим элементов дизайна, так и с тем, что пришлось полностью перерабатывать и переписывать дополнительные стили, которые не входят в Сврй стиль и установлены по умолчанию, такие как admin.css, extra.css и тому подобное.

Окно я в Своем стиле я использовал только первое: Структура style.css, поэтому в админке в Своем стиле я оставил только его.

Сам стиль частично портирован с стиля для phpBB3 Absolution.

Мобильный стиль я пока еще не сделал - пока он еще в разработке, в будущем отдельно его выложу. Но включать встроенный Мобильный стиль не рекомендую - он всё поломает, тем более что стандартный основан на пикселях.

Вообщем кому интересно тестируйте и пишите о выявленных недочетах.

Ставить в Структура style.css

Код:
/**************************************************************
***************************************************************
*******************-----------------------*********************
*******************--New Design Template--*********************
*******************-----------------------*********************
***************************************************************
***************************************************************
*********************--------------------**********************
*********************--Style Absolution--**********************
*********************--------------------**********************
***************************************************************
***************************************************************
************--------------------------------------*************
************--The template is made by kolobdur74--*************
************--------------------------------------*************
***************************************************************
***************************************************************
***************--------------------------------****************
***************--Made for the service mybb.ru--****************
***************--------------------------------****************
***************************************************************
***************************************************************/

/**************************************************************
A - General                                                   *
***************************************************************/
  
/* A1 Zeroing out and General
-------------------------------------------------------------*/
@import url(http://forumstatic.ru/files/0011/c1/fb/68949.css);
@import url(http://forumstatic.ru/files/0017/2e/bd/11025.css);
.topic a.sharelink:before {
    content: "кто то";
    font-family: 'iconfont';
    padding: 1.9vw 0;
    font-size: 0.94vw;
}

/* A1.1 */
*, html, body {
  margin: 0; 
  padding: 0;
  }
  
/* A1.2 */
html {overflow-y: scroll;}   

/* A1.3 */
body {
  color: #15375c;
  background: url(http://forumstatic.ru/files/000e/14/cc/73168.gif) repeat-x left top #093059;
  background-size: 0.1vw 50vw;
  font: normal 0.8vw "Verdana", Tahoma, Geneva, sans-serif;
  }

/* A1.4 */
ul, dl, li, dd, dt {list-style: none;}

/* A1.5 */
img {border:none;}
  
/* A1.6 (Clear outline) */
a:active, a:focus { outline: none;}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
button:active, button:focus {outline: none !important;}
button::-moz-focus-inner {border: 0 !important;}
  
/* A1.7 */
a {
  text-decoration: none;
  font-family: Courier New;
  color: rgb(59, 102, 161);
  text-shadow: none;
  font-weight: bold;
  font-size: 0.9vw;
  }  
  
/* A1.8 */
a:hover {color: rgba(0, 129, 236, 0.8)}
  
/* A1.9 */
table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  }
  
/* A1.10 */
.divider, #pun-index br, thead {display: none;}

/* A1.11 */
br {line-height: 2em;}
  
/* A1.12 */ 
#profile fieldset:nth-child(4) label,
#profile select,
.inputfield .input a,
#profile2 em,
#profile br,
#keyboard-span br,
#s-topics br {
  display: block;
  }
  
/* A1.13 */
#pun .punbb textarea, 
#pun .punbb input, 
#pun .punbb select, 
#pun .punbb optgroup {
  font: 0.8vw Courier New, verdana, arial, helvetica;
  } 
  
/* A1.14 */
#pun .punbb select {
  width: 13vw;
  padding: 0.4vw;
  border-radius: 0;
  border: 0.04vw solid #CFE3F5;
  -webkit-appearance: none;
  background: url(http://forumstatic.ru/files/000e/14/cc/54799.png) no-repeat 96% center,
  url(http://forumstatic.ru/files/000e/14/cc/10324.png) repeat-x left top;
  background-size: 0.8vw 0.8vw, 0.8vw 3vw;
  font-weight: bold;
  /* for FF */
  -moz-appearance: none;
  text-indent: 0.01px; 
  text-overflow: '';
  /* for IE */
  -ms-appearance: none;
  appearance: none! important;
  cursor: pointer;
  }
  
/* A1.15 */
#pun .punbb select::-ms-expand {display: none;}

/* A1.16 */
fieldset {border: 0;}

/* A1.17 */
textarea {
  border: 0.05vw solid #CFE3F5;
  display: block;
  }

/* A1.18 */
input {
  width: 8.8vw;
  text-align: center;
  border: 0.1vw solid #CFE3F5;
  padding: 0.4vw 0.8vw;
  cursor: pointer;
  }
  
/* A1.19 */
input[type=text] {
  width: 20vw;
  text-align: left;
  cursor: text;
  }

/* A1.20 */
input[type=checkbox],
input[type=radio] {
  -webkit-transform: scale(2,2);
  -moz-transform: scale(2,2);
  -o-transform: scale(2,2);
  transform: scale(2,2);
  }
  
/* A1.21 */
input[type=checkbox] {
  width: 0.8vw;
  height: 0.8vw;
  }
  
/* A1.22 */
input[type=radio] {
  width: 0.5vw;
  height: 0.5vw;
  }
  
/* A1.23 */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ссс;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 191, 255, 0.1) inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
  }
  
/* A1.24 */
iframe {
  max-width: 100%;
  max-height: 40vw;
  }
  
/* A2 Remove excess and Positioning of main blocks
-------------------------------------------------------------*/
  
/* A2.1 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }
  
/* A2.2 */  
.punbb #pun-break2 ~ .section {padding: 0 1vw !important;} 
.punbb #pun-break2 ~ .section iframe,
.punbb #pun-stats ~ .section iframe,
#pun-viewtopic .linksb ~ .section iframe {
  max-width: 50vw !important;
  max-height: 10vw !important;
  }

/* A2.3 */
.punbb {
  display: flex;
  flex-flow: column nowrap;
  }

/* A2.4 */ 
.punbb>div {
  flex: 1 100%;
  width: 96%;
  margin: 0 auto;
  background: #FFFFFF;
  }
  
/* A2.5 */ 
.punbb>div:not(#pun-title):not(#pun-navlinks):not(#pun-admain) {
  padding: 0 1vw;
  }
  
/* A2.6 */ 
.punbb>div>div {
  background: #ebf4fc;
  }
  
/* A2.7 */ 
.punbb>div:not(#pun-announcement):not(#pun-admain):not(#pun-stats)>div:not(.linkst):not(.linksb):not(#profile) {
  padding: 0.4vw;
  }
  
/* A2.8 */ 
.punbb>div>h2, 
.punbb>div>p {
  border: 0.4vw solid #ebf4fc;
  background: #ebf4fc;
  }
  
/**************************************************************
B - Header and Navigation                                     *
***************************************************************/
  
/* B1 Pun-title and Menu
-------------------------------------------------------------*/

/* B1.1 */
#pun-title,
#pun-navlinks {
  width: 100%;
  } 
  
/* B1.2 */
#pun-title,
#pun-ulinks ,
#pun-status {
  order: -1;
  }
  
/* B1.3 */
#pun-title {
  background: url(http://forumstatic.ru/files/000e/14/cc/95087.png) left top repeat-x;
  height: 5vw;
  } 
  
/* B1.4 */
.title-logo-tdl {
  width: 30%;
  background: url(http://forumstatic.ru/files/000e/14/cc/26658.png) 6vw -0.3vw no-repeat;
  background-size: 24vw 6vw;
  }
  
/* B1.5 */
.title-logo {
  font: 1vw "Harabara", Arial, Helvetica, sans-serif;
  text-shadow: 0 3px 3px #01102f;
  color: #FFFFFF;
  text-align: center;
  }
 
/* B1.6 */
.title-logo-tdr {
  background: url(http://forumstatic.ru/files/000e/14/cc/33404.png) 0 1vw no-repeat;
  background-size: 69.4vw 3vw;
  }
  
/* B2 Menu (Pun-navlinks and Pun-ulinks)
-------------------------------------------------------------*/

/* B2.1 */
#pun-navlinks {
  order: -2;
  background: url(http://forumstatic.ru/files/000e/14/cc/27712.png) left top repeat-x;
  }
  
/* B2.2 */
#pun-navlinks ul {
  display: flex;
  justify-content: flex-end;
  background: url(http://forumstatic.ru/files/000e/14/cc/54465.png) no-repeat 6vw 0.3vw,    
  url(http://forumstatic.ru/files/000e/14/cc/10124.png) repeat-x left top;
  background-size: 8vw 2.4vw, 0.4vw 100%;
  }
  
/* B2.3 */
#pun-navlinks ul li a {
  background: url(http://forumstatic.ru/files/000e/14/cc/10124.png) repeat-x left top;
  background-size: 0.4vw 100%;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.72vw;
  color: #082c51;
  text-shadow: 0 0.04vw 0 #FFFFFF;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  }
  
/* B2.4 */
#pun-navlinks ul li a,
#pun-ulinks ul li a,
#profilenav ul li a {
  margin-left: 0.06vw;
  }
  
/* B2.5 */
#pun-navlinks ul li:last-child a,
#pun-ulinks ul li:last-child a {
  margin-right: 0.02vw;
  }

/* B2.6 */
#pun-navlinks ul li a:hover,
#pun-ulinks ul li a:hover,
#profilenav ul li a:hover,
#profilenav ul li.isactive {
  background: url(http://forumstatic.ru/files/000e/14/cc/56144.png) repeat-x left top;
  background-size: 0.4vw 100%;
  color: #005ab6;
  }

/* B2.7 */
#pun-navlinks ul li,
#pun-ulinks ul li,
#profilenav ul li {
  position: relative;
  }

/* B2.8 */
#pun-navlinks ul li:before, 
#pun-navlinks ul li:last-child:after,
#pun-ulinks ul li:before,
#pun-ulinks ul li:last-child:after,
#profilenav ul li:before,
#profilenav ul li:last-child:after {
  position: absolute;
  content: '';
  top: 0;
  width: 0.06vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/91639.gif) no-repeat left top;
  background-size: 0.2vw 100%;
  }
  
/* B2.9 */
#pun-navlinks ul li:before, 
#pun-navlinks ul li:last-child:after {
  height: 2.4vw;
  margin-top: 0.24vw;
  }
  
/* B2.10 */
#pun-ulinks ul li:before,
#pun-ulinks ul li:last-child:after,
#profilenav ul li:before,
#profilenav ul li:last-child:after {
  height: 2.64vw;
  margin-top: 0.26vw;
  }

/* B2.11 */
#pun-navlinks ul li:after,
#pun-ulinks ul li:after {
  right: 0;
  }
 
/* B2.12 */
#pun-navlinks ul li:before,
#pun-ulinks ul li:before {
  left: 0;
  }

/* B2.13 */
#pun-navlinks ul li:last-child {
  margin-right: 1vw;
  }
 
/* B2.14 */
#pun-ulinks {
  background: url(http://forumstatic.ru/files/000e/14/cc/87912.gif) repeat-x top left;
  position: relative;
  }

/* B2.15 */
#pun-ulinks:before {
  left: 0;
  background: url(http://forumstatic.ru/files/000e/14/cc/49003.png) no-repeat left top;
  margin: -0.42vw 0 0 -0.52vw;
}

/* B2.16 */
#pun-ulinks:after {
  right: 0;
  background: url(http://forumstatic.ru/files/000e/14/cc/29335.png) no-repeat right top;
  margin: -0.42vw -0.52vw 0 0;
  }
  
/* B2.17 */
#pun-ulinks:before,
#pun-ulinks:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0.53vw;
  height: 3.9vw;
  background-size: 100% 100%;
  }
 
/* B2.18 */
#pun-ulinks ul {
  display: flex;
  justify-content: center;
  }
  
/* B2.19 */
#pun-ulinks ul li a,
#profilenav ul li a {
  display: inline-block;
  padding: 1vw;
  text-shadow: 0 0.04vw 0 #FFFFFF; 
  }
  
/* B2.20 */
#pun-title,  
#pun-navlinks,
#pun-ulinks {
  background-size: 0.1vw 100%;
  } 
  
/* B3 Icons for navigation
-------------------------------------------------------------*/ 
  
/* B3.1 */
#navindex span {
  background: url(http://forumstatic.ru/files/000e/14/cc/83219.png) no-repeat 0.6vw 1vw;
  } 
  
/* B3.2 */
#navuserlist span {
  background: url(http://forumstatic.ru/files/000e/14/cc/22695.png) no-repeat 0.6vw 1vw;
  }

/* B3.3 */
#navprofile span {
  background: url(http://forumstatic.ru/files/000e/14/cc/41271.png) no-repeat 0.6vw 1vw;
  }

/* B3.4 */
#navpm span {
  background: url(http://forumstatic.ru/files/000e/14/cc/25075.png) no-repeat 0.6vw 1vw;
  }
  
/* B3.5 */
#navsearch span {
  background: url(http://forumstatic.ru/files/000e/14/cc/50698.png) no-repeat 0.6vw 1vw;
  } 
  
/* B3.6 */
#navadmin span {
  background: url(http://forumstatic.ru/files/000e/14/cc/19947.png) no-repeat 0.6vw 1vw;
  }

/* B3.7 */
#navlogout span {
  background: url(http://forumstatic.ru/files/000e/14/cc/52464.png) no-repeat 0.6vw 1vw;
  }
  
/* B3.8 */
#pun-navlinks span {
  display: inline-block;
  padding: 1vw 0.9vw 0.8vw 1.8vw;
  background-size: 0.9vw 0.9vw;
  }
  
/* B4 Incoming messages
-------------------------------------------------------------*/ 
  
/* B4.1 */
#pun-navlinks span.num_msg {
  height: 1vw;
  margin-top: -2.5vw;
  margin-left: -0.3vw !important;
  padding-top: 0;
  font-size: 0.6vw;
  color: #000000
  }
  
/* B4.2 */
.punbb #pun-navlinks  span.num_msg:before {
  width: 0.3vw;
  height: 0.3vw;
  top: 0.7vw;
  margin-left: -0.1vw;
  }
  
/* B4.3 */
body .jGrowl .messag_theme {
  font-size: 0.8vw !important;
  box-shadow: 0 0 0.6vw rgba(0,0,0,.3);
  width: 13vw;
  }

/* B4.4 */
body .messag_theme .jGrowl-close {
  font-size: 1vw !important;
  margin-top: 0.04vw;
  margin-right: 0.01vw;
  padding: 0.1vw 0.3vw;
  }
  
/* B4.5 */
body h2.styl1 {
  border-radius: 0.1vw !important;
  font-size: 0.8vw;
  }

/* B4.6 */
body .styl2 {
  padding: 0.3vw;
  margin-top: -1vw;
  border-radius: 0 0 0.2vw 0.2vw;
  }

/* B4.7 */
body #messages-list td[style="text-align:left;width:40px"] {width: 2.4vw !important;}

/* B4.8 */
body #messages-list a>img.atr {
  margin: 0.2vw 0 auto 0.3vw !important;
  max-width: 2vw;
  max-height: 2vw;
  }

/* B4.9 */
body #messages-list a.Author {
  margin: 0.2vw auto -0.1vw 0.2vw;
  font-size: 0.6vw;
  }

/* B4.10 */
body #messages-list a.mess[onclick] {
  margin-top: 0.6vw;
  padding: 0 0.3vw 0.1vw 0.3vw;
  border-radius: 0.2vw;
  font-size: 0.6vw;
  margin-left: -0.2vw;
  max-width: 2vw;
  max-height: 2vw;
  }
  
/* B4.11 */
body #messages-list a.mess[onclick]:after {
  width: 0.8vw;
  height: 0.4vw;
  bottom: -0.2vw;
  }

/* B4.12 */
body #closet {
  border-radius: 0.2vw;
  border: solid 0.04vw #fff;
  font-size: 0.6vw;
  padding: 0.1vw 0.2vw;
  margin-top: -0.4vw;
  }
  
/**************************************************************
C - Announcement and Crumbs                                   *
***************************************************************/
  
/* C1 Announcement
-------------------------------------------------------------*/
 
/* C1.1 */
#pun-announcement h2,
#pun-stats h2 {
  border-bottom: none;
  }
  
/* C1.2 */
#pun-announcement .container,
#pun-stats .statscon {
  padding: 0 0.4vw 0.4vw 0.4vw;
  }
  
/* C1.3 */
#pun-announcement .html-box {
  min-height: 3vw;
  padding: 1vw;
  }
  
/* C1.4 */
#pun-announcement h2,
.main h2,
#pun-stats h2,
.main h1,
.punbb-admin .adformal h2, 
.punbb-admin #pun-adnav h2 {
  background: url(http://forumstatic.ru/files/000e/14/cc/42208.png) left top no-repeat, 
  url(http://forumstatic.ru/files/000e/14/cc/69437.png) right top no-repeat, 
  url(http://forumstatic.ru/files/000e/14/cc/51873.gif) center top repeat-x;
  background-size: 24vw 2.6vw, 0.5vw 2.6vw, 0.1vw 2.6vw;
  height: 2.6vw;
  }
  
/* C1.5 */
#pun-announcement h2 span, 
.main h2 span,
#pun-stats h2 span,
.main h1 span {
  display: inline-block;
  height: 1vw;
  width: 100%;
  font: 0.8vw Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-shadow: 0 -0.1vw 0 #082c52;
  padding-left: 1.5vw;
  padding-top: 0.8vw;
  }
  
/* C2 Crumbs
-------------------------------------------------------------*/  
  
/* C2.1 */
.punbb .crumbs {
  position: relative;
  padding-left: 0.3vw;
  }
  
/* C2.2 */
.crumbs strong {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 0.84vw;
  width: 0.84vw;
  font-size: 0;
  background: url(http://forumstatic.ru/files/000e/14/cc/83219.png) left top no-repeat;
  background-size: 100% 100%;
  }
  
/**************************************************************
D - Table                                                     *
***************************************************************/
  
/* D1 Table
-------------------------------------------------------------*/
  
/* D1.1 */
.main table,
#pun-announcement .html-box,
#pun-stats .container {
  border-radius: 0 0 0.4vw 0.4vw;
  -moz-border-radius: 0 0 0.4vw 0.4vw;
  -webkit-border-radius: 0 0 0.4vw 0.4vw;
  background: #FFFFFF;
  border: 0.04vw solid #d7e5f2;
  }
  
/* D1.2 */
.main table {border-bottom: none;}
  
/* D1.3 */
.main td {
  border-bottom: 0.04vw solid #d7e5f2;
  vertical-align: middle;
  }
  
/* D1.4 */
.main tr:last-child td:first-child {
  border-radius: 0 0 0 0.4vw;
  -moz-border-radius: 0 0 0 0.4vw;
  -webkit-border-radius: 0 0 0 0.4vw;
  }  
  
/* D1.5 */
.main tr:last-child td:last-child {
  border-radius: 0 0 0.4vw 0;
  -moz-border-radius: 0 0 0.4vw 0;
  -webkit-border-radius: 0 0 0.4vw 0;
  }
 
/* D1.6 */
.main .tc2,
.main .tc3 {
  background: url(http://forumstatic.ru/files/000e/14/cc/26476.png) no-repeat 0 50%;
  text-align: center;
  color: rgb(24, 56, 83);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9vw;
  font-weight: bold;
  background-size: 4.4vw 2.4vw;
  }
  
/* D1.7 */  
.tc2,
.tc3  {
  width: 5%;
  }
  
/* D1.8 */  
.tcl,
.tcr  {
  padding-left: 1vw;
  }
  
/* D1.9 */ 
span.modlist,
td.tcr span {
  display: block;
  } 

/* D2 Inserts into table cells
-------------------------------------------------------------*/

/* D2.1 */
#pun-index .tc2:after,
#pun-index .tc3:after,
#pun-viewforum .tc2:after,
#pun-viewforum .tc3:after,
#pun-searchtopics .tc2:before,
#pun-searchtopics .tc3:after,
#pun-statistic td:nth-child(3):before,
#pun-statistic td:nth-child(4):before,
#pun-statistic td:nth-child(5):before,
#most_viewed_topics .tc2:before,
#most_replied_topics .tc2:before {
  display: block;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 0.56vw;
  color: #0658b0;
  }
  
/* D2.2 */
#pun-index .tc2:after {
  content: 'Тем';
  }
  
/* D2.3 */
#pun-index .tc3:after {
  content: 'Сообщений';
  }
  
/* D2.4 */
#pun-viewforum .tc2:after,
#pun-searchtopics .tc3:after {
  content: 'Ответов';
  }
  
/* D2.5 */
#pun-viewforum .tc3:after {
  content: 'Просмотров';
  }
  
/* D2.6 */
#pun-searchtopics .tc2:before {
  content: 'Форум:';
  color: #000000;
  }

/* D3 Icons
-------------------------------------------------------------*/

/* D3.1 */
.punbb:not(#pun-index):not(#pun-statistic):not(#pun-messages):not(#pun-userlist):not(#pun-admin_files):not(#pun-admin_paid_services):not(#pun-admin_domain):not(#pun-admin_logs):not(#pun-admin_pages) td.tcl,
.intd {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  } 
  
/* D3.2 */
#pun-searchtopics .tcl span,
#pun-searchtopics .tcl a{
  display: inline-block;
  vertical-align: top;
  margin: auto 0.2vw;
  font-family: Courier New;
  font-size: 0.9vw;
  }
  
/* D3.3 */
#pun .punbb .tcl .stickytext,
#pun .punbb .tcl .closedtext,
#pun .punbb .tcl .closedatafield {
  display: none;
  }
  
/* D3.4 */
#pun-searchtopics td.tcl .icon{
  margin-right: 1vw;
  }

/* D3.5 */
.tclcon {
  margin: auto auto auto 1vw;
  vertical-align: top;
  max-width: 31vw;
  } 
 
/* D3.6 */
div.icon {
  margin: 0;
  width: 2vw;
  min-height: 3vw;
  }
  
/* D3.7 */
div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/74624.gif) no-repeat center center;
  }
  
/* D3.8 */
tr.inew div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/70856.gif) no-repeat center center;
  }
  
/* D3.9 */
tr.inewisticky div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/17483.gif) no-repeat center center;
  }
  
/* D3.10 */
tr.iclosed.inewisticky div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/92414.gif) no-repeat center center;
  }
  
/* D3.11 */
tr.iclosed.inew div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/46087.gif) no-repeat center center;
  }
  
/* D3.12 */
tr.isticky div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/26075.gif) no-repeat center center;
  }
  
/* D3.13 */
tr.iclosed.isticky div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/58157.gif) no-repeat center center;
  }
  
/* D3.14 */
tr.iclosed div.icon {
  background: url(http://forumstatic.ru/files/000e/14/cc/33361.gif) no-repeat center center;
  }
  
/* D3.15 */
.punbb .container table tbody tr div.icon {
  background-size: 2vw 2vw;
  } 
 
/* D3.16 */
#pun-viewforum .hasicon tr:first-child td,
#pun-viewforum .hasicon tr.isticky + tr:not(.isticky) td {
  padding-top: 1vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/86001.png) repeat-x left top;;
  background-size: 1vw 1vw;
  }
  
/* D3.17 */
#pun-viewforum .hasicon tr:first-child td.tc2,
#pun-viewforum .hasicon tr:first-child td.tc3,
#pun-viewforum .hasicon tr.isticky + tr:not(.isticky) td.tc2,
#pun-viewforum .hasicon tr.isticky + tr:not(.isticky) td.tc3 {
  background: url(http://forumstatic.ru/files/000e/14/cc/26476.png) no-repeat 0 1.38vw,
  url(http://forumstatic.ru/files/000e/14/cc/86001.png) repeat-x left top;
  background-size: 4.4vw 2.4vw, 1vw 1vw;
  }
  
/* D4 User avatar on the main
-------------------------------------------------------------*/
  
/* D4.1 */  
.punbb em.user-avatar img.ava {
  width: 2vw;
  height: 2vw;
  border-width: 0.1vw !important;
  margin: 0.01vw 0.44vw 0.1vw 0;
  }
  
/* D4.2 */  
.punbb em.user-avatar img.on_ {
  width: 0.4vw;
  height: 0.4vw;
  margin: 0.1vw 0.8vw 0 -0.88vw;
  }  
 
/* D4.3 */
#pun_wrap #pun .punbb em.user-avatar {
  height: 2vw;
  }
  
/* D5 Table Statistic
-------------------------------------------------------------*/

/* D5.1 */
#pun-statistic td {
  padding: 1vw;
  }

/* D5.2 */
#pun-statistic .tc2,
#pun-statistic .tc3,
#pun-searchtopics .tc2 {
  background: url(http://forumstatic.ru/files/000e/14/cc/28708.png) no-repeat,
  url(http://forumstatic.ru/files/000e/14/cc/66968.png) no-repeat,
  url(http://forumstatic.ru/files/000e/14/cc/67892.png) no-repeat;
  }
  
/* D5.3 */
#pun-searchtopics .tc2 {
  width: 20%;
  background-position: 0.5vw 0.3vw, 16.5vw 0.3vw, 1.8vw 0.3vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 15vw 2.4vw;
  }
  
/* D5.4 */
#pun-statistic .tc2 {
  background-size: 0 0;
  }
  
/* D5.5 */
#pun-statistic td:before {
  padding-bottom: 0.2vw;
  }
  
/* D5.6 */
#most_viewed_topics .tc2,
#most_replied_topics .tc2{
  text-align: center !important;
  background-position: 0.5vw 0.6vw, 16.5vw 0.6vw, 1.8vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 15vw 2.4vw;
  }
  
/* D5.7 */
#pun-statistic td:nth-child(3) {
  background-position: 6.1vw 0.6vw, 11vw 0.6vw, 6.8vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 5vw 2.4vw;
  }
  
/* D5.8 */
#pun-statistic  td:nth-child(4) {
  background-position: 4.5vw 0.6vw, 8vw 0.6vw, 5.5vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 3vw 2.4vw;
  }
  
/* D5.9 */
#pun-statistic  td:nth-child(5) {
  background-position: 4vw 0.6vw, 8.5vw 0.6vw, 4.7vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 4vw 2.4vw;
  }
  
/* D5.10 */
#most_connected td:nth-child(5) {
  background-position: 1.5vw 0.6vw, 10.5vw 0.6vw, 2.5vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 8vw 2.4vw;
  }
  
/* D5.11 */
#most_viewed_topics td:nth-child(3),
#most_replied_topics  td:nth-child(3) {
  background-position: 4.5vw 0.6vw, 7.8vw 0.6vw, 5.5vw 0.6vw;
  background-size: 1.4vw 2.4vw, 1.4vw 2.4vw, 3vw 2.4vw;
  }
  
/* D5.12 */
#pun-statistic td:nth-child(3):before {
  content: 'Зарегистрирован:';
  }
  
/* D5.13 */
#pun-statistic td:nth-child(4):before {
  content: 'Сообщений:';
  }
  
/* D5.14 */
#administration td:nth-child(5):before,
#most_invitations:nth-child(5):before {
  content: 'Был:';
  }
  
/* D5.15 */
#most_active td:nth-child(5):before {
  content: '% сообщений:';
  }
  
/* D5.16 */
#most_connected td:nth-child(5):before {
  content: 'Провел на форуме:';
  }
  
/* D5.17 */
#most_invitations:nth-child(5):before {
  content: 'Приглашений:';
  }
  
/* D5.18 */
#most_viewed_topics td:nth-child(3):before,
#most_replied_topics  td:nth-child(3):before{
  content: 'Ответов:';
  }
  
/* D5.19 */
#most_viewed_topics td:nth-child(4):before,
#most_replied_topics  td:nth-child(4):before {
  content: 'Просмотров:';
  }
  
/* D5.20 */
#most_viewed_topics .tc2:before,
#most_replied_topics .tc2:before {
  content: 'Автор:';
  }

/**************************************************************
E - Home Statistics and About                                 *
***************************************************************/
  
/* E1 Statistics
-------------------------------------------------------------*/

/* E1.1 */
#pun-stats .container {
  padding: 1vw 1vw 1vw 4vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/76292.png) no-repeat 1vw 1vw,
  url(http://forumstatic.ru/files/000e/14/cc/97918.png) no-repeat 1vw 4.2vw #FFFFFF;
  background-size: 2vw 2vw, 2vw 2vw;
  }
  
/* E1.2 */
#pun-stats .item1,
#pun-stats .item2 {
  float: left;
  clear: both;
  }

/* E1.3 */
#pun-stats .item3,
#pun-stats .item4 {
  text-align: right;
  }
  
/* E1.4 */
#pun-stats .item4  {padding-bottom: 1vw;}
  
/* E2 About
-------------------------------------------------------------*/

/* E2.1 */
#pun-about {
  text-align: right;
  }
  
/* E2.2 */
#pun-about img {
  width: 0.5vw;
  height: auto;
  }
   
/**************************************************************
F - Postlink, Pagelink and Modmenu                            *
***************************************************************/  

/* F1
-------------------------------------------------------------*/

/* F1.1 */
.linksb{
  padding-bottom: 3.3vw;
  border-top: 0.05vw solid #CFE3F5;
  border-bottom: 0.05vw solid #CFE3F5;
  }

/* F1.2 */
.postlink {
  padding: 0.4vw 0;
  }
 
/* F1.3 */
.pagelink {
  float: left;
  margin-left: 2vw;
  padding-top: 1.1vw;
  }
  
/* F1.4 */
#pun-viewtopic .pagelink {
  padding: 1.2vw 0;
  }
  
/* F1.5 */
.postlink {
  float: right;
  width: 20vw !important;
  text-align: right;
  margin-right: 2vw;
  }
  
/* F1.6 */
.postlink  span{
  padding-right: 0.5vw !important;
  }
  
/* F1.7 */
.postlink a {
  display: inline-block;
  width: 8vw;
  padding: 0.8vw 0;
  background: url(http://forumstatic.ru/files/000e/14/cc/95492.png) no-repeat left top,
  url(http://forumstatic.ru/files/000e/14/cc/62724.png) no-repeat right top,
  url(http://forumstatic.ru/files/000e/14/cc/45169.png) repeat-x left top; 
  background-size: 2.3vw 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.72vw;
  color: #0a5792;
  text-align: center;
  }
  
/* F1.8 */
.postlink  a:hover {
  background: url(http://forumstatic.ru/files/000e/14/cc/19481.png) no-repeat left top,
  url(http://forumstatic.ru/files/000e/14/cc/19369.png) no-repeat right top,
  url(http://forumstatic.ru/files/000e/14/cc/38045.png) repeat-x left top; 
  background-size: 2.3vw 100%;
  color: #0b78ca;
  }
  
/* F1.9 */
.modmenu:not(#topic-users-in) .container span {
  float: right;
  clear: both;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 3vw;
  font-size: 0;
  }
  
/* F1.10 */
.modmenu .container span a:nth-child(1) {
  background: url(http://forumstatic.ru/files/000e/14/cc/97488.gif) no-repeat left top; 
  }
  
/* F1.11 */
.modmenu .container span a:nth-child(2) {
  background: url(http://forumstatic.ru/files/000e/14/cc/98032.png) no-repeat left top; 
  }
  
/* F1.12 */
.modmenu .container span a:nth-child(1),
.modmenu .container span a:nth-child(2) {
  width: 1vw;
  height: 1vw;
  background-size: 100% 100%;
  font-size: 0;
  }
  
/**************************************************************
G - Viewtopic                                                 *
***************************************************************/  

/* G1 - Viewtopic General
-------------------------------------------------------------*/
  
/* G1.1 */
.post>.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  background-color: #e6f0f9;
  border: 0.05vw solid #c3dbf0;
  border-bottom: none;
  border-radius: 0.12vw;
  -moz-border-radius: 0.12vw;
  -webkit-border-radius: 0.12vw;
  }
  
/* G1.2 */
.topic .post:last-child .container  {
  border-bottom: 0.05vw solid #CFE3F5;;
  }
  
/* G1.3 */
.post-author  {
  flex: 1;
  position: relative;
  max-width: 15vw;
  padding: 0.5vw;
  background-color: #E8F1F9;
  border-right: 0.05vw solid #CFE3F5;
  border-bottom: none;
  }
  
/* G1.4 */
.post-author,
.post-body  {
  word-wrap: break-word;
  }
  
/* G1.5 */
.post-body {
  position: relative;
  flex: 2;
  width: 60%;
  padding: 2vw;
  background-color: #F0F6FB;
  }
  
/* G1.6 */
.post-box {
  height: 100%;
  }
  
/* G1.7 */
.post-author ul {
  padding: 0.4vw;
  }  
  
/* G1.8 */
.pa-author,
.pa-title {
  text-align: center;
  padding-bottom: 0.2vw;
  }

/* G1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0;
  }

/* G1.10 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* G1.11 */
.post-content p {
  clear: both;
  }
  
/* G2 - Viewtopic h3
-------------------------------------------------------------*/
  
/* G2.1 */
.topic .post:nth-child(2) h3 {
  margin-top: 3vw;
  }
  
/* G2.2 */
#pun-post .topic .post:nth-child(2) h3 {
  margin-top: 0;
  }
  
/* G2.3 */
.post h3,
#form-buttons table,
input,
.punbb:not(#pun-messages) #profilenav {
  background: url(http://forumstatic.ru/files/000e/14/cc/10324.png) repeat-x left top;
  background-size: 0.8vw 3vw;
  }
  
/* G2.4 */
input:hover {
  background-size: 1vw 2vw;
  }
  
input[type=text],
input[type=text]:hover {
  background-size: 0.8vw 6vw;
  }
  
/* G2.5 */
.post h3 span {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
  border-top: 0.05vw solid #c3dbf0;
  }
  
/* G2.6 */
#pun-searchposts .post h3 span {
  font-size: 0;
  }
  
/* G2.7 */
.post h3 strong {
  position: relative;
  font-family: Courier New;
  padding: 0.9vw 0;
  font-size: 0.94vw;
  } 
  
/* G2.8 */
#pun-post .post h3 strong,
#pun-searchposts .post h3 strong {
  padding: 0.9vw 2.87vw;
  border-right: 0.05vw solid #c3dbf0;
  } 
  
/* G2.9 */
.post h3 strong:before {
  content: 'Пост №: ';
  top:0;
  left: 0;
  padding-left: 0.2vw;
  }
  
/* G2.10 */
.post h3 a {
  text-shadow: none;
  display: inline-block;
  border-left: 0.05vw solid #c3dbf0;
  border-right: 0.05vw solid #c3dbf0;
  padding: 0.9vw 2.87vw;
  text-align: center;
  }
  
/* G2.11 */
.post h3 a:nth-child(3),
#pun-post .post h3 a,
#pun-searchposts a:nth-child(4) {
  min-width: 10.29vw;
  }
  
/* G2.12 */
#pun-searchposts .post h3 a:nth-child(2),
#pun-searchposts .post h3 a:nth-child(3) {
  min-width: 27.77vw;
  border: none;
  border-right: 0.05vw solid #c3dbf0;
  }
  
/* G3 - Viewtopic Links
-------------------------------------------------------------*/
  
/* G3.1 */
.post-links  {
  flex: 1 100%;
  margin: 0;
  order: -1;
  line-height: 1.72vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/28629.png) repeat-x left top;
  background-size: 0.2vw 100%;
  }  
  
/* G3.2 */
.pl-email {
  float: left;
  }  
  
/* G3.3 */
.pl-delete,
.pl-edit,
.pl-quote {
  float: right;
  }
  
/* G3.4 */
.post-links a {
  display: inline-block;
  padding: 0 1.30vw 0 1.82vw;
  border-left: 0.05vw solid #c3dbf0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-shadow: 0 0.04vw 0 #FFFFFF;
  font-size: 0.72vw;
  text-align: center;
  }
  
/* G3.5 */
.post-links li:nth-child(1) a {
  border-left: none;
  background: url(http://forumstatic.ru/files/000e/14/cc/41271.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.6 */
.post-links li:nth-child(2) a {
  background: url(http://forumstatic.ru/files/000e/14/cc/25075.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.7 */
.post-links li:nth-child(3) a {
  background: url(http://forumstatic.ru/files/000e/14/cc/94701.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.8 */
.punbb .post-links .pl-quote a {
  background: url(http://forumstatic.ru/files/000e/14/cc/77994.png) no-repeat 0.7vw 0.4vw;
  background-size: 0.8vw 0.7vw;
  }
  
/* G3.9 */
.pl-edit a {
  background: url(http://forumstatic.ru/files/000e/14/cc/17594.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.10 */
.punbb .post-links .pl-delete a {
  background: url(http://forumstatic.ru/files/000e/14/cc/87788.png) no-repeat 0.7vw 0.4vw;
  background-size: 0.8vw 0.7vw;
  }
  
/* G3.11 */
.post .sharelink {
  padding: 0.9vw 8.32vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/86577.png) no-repeat 6.7vw 0.9vw;
  }
  
/* G3.12 */
.permalink {
  background: url(http://forumstatic.ru/files/000e/14/cc/39645.png) no-repeat 1.4vw 0.9vw;
  }

/* G3.13 */
.punbb .post h3 span a, 
.punbb .post-links ul li a {
  background-size: 0.9vw 0.9vw;
  }
  
/* G3.14 */
.post-links li:nth-child(3) a {
  border-right: 0.05vw solid #c3dbf0;
  }
  
/* G3.15 */
#pun-searchposts .post-links li {text-align: center;}
  
/* G4 - Mini profile (Avatar and img)
-------------------------------------------------------------*/

/* G4.1 */
.pa-author img {
  width: 0.8vw;
  height: 0.6vw;
  }

/* G4.2 */
.pa-avatar {
  position:relative;
  width: 8vw;
  height: 8vw;
  overflow: hidden;
  margin: 0.3vw auto 0.6vw auto;
  border: 0.4vw solid #CFE3F5;
  -webkit-box-shadow: 0 0.2vw 0.6vw #666;
  -moz-box-shadow: 0 0.2vw 0.6vw #666;
  box-shadow: 0 0.2vw 0.6vw #666;
  }

/* G4.3 */
.pa-avatar img {
  min-width: 8vw;
  min-height: 8vw;
  max-width: 10vw;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  }
  
/* G5 - Mini profile (Online and Offline)
-------------------------------------------------------------*/

/* G5.1 */
.punbb .post-author li.pa-online strong {
  display: none;
  }

/* G5.2 */
.punbb .container .post-author li.pa-online,
.punbb .container .post-author li.pa-last-visit {
  position: absolute;
  top: 0.8vw;
  right: 1vw;
  font-size: 0;
  }
    
/* G5.3 */
.punbb .container .post-author li.pa-online:before,
.punbb .container .post-author li.pa-last-visit:before {
  position: relative;
  display: inline-block;
  height: 0.5vw;
  width: 2.6vw;
  background-size: 2.4vw 0.42vw;
  }  

/* G5.4 */
li.pa-online:before {
  content: "";
  background: url(http://forumstatic.ru/files/000e/14/cc/10250.png) no-repeat;
  }

/* G5.5 */
li.pa-last-visit:before {
  content: "";
  background: url(http://forumstatic.ru/files/000e/14/cc/37271.png) no-repeat;
  } 
  
/* G6 - Mini profile (Respect)
-------------------------------------------------------------*/

/* G6.1 */
.pa-respect a img {
  display: none;
  }
  
/* G6.2 */
.pa-respect a:nth-child(2) {
  background: url(http://forumstatic.ru/files/000e/14/cc/60789.png) no-repeat top left;
  }
  
/* G6.3 */
.pa-respect a:nth-child(2):hover {
  background: url(http://forumstatic.ru/files/000e/14/cc/11038.png) no-repeat top left;
  }
  
/* G6.4 */
.pa-respect a:nth-child(4) {
  background: url(http://forumstatic.ru/files/000e/14/cc/93174.png) no-repeat top left;
  margin-bottom: -0.1vw;
  }
  
/* G6.5 */
.pa-respect a:nth-child(4):hover {
  background: url(http://forumstatic.ru/files/000e/14/cc/84495.png) no-repeat top left;
  }
  
/* G6.6 */
.punbb .pa-respect a:nth-child(2),
.punbb .pa-respect a:nth-child(4) {
  display: inline-block;
  width: 0.68vw;
  height: 0.8vw;
  background-size: 100% 100%;
  }

/* G7 - Viewtopic Spoiler, Code, Cite, Rating
-------------------------------------------------------------*/
  
/* G7.1 */
.code-box,
.quote-box {
  padding: 1vw;
  }
  
/* G7.2 */
.scrollbox {
  overflow: auto;
  }

/* G7.3 */
.blockcode {
  background: #fff url(http://2.bp.blogspot.com/_JwD5r652h00/Sz4WJqXLy5I/AAAAAAAAAUo/tl0XwXfvErQ/s1600/codesbg1.png) no-repeat top left;
  background-size: 18.6vw 75.7vw;
  color: #767675;
  }

/* G7.4 */
.quote-box blockquote {
  background: url(http://forumstatic.ru/files/000e/14/cc/74380.png) repeat-y 0.36vw top,
  url(http://forumstatic.ru/files/000e/14/cc/77978.png) #fff no-repeat top left;
  background-size: 1vw 3vw, 18.6vw 75.7vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  }
  
/* G7.5 */
.spoiler-box>blockquote {
  background: url(http://forumstatic.ru/files/000e/14/cc/63209.png) repeat-y 0.36vw top,
  url(http://forumstatic.ru/files/000e/14/cc/77978.png) #fff no-repeat top left;
  background-size: 1vw 3vw, 18.6vw 75.7vw;
  }

/* G7.6 */
.blockcode,
blockquote {
  padding-left: 2vw;
  border: 0.1vw solid #ededed;
  }

/* G7.7 */
cite,
.code-box strong,
.post-content .quote-box.spoiler-box > div  {
  display: inline-block;
  padding: 0 10vw 0.5vw 1vw;
  font-weight: bold;
  margin-left: 0.6vw;
  text-shadow: 0 0.04vw 0 #FFFFFF;
  background: url(http://forumstatic.ru/files/000e/14/cc/92458.png) no-repeat left bottom;
  background-size: 12vw 0.5vw;
  }

/* G7.8 */
.post-content .quote-box.spoiler-box > div {
  background: url(http://forumstatic.ru/img/plus.png) no-repeat left 0.66vw,
  url(http://forumstatic.ru/files/000e/14/cc/92458.png) no-repeat left bottom;
  background-size: 0.6vw 0.6vw, 12vw 0.5vw;
  }
  
/* G7.9 */
.post-content .quote-box.spoiler-box > div.visible {
  background: url(http://forumstatic.ru/img/minus.png) no-repeat left 0.66vw,
  url(http://forumstatic.ru/files/000e/14/cc/92458.png) no-repeat left bottom;
  background-size: 0.6vw 0.6vw, 12vw 0.5vw;
  }

/* G7.10 */
.post-rating {
  position: absolute;
  right: 0;
  bottom: 0;
  }
  
/* G7.11 */
#pun .punbb div.post-rating p {
  float: none !important;
  border: 0 !important;
  padding: 0.1vw !important;
  }
  
/* G7.12 */
.post-sig {
  margin-top: 1vw;
  padding-top: 1vw;
  border-top: 0.06vw solid #CFE3F5;
  }
 
/**************************************************************
H - The Form                                                  *
***************************************************************/
 
/* H1 - BB-code General
-------------------------------------------------------------*/

/* H1.1 */
#post {
  position: relative; 
  border-bottom: 0.05vw solid #CFE3F5;
  }
 
/* H1.2 */
#post, .fs-box {padding-bottom: 1vw;}

/* H1.3 */
#post legend {display: none;}

/* H1.4 */
.punbb #form-buttons td img {height: 1.34vw;}

/* H1.5 */
.punbb #form-buttons td img:hover,
#font-area div:hover,
#size-area div:hover,
#addition-area div:hover {
  background: rgba(0, 191, 255, 0.1);
  }

/* H1.6 */
#pun .punbb form .fs-box div.container {
  top: 1.4vw;
  padding: 0.5vw 0;
  border: 0.05vw solid #CFE3F5;
  z-index: 1;
  background: #F0F6FB;
  }
  
/* H1.7 */
#pun .punbb form .fs-box div.container>div {padding: 0.2vw 1vw;}
  
/* H1.8 */
.punbb #form-buttons table, 
#pun .punbb .formal textarea {
  width: 100%;
  padding: 0;
  }
  
/* H1.9 */
#pun .punbb form#post table td {
  border-radius: 0;
  vertical-align: top;
  }
  
/* H1.10 */
#pun #pun-messages.punbb  #post-form div.container {padding-left: 0;}
  
/* H2 - BB-code Button Background Image
-------------------------------------------------------------*/

/* H2.1 */
.punbb td#button-font {background: url(http://forumstatic.ru/files/000e/14/cc/56964.png);}

/* H2.2 */
.punbb td#button-size {background: url(http://forumstatic.ru/files/000e/14/cc/46771.png);}

/* H2.3 */
.punbb td#button-bold {background: url(http://forumstatic.ru/files/000e/14/cc/75175.png);}

/* H2.4 */
.punbb td#button-italic {background: url(http://forumstatic.ru/files/000e/14/cc/18094.png);}

/* H2.5 */
.punbb td#button-underline {background: url(http://forumstatic.ru/files/000e/14/cc/38832.png);}

/* H2.6 */
.punbb td#button-strike {background: url(http://forumstatic.ru/files/000e/14/cc/96875.png);}

/* H2.7 */
.punbb td#button-left {background: url(http://forumstatic.ru/files/000e/14/cc/98382.png);}

/* H2.8 */
.punbb td#button-center {background: url(http://forumstatic.ru/files/000e/14/cc/63331.png);}

/* H2.9 */
.punbb td#button-right {background: url(http://forumstatic.ru/files/000e/14/cc/65496.png);}

/* H2.10 */
.punbb td#button-link {background: url(http://forumstatic.ru/files/000e/14/cc/44546.png);}

/* H2.11 */
.punbb td#button-spoiler {background: url(http://forumstatic.ru/files/000e/14/cc/93201.png);}

/* H2.12 */
.punbb td#button-image {background: url(http://forumstatic.ru/files/000e/14/cc/47703.png);}

/* H2.13 */
.punbb td#button-video {background: url(http://forumstatic.ru/files/000e/14/cc/47797.png);}

/* H2.14 */
.punbb td#button-hide {background: url(http://forumstatic.ru/files/000e/14/cc/38294.png);}

/* H2.15 */
.punbb td#button-quote {background: url(http://forumstatic.ru/files/000e/14/cc/21563.png);}

/* H2.16 */
.punbb td#button-code {background: url(http://forumstatic.ru/files/000e/14/cc/99605.png);}

/* H2.17 */
.punbb td#button-color {background: url(http://forumstatic.ru/files/000e/14/cc/22440.png);}

/* H2.18 */
.punbb td#button-table {background: url(http://forumstatic.ru/files/000e/14/cc/74353.png);}

/* H2.19 */
.punbb td#button-smile {background: url(http://forumstatic.ru/files/000e/14/cc/14764.png);}

/* H2.20 */
.punbb td#button-keyboard {background: url(http://forumstatic.ru/files/000e/14/cc/63278.png);}

/* H2.21 */
.punbb td#button-addition {background: url(http://forumstatic.ru/files/000e/14/cc/26125.png);}

/* H2.22 */
#pun .punbb #form-buttons table td {
  border-left: 0.05vw solid #CFE3F5;
  background-size: 0.8vw 0.8vw;
  background-position: center center;
  background-repeat: no-repeat;
  }
  
/* H2.23 */
#pun #pun-post #form-buttons table td,
#pun #pun-messages #form-buttons table td {
  border-bottom: 0.05vw solid #CFE3F5;
  }
  
/* H2.24 */
.punbb #form-buttons table td:last-child {border-right: 0.05vw solid #CFE3F5;}
  
/* H3 - BB-code Font, Size, Video, Color, Smilies, Addition, Keyboard
-------------------------------------------------------------*/

/* H3.1 */
.punbb #font-area span, 
.punbb #font-area img {
  height: 1.4vw;
  padding: 0;
  }

/* H3.2 */
.punbb #font-area img {margin-top: -1.9vw;}

/* H3.3 */
.punbb #font-area {
  right: 83.2vw;
  min-width: 11vw;
  }

/* H3.4 */
.punbb #size-area {right: 85.15vw;}

/* H3.5 */
.punbb #video-area {right: 17.03vw;}

/* H3.6 */
.punbb #smilies-area, #video-area {width: 26vw;}

/* H3.7 */
.punbb #color-area {right: 18.1vw;}

/* H3.8 */
.punbb #color-area table {
  width: 26vw;
  height: 1.6vw;
  }

/* H3.9 */
.punbb #color-area td img, 
.punbb #table-area td img {
  width: 1.6vw;
  height: 1.6vw;
  }
  
/* H3.10 */
.punbb #table-area table {margin: 0 auto;}

/* H3.11 */
.punbb #smilies-area, .punbb #addition-area, .punbb #keyboard-area {right: 0;}

/* H4 - BB-code Keyboard
-------------------------------------------------------------*/

/* H4.1 */
.punbb #keyboard-area {padding: 1vw;}

/* H4.3 */
.punbb #keyboard-span input {
  font-weight: bold;
  margin: 0.1vw 0.1vw 0 0;
  border: 0.05vw solid #CFE3F5;
  height: 2vw;
  width: 2vw;
  padding: 0;
  }

/* H4.4 */
.punbb #keyboard-span input[value*=Space] {width: 9vw;}

/* H4.5 */
.punbb #keyboard-span input[value*=Enter],
.punbb #keyboard-span input[value*=Caps] {
  width: 6vw;
  }

/* H4.6 */
.punbb #keyboard-span input[value*=Tab],
.punbb #keyboard-span input[value*=Back] {
  width: 4vw;
  }

/* H5 - BB-code Image
-------------------------------------------------------------*/

/* H5.1 */
.punbb #image-area {
  width: 30vw;
  right: 14.95vw;
  }

/* H5.2 */
#image-area table {
  background: #F0F6FB;
  border: none;
  }
  
/* H5.3 */
.punbb #image-area select {width: 7vw;}
  
/* H5.4 */
.punbb #imageupload-left {width: 8.9vw;}

/* H5.5 */
.punbb #imageupload-right {width: 20vw;}
	
/* H5.6 */
.punbb .uploadQueueItem {
  padding: 0.4vw 0.4vw;
  border: solid 0.05vw #ddd;
  border-radius: 0.2vw;
  margin-bottom: 0.1vw;
  }

/* H5.7 */
.punbb .uploadQueueItem .cancel {
  font-size: 5vw;
  margin: -4.2vw 0 0;
  }

/* H5.8 */
.punbb .uploadProgress {
  height: 0.3vw;
  margin: 0.2vw 0 0;
  }

/* H5.9 */
.punbb .uploadProgressBar {height: 0.3vw;}

/* H5.10 */
.fileName {font: 0.6vw Courier New, verdana, arial, helvetica;}

/* H5.11 */
.punbb #upload-button-container, 
.punbb #image-width, 
.punbb #image-thumb-width, 
.punbb #image-insert-format, 
.punbb #insert-all-images-container,
.punbb #insert-image-tip {
  margin-top: 1vw;
  }

/* H5.12 */
.punbb #image-width strong,
.punbb #image-insert-format strong {
  display: block;
  }

/* H5.13 */
.punbb #uploaded-images img {
  width: 4vw;
  height: 2.8vw;
  border: 0.1vw solid #CFE3F5;
  margin-right: 0.4vw;
  }
  
/* H5.15 */
.punbb #video-area-tinp, 
.punbb #image-area-tinp {
  margin: 0.6vw 0;
  padding: 0.4vw;
  border: 0.05vw solid #CFE3F5;
  height: 5vw;
  }
  
/* H5.16 */
.punbb #imageQueue,
.punbb #uploaded-images {
  max-height: 14vw !important;
  margin-bottom: 0.4vw;
  }

/* H5.17 */
.punbb #image-source-list a, 
.punbb #image-area-actions a {
  margin-right: 0.8vw;
  }
  
/* H6 - Related Topics
-------------------------------------------------------------*/
  
/* H6.1 */
#pun-post .inputfield label,
#pun-post .inputfield span input {
  display: inline-block;
  margin: 1vw 0;
  }
  
/* H6.2 */
#pun-post .inputfield span input {width: 50vw;}

/* H6.3 */
#pun-post .inputfield label,
#profile form:not(#profile2) .infofield,
#profile dt,
#pun-admain label, 
div#pun-admain .adlabel,
.punbb-admin #pun-admain .adcontainer th {
  color: #C71585;
  }
  
/* H6.4 */
#s-topics thead,
#pun-userlist thead,
#pun-admin_paid_services thead {
  display: table-header-group;
  }
  
/* H6.5 */
#s-topics th,
#pun-userlist .main thead th {
  height: 2.6vw;
  font: 0.8vw Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-shadow: 0 -0.1vw 0 #082c52;
  }
  
/* H6.6 */
#pun #pun-post .similar-topics #s-topics th,
#s-topics th strong {
  font-weight: normal !important;
  }
  
/* H6.7 */
#pun #pun-post .similar-topics #s-topics th,
#pun-userlist .main thead th {
  background: url(http://forumstatic.ru/files/000e/14/cc/42208.png) left top no-repeat,  
  url(http://forumstatic.ru/files/000e/14/cc/51873.gif) center top repeat-x !important;
  background-size: 24vw 2.6vw, 0.1vw 2.6vw !important;  
  }
  
/* H6.8 */
#pun #pun-post .similar-topics #s-topics th:nth-child(2),
#pun-userlist .main thead th:nth-child(2),
#pun-userlist .main thead th:nth-child(3),
#pun-userlist .main thead th:nth-child(4),
#pun-userlist .main thead th:nth-child(5) {
  background: url(http://forumstatic.ru/files/000e/14/cc/51873.gif) center top repeat-x !important;
  background-size: 0.1vw 2.6vw !important;  
  }
  
/* H6.9 */
#pun #pun-post .similar-topics #s-topics th:last-child,
#pun-userlist .main thead th:last-child {
  background: url(http://forumstatic.ru/files/000e/14/cc/69437.png) right top no-repeat, 
  url(http://forumstatic.ru/files/000e/14/cc/51873.gif) center top repeat-x !important;
  background-size: 0.5vw 2.6vw, 0.1vw 2.6vw !important;  
  }
  
/* H6.10 */
#pun #pun-post .similar-topics #s-topics th.t1 {padding-left: 1vw;}
  
/* H6.11 */
#s-topics tr,
.punbb-admin #pun-admain fieldset p,
.punbb-admin #pun-admain .adcontainer th {
  background: url(http://forumstatic.ru/files/000e/14/cc/10324.png) repeat-x left top;
  background-size: 0.8vw 100%;
  }

/* H6.12 */
#s-topics td a {display: inline-block;}

/* H6.13 */
#pun-post form .checkfield {padding: 1vw;}

/* H6.14 */
#pun-post form .checkfield input {margin-right: 1vw;}

/* H6.15 */
.punbb #similar-topics {margin-top: 0;}

/* H6.16 */
.punbb #similar-topics div.container {padding-top: 0;}

/* H6.17 */
.punbb #similar-topics td {
  padding: 0.5vw 1vw;
  border-right: 0.04vw solid #d7e5f2;
  border-bottom: 0.04vw solid #d7e5f2;
  }

/* H6.18 */
.punbb #similar-topics td.st-tc2,
.punbb #similar-topics td.st-tcr {
  text-align: center;
  }

/**************************************************************
I - Profile                                                   *
***************************************************************/
 
/* I1 - General Profile
-------------------------------------------------------------*/

/* I1.1 */
#profile {padding-top: 0 !important;}

/* I1.2 */
#profilenav {margin-bottom: 1vw;}
  
/* I1.3 */
#profilenav h2 {display: none;}

/* I1.4 */
#profilenav ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: -0.27vw;
  }
  
/* I1.5 */
#profilenav ul li a {padding: 1vw 1.736vw;}
  
/* I1.6 */
#profile form,
#profile .fs-box>p:not(.checkfield) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  }

/* I1.7 */
#profilenav,
#profile .formsubmit {
  flex: 1 100%;
  }

/* I1.8 */
#profile fieldset:nth-child(2),
#profile fieldset:nth-child(3),
#profile fieldset:nth-child(4),
#profile fieldset:nth-child(5) {
  flex: 2 24%;
  padding: 0.4vw;
  border: 0.05vw solid #c3dbf0;
  }
  
/* I1.9 */
#profile1 fieldset:nth-child(2),
#profile1 fieldset:nth-child(3),
#profile1 fieldset:nth-child(4),
#profile6 fieldset:nth-child(2) {
  border-right: 0;
  }

/* I1.10 */
.punbb fieldset legend {
  text-align: center;
  font-size: 1.1em;
  }

/* I1.11 */
#profile input[type=checkbox],
#profile input[type=radio] {
  margin: 1vw;
  }
  
/* I1.12 */
#profile input[type=submit],
#profile1 input[type=text],
.punbb #profile select {
  width: 15.4vw;
  }
  
/* I1.13 */
#profile input,
#profile .fs-box p {
  margin-bottom: 1vw;
  }
  
/* I1.14 */
#profile .fs-box {padding: 0;}

/* I1.15 */
#profile .formsubmit {margin-top: 0.6vw;}

/* I1.16 */
#profile .formsubmit input {
  float:right;
  width: 8.8vw;
  }
  
/* I1.17 */
#profile label, 
#profile .label, 
#profile legend,
#profile #profile2 .infofield {
  font-weight: 600;
  text-shadow: 0 0.04vw 0 #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  }
  
/* I1.18 */
#profile form:not(#profile8) label, 
#profile #profile2 .infofield {
  padding-top: 0.7vw;
  }
  
/* I1.19 */
.punbb #profile form:not(#profile2) .areafield .input {width: 100%;}
 
/* I2 - Profile edits
-------------------------------------------------------------*/
  
/* I2.1 */
#profile2 br {display: none;}
  
/* I2.2 */
#profile2 input,
#profile3 .input input {
  width: 80vw;
  }

/* I2.3 */
#profile2 input[type=radio] {
  margin: 0 1vw;
  width: 1vw;
  }

/* I2.4 */
.punbb #profile #profile2 select {
  display: inline-block;
  width: 27.1vw;
  }

/* I2.5 */
#pun .punbb #profile2 textarea {width: 81.7vw;}

/* I2.6 */
#profile #profile2 .infofield,
#profile #profile2 .radiofield {
  display: inline-block;
  }

/* I2.7 */
#profile #profile2 .infofield {margin-right: 9.7vw;}

/* I2.8 */
#profile2 em {margin-top: -0.9vw;}

/* I2.9 */
#profile4 .checkfield label[for=fld1] {float: left;padding: 0;}

/* I2.10 */
#profile4 .infofield {padding: 1vw 0;}

/* I2.11 */
#profile4 .avatardemo {
  position: absolute;
  margin-left: 9vw;
  margin-top: 3vw;
  width: 3.9vw;
  height: auto;
  }

/* I2.12 */
#profile5 .parsedsig,
#profile5 textarea {
  margin-top: 0.5vw;
  }
  
/* I2.13 */
#profile7 .infofield {margin-top: 2vw;}

/* I2.14 */
#profile7 .infofield:nth-child(2) {margin-top: 0;}

/* I2.15 */
#profile8 label {
  display: inline-block !important;
  margin-top: -0.5vw;
  vertical-align: middle; 
  }

/* I2.16 */
#profile9 .input input[type=text] {width: 30vw;}

/* I2.17 */
#profile10 #profile-uploads td {
  height: 7vw;
  background-size: 100% 100%;
  }

/* I2.18 */
#profile10 #profile-uploads td img {
  width: 1.04vw;
  height: auto;
  }

/* I2.19 */
#profile10 #profile-uploads input[type=checkbox] {margin: -2vw 0 0 0.6vw !important;}

/* I2.20 */
#profile #profile8 fieldset,
#profile #profile9 fieldset,
#profile #profile10 fieldset {
  flex: 1 100%;
  margin-bottom:1vw;
  }

/* I2.21 */
#profile #profile10 .fs-box {padding-bottom: 1vw}

/**************************************************************
J - Messages, Userlist and Search                             *
***************************************************************/

/* J1 - Messages
-------------------------------------------------------------*/

/* J1.1 */
#pun-messages #profilenav ul {
  background: url(http://forumstatic.ru/files/000e/14/cc/87912.gif) repeat-x left top;
  background-size: 0.1vw 100%;
  }
  
/* J1.2 */
#pun-messages #profilenav ul:nth-child(2) {margin-top: 2vw;}

/* J1.3 */
#pun-messages #profilenav ul:nth-child(4) {margin-top: 0vw;}

/* J1.4 */
#pun-messages #profile input[type=checkbox] {margin: 0.2vw 1vw;}

/* J1.5 */
#pun-messages .main .tc2 {background: none;}

/* J1.6 */
#pun-messages .main .tc3 {
  background-position: 4.9vw 50%;
  background-size: 5vw 2.4vw;
  }
  
/* J1.7 */
#pun-messages .main .tc2 a {
  display: inline-block;
  padding-top: 0.5vw;
  }
  
/* J1.8 */
#pun-messages fieldset legend {margin-bottom: 1vw;}

/* J1.9 */
#pun-messages #notify-settings {padding-top: 1vw;}

/* J1.10 */
#pun-messages p.inputfield.required {
  justify-content: flex-start;
  margin-top: 1vw;
  }

/* J1.11 */
#pun-messages label,
#pun-userlist  label,
#pun-search label {
  display: inline-block;
  min-width: 10vw;
  margin-right: 1vw;
  }

/* J1.12 */
#pun-messages .input input {
  min-width: 20vw;
  margin-top: 0.4vw;
  }
  
 /* J2 - Userlist
-------------------------------------------------------------*/
  
/* J2.1 */
#pun-userlist #userlist {margin: 2vw 0;}

/* J2.2 */
#pun-userlist fieldset,
#pun-search fieldset {
  padding: 0.4vw;
  border: 0.05vw solid #c3dbf0;
  }
  
/* J2.3 */
#pun-userlist fieldset legend,
#pun-search fieldset legend {
  font-weight: bold;
  }
  
/* J2.4 */
#pun-userlist .fs-box p,
#pun-search .fs-box p {
  margin-bottom: 0.4vw;
  }
  
/* J2.5 */
#pun-userlist .input input,
#pun-search .input input {
  min-width: 20vw;
  }
  
/* J2.6 */
#pun-userlist .input select,
#pun-search .input select {
  min-width: 21.8vw;
  }

/* J2.7 */
#pun-userlist .formsubmit,
#pun-search .formsubmit {
  margin-top: 1vw;
  }

/* J2.8 */
#pun-userlist .main thead th:first-child {
  padding-left: 2vw;
  text-align: left;
  }
  
/* J2.9 */
#pun-userlist .main .tcl {
  width: 10%;
  padding-left: 1vw;
  }

/* J2.10 */
#pun-userlist .main td {
  padding: 0.5vw 0;
  }
  
/* J2.11 */
#pun-userlist .main td:not(:last-child) {
  border-right: 0.04vw solid #d7e5f2;
  }
 
/* J2.12 */
#pun-userlist .main td {background-position: 50% 50%;}

/* J2.13 */
#pun-userlist .main td:nth-child(1) a:not(.user-avatar-link) {
  display: inline-block;
  padding-top: 0.4vw;
  }

/* J2.14 */
#pun-userlist .main td:nth-child(2) {background: none;}

/* J2.15 */
#pun-userlist .main td:nth-child(5),
#pun-userlist .main td:nth-child(6) {
  background-position: 47% 50%;
  background-size: 5.6vw 2.4vw;
  }
  
/* J2.16 */
#pun-search label {min-width: 13vw;}

/**************************************************************
K - Bookmarks                                                 *
***************************************************************/

/* K1 - Bookmarks on the main page
-------------------------------------------------------------*/

/* K1.1 */
#pun #BookmCntToggle.default-style {
  top: 0.6vw;
  left: 0.6vw;
  height: 1.4vw;
  width: 1.2vw;
  border-left: solid 0.24vw currentColor;
  box-shadow: 0 0 0.3vw rgba(0,0,0,.42);
  background: url(http://forumstatic.ru/files/000e/14/cc/24526.png) no-repeat center center;
  background-size: 100% 100%;
  color: #000080;
  }
  
/* K1.2 */
#pun #MyBookmarks {
  width: 13vw !important;
  padding: 0 !important;
  }
  
/* K1.3 */
#pun #MyBookmarks #bm2 {
  border-width: 0.3vw 0.6vw 0.3vw 0;
  border-color: transparent #ebf4fc transparent transparent;
  }

/* K1.4 */
#pun #MyBookmarks span.scrl {width: 6.5vw;}

/* K1.5 */
#pun #MyBookmarks span.scrl.b {left: 6.6vw;}

/* K1.6 */
#pun #MyBookmarks li span strong {font-size: 0.8vw;}

/* K1.7 */
#pun #MyBookmarks li.BookmarkL>span:hover>dd {margin-left: -6.8vw;}

/* K1.8 */
#pun #MyBookmarks li.BookmarkL>span>dd {
  width: 20vw;
  left: 19vw;
  }
  
/* K1.9 */
#pun #BookmCntToggle.default-style:before {
  width: 0.4vw;
  height: 0.53vw;
  margin-left: 0.15vw;
  }

/* K1.10 */
#pun #BookmCntToggle.default-style:after {
  border-width: 0 0.2vw 0.3vw;
  left: 0.15vw;
  top: 0.54vw;
  }

/* K2 - Post Bookmarks
-------------------------------------------------------------*/

/* K2.1 */
#pun .post .bookmark {
  width: 1.8vw;
  height: 0.84vw;
  }
  
/* K2.2 */
#pun .post .bookmark:before {
  left: -0.77vw;
  border-width: 0.42vw 0 0.42vw 0.77vw;
  }
  
/* K2.3 */
#pun span.delBookmark {width: 2vw !important;}
  
/* K2.4 */
#pun span.delBookmark+span {
  float: left;
  padding-left: 1vw;
  width: 12vw;
  }
  
/* K3 - Tipsy, Tipsy Respect, Tipsy Bookmarks
-------------------------------------------------------------*/

/* K3.1 */
.punbb .tipsy {
  padding: 0.27vw;
  font-size: 0.6vw;
  }
  
/* K3.2 */
.punbb .tipsy-se .tipsy-arrow {right: 0.6vw;}
  
/* K3.3 */
table#respect {table-layout: auto;}

/* K3.14 */
.tipsy.tipsy-e.bookmark {
  font-size: 1vw;
  right: 7vw;
  margin-top: -0.5vw;
  margin-left: -8vw;
  padding: 0.3vw;
  }

/* K3.5 */
.tipsy.tipsy-e.bookmark .tipsy-arrow {
  margin-top: -0.3vw;
  border: solid 0.3vw;
  border-color: transparent transparent transparent black;
  border-right: 0;
  }

/* K3.6 */
.tipsy.tipsy-e.bookmark .tipsy-inner {
  padding: 0.3vw 0.4vw 0.4vw;
  max-width: 50vw !important;
  min-width: 5vw !important;
  border-radius: 0.3vw;
  -moz-border-radius: 0.3vw;
  -webkit-border-radius: 0.3vw;
  }
  
/**************************************************************
L - Administration                                                  *
***************************************************************/
 
/* L1 - General Administration
-------------------------------------------------------------*/

/* L1.1 */
#pun .punbb-admin select {width: 18vw;}

/* L1.2 */
.punbb-admin input.button {width: 10vw;}

/* L1.3 */
#pun-adnav li:hover {background: rgba(0, 191, 255, 0.1);}

/* L1.4 */
.punbb-admin #pun-admain .isactive a {color: #C71585;}

/* L1.5 */
.punbb-admin #pun-admain a:hover {color: rgba(0, 129, 236, 0.8);}

/* L1.6 */
.punbb-admin #pun-admain {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0 1vw;
  }
  
/* L1.7 */
.punbb-admin #pun-adnav {
  flex: 1 10%;
  margin-left: 0;
  }

/* L1.8 */
.punbb-admin #pun-admain1 {
  flex: 1 89%;
  }
  
/* L1.9 */
.punbb-admin #pun-admain2,
.punbb-admin .linksb {
  flex: 1 100%;
  }
  
/* L1.10 */
.punbb-admin #pun-admain1,
.punbb-admin #pun-admain2 {
  height: 100%;
  overflow-x: auto;
  }
  
/* L1.11 */
#pun-admin_forums.punbb-admin #pun-admain1 {
  flex: 1 40%;
  }
  
/* L1.12 */
#pun-admin_forums.punbb-admin #pun-admain2 {
  flex: 1 49%;
  margin-top: 0;
  }

/* L2 - Edit Administration
-------------------------------------------------------------*/
  
/* L2.1 */
.punbb-admin .adformal h2, 
.punbb-admin #pun-adnav h2,
.punbb-admin .adcontainer,
.punbb-admin #pun-admain fieldset,
.punbb-admin #pun-admain .adcontainer td {
  border-color: #d7e5f2;
  }

/* L2.2 */
.punbb-admin .adformal h2, 
.punbb-admin #pun-adnav h2 {
  border-width: 0 0 0.04vw 0;
  }

/* L2.3 */
.punbb-admin .adcontainer {
  border-width: 0 0.04vw 0.04vw 0.04vw;
  }

/* L2.4 */
.punbb-admin #pun-admain fieldset {
  border-width: 0.04vw;
  padding: 0 1vw;
  }

/* L2.5 */
.punbb-admin #pun-admain fieldset p {
  padding: 0.6vw 0;
  border-color: transparent;
  }
  
/* L2.6 */
#pun-admin_censoring.punbb-admin #pun-admain fieldset p,
#pun-admin_ranks.punbb-admin #pun-admain fieldset p {
  padding: 1.6vw 0;
  }
  
/* L2.7 */
#pun-admin_style .contains-textarea:nth-child(3) {display: none;}

/* L2.8 */
#pun-admin_style .contains-textarea textarea {min-height: 50vw;}

/* L2.9 */
.punbb-admin #pun-admain legend span {
  padding: 0 0.2vw;
  margin: 0 0 0 -0.78vw;
  background-color: transparent;
  }

/* L2.10 */
.punbb-admin #pun-admain1 form.adcontainer, 
.punbb-admin #pun-admain2 form.adcontainer, 
.punbb-admin #pun-admain1 div.adcontainer, 
.punbb-admin #pun-admain2 div.adcontainer {
  padding: 1vw;
  }
  
/* L2.11 */
.punbb-admin #pun-admain .adinput {padding: 0 0.5vw;}

/* L2.12 */
.punbb-admin #pun-admain textarea, 
.punbb-admin #pun-admain .longinput input {
  width: 100%;
  }
  
/* L2.13 */
.punbb-admin #pun-admain .tcr input {width: 92%;}

/* L2.14 */
.punbb-admin #pun-admain .adcontainer td {border-width: 0.04vw 0 0 0.04vw;}

/* L2.15 */
.punbb-admin .postlink a {width: 26vw;}

/* L2.16 */
#pun-admin_categories #pun-admain1 fieldset:last-of-type p {
  background: url(/i/draggable.png) 98% center no-repeat rgba(0, 191, 255, 0.1);
  background-size: 0.8vw 1.6vw;
  }
  
/* L2.17 */
#pun-admin_ranks .adsubmitfield .adsubmit {margin-top: -0.4vw;}
  
/* L2.18 */
#pun-admin_files .pagelink {
  margin-top: 2vw;
  width: 100%;
  }

/* L2.19 */
#pun-admin_files.punbb-admin input.button {width: 18vw;}

/* L2.20 */
.punbb-admin .adformal {border: none;}

/* L2.21 */
#pun-admin_pages tr:last-child td {border-bottom-width: 0.04vw;}

/* L2.22 */
.punbb-admin #pun-admain .adformal p.submittop, 
.punbb-admin #pun-admain .adformal p.submitend {
  padding-bottom: 0.4vw;
  }
  
/* L2.23 */
.punbb-admin #pun-admain fieldset p {margin-bottom: 0.15vw;}

/* L2.24 */
.punbb-admin #pun-admain .adinput em {
  padding-top: 0.06vw;
  padding-bottom: 0.06vw;
  }
  
/* L2.25 */
.punbb-admin #pun-admain .adformal li {padding-left: 0.2vw;}

/* L2.26 */
.punbb-admin #pun-admain .adformal p.adinfofield {padding: 0 0 0.2vw 0;}

/* L2.27 */
#fileQueue {margin-top: 0.2vw !important;}

/* L2.28 */
#pun-admin_files .adcontainer div[style="padding:10px 0"] {padding: 0.2vw 0 !important;}

/* L2.29 */
#pun-admin_promotion .adinput input[style="margin-left:10px"] {margin-left: 0.3vw!important;}

Отредактировано kolobdur74 (Пн, 21 Янв 2019 17:54:58)

+5

2

А, да, посмотреть можно здесь: http://projekt1.bbmy.ru/

Скриншот:
http://s9.uploads.ru/QcgGH.png

Мобильная добавка (недоработанная):

Мобильная добавка
Код:
/**************************************************************
Mobile style                                                  *
***************************************************************/

@media screen and (max-width: 768px) {

/**************************************************************
MB1 - General                                                 *
***************************************************************/
 
/* MB1.1 */
body, a,
#pun-announcement h2 span, 
.main h2 span, 
#pun-stats h2 span, 
.main h1 span,
#pun-searchtopics .tcl span, 
#pun-searchtopics .tcl a {
  font-size: 5vw;
  }
 
/* MB1.2 */
.punbb>div {width: 100%;}
  
/* MB1.3 */
.punbb>div:not(#pun-title):not(#pun-navlinks):not(#pun-admain),
.punbb>div:not(#pun-announcement):not(#pun-admain):not(#pun-stats)>div:not(.linkst):not(.linksb),
.punbb #pun-break2 ~ .section {
  padding: 0 !important;
  }
  
/* MB1.4 */
.punbb>div>h2, .punbb>div>p {border: 0;}
  
/* MB1.5 */
#BookmCntToggle,
.main .tc2, 
.main .tc3,
#pun-navlinks *:before, 
#pun-navlinks *:after,
#pun-ulinks *:before, 
#pun-ulinks *:after, 
#profilenav *:before, 
#profilenav *:after,
#pun-ulinks:before, 
#pun-ulinks:after,
#pun-status .item3,
span.modlist,
#pun-index .crumbs,
.post-author ul li,
#jGrowl,
.tcl .byuser {
  display: none !important;
  }
  
/* MB1.6 */
.crumbs strong {background: none;}

input[type=checkbox] {
  width: 3vw;
  height: 2vw;
  }
  
/**************************************************************
MB2 - Navigation and Headr                                    *
***************************************************************/
 
/* MB2.1 */
#pun-navlinks ul,
#pun-ulinks ul {
  justify-content: center;
  background: url(http://forumstatic.ru/files/000e/14/cc/92911.png) repeat-x;
  background-size: 0.6vw 100%;
 }

/* MB2.2 */
#pun-navlinks ul li a {background: transparent;}
  
/* MB2.3 */
#navindex span {background: url(http://forumstatic.ru/files/000e/14/cc/52047.png) no-repeat;}

/* MB2.4 */
#navuserlist span {background: url(http://forumstatic.ru/files/000e/14/cc/80658.png) no-repeat;}

/* MB2.5 */
#navsearch span {background: url(http://forumstatic.ru/files/000e/14/cc/14521.png) no-repeat;}

/* MB2.6 */
#navprofile span {background: url(http://forumstatic.ru/files/000e/14/cc/77780.png) no-repeat;}

/* MB2.7 */
#navpm span {background: url(http://forumstatic.ru/files/000e/14/cc/32985.png) no-repeat;}

/* MB2.8 */
#navadmin span {background: url(http://forumstatic.ru/files/000e/14/cc/78577.png) no-repeat;}

/* MB2.9 */
#navregister span {background: url(http://forumstatic.ru/files/000e/14/cc/71416.png) no-repeat;}

/* MB2.10 */
#navlogout span {background: url(http://forumstatic.ru/files/000e/14/cc/99168.png) no-repeat;}

/* MB2.11 */
#navlogin span {background: url(http://forumstatic.ru/files/000e/14/cc/99289.png) no-repeat;}

/* MB2.12 */
#pun-ulinks ul li.item1 a,
#pun-ulinks ul li.item2 a {
  background: url(http://forumstatic.ru/files/000e/14/cc/54427.png) no-repeat;
  }

/* MB2.13 */
#pun-ulinks ul li.item7 a {background: url(http://forumstatic.ru/files/000e/14/cc/88406.png) no-repeat;}

/* MB2.14 */
#pun-ulinks ul li.item3 a {background: url(http://forumstatic.ru/files/000e/14/cc/37393.png) no-repeat;}

/* MB2.15 */
#pun-ulinks ul li.item4 a {background: url(http://forumstatic.ru/files/000e/14/cc/80152.png) no-repeat;}

/* MB2.16 */
#pun-ulinks ul li.item5 a {background: url(http://forumstatic.ru/files/000e/14/cc/66513.png) no-repeat;}

/* MB2.17 */
#pun:not(.isguest) #pun-ulinks ul li:last-child a {
  background: url(http://forumstatic.ru/files/000e/14/cc/93312.png) no-repeat center center;
  background-size: 100% 100%;
  }
  
/* MB2.18 */
#pun-navlinks span,
.punbb #pun-ulinks ul li a {
  font-size: 0;
  padding: 2vw;
  background-size: 100% 100%;
  background-position: center center;
  width: 10vw;
  height: 10vw;
  }

/* MB2.19 */
#pun-navlinks ul li:last-child {margin-right: 0;}

/* MB2.20 */
#pun-navlinks ul li a:hover, 
#profilenav ul li a:hover, 
#profilenav ul li.isactive {
  background: none;
  }

/* MB2.21 */
.punbb #pun-navlinks li#navpm span.num_msg {
  height: 12.2vw;
  line-height: 4vw !important;
  margin-top: -14.1vw;
  margin-left: -0.1vw !important;
  font-size: 3vw !important;
  }
  
/* MB2.22 */
#pun-title {position: relative;}

/* MB2.23 */
.title-logo {
  position: absolute;
  top: -0.8vw;
  left: 0;
  width: 100%;
  font: 5vw "Harabara", Arial, Helvetica, sans-serif;
  }

/**************************************************************
MB3 - Announcement                                            *
***************************************************************/

/* MB3.1 */
#pun-announcement .container, #pun-stats .statscon {padding: 0;}

/* MB3.2 */
#pun-announcement h2, 
.main h2, #pun-stats h2, 
.main h1 {
  background: url(http://forumstatic.ru/files/000e/14/cc/51873.gif) center top repeat-x;
  background-size: 1vw 100%;
  height: 6.6vw;
  }
 
/* MB3.4 */
#pun-announcement h2, .main h2, #pun-stats h2, .main h1 {position: relative;}
 
/* MB3.5 */
#pun-announcement h2 span, 
.main h2 span, 
#pun-stats h2 span, 
.main h1 span {
  position: absolute;
  top: 0vw;
  padding: 0;
  text-align: center;
  }
  
/**************************************************************
MB4 - Table                                                   *
***************************************************************/
  
/* MB4.1 */
.main tr {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  }
  
/* MB4.2 */
.main tr:not(:last-child) {border-bottom: 1vw solid #d7e5f2;}
  
/* MB4.3 */
.main br {display: block;}
  
/* MB4.4 */
.main .tcl,
.main .tcr {
flex: 1 100%;
  padding-left: 0;
  }

/* MB4.5 */
.main .tcr {
  padding-right: 1vw;
  padding-bottom: 1vw;
  text-align: right;
  }

/* MB4.6 */
span.modlist, td.tcr span {display: inline;}

/* MB4.7 */
#pun_wrap #pun .punbb em.user-avatar {
  float: none;
  display: inline-block;
  margin-top: -4vw;
  }
  
#pun_wrap #pun #pun-viewforum em.user-avatar,
#pun_wrap #pun #pun-searchtopics em.user-avatar {
  margin-top: 1vw;
  }
  
/* MB4.8 */
.punbb em.user-avatar img.ava {
  width: 6vw;
  height: 6vw;
  border-width: 0.1vw !important;
  margin: 0.01vw 0.44vw 0.1vw 0;
  }

/* MB4.9 */
.punbb em.user-avatar img.on_ {
  width: 1vw;
  height: 1vw;
  margin: 0.1vw 0.8vw 0 -2vw;
  }

/* MB4.10 */
.main td {vertical-align: top;}
  
/* MB4.11 */
.main td:not(:last-child),
#pun-stats li {
  border-bottom: 0.4vw solid #d7e5f2;
  }
  
/* MB4.12 */
.tclcon {
  max-width: 100%;
  font-size: 0;
  }
  
/* MB4.13 */
div.icon {
  padding: 1vw;
  min-width: 5vw;
  min-height: 5vw;
  }

/* MB4.14 */
.punbb .container table tbody tr div.icon {background-size: 8vw 8vw;}

/* MB4.15 */
.main tr:last-child td:last-child {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  }

/**************************************************************
MB5 - Statistics                                              *
***************************************************************/

/* MB5.1 */
.punbb #pun-stats .item1, 
.punbb #pun-stats .item2 {
  float: none;
  }
  
/* MB5.2 */
#pun-stats .item3, 
#pun-stats .item4 {
  text-align: left;
  }
  
/* MB5.3 */
.punbb #pun-stats .container {
  padding: 1vw 1vw 1vw 6vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/76292.png) no-repeat 1vw 2vw, 
  url(http://forumstatic.ru/files/000e/14/cc/97918.png) no-repeat 1vw 8.8vw #FFFFFF;
  background-size: 4vw 4vw, 4vw 4vw;
  }
  
#statistic-other span {display: block;}
  
/**************************************************************
MB6 - Viewforum                                             *
***************************************************************/

.punbb .crumbs {
  position: relative;
  padding-left: 0.3vw;
  padding-top: 1vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/86001.png) #ebf4fc repeat-x left top;
  background-size: 1vw 1vw;
  }
  
#pun-viewforum .hasicon tr:first-child td:not(:last-child), 
#pun-viewforum .hasicon tr.isticky + tr:not(.isticky) td:not(:last-child) {
  padding-top: 1vw;
  background: url(http://forumstatic.ru/files/000e/14/cc/86001.png) repeat-x left top;
  background-size: 1vw 1vw;
  }

#pun-viewforum .hasicon tr:first-child td:last-child,
#pun-viewforum .hasicon tr.isticky + tr:not(.isticky) td:last-child  {
  background: none;
  }

.pagelink {
  display: inline-block;
  margin-left: 2vw;
  margin-top: 2vw;
  padding-top: 1.1vw;
  }
  
.postlink {
  width: 29vw !important;
  margin-top: -3.2vw;
  }

.postlink a {
  background: url(http://forumstatic.ru/files/000e/14/cc/73704.png) no-repeat left top;
  }

.postlink a:hover {background: none;}

.postlink span:nth-child(2) a {
  background: url(http://forumstatic.ru/files/000e/14/cc/99926.png) no-repeat left top;
  }
  
#pun-viewtopic .postlink a {
  background: url(http://forumstatic.ru/files/000e/14/cc/79356.png) no-repeat left top;
  }

.postlink a {
  width: 10vw;
  height: 10vw;
  padding: 2vw;
  background-size: 100% 100% !important;
  font-size: 0vw;
  }

.linksb {
  padding-bottom: 14.3vw;
  border-top: 0.05vw solid #CFE3F5;
  border-bottom: 0.05vw solid #CFE3F5;
  height: 100%;
  }

/**************************************************************
MB5 - Viewtopic                                               *
***************************************************************/
  
.post h3 {
    background: url(http://forumstatic.ru/files/000e/14/cc/10324.png) repeat-x left top;
    background-size: 1vw 100%;
}
  
.post h3 span {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    border-top: 0.05vw solid #c3dbf0;
    width: 100%;
}

.post h3 a,
.post h3 strong {
    font-size: 3.8vw;
}

.post .sharelink {
    background: none;
	margin: 0;
	padding: 0.9vw 1vw;
}

.permalink {
    background: none;
}
  
/* MB5.1 */
.topic .post:nth-child(2) h3 {margin-top: 14.6vw;}

/* MB5.3 */
#pun-viewtopic .pagelink {font-size: 0;}

/* MB5.4 */
#pun-viewtopic .pagelink strong {font-size: 5vw;}

/* MB5.5 */
.post-author,
.post-body {
  flex: 1 100%;
  width: 100%;
  max-width: 100%;
  }
  
/* MB5.6 */
.post-author {
  padding: 0.5vw 0;
  border-right: 0;
  }
  
/* MB5.7 */
.post-author ul li.pa-author,
.post-author ul li.pa-title,
.post-author ul li.pa-avatar,
.post-author ul li.pa-respect,
.post-author ul li.pa-positive {
 display: block;
 }
  
}

Отредактировано kolobdur74 (Пн, 21 Янв 2019 17:56:22)

+2

3

Интересно :cool:
Вот только на ПК при условно менее 1280 пикселей - становится трудночитаемо (у меня 1920*1080 в 17").
Как телефоны хороши тем, что там можно масштабировать.

0

4

C3La-NS написал(а):

Вот только на ПК при условно менее 1280 пикселей - становится трудночитаемо (у меня 1920*1080 в 17").
Как телефоны хороши тем, что там можно масштабировать.

Тут зависит от физического размера экрана, а не от пикселей, поэтому на экранах ориентировочно меньше 15-17 дюймов будет маленьким...То есть это пока стиль для десктопов, для мобильных устройств делаю отдельно..

Кстати, как у тебя на 17 дюймах? Мелко или нормально?

Отредактировано kolobdur74 (Пн, 26 Мар 2018 16:39:28)

0

5

kolobdur74

kolobdur74 написал(а):

Кстати, как у тебя на 17 дюймах? Мелко или нормально?

В полный экран хорошо.
Вот если в небольшом окошке смотреть, то да, маловато будет.

0

6

C3La-NS написал(а):

В полный экран хорошо.
Вот если в небольшом окошке смотреть, то да, маловато будет.

Ну, тут зависит как раз от размера экрана, бо как вьюпорт берет от реального размера экрана, а не от пикселей, что дает свои плюсы и минусы..

Поправил по возможности приход входящих сообщений, но там сильно наворочено, поэтому несколько не совсем хорошо получилось..

0

7

Здравствуйте, у меня такая проблема;
1- Не у всех участников  устанавливаются  аватарка в профиле отображены ,но их не видно отображения на форуме  и еще хотелось бы их установить размером 64 х 64
2- Присутствие еще такой  проблема сообщения в постах итд  ели я хочу оформить в столбик то не получается . http://raidcall.forum2.net/viewtopic.php?id=19

Отредактировано Denissssss (Вс, 16 Сен 2018 20:31:48)

0

8

Denissssss написал(а):

Здравствуйте, у меня такая проблема;
2- Присутствие еще такой  проблема сообщения в постах итд  ели я хочу оформить в столбик то не получается . http://raidcall.forum2.net/viewtopic.php?id=19

Удалите красное в Первом Окне стиля:

/* A1.10 */
.divider, br, thead {display: none;}

Про Не видно Авиков: - cвязано с блокировкой у конкретного провайдера домена http://forumavatars.ru/

Попробуйте поставить скрипт в начало HTML низ

<script type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () {
this.src = '/img/'+this.src.split('/img/')[1];
});</script>

Отредактировано Deff (Вс, 16 Сен 2018 23:20:23)

+1

9

Deff написал(а):
Denissssss написал(а):

Здравствуйте, у меня такая проблема;
2- Присутствие еще такой  проблема сообщения в постах итд  ели я хочу оформить в столбик то не получается . http://raidcall.forum2.net/viewtopic.php?id=19

Удалите красное в Первом Окне стиля:

/* A1.10 */
.divider, br, thead {display: none;}

Про Не видно Авиков: - cвязано с блокировкой у конкретного провайдера домена http://forumavatars.ru/

Попробуйте поставить скрипт в начало HTML низ

<script type="text/javascript">$('.pa-avatar img[alt][src*="/img/avatars/"]').each(function () {
this.src = '/img/'+this.src.split('/img/')[1];
});</script>

Спасибо помогло есть еще один вопрос не хочет в формате  jpg устанавливать  аватар хотя данный тип и размер КВ(- изменять пробовал) соответствует . https://i.imgur.com/PR4xYHJ.png

Отредактировано Denissssss (Вс, 16 Сен 2018 23:54:46)

0

10

Denissssss
Это походу всё та же проблема с блокировкой провайдера, для установке Авика зайдите временно на форум через анонимайзер => http://cameleo.xyz/

0

11

Deff написал(а):

Denissssss
Это походу всё та же проблема с блокировкой провайдера, для установке Авика зайдите временно на форум через анонимайзер => http://cameleo.xyz/

Спасибо за совет, но к сожалению не помогло именно в формате jpg не хочет.

0

12

Denissssss
Дайте временно ник пароль к Вашему Акку и ссылку на картинку, //потом смените пароль

Попробую, мож чего обнаружу, для лечения пациента нун глянуть в нутро

0

13

Deff написал(а):

на картинку

Отправил в ЛС

0

14

Denissssss
Кривая картинка! Формат файла изменён!

0

15

Deff написал(а):

Удалите красное в Первом Окне стиля:

/* A1.10 */
.divider, br, thead {display: none;}

Хм, не учел, что в постах используется br, думал, что с другой строки идет новый тег p.. Буду иметь ввиду на будущее.. Было бы удобно через тег p, так как очень много лишних тегов br на форуме по моему мнению..

Отредактировано kolobdur74 (Вт, 18 Сен 2018 16:23:18)

+1

16

Deff написал(а):

Denissssss
Кривая картинка! Формат файла изменён!

Спасибо исправил мой недочет не заметил.

0

17

Urruk написал(а):

Здравствуйте.
Такая проблема, когда пишешь просто текст, расстояние от абзаца учитывается, в цитатах нет.
http://s1.uploads.ru/t/NZYTa.jpg
http://s0.uploads.ru/t/nqgzP.jpg
Причем, когда между абзацами цитаты отступишь 3 раза, только тогда он начинает учитывать его как отступ, и после идет нормлаьно, т.е. 3 обычных отступа = 1 цитатный, 4=2, 5=3 и т.д.
http://s4.uploads.ru/t/J1RAF.jpg

Форум: http://aljw.mybb.ru

Аналогичная проблема в данном стиле Absolution.
Подскажите пожалуйста как решить.

+1

18

точки ставьте
между стрк

0

19

tartar1 написал(а):

точки ставьте
между стрк

Кажется, еще можно вставлять не точки, а пустые тэги, например, [s][/s]

+1

20

bektau написал(а):

Здравствуйте.
Такая проблема, когда пишешь просто текст, расстояние от абзаца учитывается, в цитатах нет.

На предпросмотре проблемы нет:
https://i.imgur.com/3dJu0sG.png
Дайте ссылку на пост, чтобы была видна проблема, где вы сделали отступ, а его нет..

И ваш вопрос впрямую стиля не касается, поэтому лучше такие вопросы задавать в специально созданных темах: Общие вопросы по оформлению (64) или Общие вопросы от новичков (62)

0


Вы здесь » Единый форум поддержки » Каталог стилей » Новый шаблон дизайна. Стиль Absolution