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. 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.
тест // мистика // 2021

Pandm Attic

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

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


Вы здесь » Pandm Attic » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

https://forumstatic.ru/files/001b/60/fc/80745.png

0

3

[indent]

0

4

Код:
/*************************************************************
A - SETUP
**************************************************************/
/* fonts */
@import url('https://fonts.googleapis.com/css?family=Kosugi|Oswald|PT+Sans+Narrow|Press+Start+2P|Rubik+Mono+One|Russo+One');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";

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

/* A1.1 */
@import url(style_cs.css);
@import "https://fonts.fontstorage.com/import/bebasneue.css";


/* 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 68.75% verdana, Georgia, Tahoma, Arial, Trebuchet MS, Sans-Serif,  Courier, Times New Roman, Serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }


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

/* A3.5 */
.punbb h1 span, .punbb h2 span {
    font-weight: bold;
   /* border: 1px solid currentColor; */
    padding: 4px 6px 2px 6px;
   -webkit-text-size-adjust: none;
    color: #515a60;
    font-size: 0px;
}

.punbb legend span {
font-size: 13px;
    padding: 4px 6px 2px 6px;
    font-family: Verdana;
}

/* 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 {
  width: 991px;
  margin: auto;
  float: top center;
  padding: 0px 0px 0px 0px;
  position: relative;
}

/* A5.2 */
.punbb {
    margin-left: -8px;
    float: none;
    width: 950px;
    height: auto;
  }

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

/* 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.7em 1em;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Big Orange Cyrillic;
    letter-spacing: 1px;
}


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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dashed #bfbfbf;
    width: 30%;
    margin-left: 458px;
    padding-bottom: 5px;
      }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  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 1em 1em 1em;
    padding: 10px 10px 10px 10px;
    border: 3px solid #e2dbc9;
    background-color: #d7d2bf;
    outline: 1px solid #d0c9b9;
}

/* B1.9 */
.punbb .code-box strong.legend, .punbb .quote-box cite {
    display: block;
    color: #3d3835;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Verdana;
    background: #e2dbc9;
    padding: 8px 9px 7px 9px;
    margin: -10px -10px 6px -10px;
    text-align: center;
    -webkit-text-size-adjust: none;
}

/* 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: -2em;
    left: 1em;
    width: 24em;
    text-transform: lowercase;
    font-size: 10px;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -2em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    color: #2d2b2e;
    text-transform: lowercase;
    font-size: 10px;
  }

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

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

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

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    -webkit-text-size-adjust: none;
  }

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

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

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

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    /* background: #e2e2db; */
    border: 1px solid #e0e0e0;
    font-family: arial;
    font-size: 9px;
    text-transform: uppercase;
    width: 100px;
    height: 25px;
  }

  .punbb button:hover,
.punbb button:focus,
.punbb input:hover:not([type="text"]):not([type="radio"]):not([type="password"]):not([type="checkbox"]) {
    background: #ab945e;
    cursor: pointer;
    color: white !important;
}

/* 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: 8px;
    text-transform: uppercase;
}

/* 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%;
    font: 9px Aquawax Pro;
    color: #515a60;
  }

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: right;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 13px;
    width: 28%;
    font-family: Verdana;
    color: #3a3535;
}

/* 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: 13px;
    font-family: 'Montserrat';
    font-style: normal;
    text-align: left;
    letter-spacing: 1px;
    margin-top: 4px;
    margin-bottom: 6px;
    padding: 4px 0px 0px 5px;
    text-transform: uppercase;
    -webkit-text-size-adjust: none;
}

#pun-index .tcl h3 a {
    color: #232323 !important;
    transition: all 0.5s;
    -webkit-text-size-adjust: none;
}

#pun-index .tcl h3 a:hover {
    transition: all 0.6s;
    letter-spacing: 2px;
}

#pun-index tr.inew .tcl h3  {
    padding: 7px;
    
}

#pun-index tr.inew .tclcon h3 a {
    color: #272727 !important;
}


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

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 552px;
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
    /* margin-left: 45px; */
    margin: 0px 0px 0px -3px;
}
  
/* C2.15 */
.punbb div.icon {
    float: right;
    display: block;
    height: 20px;
    width: 20px;
    padding-right: 20px;
    margin-top: 17px;
    margin-right: 26px;
}


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

 /* C3 Topics

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  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,
.punbb .post h3 span, .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 {
  border-left-color: transparent;
  margin-bottom: 8px;

  }

/* 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 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 4px 12px 4px 20px;
    line-height: 11px;
    display: block;
    border-left-style: solid;
    border-left-width: 2px;
    text-transform: lowercase;
    font-size: 10px;
    font-family: verdana;
    -webkit-text-size-adjust: none;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 3em;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
    font-family: 'Roboto';
    padding: 0px 15px 0px 0px;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 214px;
    overflow: hidden;
    margin-left: 7px !important;
    margin-top: 12px!important;
    background: url(https://forumstatic.ru/files/001b/5b/87/38552.jpg) center no-repeat;
    border: 1px solid #c7c3b6;
}

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

/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 3px;
    text-align: center;
}

/* C3.8 */
.pa-author a {
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #3b3d32 !important;
    font-size: 10px!important;
    text-align: right;
    padding: 0!important;
    letter-spacing: 0px;
    -webkit-text-size-adjust: none;
}

/* C3.9 */
li.pa-title {
    text-align: center;
    font-family: Tahoma;
    text-transform: uppercase;
    color: #755150!important;
    font-size: 7px;
    letter-spacing: 0.3px;
    margin-top: -12px!important;
    line-height: 10px;
    padding: 6px;
}


li.pa-online {
    line-height: 6px;
    margin-top: 1px;
    text-align: center;
    margin-bottom: -1px;
    text-transform: uppercase;
    font-size: 7px;
    color: #3c3733;
    font-family: verdana;
}

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

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  margin-left: 32px;
  }

/*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: 0px 8px 0px 0px;
    height: 2em;
    line-height: 2em;
    margin-left: -23em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-size: 9px;
    text-transform: uppercase;
    font-family: 'Roboto';
  }

/* 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;
    font-size: 11px;
    /* text-transform: uppercase; */
    font-family: Verdana;
    -webkit-text-size-adjust: none;
  }

/* 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: -15em;
    padding: 0.5em 1em;
  }

/*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 a {
    color: #ab945e;
    text-align: center !important;
    font-size: 14px !important;
    padding: 0px 28px !important;
    text-transform: lowercase;
    display: inline-block;
    font-family: 'Roboto' !important;
    position: relative;
    overflow: hidden;
    line-height: 26px;
}


#pun-navlinks a:hover {
  opacity: 1;
  transition: all .2s cubic-bezier(0.88, 0.44, 1, 1) 0s;
    color: #3d3a35;
  }

#pun-navlinks {
   font-style: normal;
    text-align: center !important;
    z-index: 999;
    width: 922px;
    margin-top: -33px !important;
    padding-bottom: 26px !important;
    word-spacing: -3px;
}


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

#pun-navlinks a {
  transition: all 0.6s;
}

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

/* D4.1 */
#pun-ulinks {
    /*margin-left: -56px;*/
    /*margin-top: 130px !important;*/
}

/* D4.2 */
#pun-ulinks .container {
   text-align: center;
    margin-top: -30px;
    padding-bottom: 9px;
    width: 990px;
    margin-left: -50px;
    -webkit-text-size-adjust: none;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 0px;
    white-space: nowrap;
    text-transform: uppercase;
    font: 7.4px Verdana;
    font-weight: 500;
    -webkit-text-size-adjust: none;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0px 9px 0px 0px;
  color: #312f31;
  transition: 0.4s;
  }

#pun-ulinks li a:hover {
  color: #8a8989;
  transition: 0.4s;
}

/* 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: 20px 0px 0px 10px;*/
  }

/* D5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0px;
    font-size: 8px!important;
    -webkit-text-size-adjust: none;
  }

/* D5.4 */

#pun-crumbs1 {
  font-weight: bold;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
    font-family: Verdana;
    text-transform: lowercase;
    border-top: none;
    padding: 10px 10px 10px 0px;
    font-size: 13px;
    margin-top: 13px;
    margin-left: 16px;
    font-weight: 800;
    -webkit-text-size-adjust: none;
  }

#pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    background: transparent;
    text-transform: uppercase;
    text-align: left;
    color: #8c8575;
    margin-top: 12px;
    font-family: Verdana;
    letter-spacing: 1px;
  }

/* 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: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 2.5em 1em 1em 1em;
  margin-top: -23px; 
  line-height: 1.1
  }


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

/* D7.1 */
#pun-stats .container {
    padding: 18px 11px;
    width: 930px;
    text-align: justify;
    margin-top: 22px;
    background: #d8d1c0;
    margin-left: 0px;
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
   font-weight: normal;
    text-transform: uppercase;
    font-size: 9px;
    padding: 3px 0px 1px 1px;
    display: inline-block !important;
    float: none;
    margin-left: 53px;
}

/* 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: block;
  padding-left: 50%;
text-align: center;
margin-top: 0px;
font-size: 10px;
  }

/* 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;
    font-weight: bold;
    text-align: left;
    -webkit-text-size-adjust: none;
  }

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

#profile-left li, #profile-left li * {
    padding-left: 0;
    margin-left: 0;
    text-align: center;
}


/*ОТКЛЮЧЕНИЕ ПЛАШКИ СМЕНЫ DNS*/
#dns-ip-replace-notify {display:none!important;}
#pun_wrap{position:static!important;}

0

5

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

#pun_wrap  {
margin: auto;
min-width: 1200px !important;
}

/* фон */
body {
  background: url(https://forumstatic.ru/files/001b/5b/87/44894.jpg) repeat fixed;
}

/* Шапка */
#pun-title table {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/5b/87/56791.jpg);
    width: 1028px;
    height: 120px;
    margin-left: -36px;
    margin-top: 15px;
}

/* Тело форума */
#pun {
width: 991px; 
background-color: transparent; 
background-image: url(https://forumstatic.ru/files/001b/5b/87/42431.jpg); 
background-attachment: no-scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 991px;}

#pun-index .category tr {
    background-color: #d8d1c0;
}

#pun-index .category table tr.inew  {
    background-color: #cac2ae;
    box-shadow: 0 0 10px #cac2ae;
  }

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

#pun-index .tclcon {
  padding: 10px; 
}

/* Футер */
#pun-about p.container {
    background-image: url(https://forumstatic.ru/files/001b/5b/87/54775.jpg); 
    margin: 0px 0px -61px -36px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1028px;
    height: 44px;
    overflow-x: hidden;
    padding-bottom: 28px !important;
}


/* 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: #383939;
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: #383939;
text-align:center; 
font-size: 12px; 
font-style: normal; font-weight: bold; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
   color: #1c1b1f;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #e8e4d8;
    border: 1px solid #e0cea4;
    color: #3b3c3c;
     transition-duration: .5s;
}

.punbb textarea:hover,
.punbb textarea:focus,
.punbb input[type="text"]:hover,
.punbb input[type="text"]:focus,
.punbb input[type="password"]:hover,
.punbb input[type="password"]:focus,
.punbb select:hover,
.punbb select:focus {
    background: #ece8de;
    transition-duration: .5s;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
}

/* Тень и закругление */
.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;
 }

.punbb input { 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-color: #cecece;
}

.move_posts_form .modal-inner>.container {
    padding: 0!important;
    background: #cacace;
}


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

/* CS2.1 */
.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {
  color: #4e4b4d;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #4e4c4e; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #4c4d4c;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #4d4c4e;
    text-transform: lowercase;
}


#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #4b4b4c;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #4c4d4d;
}


#pun-navlinks a:hover {
    color: #4c4d4b;
}


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

/* CS3.1 Иконки*/

#pun-main div.catleft, #pun-main div.catright {
    display: none;
}

#pun-index table Div.icon {
    background: none;
    border-style: none;
    height: 10px;
    width: 30px;
    margin-left: -1px;
    margin-top: -20px;
    margin-right: 6px;
    display: none;
    position: absolute;
}

#pun-about .container .item1 {
    margin-top: 12px;
    left: 37px;
    position: absolute;
    font-family: Roboto;
    font-size: 8px;
    text-align: center;
    color: #3f3c33;
    text-transform: uppercase;
}

#pun-about .container .item1 a {
  color: #25302c; 
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
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";}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/*убрать поделиться*/
.topic a.sharelink {
    float: right;
    margin-left: 1em;
    display: none;
}

/* цвет ссылок в постах */
.punbb .post-content a {
     color: #bda262;
}

.punbb .code-box strong.legend a {
  color: #403539 !important;
  font-weight: 300;  
}

/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #ab945e;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #ab945e;
}

::-webkit-scrollbar {
    background-color: #e2dbc9;
    height: 7px;
    width: 7px;
}

::selection {
    background: #ab945e !important;
    color: #eeeeee;
}

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



/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    margin: 2px 3px 7px 10px!important;
    padding: 0px 0px 0 0;
}


.punbb .pa-avatar img {
    margin-bottom: 4px;
    max-width: 180px;
    max-height: 180px;
}



#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;
    top: 43px;
    background-color: #bdc4b6;
    border: 3px double #6e7e8d;
}



td.tcr a {
    color: #3e3b32 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-family: Verdana;
    font-size: 10px;
    text-transform: uppercase;
}


.category .container thead {display: none;}


#pun-index div.category h2, #pun-index #pun-stats h2 {
    text-align: center;
    font-size: 0px !important;
    position: relative;
    z-index: 5;
    margin: 0px -22px 0px;
    background-position: top center;
    height: 47px;
    width: 991px;
    background: url(https://forumstatic.ru/files/001b/5b/87/54878.jpg);
}

#pun-index .category h2 span, #pun-stats.section h2 span {
   font-family: 'Roboto';
   color: #ddd7c9;
   text-transform: uppercase;
   margin-top: 18px;
   font-size: 11px !important;
   display: inline-block;
   width: 991px;
   text-align: center;
   z-index: -9999;
   letter-spacing: .6px;
   font-weight: 500;

}

#pun-viewtopic .post h3 {
    height: 20px;
    width: 982px;
    margin-left: -16px;
    margin-bottom: 5px;
    background: #ab945e;
}


/*Фон под контейнеры в форме Ответа*/
.pa-posts, .pa-respect {
    display: inline-block;
    font-family: verdana;
    font-size: 9px;
    padding: 3px 8px 8px 5px !important;
    width:46px;
    margin-bottom: 0px !important;
    text-align: center;
    line-height: 16px;
    text-transform: lowercase;
    color: #373d31;
}

#pun .pa-respect a {
  color: #3a3935;
}

#pun .pa-ip {
    color: #3d3936 !important;
    background: #ab945e6b;
    padding: 3px 1px 3px 1px;
    margin: 12px -11px 0px -12px;
    margin-bottom: -11px;
    font-size: 10px;
}

#pun .pa-ip a {
  color: #3a3d36 !important;
}

/*Шрифты*/

@font-face {
    font-family: 'Montserrat';
    src:  url('https://forumstatic.ru/files/001a/5e/f9/76423.ttf')  format('truetype');
    }

@font-face {
    font-family: 'Arial Black';
    src:  url('https://forumstatic.ru/files/001a/60/0b/95860.ttf')  format('truetype');
    }

@font-face {
    font-family: 'YesevaOne';
    src:  url('https://forumstatic.ru/files/001a/cb/85/57134.otf')  format('opentype');
    }

@font-face {
    font-family: 'Roboto';
    src:  url('https://forumstatic.ru/files/001b/0f/9f/47601.ttf')  format('truetype');
    }

/*жалобы и репутация*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: #dbd9d9;
}

#rep_form table tbody tr td.tcl span, #rep_form table tbody tr td.tc2 span {
  font-size: 12px;
  color: #000004;
}

#pun-report h1, #pun-reputation h1, #pun-admin-award-form h1 {
font-family: arial;
font-weight: normal;
margin-top: 5px;
}

/*фикс формы ответа*/
 @media screen and (max-device-width: 900px) {
    #main-reply {width: 100%; height: 150px!important;}
   }

/*Размер плюсика в репу*/
.pa-respect a img {
    height: 9px;
    filter: grayscale(1);
}


/* отключить поделиться */
li.pl-share {
display: none!important;
}


/* вид плюса */
div.post-rating a, div.post-vote a {
font-size: 163% !important;
    text-decoration: none !important;
}

/*вид формы голосовавших*/ 
.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 9px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: #b3b1b1;
}

.post-content abbr {
cursor: pointer;
    text-decoration: underline dotted;
}

/* улучшить аккаунт */

#pun-status .status-right {
   margin-top: 0px;
    display: block;
    margin-left: 212px;
}


#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-family: montserrat;
    font-size: 9px;
    font-weight: 500;
    width: 20px;
display: none
}


.Tems_And_messages  {
    display: inline-block;
    width: auto;
    font-family: roboto !important;
    height: 20px;
    font-size: 8px;
    text-transform: uppercase;
    color: #38353b;
    font-weight: normal;
    text-align: center;
    width: 131px;
    display: flex;
    justify-content: space-between;
    line-height: 27px;
    margin-left: 413px !important;
}

.Tems_And_messages span {font-weight: normal;
    display: block;
    height: 21px;
    }


/* Author avatars on index page
------------------------------------------------------------------ */

.punbb:not(#pun-userlist):not(#pun-messages) .user-avatar {
    width: 32px!important;
    height: 34px!important;
    transition-duration: 0.25s;
    float: right;
    padding: 0px 1px 0px 7px;
}


.punbb .user-avatar .avatar-image {
    width: 24px!important;
    height: 24px!important;
    border-radius: 0!important;
    transition-duration: .25s;
     opacity: 0.6 !important; 
    filter: grayscale(1) !important; 
    border-radius: 0px !important;

}

.punbb .user-avatar .avatar-image:hover {
  opacity: 1 !important;
  filter: none !important;
  border-radius: 0px !important;
}

.punbb .user-avatar .isonline {
    width: 6px!important;
    height: 6px!important;
    z-index: 0!important;
    background-color: #ab945e !important;
}


/*контейнер*/
#tags .container {
position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    height: 160px;
    overflow: auto;
    background: whitesmoke;
    border: 1px solid gainsboro;
}

/*разделительная линия*/
.post-content hr {
    opacity: 0.2 !important;
    -moz-opacity: 0.2 !important;
    -khtml-opacity: 0.2 !important;
    filter: alpha(opacity=50);
    margin-bottom: 0.8em;
}

/*для описания подфорумов*/
.for_op {
    font: 7px Roboto;
    text-transform: uppercase;
    text-align: justify;
    padding: 0px 6px 6px 6px;
    line-height: 16px;
    letter-spacing: 1px;
    -webkit-text-size-adjust: none;
}

/* оформление шапки */

.conf1 {
    position: absolute;
    width: 309px;
    height: 32px;
    background: #e2dbc94d;
    overflow: auto;
    font: 6px 'Roboto';
    text-transform: uppercase;
    color: #f1f0ed;
    margin-left: 620px !important;
    margin-top: 26px !important;
    padding: 3px 6px 6px 8px;
    text-align: justify;
}

.conf2 {
    position: absolute;
    font: 8px 'Roboto';
    text-transform: uppercase;
    color: #e2dbc9;
    margin-left: 30px !important;
    margin-top: 66px !important;
    text-align: left;
    letter-spacing: .5px;
}

.conf2 a, .conf3 a {
    color: #ab945e !important;
}

.conf3 {
    position: absolute;
    font: 48px 'Roboto';
    text-transform: uppercase;
    color: #ab945e;
    margin-left: 397px !important;
    margin-top: 19px !important;
    letter-spacing: .5px;
    width: 169px;
    text-align: center;
    font-weight: 600;
}

0


Вы здесь » Pandm Attic » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно