Это заново написанный шаблон дизайна, не основанный на стандартном. Были применены более современные единицы измерения - 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(https://forumstatic.ru/files/0011/c1/fb/68949.css);
@import url(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/54799.png) no-repeat 96% center,
url(https://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(https://forumstatic.ru/files/000e/14/cc/95087.png) left top repeat-x;
height: 5vw;
}
/* B1.4 */
.title-logo-tdl {
width: 30%;
background: url(https://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(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/54465.png) no-repeat 6vw 0.3vw,
url(https://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(https://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(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/87912.gif) repeat-x top left;
position: relative;
}
/* B2.15 */
#pun-ulinks:before {
left: 0;
background: url(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/83219.png) no-repeat 0.6vw 1vw;
}
/* B3.2 */
#navuserlist span {
background: url(https://forumstatic.ru/files/000e/14/cc/22695.png) no-repeat 0.6vw 1vw;
}
/* B3.3 */
#navprofile span {
background: url(https://forumstatic.ru/files/000e/14/cc/41271.png) no-repeat 0.6vw 1vw;
}
/* B3.4 */
#navpm span {
background: url(https://forumstatic.ru/files/000e/14/cc/25075.png) no-repeat 0.6vw 1vw;
}
/* B3.5 */
#navsearch span {
background: url(https://forumstatic.ru/files/000e/14/cc/50698.png) no-repeat 0.6vw 1vw;
}
/* B3.6 */
#navadmin span {
background: url(https://forumstatic.ru/files/000e/14/cc/19947.png) no-repeat 0.6vw 1vw;
}
/* B3.7 */
#navlogout span {
background: url(https://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(https://forumstatic.ru/files/000e/14/cc/42208.png) left top no-repeat,
url(https://forumstatic.ru/files/000e/14/cc/69437.png) right top no-repeat,
url(https://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(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/74624.gif) no-repeat center center;
}
/* D3.8 */
tr.inew div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/70856.gif) no-repeat center center;
}
/* D3.9 */
tr.inewisticky div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/17483.gif) no-repeat center center;
}
/* D3.10 */
tr.iclosed.inewisticky div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/92414.gif) no-repeat center center;
}
/* D3.11 */
tr.iclosed.inew div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/46087.gif) no-repeat center center;
}
/* D3.12 */
tr.isticky div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/26075.gif) no-repeat center center;
}
/* D3.13 */
tr.iclosed.isticky div.icon {
background: url(https://forumstatic.ru/files/000e/14/cc/58157.gif) no-repeat center center;
}
/* D3.14 */
tr.iclosed div.icon {
background: url(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/26476.png) no-repeat 0 1.38vw,
url(https://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(https://forumstatic.ru/files/000e/14/cc/28708.png) no-repeat,
url(https://forumstatic.ru/files/000e/14/cc/66968.png) no-repeat,
url(https://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(https://forumstatic.ru/files/000e/14/cc/76292.png) no-repeat 1vw 1vw,
url(https://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(https://forumstatic.ru/files/000e/14/cc/95492.png) no-repeat left top,
url(https://forumstatic.ru/files/000e/14/cc/62724.png) no-repeat right top,
url(https://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(https://forumstatic.ru/files/000e/14/cc/19481.png) no-repeat left top,
url(https://forumstatic.ru/files/000e/14/cc/19369.png) no-repeat right top,
url(https://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(https://forumstatic.ru/files/000e/14/cc/97488.gif) no-repeat left top;
}
/* F1.11 */
.modmenu .container span a:nth-child(2) {
background: url(https://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(https://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(https://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(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/94701.png) no-repeat 0.7vw 0.4vw;
}
/* G3.8 */
.punbb .post-links .pl-quote a {
background: url(https://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(https://forumstatic.ru/files/000e/14/cc/17594.png) no-repeat 0.7vw 0.4vw;
}
/* G3.10 */
.punbb .post-links .pl-delete a {
background: url(https://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(https://forumstatic.ru/files/000e/14/cc/86577.png) no-repeat 6.7vw 0.9vw;
}
/* G3.12 */
.permalink {
background: url(https://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(https://forumstatic.ru/files/000e/14/cc/10250.png) no-repeat;
}
/* G5.5 */
li.pa-last-visit:before {
content: "";
background: url(https://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(https://forumstatic.ru/files/000e/14/cc/60789.png) no-repeat top left;
}
/* G6.3 */
.pa-respect a:nth-child(2):hover {
background: url(https://forumstatic.ru/files/000e/14/cc/11038.png) no-repeat top left;
}
/* G6.4 */
.pa-respect a:nth-child(4) {
background: url(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/74380.png) repeat-y 0.36vw top,
url(https://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(https://forumstatic.ru/files/000e/14/cc/63209.png) repeat-y 0.36vw top,
url(https://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(https://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(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/56964.png);}
/* H2.2 */
.punbb td#button-size {background: url(https://forumstatic.ru/files/000e/14/cc/46771.png);}
/* H2.3 */
.punbb td#button-bold {background: url(https://forumstatic.ru/files/000e/14/cc/75175.png);}
/* H2.4 */
.punbb td#button-italic {background: url(https://forumstatic.ru/files/000e/14/cc/18094.png);}
/* H2.5 */
.punbb td#button-underline {background: url(https://forumstatic.ru/files/000e/14/cc/38832.png);}
/* H2.6 */
.punbb td#button-strike {background: url(https://forumstatic.ru/files/000e/14/cc/96875.png);}
/* H2.7 */
.punbb td#button-left {background: url(https://forumstatic.ru/files/000e/14/cc/98382.png);}
/* H2.8 */
.punbb td#button-center {background: url(https://forumstatic.ru/files/000e/14/cc/63331.png);}
/* H2.9 */
.punbb td#button-right {background: url(https://forumstatic.ru/files/000e/14/cc/65496.png);}
/* H2.10 */
.punbb td#button-link {background: url(https://forumstatic.ru/files/000e/14/cc/44546.png);}
/* H2.11 */
.punbb td#button-spoiler {background: url(https://forumstatic.ru/files/000e/14/cc/93201.png);}
/* H2.12 */
.punbb td#button-image {background: url(https://forumstatic.ru/files/000e/14/cc/47703.png);}
/* H2.13 */
.punbb td#button-video {background: url(https://forumstatic.ru/files/000e/14/cc/47797.png);}
/* H2.14 */
.punbb td#button-hide {background: url(https://forumstatic.ru/files/000e/14/cc/38294.png);}
/* H2.15 */
.punbb td#button-quote {background: url(https://forumstatic.ru/files/000e/14/cc/21563.png);}
/* H2.16 */
.punbb td#button-code {background: url(https://forumstatic.ru/files/000e/14/cc/99605.png);}
/* H2.17 */
.punbb td#button-color {background: url(https://forumstatic.ru/files/000e/14/cc/22440.png);}
/* H2.18 */
.punbb td#button-table {background: url(https://forumstatic.ru/files/000e/14/cc/74353.png);}
/* H2.19 */
.punbb td#button-smile {background: url(https://forumstatic.ru/files/000e/14/cc/14764.png);}
/* H2.20 */
.punbb td#button-keyboard {background: url(https://forumstatic.ru/files/000e/14/cc/63278.png);}
/* H2.21 */
.punbb td#button-addition {background: url(https://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(https://forumstatic.ru/files/000e/14/cc/42208.png) left top no-repeat,
url(https://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(https://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(https://forumstatic.ru/files/000e/14/cc/69437.png) right top no-repeat,
url(https://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(https://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(https://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(https://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)
