Intro
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Personalities
News

93/19/2922

Lorem ipsum dolor sit amet laborum
Название Названия

swamp lights

Объявление

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

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


Вы здесь » swamp lights » Тестовый форум » Диз коды 08,07


Диз коды 08,07

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

1

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css?family=Kurale&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant&display=swap" rel="stylesheet');


/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 70.75% verdana, arial, helvetica, sans-serif;
  }

/* а3.3 */
.punbb textarea, .punbb select, .punbb optgroup {
    font: 1em verdana, arial, helvetica, sans-serif;
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
    font-size: 14px;
    text-transform: uppercase;
}

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.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
  }



/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    margin: auto;
    width: 942px;
    padding: 50px 0px 0px 0px;
    margin-top: 240px;
}

/* A5.2 */
.punbb {
    margin-left: 40px !important;
    float: none;
    width: 840px;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: -212px 20% 12px 20%;
    width: auto;
    float: none;
    background-color: #d0d1d1;
}

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none none none;
  border-width: 0px 0px 0px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: transparent url("https://i.ibb.co/9gCgjQw/image.png") no-repeat scroll top center;
  width: 862px;
  height: 50px;
  line-height: 32px;
  color: #FFF !important;
  font-family: cambria;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
  background-color: transparent;
  margin-left: -20px;
  -moz-margin-start: -23px;
margin-top: 5px;
   text-shadow: 1px 1px 1px #74297e;
}



/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 98%;
  overflow: hidden;
  text-align: justify;
  }

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

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

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 5px 1em 5px;
    padding: 10px 15px 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 2px;
    font-size: 13px;
    letter-spacing: 0.4px;
    font-weight: 500;
    font-style: normal;
    font-family: inter;
    text-transform: uppercase;
    color: #365656;
    margin-bottom: 2px;
    border-bottom: 1px dotted #596d65;
}


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 1em;
  }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 24em;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;

  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
}

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 0em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
    font-size: 9px;
font-family: 'Nunito', sans-serif;
}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

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

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;

  }


/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    background-color: transparent;
    text-align: center;
    width: 8%;
}

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: center;
    line-height: 14px;
    font-size: 11px;
    width: 24%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: center;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8/ 
#pun-index .tcl h3 {
font-size: 1.2em; 
font-weight: bold;
padding: 8px 0px 15px 0px;
}


/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1.5em;
    font-family: Playfair Display;
    font-size: 11px;
    letter-spacing: 1px;
  }

/* C2.13 */
.punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

/* C2.14 */

/* ОФОРМЛЕНИЕ ССЫЛОК В категории */
a.cat, a.cat:active, a.cat:link, a.cat:visited {
background-color:#fceaff;
color: #ca8d9f;
text-align:center;
font-weight: normal;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #c09bc8;
border-left-width: 5px;
width:164px;
}

a.cat:hover {
background-color: #fae0ff;
color: #ca8d9f;
display: block;
text-align:center;
font-weight: normal;
cursor: pointer;
text-decoration: none;
border-left-style: solid;
border-left-color: #c26fd3;
border-left-width: 5px;
width:174px;
}


/* C2.15 */
.punbb div.icon {
    display: block;
    float: right;
    height: 96px;
    width: 100px;
}


#pun-messages.punbb div.icon{
  margin-top:-5px!important;
}


/* выделенный текст */

::selection {
    background: #277382;
    color: #c4d6da;
}

/* зачеркнутый текст */

del:hover {
    background: transparent;
    text-decoration: none!important;
}
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none;
    border-width: 0;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-left: -15px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 11px;
    font-family: 'Nunito', sans-serif;
    border-left-color: transparent;
}


/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {

  }

/* C3.3 */
.punbb .post h3 span {
    padding: 2px 10px 2px 10px;
    display: block;
}


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author  {
 float: left;
    width: 226px;
    font-size: 11px;
    background: url(https://i.ibb.co/YB5CzWL/image.png) 0 top no-repeat, url(https://i.ibb.co/C65rFMs/image.png) 0 bottom no-repeat, url(https://i.ibb.co/D7VsLbW/5.png) 0 top repeat-y;
    min-height: 150px;
    color: #011504;
    padding-bottom: 38px;
margin: 5px 0 0 2px;
    box-shadow: inset #475d49  0px 1px 80px 0px;
    text-shadow: 1px 1px 0 #c1ada7;
}


li.pa-respect {margin-bottom: 10px;}



li.pa-avatar img {
    margin-bottom: 5px;
    margin-left: -2px;
    border: 3px solid #db99a3;
    box-shadow: 0 0 3px #fff7ff;
}


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 1em 1em 1em;
    line-height: 130%;
}


/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* C3.8 */
.pa-author a {
    font-family: yeseva one;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
}


/* C3.9 */
li.pa-title {
    font-weight: normal;
    font-size: 7px;
    margin-top: 3px;
    font-family: arial;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #7a747c;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 232px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
    padding: 14px 0px 5px 5px;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    padding: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-weight: bold;
}

/* C3.16 */


.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none none none none;
  border-width: 0px 0px 0 0px;}

/* D1.2 */
#pun-title h1 {
  display : block;}

/* D1.3 */
#pun-title .container {
  border-style: none none none none;}


/* D1.4 */
#pun-title h1 span  {
  display: none;}

#pun-title h1 span  {
  font-size: 1.5em;}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;}

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em}



/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
    margin-top: -50px;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    text-transform: UPPERCASE;
    height: 20px;
    transition: all 0.5s ease 0s;
}

#pun-navlinks, #pun-navlinks .container:hover {
    transform: scale(1,1.2);
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 1em;
  padding-top: 0px;}

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    margin-top: -13px;
    margin-left: -54px;
}

/* D4.2 */
#pun-ulinks .container {
    text-align: center;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    margin: 10px 0px 0px 15px;
    text-align: left;
    font-size: 11px;
}

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    text-align: left;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 3em 1em 1em 1em;
  }


/* D7 Statistics
-------------------------------------------------------------*/

#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

#pun-stats li.item1, #pun-stats li.item2 {
  background: url('https://i.ibb.co/TPHfGXn/pfl.jpg');
    box-shadow: inset 0px 0px 0px 1px #78827a;
    border: 1px solid #bebebe !important;
    padding: 6px;
    margin: 2px;
    margin-left: 20px;
    text-align: right;
    width: 240px;
    text-transform: uppercase;
    font-size: 9px;
    float: right;
}
#pun-stats li.item3 {
  background: url('https://i.ibb.co/TPHfGXn/pfl.jpg');
    box-shadow: inset 0px 0px 0px 1px #78827a;
    border: 1px solid #bebebe !important;
  padding: 6px;
  margin: 2px;
  margin-left: 20px;
  text-align: right;
  width: 280px;
  text-transform: uppercase;
  font-size: 9px;
   float: right;
    margin-top: -29px;
}

#pun-stats li.item4 {
  background: url('https://i.ibb.co/TPHfGXn/pfl.jpg');
    box-shadow: inset 0px 0px 0px 1px #78827a;
    border: 1px solid #bebebe !important;
  padding: 6px;
  margin: 2px;
  margin-left: 20px;
  text-align: right;
  width: 280px;
  text-transform: uppercase;
  font-size: 9px;
   float: right;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  margin-bottom: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: center;
  line-height: 150%;}

/* D8.5 */
#pun-about p span {
  display:none;
  padding-left: 50%;
  margin-top: 20px;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.8em 1em;
    font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style:  none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }



/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: none;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/* страница переадресации */
#pun #pun-redirect{
  border:0 none!important;
  background: url(https://i.ibb.co/vHLkqfy/image.gif) center top no-repeat #ce9cc9; !important;
  margin: auto;
  padding:0;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:fixed;
  width:100%;
  height:100%;
  text-align:center;
}
#pun-redirect *{
  border:0 none;
  margin:0;
  padding:0;
}
#pun-redirect .main-title {
  display:none;
}
 
#pun-redirect.punbb .info .container{
  padding: 80px 0px 0 0px !important;
  height:0px;
  width:300px;
  text-align:center;
  margin:auto!important;
  left:450px;
  right:0;
  top:0px;
  bottom:0;
  position:absolute;
  font-weight:bold;
  display:block;
  padding:0;
  background: transparent !important;
}
#pun-redirect.punbb .info a{
  color:;
  font: italic normal 400 16px/normal Times New Roman;
}
#pun-redirect.punbb .info a:hover{
  color:#ff4065;
}

    /************* Автоустановка Подфорумов | Add styles *************/
    .punbb-admin:not(.admin-visible)::before {
      content: "Вы вошли в панель администрирования без надстроек. Автоматическая установка подфорумов отключена.";
      color: #c22d2d; display: block; text-align: center; border: solid 1px #d48f8f; padding: 5px; margin-bottom: 5px; background: #f8e5e5;
    }

#form-buttons td {border: 1px solid #ffd892;box-shadow: 2px 2px 6px 2px inset #7796a7;}

#main-reply {max-width: 100%;min-width: 50%;}

/* Иконки

-------------------------------------------------------------*/

/*Старые сообщения*/
Div.icon {
background-image : url('https://i.ibb.co/gJcMLyb/1.png');
background-repeat: no-repeat;
}

/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('https://i.ibb.co/wrw1xms/2.png');
background-repeat: no-repeat;
}

/*Важные темы*/
TR.isticky Div.icon {
background-image : url('https://i.ibb.co/5TzjnwT/4.png');
background-repeat: no-repeat;
}

/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('https://i.ibb.co/7W98GzX/3.png');
background-repeat: no-repeat;
}

/* Красивые кнопки в форме ответа  */
#form-buttons {
  display: inline-block;
  width: 100%;
  min-width: 600px;
  border-left-width: 0;
  background-color: #8fa4b0;
  background-image: url(https://upforme.ru/uploads/0007/af/57/14152-4.png);
  background-repeat: repeat-x;
}

#form-buttons table {padding-bottom: 2px!important;background: #d9deda !important;width: 750px!important;border: 2px solid #555d57d4  !important;border-bottom: none!important;}

#form-buttons td {
  border-left: 1px solid #6f8e9f !important;
  border-right: 1px solid #6f8e9f !important;
}
#form-buttons td:hover {
  background-color: #85a4b6;
}
#form-buttons td:active {
  background-color: #aac6d7;
  -moz-box-shadow: inset 1px 1px 5px #b8abb7;
  -webkit-box-shadow: inset 1px 1px 5px #b8abb7;
  box-shadow: inset 1px 1px 5px #b8abb7;
}

#font-area {
    z-index: 1000000;
    max-height: 300px;
    overflow: auto;
}

.post-box {
box-shadow:  0px 0px 120px 0px inset #78827a;
border-radius: 20px; }

.punbb .user-avatar img.ava {
       	border-radius:
	width: 40px !important;
	margin: 1px 9px 2px 0px;
	opacity: 0.85;
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 3px 4px #d594a8 !important;
}

.punbb em.user-avatar {
	height: 40px !important;
}

#pun-index .user-avatar {
	padding: 2px 2px 10px 2px;
}
/***тем и сообщений***/
#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}
.Tems_And_messages {
display:inline-block;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #908e90;
margin-left: 55px;
}
.Add {
display:inline-block;
border: 0px solid blue;
background-color: transparent; 
padding-top: 0px;
}
.Tems_And_messages .right{
font-style: normal;
}

#pun-index .tcl .modlist {display:none!important}



#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .pun-modal .modal-inner  {background: #d4c5b8;
    border: 1px solid #fff;
    box-shadow: inset 0 0 10px #bfab99;}

.topic a.sharelink {margin-right: 10px;}

.a subforums, a:link subforums {
  color: #908e90 !important;
}
.subforums {
  color: #908e90 !important;
  margin-top: 0px !important;
}

.punbb .user-avatar .isonline {
	width: 20px  !important;
	height: 20px  !important;
	border-radius: 0%  !important;
    margin: -13px -15px 0px -8px !important;
	background: url(https://upforme.ru/uploads/0018/62/1b/2/85090.png)  !important;
      animation: blinkColor 1.1s linear infinite;
    -moz-animation: blinkColor 1.1s linear infinite !important;
    -webkit-animation: blinkColor 1.1s linear infinite !important;
       
}
.punbb .user-avatar .avatar-image {
 border: currentColor 2px solid !important;
    height: 40px;
    width: 40px;
    box-shadow: 0px 0px 0px 5px #6f756e; 
    border-radius: 0 !important;}

    .achive:hover {
    transform: scale(0.9, 0.9);}

    .achive {
    cursor: pointer;
    padding-left: 0.5px;
    transition: all 0.5s ease 0s;
    width: 40px;
    height: 40px;}

    .imgtips:hover {
    transform: scale(0.9, 0.9);}

    .imgtips {
    cursor: pointer;
    padding-left: 0.5px;
    transition: all 0.5s ease 0s;}


/*partners*/

#logobottom {
height: 90px; 
margin-left: -152px; 
width: 1190px;
}

#logobottom  {
    margin-left: 400px;
    height: 31px;
    margin-top: 76px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    width: 543px;
    z-index: 100;
}
#logobottom #partners {
    text-align: center;
    height: 75px;
    margin-left: -280px;
    margin-top: -30px;
    overflow: auto;
    position: absolute;
    width: 730px;
    z-index: 100;
}
#logobottom #partners img {
opacity: 0.5;
}
#logobottom #partners img:hover, #logobottom #partners img:focus {
opacity: 1.0;
}
#logobottom .cop1, #logobottom .cop2 {
display: inline-block;
}
#logobottom .cop1 {
color: #2f1611; 
height: 60px; 
position: absolute; 
font-size: 1.1em; 
width: 560px; 
margin-left: 152px;
}
#logobottom .cop2 {
position: absolute; 
text-align: right; 
width: 883px; 
color: #2f1611; 
margin-top: -20px; 
margin-left: 152px;
}

.pa-fld3 {
background: url(https://upforme.ru/uploads/0018/62/1b/2/732564.png) no-repeat;
    font-style: italic;
    font-family: fantasy;
    width: 140px !important;
    height: 52px;
    padding: 20px 10px 0px 60px !important;
    color: #a382a5;
    text-shadow: 2px 2px 2px #fee5ff;
    margin-top: -12px !important;
    font-size: 14px;
    margin-left: -3px;
}

.pa-fld2{ 
margin-top: -77px;
margin-left: -146px !important;
padding: 0px 0px 8px 0px !important;
}

.pa-fld1{
border: 2px solid #fcf3ea;
background: #fff7ff;
color: #cb8ea0;
padding: 2px 10px 2px 10px !important;
margin-top: 5px;
margin-left: 0px;
width: 150px;
border-radius: 7px;
}

   /* дополнение*/
   .punbb td div.tclcon {
  margin-left: 5px;
 padding-left: 4px; 
}

#pun-index td div.tclcon {
   color: #032803;
    margin-left: 10px;
    margin-top: 4px;
    font-family: Verdana !important;
    width: 470px;
   height: 140px;
    font-size: 12px;
    padding: 5px 15px 20px 10px;
    text-align: justify;
    line-height: 100%;
    background: url(https://upforme.ru/uploads/001a/d9/23/2/317134.png) top no-repeat, url() bottom no-repeat, url(https://upforme.ru/uploads/001a/d9/23/2/98163.png) no-repeat;

}

.punbb .main .tcr a {
  font-size: 13px !important;
  font-weight: normal;
      }

0

2

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
body {
background-color: #080808;  
background-image: url(https://i.ibb.co/qBtFC92/1.jpg); 
background-repeat : no-repeat;
background-position: bottom center; 
background-attachment: fixed;
background-size:cover;
}

/* Шапка */
#pun-title table {
    background-image: url(https://i.ibb.co/44Rtpkn/3.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 1150px;
    height: 480px;
    margin-left: -46px;
    margin-top: -280px;
}

/* Тело форума */
#pun {
width: 942px; 
background-color: transparent; 
background-image: url(https://i.ibb.co/Zxn0P1K/image.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;
box-shadow: 0px 65px 10px 5px #051c04;}


/* низ */
#pun-about p.container {
    background-image: url(https://i.ibb.co/J7sp3xY/image.png);
    margin: -40px 0px -128px -40px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 942px;
    height: 150px;
    overflow-x: hidden;
    padding-bottom: 99px;
}


/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {background-color: transpanent;
color: #232626;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #232626;
    text-align: center;
    font-style: normal;
font-family: 'Nunito', sans-serif;
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
    color: #232626;
    box-shadow: 0 0 0 1px #e6e3e338 inset, 0 0 0 2px #274f2a, 0 0 0 3px #918b90;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea {
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
    color: #232626;
}


/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }


/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
}





/* CS2 Ссылки
-------------------------------------------------------------*/

/* Links */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #043306;
    border-bottom: 0px none #0b6f63;
    text-decoration: none;
text-decoration: none;
text–transform: lowercase;}


.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #042306;
  }

#pun-navlinks a {
    font-size: 13px !important;
    color: #022304;
    text-shadow: 1px 1px 0 #d8c7b9;
    font-family: playfair display;
    font-weight: 600;
 }


#pun-navlinks a:hover {
color: #045409;
  }


#pun-ulinks a {
  color: #715c68;
  -moz-transition: all 0.2s 0.02s ease;
  -o-transition: all 0.2s 0.02s ease;
  -webkit-transition: all 0.2s 0.02s ease;
font-size: 9px;
text-transform: uppercase;
  }


#pun-ulinks a:hover { 
color: #eed5c0;
}



/* CS3 Остальное 
-------------------------------------------------------------*/

div.icon {
        background: url(https://forumstatic.ru/files/001a/b5/99/65911.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/001a/b5/99/84862.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://forumstatic.ru/files/001a/b5/99/46486.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://forumstatic.ru/files/001a/b5/99/39899.png) no-repeat;
}




/* CS3.2*/
#pun-main div.catleft, #pun-main div.catright {display: block;}
#pun-main .post-author ul {text-align: center; text-shadow: 2px 2px 2px #747774;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: block;}
#pun td .modlist{display: block;}
.lastedit {display: block}
#pun-announcement h2 {display: block}
#pun-navlinks #navawards{display:none}



#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: inter;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}


.category .container thead {display: none;}

.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 4px;
    border: 2px solid #0a3c10;
    box-shadow: 3px 0px 3px 2px #343636;
    margin-top: 3px;
}


#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}



#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
    top: 59px !important;
    overflow-y: auto;
    border: 2px outset #ab8eb2;
    box-shadow: 0px 1px 10px 0px #6e557a;
    padding: 10px 10px 10px 10px;
}


.punbb .post-content a, .punbb .post-content a:link {
    font-weight: bold;
}

.punbb .post-content strong {
    font-weight: bold;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background-image: url(https://i.ibb.co/TPHfGXn/pfl.jpg);
}



/*** поля ответа ***/
textarea#main-reply {
  width: 100%;
  height: 100%;
  height: 205px;
  margin: 0 auto !important;
  padding: 0.75em;
  box-sizing: border-box;
  overflow: auto;  }



/*настройка поля шрифтов*/
#font-area {
    max-height: 170px;
}

/*настройка окна смайлов*/
#smilies-area {
    overflow-y: inherit;
    padding: 0em 2.3em 1.1em 1em;
right: 9px;
}


/*картинка под статистику*/
#pun-stats ul.container {
  background: transparent url(https://i.ibb.co/PYgK8Pc/image.png) no-repeat 8px 16px;
  padding-bottom:5px;
  box-shadow: inset 0px 0px 20px 1px #78827a;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    outline: 0 none!important;
}


.button {
  margin: 5px;
  padding: 10px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px #eee;
cursor: pointer;
   border: #a9a8a9 solid 2px;
      font-size: 10px;
 }

.button:hover {
  background-position: right center; /* change the direction of the change here */
}

.button  {
  background-image: linear-gradient(to right, #5f7263 0%, #85ae8d 51%, #175319 100%);
}

 /* scrollbar */
::-webkit-scrollbar{
    width:12px;
}
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #0a3c1f;
    background-color: #424743;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #424743;
    background-color: #0a3c1f;
}
::-webkit-scrollbar-track{
    border-width:0;
    border-color: #136813;
    background-color: #6d8071;
}
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #6d8071;
    background-color: #136813;
}

/* senshi
-------------------------------------------------------------*/

.post[data-group-id='1'] .pa-avatar.item2::before
{
position: absolute;
    z-index: 0;
    margin-top: -82px;
    margin-left: 125px;
    display: block;
    width: 143px;
    height: 200px;
    content: attr(data-title);
    opacity: 0.8;
    background: url(https://i.ibb.co/2YC1B8z/image.png) !important;
}

.post[data-group-id='2'] .pa-avatar.item2::before
{
position: absolute;
    z-index: 0;
    margin-top: -138px;
    margin-left: 120px;
    display: block;
    width: 150px;
    height: 214px;
    content: attr(data-title);
    opacity: 0.7;
    background: url(https://i.ibb.co/swywV84/3.png) !important;
}

/* не спешные */
.post[data-group-id='7'] .pa-avatar.item2::before 
{
position: absolute;
z-index: 25;
margin-top: -60px;
    margin-left: 160px;
    display: block;
    width: 46px;
    height: 84px;
    content: attr(data-title);
    opacity: 0.3;
background: url(https://upforme.ru/uploads/001a/32/39/3/65354.png) !important;
}

/* эвент группа */
.post[data-group-id='10'] .pa-avatar.item2::before
{
position: absolute;
    z-index: 0;
    margin-top: -78px;
    margin-left: 180px;
    display: block;
    width: 70px;
    height: 214px;
    content: attr(data-title);
    opacity: 0.6;
    background: url(https://i.ibb.co/JBSGMVb/image.png) !important;
}


#MyBookmarks {
width: 240px !important;
background: #fff7ff !important;
height: 300px !important;
overflow-y: scroll !important;
overflow-x: hidden !important;
}
#BookmCntToggle.default-style {
color: #e29eb2  !important;
height: 40px !important;
width: 40px !important;
background: url(https://upforme.ru/uploads/0018/62/1b/2/61919.png) !important;
}

.editBookmark {
	box-shadow: 9px 5px 15px rgb(0, 25, 52) !important;
	background: #e29eb2  !important;
	border: solid #6d96be !important;
}

.post .bookmark {
	color: #d091a3 !important;
}

    .pa-avatar img {
        max-width: 180px;
        max-height: 180px;
        min-width: 180px;
        min-height: 180px;
       border-radius: 5%;
    }

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ca8d9f !important;
    border-radius: 5px !important;}

0

3

Код:
/* столбики */
.category table tr[id^="forum_f"] {
    vertical-align:top;
    display: block;
    width: 400px;
   height: 200px;
}
.category table tr[id^="forum_f"]:nth-child(odd) {
    float: left;
}
.category table tr[id^="forum_f"]:nth-child(even) {
    margin-left: 434px;
}

.social {background-image:url('/i/social.1.png'); background-repeat:no-repeat; float:left; display:none !important; margin:3px 5px; width:16px; height:16px}



#forum_f1.alt2 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f1 > td:nth-child(2) {
    display: none !important;
}
#forum_f1 > td:nth-child(3) {
    display: none !important;
}


#forum_f2.alt1 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f2 > td:nth-child(2) {
    display: none !important;
}
#forum_f2 > td:nth-child(3) {
    display: none !important;
}


#forum_f3.alt1 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f3 > td:nth-child(2) {
    display: none !important;
}
#forum_f3 > td:nth-child(3) {
    display: none !important;
}


#forum_f7.alt2 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f7 > td:nth-child(2) {
    display: none !important;
}
#forum_f7 > td:nth-child(3) {
    display: none !important;
}


#forum_f11.alt1 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f11 > td:nth-child(2) {
    display: none !important;
}
#forum_f11 > td:nth-child(3) {
    display: none !important;
}


#forum_f5.alt2 td.tcr
{
       margin-left: 57px;
    margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f5 > td:nth-child(2) {
    display: none !important;
}
#forum_f5 > td:nth-child(3) {
    display: none !important;
}


#forum_f12.alt2 td.tcr
{
       margin-left: 57px;
      margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f12 > td:nth-child(2) {
    display: none !important;
}
#forum_f12 > td:nth-child(3) {
    display: none !important;
}


#forum_f13.alt2 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f13 > td:nth-child(2) {
    display: none !important;
}
#forum_f13 > td:nth-child(3) {
    display: none !important;
}


#forum_f14.alt1 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f14 > td:nth-child(2) {
    display: none !important;
}
#forum_f14 > td:nth-child(3) {
    display: none !important;
}


#forum_f10.alt1 td.tcr
{
       margin-left: 57px;
      margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f10 > td:nth-child(2) {
    display: none !important;
}
#forum_f10 > td:nth-child(3) {
    display: none !important;
}


#forum_f15.alt2 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f15 > td:nth-child(2) {
    display: none !important;
}
#forum_f15 > td:nth-child(3) {
    display: none !important;
}


#forum_f16.alt1 td.tcr
{
       margin-left: 57px;
      margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f16 > td:nth-child(2) {
    display: none !important;
}
#forum_f16 > td:nth-child(3) {
    display: none !important;
}


#forum_f17.alt2 td.tcr
{
       margin-left: 57px;
    margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f17 > td:nth-child(2) {
    display: none !important;
}
#forum_f17 > td:nth-child(3) {
    display: none !important;
}

#forum_f19.alt1 td.tcr
{
       margin-left: 57px;
      margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f19 > td:nth-child(2) {
    display: none !important;
}
#forum_f19 > td:nth-child(3) {
    display: none !important;
}

#forum_f4.alt1 td.tcr
{
       margin-left: 57px;
      margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f4 > td:nth-child(2) {
    display: none !important;
}
#forum_f4 > td:nth-child(3) {
    display: none !important;
}

#forum_f6.alt1 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f6 > td:nth-child(2) {
    display: none !important;
}
#forum_f6 > td:nth-child(3) {
    display: none !important;
}

#forum_f8.alt1 td.tcr
{
       margin-left: 57px;
       margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f8 > td:nth-child(2) {
    display: none !important;
}
#forum_f8 > td:nth-child(3) {
    display: none !important;
}

#forum_f21.alt1 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f21 > td:nth-child(2) {
    display: none !important;
}
#forum_f21 > td:nth-child(3) {
    display: none !important;
}

#forum_f22.alt1 td.tcr
{
       margin-left: 178 px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f22 > td:nth-child(2) {
    display: none !important;
}
#forum_f22 > td:nth-child(3) {
    display: none !important;
}

#forum_f9.alt2 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f9 > td:nth-child(2) {
    display: none !important;
}
#forum_f9 > td:nth-child(3) {
    display: none !important;
}

#forum_f39.alt2 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f39 > td:nth-child(2) {
    display: none !important;
}
#forum_f39 > td:nth-child(3) {
    display: none !important;
}

#forum_f62.alt1 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f62 > td:nth-child(2) {
    display: none !important;
}
#forum_f62 > td:nth-child(3) {
    display: none !important;
}

#forum_f64.alt2 td.tcr
{
       margin-left: 57px;
        margin-top: -57px;
      display: inline-block;
      white-space: pre;
      text-overflow: ellipsis;
}
#forum_f64 > td:nth-child(2) {
    display: none !important;
}
#forum_f64 > td:nth-child(3) {
    display: none !important;
}

0

4

Код:
/*555*/
#pun-index .category h2, #pun-stats h2 {background: url(https://i.ibb.co/9gCgjQw/image.png);
width: 850px;
height: 44px;
padding: 0 !important;;
border: none !important;
margin-top: -6px !important;
margin-bottom:2px !important;
text-align: right;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
    color: #03ad98;
    font-weight: 500;
text-transform: uppercase;
letter-spacing: 5px;
margin-top: 11px;
    font-size: 12px !important;
display: inline-block;
padding: 5px 10px;
margin-right: 20px}

#pun-index #pun-category1 h2 {margin-top: -20px !important;}

#pun-stats.section h2 {margin-top: -11px !important;
margin-bottom: -10px !important;}

#pun-index .category .container {margin: 0 10px !important;
    position: relative;
}

#pun-index .category tr {
    background: #cecec8;
    box-shadow: 0 0px 0px 1px #b6b6a9;
}

#pun-index .category tr.inew {box-shadow: 0 0 0 1px #68201f inset}

#pun-index .category table {border-spacing: 0px 20px}

#pun-index .category {margin-right: 2px !important;}

#pun-index thead {display: none}

#pun-index .tclcon h3 a {
text-transform: uppercase;
font-size: 15px;
    font-weight: 700 !important;
font-family: cambria, lora;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    transform: scaleY(1.1) !important;
    display: inline-block;
}

#pun-index .tclcon h3 a span {color: #222222}

#pun-index .tclcon h3 a:hover {color: #025751}

#pun-index .tclcon h3 {
    text-align: center;
    margin-bottom: 0px;
    padding:0px 0 0px 0px;
        display: inline-block;
    padding: 0px 0px 0px 0px;
    margin-right: 10px !important;
    position: relative;
    float: left;
    margin-bottom: -1px
}

#pun-index .tclcon h3:after {content: "";
background: #c1c1bc;
width: 100%;
height: 7px;
display: block;
position: absolute;
bottom: 0px;
left: 0;
transition: all .3s cubic-bezier(.87,.11,.27,1.52) 0s}

#pun-index .tclcon h3:hover:after {
bottom: 10px;
}


#pun-index .tclcon {
    font-size: 11px;
    text-align: justify;
    margin: 5px 0px 5px 5px;
    padding: 10px;
    line-height: 15px;
    width: 415px;
    z-index: 1;
    position: relative;
    font-weight: 500;
    background: #cecec899;
}



#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-family: cambria;
    font-size: 10px;
    font-weight: 400;
    width: 20px;
}


#pun-index .tcr a {font-size: 11px;
font-weight: 600;
}

#pun-index .tcr {
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    width: 40%;
}

#pun-index .tcl {width:80% !important;background: url(https://i.ibb.co/ZMvnc7w/image.png) no-repeat -200px top;}

#pun-index .tclcon >div b {display: inline-block;
}

#pun-index .tclcon >div center {margin-top: 5px;
background: #c1c1bc;
font-size: 8px;
padding: 2px 0;
font-family: lora;
text-transform: uppercase;
height: 10px;
line-height: 9px}


#pun-index .tclcon >div center a {font-weight: bold;}


.Add {
margin: 26px -34px 12px 0px;
text-align: left;
z-index: 2;
position: relative;
}

.Tems_And_messages {
display: inline-block;
}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ca8d9f !important;
    border-radius: 5px !important;}

0

5

#pun-index .tclcon >div b {display: inline-block;
}

#pun-index .tclcon >div center {margin-top: 5px;
background: #c1c1bc;
font-size: 8px;
padding: 2px 0;
font-family: lora;
text-transform: uppercase;
height: 10px;
line-height: 9px}

#pun-index .tclcon >div center a {font-weight: bold;}

0


Вы здесь » swamp lights » Тестовый форум » Диз коды 08,07