Doctest

��

mybb@mybb.ru (Valentine Morgenstern) — Wed, 08 Mar 2023 19:00:51 +0300

��

��:

<div class="forum_header">
<!--����� ����-->
<div class="forum_header_left">
<!--����-->
<div class="persons"><span>����� ������</span><a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a>
</div>
<!--����������-->
<div class="inform"><span>���������</span><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor.</p>
</div>
</div>
<!--������ �������-->
<div class="forum_header_right">
<!--���������-->
<div class="navig"><a href="/viewtopic.php?id=27">�����</a> <a href="/viewtopic.php?id=3">�����</a> <a href="/viewtopic.php?id=4">�������</a> <a href="/viewtopic.php?id=880">��������</a> <a href="/viewtopic.php?id=804">���� � ���</a> <a href="/viewtopic.php?id=5">�����</a> <a href="/viewtopic.php?id=27">�����</a> <a href="/viewtopic.php?id=3">�����</a> <a href="/viewtopic.php?id=4">�������</a> <a href="/viewtopic.php?id=880">��������</a> <a href="/viewtopic.php?id=804">���� � ���</a></div>
<!--���������-->
<div class="persons"><span>���������</span><a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a> <a href="link"><img src="https://placehold.co/50x50/ccc/000.png" original-title="�����"></a>
</div>
</div>
</div>

<nws><date>01.11</date><a href="" target="_blank">�����</a></nws>  <nws><date>01.11</date><a href="" target="_blank">�٨ �����</a></nws> <nws><a href="" target="_blank">����� ������</a></nws>

��

mybb@mybb.ru (Valentine Morgenstern) — Wed, 22 Feb 2023 21:44:15 +0300

��:

.name {
  position: absolute;
  font-family: 'Unbounded', Sans-Serif;
  font-size: 52px;
  top: 6px;
  left: 62px;
  font-weight: bold;
  color: #262626;
  height: 44px;
  display: block;
  overflow: hidden;
}

.forum_header {
  padding: 15px;
  height: 140px;
  position: absolute;
  top: 50px;
  width: 980px;
  margin-left: 20px !important;
  display: flex;
  justify-content: space-between;
}

.forum_hidden {
  padding: 15px;
  height: 140px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 600px;
  margin-left: 20px !important;
  display: flex;
  justify-content: space-between;
  background: #ededed;
  opacity: 0;
  transition: all .3s linear 0s;
}

.forum_hidden:hover {
  opacity: 1;
}

.forum_header_left {
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: #f1f1f1;
  padding: 10px;
}

.forum_header_left .act,  .forum_header_right .act{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.act span {
    font-size: 10px;
    color: #262626;
    width: 50px;
    font-weight: 600;
}

.forum_header_left img, .forum_header_right img {
  width: 40px;
  filter: grayscale(100%);
  transition: all .5s ease-in-out 0s;
} 

.forum_header_left img:hover, .forum_header_right img:hover {
  opacity: .5;
  mix-blend-mode: luminosity;
  transition: all .5s ease-in-out 0s;
}

.forum_header_left .news {
  width: 250px;
  height: 70px;
  overflow-y: auto;
  padding-right: 5px;
  text-align: justify;
  font-size: 10px;
}

.forum_header_right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: #f1f1f1;
  padding: 10px;
}

.navig {
  width: 250px;
  height: 70px;
  overflow-y: auto;
  padding-right: 5px;
  text-align: justify;
  font-size: 10px;
}

.forum_name {
  width: 350px;
  font-size: 50px;
  color: #aace27;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.forum_name span{
  font-size: 20px;
  color: #f1f1f1;
}

� �� bona nova

mybb@mybb.ru (Valentine Morgenstern) — Sun, 19 Feb 2023 17:30:27 +0300

��:

/*************************************************************
A - SETUP
**************************************************************/

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


@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Brygada+1918:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Jura:wght@300;400;500;600;700&family=Montserrat+Alternates:wght@100&family=Mulish:ital,wght@0,300;0,400;0,500;0,700;0,900;0,1000;1,200&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:wght@100;400;700;900&family=Rubik:wght@300&family=Syne:wght@400;500;600;700;800&family=Tenor+Sans&family=Unbounded:wght@200;400;600;800;900&display=swap');

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

@font-face {
font-family: 'Vetrino';
src: url('https://forumstatic.ru/files/001b/04/78/52767.eot?'),
url('https://forumstatic.ru/files/001b/04/78/34653.woff') format('woff'),
url('https://forumstatic.ru/files/001b/04/78/64521.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/04/78/58647.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

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

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

body {
background: #262626;
background: url(https://forumstatic.ru/files/001b/04/78/11169.jpg) fixed no-repeat top center, #262626;
    background-size: cover;
}

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

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  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% IBM Plex Sans, verdana, arial, helvetica, sans-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-size: 1.1em;
  margin: 10px;
  padding: 5px;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
  color: #000;
  background: #f1f1f1;
  font-family: 'Bona Nova', Sans-Serif;
  }

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {
  background-color: #333;
  border-color: #333;
  color: #f1f1f1;
}

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

/* 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: 1050px;
  margin: 80px auto;
  text-align: justify;
  background: #f1f1f1;
  background: url(https://forumstatic.ru/files/001b/04/78/36108.jpg) top center no-repeat, #f1f1f1;
  border-top: 5px solid #000;
  border-bottom: 2px solid #86a31f;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  margin: 150px 0 0;
  }

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

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

.punbb .main {
  padding: 20px;
  }

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

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

#pun-index .category tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 14px;
}


#pun-main .category td div.tclcon {
  font-weight: normal;
  padding: 0px 0;
  letter-spacing: 0.5px;
  text-align: justify;
  margin-left: 40px;
  font-size: 10px;
  margin-right: 20px;
  line-height: 150%;
}


/* 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;
  border-width: 0px;
  }

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

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  }

#pun-main h2 {
  border-style: none;
  text-align: left;
  font-size: 26px;
  height: 20px;
  text-transform: lowercase;
  border-bottom: 1px solid #262626;
  }

div#post-form h2 {
    border-bottom: 0px solid #262626;
  }

#pun-stats h2 {
  padding: 0;
  text-align: center;
  font-size: 16px;
  text-transform: lowercase;
  border-bottom: 1px solid #262626;
  height: 12px;
  margin: 0 20px;
  }

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

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

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

/* B1.2 */
.punbb .post-sig dt {
  border-top: 1px double #000;
  margin: 5px auto;
  width: 50%;
  display: block;
  }

/* 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;
  padding-top: 5px;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 1.4em 1.8em;
  padding: 1.5em;
}

/* B1.9 */
.punbb .quote-box cite {letter-spacing: -0.5px!important;}

.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  font-size: 20px; 
  font-weight: 700;
  font-style: normal;
  font-family: 'Bona Nova', Sans-Serif;
  margin-top: 6px; margin-bottom: 6px;
  color: #000; letter-spacing: 0px; 
  line-height: 20px; text-align: left;
  }

.punbb .code-box {
background-color: #e6e6e6; color: #000!important; 
padding-top: 20px;
}

.punbb .quote-box {
background-color: #e6e6e6; color: #000!important; 
padding-top: 20px;
}

.quote-box blockquote .quote-box {
background-color: #e6e6e6; }

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
    /* font-family: bona nova; */
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-family: 'Bona Nova', Sans-Serif;
}

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

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

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

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

/* C1.4 */
.punbb fieldset {
  border-style: none;
  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;
  }

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


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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: right;
  width: 30%;
  }

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

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

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

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

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

#pun-index .tcl h3 a {
  font-weight: 600;
  font-size: 20px;
  text-transform: lowercase;
  letter-spacing: 0.5px;
  font-family: 'Bona Nova', Sans-Serif;
}
#pun-index .tcl h3 a:hover {

}

/* 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: none !important;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none;
  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
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 2.2em;
  text-align: justify;
  }

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
    }


 /* C3 Topics
-------------------------------------------------------------*/

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

/* C3.2 */
.punbb .post h3 {
  border-style: none;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  display: block;
  margin-left: 23em;
  margin-right: 2em;
  margin-top: 7px!important;
  padding: 0;
  border-style: none;
  text-transform: lowercase;
  height: 8px;
  }

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

.punbb .post h3 a {
  padding: 3px 5px;
}

.punbb .post h3 a:before {content: "[ ";}

.punbb .post h3 a:after {content: " ]";}


/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 220px;
  margin-top: -1.5em;
  background: #e6e6e6;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#ebebeb 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%,#ebebeb 100%);
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 1.5em;
  line-height: 140%;
  text-align: center;
  }

/* C3.7 */
.pa-author {
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
  color: #262626 !important;
  letter-spacing: 0.5px;
  font-family: 'Bona Nova', Sans-Serif;
  margin: 0 -12px 0px -12px;
  padding: 5px 10px 5px 10px !important;
  }

/* C3.8 */
.pa-author a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
  color: #262626 !important;
  letter-spacing: 0.5px;
  font-family: 'Bona Nova', Sans-Serif;
  }

.pa-author a:hover, .pa-author a:focus, .pa-author a:active{
  color: #86a31f!important;
  transition: 0.3s; }

/* C3.9 */
li.pa-title {
  font-weight: 400;
 text-align: left;
  text-transform: uppercase;
  font-size: 7px;
  letter-spacing: 1px;
  line-height: 10px;
  color: #262626;
  margin: 0 -12px 5px -12px;
  padding: 5px 10px 5px 10px !important;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: none;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

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

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  padding-top: 20px;
  font-size: 12px;
  }

.punbb .post-box a {
    font-weight: 700;
}

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

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

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

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

/* 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;
  font-size: 12px;
  }

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
  display: none;
  border: none;
  height: 00px;
  width: 100%;
}

#pun-title td.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title td.title-logo-tdr {
  border: none;
  width: 468px;
}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  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 {
    height: 25px;
    color: #000000;
    font-weight: 600;
    font-family: 'Bona Nova', Sans-Serif;
    letter-spacing: 0.3px;
    font-size: 14px!important;
    text-align: center;
    text-transform: lowercase;
  }

#pun-navlinks a {
    position: relative; 
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  font-size: 10px!important;
  letter-spacing: 0px;
  text-align: center;
  padding: 0 0px;
  text-transform: lowercase;
  font-weight: 400!important;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  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;
  font-size: 10px;
  }

/* D5.2 */
#pun-status .container {
  padding: 1em;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  font-family: 'Bona Nova', Sans-Serif;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  color: #000;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: 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: 1em 1em 1em 1em;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 1em 2em
  }

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

/* 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: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  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;
  }

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

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  font-family: 'Bona Nova', Sans-Serif;
  }

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

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  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: solid;
  border-bottom-width: 1px;
  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;
  }


/*���������� ����������� ���������*/

.sharelink {display: none}
.category .container table thead tr {display: none}
#pun_wrap #pun #pun-index #pun-status .container .item4 a, #pun_wrap #pun .punbb #pun-status .container .item4 a, #pun_wrap #pun #pun-viewtopic #pun-status .container .item4 a {display: none!important}
.lastedit {display: none}
.pa-gifts {display: none}
#pun-announcement.section h2 span {display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title h1 span  {display: none;}
.punbb legend span {display: none;}
div#post-form.formal h2 span {display: none;}
#pun-main div.catleft, #pun-main div.catright {display: none}
.lastedit, li#navawards, .pl-share, .sharelink, .pa-invites, #pun-live-rusff, .pa-gifts {display:none;}

/*�������������� ��������� �����������*/

#pun-main .linksb .pagelink, #pun-main .linkst .pagelink { font-size: 8px; font-weight: 400 }
.linksb .pagelink strong, .linkst .pagelink strong { font-size: 10px; font-weight: 700;  }

::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { background-color: #303030; }
::-webkit-scrollbar-thumb { background-color: #86a31f; }

    ::selection { 
    background: none repeat scroll 0 0 #c4831b;
    color: #000000;
    opacity: 1;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
}

#font-area, #size-area, #video-area, #color-area, #table-area, #smilies-area, #keyboard-area, #addition-area, #spoiler-area { z-index: 1;
  background-color: #e3e3e3; border: 1px solid #000;
  }

.formsubmit .button {
  color: #000;
  background-color: #e3e3e3;
  padding: 4px 10px 5px 10px;
  border: 1px solid #5c5c5c;
  text-transform: lowercase;
  font-size: 10px;
     }

.formsubmit .button:hover {
background-color: #d5d7b9;
border-radius: 0px;
  }

.pa-fld1 {
  position: absolute;
  margin-left: 181px;
  margin-top: -20px;
  padding: 4px 0 0px 0;
  border-radius: 16px;
  width: 30px;
  height: 26px;
}

.pa-fld2 .fld-name {display: none;}

.pa-fld2 a:first-child {
  display: block;
  text-transform: lowercase;
  font-weight: 600;
  font-size: 16px!important;
  text-align: center;
  margin-bottom: 5px;
}

.pa-fld2 {
  text-align: justify;
  font: 400 9px/14px IBM Plex Sans;
  padding: 5px 15px !important;
  margin: 10px -12px 4px -12px;
  border-bottom: 1px solid #d9d9d9;
}

#pun-respect .tc3 {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.pa-posts, .pa-respect {display:inline-block; width:35%; margin-bottom: 6px; padding-top: 0.2em !important;}
.pa-posts {margin-left:4px;}
.pa-posts .fld-name, .pa-respect .fld-name {display:block;}

/* �������� */
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%;
}

@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: 100%;}}

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
 color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  color: #333;
  }

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

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
   background-color: #f1f1f1;
  color: #86a31f;
  }

/* CS1.6 */
.punbb .post h3 span, #viewprofile li, #setmods dl  {
  color: #333
  }



/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #e6e6e6;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: ebebeb;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

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

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

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

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

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

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #005EAB;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 {
  color: #86a31f;
  transition: 0.3s!important;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  }

/* CS3.2 */
.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: #000;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #000;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #86a31f;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}

Div.icon {
  width: 10px;
  height: 10px;
  margin: 2px 8px 10px 5px;
  border-radius: 100px;
  background: #e6e6e6;
  border: 1px solid #d3d3d3;
    }
TR.inew Div.icon {background: #86a31f;}
TR.iclosed Div.icon {background: #86a31f;}
TR.isticky Div.icon {background: #86a31f;}  

#pun-main .category Div.icon {
  background: #e6e6e6;
  border: 1px solid #d3d3d3;
  transform: rotate(-45deg);
  width: 20px;
  height: 20px;
  line-height: 25px;
  text-align: center;
  font-size: 8px;
  border-radius: 2px;
  margin: 8px 10px 10px 5px;
}
#pun-main .category TR.inew Div.icon{
  background: #86a31f;
}


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

.dragon {
  position: fixed;
  height: 1920px;
  width: 1080px;
  background: url(https://forumstatic.ru/files/001b/04/78/83091.png) top center no-repeat fixed;
  margin: -500px !important;
  z-index: -1;
}



.forumlinks {
  text-align: right;
}

.forumlinks a {
  margin-left: 5px;
  font-size: 12px !important;
  color: #c4831b !important;
  font-weight: 800;
}

#pun-announcement {
    display: flex;
    justify-content: center;
}

#pun-announcement .container {padding: 0;}

#pun-announcement .html-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    justify-content: space-around;
}

#pun-announcement nws {
    display: flex;
    width: max-content;
    margin: 5px;
    height: 25px;
    border: 1px solid #d3d3d3;
    padding: 5px 5px 5px 9px;
    background: #e6e6e6;
    transition: ease-in-out 0.3s;
    flex-grow: 1;
}

#pun-announcement nws:hover {
    border: 1px solid #9e9e9e;
     background: #e3e3e3;
}

#pun-announcement nws date {
    font-size: 11px;
    border-right: 2px solid #86a31f;
    padding-right: 5px;
    display: flex;
    align-items: center;
    height: 25px;
    line-height: 1;
    font-weight: 800;
}

#pun-announcement a {
    width: max-content;
    display: flex;
    margin: auto;
    font-size: 10px;
    justify-content: flex-start;
    color: #262626;
    padding: 0 9px 0 5px;
    height: 100%;
    align-items: center;
    font-weight: 400;
}

.name {
    position: absolute;
    font-family: 'Bona Nova', Sans-Serif;
    font-size: 52px;
    top: 6px;
    left: 62px;
    font-weight: bold;
    color: #262626;
    height: 44px;
    display: block;
    overflow: hidden;
}

.forum_header {
  padding: 15px;
  height: 140px;
  position: absolute;
  top: 50px;
  width: 980px;
  margin-left: 20px !important;
  display: flex;
  justify-content: space-between;
}

.forum_hidden {
  padding: 15px;
  height: 140px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 600px;
  margin-left: 20px !important;
  display: flex;
  justify-content: space-between;
  background: #ededed;
  opacity: 0;
  transition: all .3s linear 0s;
}

.forum_hidden:hover {
  opacity: 1;
}

.forum_header_left {
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: #f1f1f1;
  padding: 10px;
}

.forum_header_left .act,  .forum_header_right .act{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.act span {
    font-size: 10px;
    color: #262626;
    width: 50px;
    font-weight: 600;
}

.forum_header_left img, .forum_header_right img {
  width: 40px;
  filter: grayscale(100%);
  transition: all .5s ease-in-out 0s;
} 

.forum_header_left img:hover, .forum_header_right img:hover {
  opacity: .5;
  mix-blend-mode: luminosity;
  transition: all .5s ease-in-out 0s;
}

.forum_header_left .news {
  width: 250px;
  height: 70px;
  overflow-y: auto;
  padding-right: 5px;
  text-align: justify;
  font-size: 10px;
}

.forum_header_right {
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: #f1f1f1;
  padding: 10px;
}

.navig {
  width: 250px;
  height: 70px;
  overflow-y: auto;
  padding-right: 5px;
  text-align: justify;
  font-size: 10px;
}

.forum_name {
  width: 350px;
  font-size: 50px;
  color: #aace27;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.forum_name span{
  font-size: 20px;
  color: #f1f1f1;
}

��-��

mybb@mybb.ru (Valentine Morgenstern) — Mon, 06 Feb 2023 17:16:35 +0300

��:

.forum_header {
  padding: 0 15px;
  color: #f1f1f1;
  height: 100px;
  position: absolute;
  top: 0px;
  width: 1020px;
  display: flex;
  justify-content: space-between;
}

.forum_header_left {
  width: 260px;
  padding: 10px;
  font-size: 10px;
  font-weight: 400;
  height: 80px;
  border-left: 1px solid #632513;
  border-right: 1px solid #632513;
  background: #ba462380;
}

.forum_header_left span {
  display: block;
  text-align: center;
  margin-bottom: 17px;
  font-weight: 600;
  letter-spacing: 0.3px;
}


.forum_title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  text-transform: lowercase;
}

.forum_title span {
  font: 700 45px 'Bona Nova', Sans-Serif;
  color: #f1f1f1;
}

.forum_header_right {
  width: 260px;
  padding: 10px;
  border-left: 1px solid #632513;
  border-right: 1px solid #632513;
  background: #ba462380;
}

.forum_header_right .act {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.forum_header_right span {
  display: block; 
  width: 100%;
  text-align: center;
  margin-bottom: 17px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.forum_header_right img {
  width: 40px;
  filter: grayscale(100%);
  transition: all .5s ease-in-out 0s;
} 

.forum_header_right img:hover {
  opacity: .5;
  mix-blend-mode: luminosity;
  transition: all .5s ease-in-out 0s;
}

��- �� 28.01.23

mybb@mybb.ru (Valentine Morgenstern) — Sat, 28 Jan 2023 18:04:31 +0300

��:

<div class="opisanie">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis urna quam, sed commodo risus ultrices at. Phasellus eleifend leo in odio venenatis, ut tincidunt magna lobortis. Nam tincidunt mauris a nibh aliquam, quis porttitor erat pretium. Suspendisse erat mauris, vulputate ac aliquam nec, ullamcorper eget quam. Quisque posuere consectetur magna, quis lobortis purus. Aliquam erat volutpat. Maecenas non nulla nec sapien aliquam congue at at dolor. Duis magna erat, sodales in sodales quis, finibus at felis. Aenean mollis tincidunt nulla, dictum maximus nisi vehicula vel. Donec nec ligula at mi iaculis placerat eget ac lorem. Quisque fermentum pulvinar interdum. Curabitur in augue ut nibh sollicitudin eleifend quis eget lorem. Vivamus bibendum arcu non faucibus sodales. Mauris volutpat convallis sem, ut pellentesque tellus sodales nec. Ut feugiat nibh eget lectus bibendum ornare. Praesent rutrum mauris nec ipsum pharetra eleifend.</div><div class="opisanie-links"><a href=http://tmi.f-rpg.ru/viewtopic.php?id=17>��������</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=4#p19>�����</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=3>���</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=8>�������</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=12>������</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=6>������� ����</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=7>������� ���������</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=15>����</a><a href=http://tmi.f-rpg.ru/viewtopic.php?id=5>�������</a></div>

��

mybb@mybb.ru (Valentine Morgenstern) — Thu, 24 Nov 2022 18:17:25 +0300

��:

//** ���������� ��������� **//

.det {display: flex;
position: absolute;
    top: 120px;
    margin-left: 800px !important;}

details > summary {
    text-align: center;
    padding: 5px;
    width: 190px;
    height: 17px;
    background-color: #262626;
    color: #ededed;
    cursor: pointer;
    user-select: none;
    outline: none;
    transition: transform 200ms ease-in-out 0s;
    }

.navig {
    height: auto;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    animation: closeMenu 300ms ease-in-out forwards;
    position: absolute;
    z-index: 99999;
    background: #262626;
    color: #ededed;
    }

.navig a {
   padding: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #ededed !important;
}

.navig a:hover {
  filter: brightness(200%);
}

#pun-index details[open]::before {
  animation: fadeMe 300ms linear forwards;
}

��:

<div class="det">
<details>
<summary>���������</summary>
<nav class="navig">
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=17>�����</a>
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=4#p19>��������</a>
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=17>�������</a>
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=4#p19>������ ����������</a>
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=17>������� ���������</a>
<a href=http://tmi.f-rpg.ru/viewtopic.php?id=4#p19>������ ���������</a>
  </nav>
 </details></div>

��

mybb@mybb.ru (Valentine Morgenstern) — Sun, 16 Oct 2022 19:06:09 +0300

margin: auto;
padding: 10px;
letter-spacing: 0.05em;
font-size: 12px;
font-family: 'Exo 2', sans-serif;
font-weight: 600;
text-align: left;
color: #f7f7f7;
background: #262626;

Doctest

������

�������� �������

� ���������� bona nova

�����-�����

������- �� 28.01.23

������

�������

��

��

� �� bona nova

��-��

��- �� 28.01.23

��

��