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

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

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


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


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

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

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
-------------------------------------------------------------*/

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

/* A1.3 */
body {
  color: #15375c;
  background: url(http://forumfiles.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, br, thead {display: none;}
  
/* A1.11 */ 
#profile fieldset:nth-child(4) label,
#profile select,
.inputfield .input a,
#profile2 em,
#profile br,
#keyboard-span br,
#s-topics br {
  display: block;
  }
  
/* A1.12 */
#pun .punbb textarea, 
#pun .punbb input, 
#pun .punbb select, 
#pun .punbb optgroup {
  font: 0.8vw Courier New, verdana, arial, helvetica;
  } 
  
/* A1.13 */
#pun .punbb select {
  width: 13vw;
  padding: 0.4vw;
  border-radius: 0;
  border: 0.04vw solid #CFE3F5;
  -webkit-appearance: none;
  background: url(http://forumfiles.ru/files/000e/14/cc/54799.png) no-repeat 96% center,
  url(http://forumfiles.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.14 */
#pun .punbb select::-ms-expand {display: none;}

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

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

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

/* A1.19 */
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.20 */
input[type=checkbox] {
  width: 0.8vw;
  height: 0.8vw;
  }
  
/* A1.21 */
input[type=radio] {
  width: 0.5vw;
  height: 0.5vw;
  }
  
/* A1.22 */
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.23 */
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://forumfiles.ru/files/000e/14/cc/95087.png) left top repeat-x;
  height: 5vw;
  } 
  
/* B1.4 */
.title-logo-tdl {
  width: 30%;
  background: url(http://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/54465.png) no-repeat 6vw 0.3vw,    
  url(http://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/87912.gif) repeat-x top left;
  position: relative;
  }

/* B2.15 */
#pun-ulinks:before {
  left: 0;
  background: url(http://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/83219.png) no-repeat 0.6vw 1vw;
  } 
  
/* B3.2 */
#navuserlist span {
  background: url(http://forumfiles.ru/files/000e/14/cc/22695.png) no-repeat 0.6vw 1vw;
  }

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

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

/* B3.7 */
#navlogout span {
  background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/42208.png) left top no-repeat, 
  url(http://forumfiles.ru/files/000e/14/cc/69437.png) right top no-repeat, 
  url(http://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/74624.gif) no-repeat center center;
  }
  
/* D3.8 */
tr.inew div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/70856.gif) no-repeat center center;
  }
  
/* D3.9 */
tr.inewisticky div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/17483.gif) no-repeat center center;
  }
  
/* D3.10 */
tr.iclosed.inewisticky div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/92414.gif) no-repeat center center;
  }
  
/* D3.11 */
tr.iclosed.inew div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/46087.gif) no-repeat center center;
  }
  
/* D3.12 */
tr.isticky div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/26075.gif) no-repeat center center;
  }
  
/* D3.13 */
tr.iclosed.isticky div.icon {
  background: url(http://forumfiles.ru/files/000e/14/cc/58157.gif) no-repeat center center;
  }
  
/* D3.14 */
tr.iclosed div.icon {
  background: url(http://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/26476.png) no-repeat 0 1.38vw,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/28708.png) no-repeat,
  url(http://forumfiles.ru/files/000e/14/cc/66968.png) no-repeat,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/76292.png) no-repeat 1vw 1vw,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/95492.png) no-repeat left top,
  url(http://forumfiles.ru/files/000e/14/cc/62724.png) no-repeat right top,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/19481.png) no-repeat left top,
  url(http://forumfiles.ru/files/000e/14/cc/19369.png) no-repeat right top,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/97488.gif) no-repeat left top; 
  }
  
/* F1.11 */
.modmenu .container span a:nth-child(2) {
  background: url(http://forumfiles.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;
  }
  
/* 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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/94701.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.8 */
.punbb .post-links .pl-quote a {
  background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/17594.png) no-repeat 0.7vw 0.4vw;
  }
  
/* G3.10 */
.punbb .post-links .pl-delete a {
  background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/86577.png) no-repeat 6.7vw 0.9vw;
  }
  
/* G3.12 */
.permalink {
  background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/10250.png) no-repeat;
  }

/* G5.5 */
li.pa-last-visit:before {
  content: "";
  background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/60789.png) no-repeat top left;
  }
  
/* G6.3 */
.pa-respect a:nth-child(2):hover {
  background: url(http://forumfiles.ru/files/000e/14/cc/11038.png) no-repeat top left;
  }
  
/* G6.4 */
.pa-respect a:nth-child(4) {
  background: url(http://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/74380.png) repeat-y 0.36vw top,
  url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/63209.png) repeat-y 0.36vw top,
  url(http://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/56964.png);}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* H2.21 */
.punbb td#button-addition {background: url(http://forumfiles.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://forumfiles.ru/files/000e/14/cc/42208.png) left top no-repeat,  
  url(http://forumfiles.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://forumfiles.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://forumfiles.ru/files/000e/14/cc/69437.png) right top no-repeat, 
  url(http://forumfiles.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://forumfiles.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://forumfiles.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://forumfiles.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 (Пн, 26 Мар 2018 18:19:45)

+2

2

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

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

+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

Похожие темы


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