шрифт в постах
Шрифт в постах

archives

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

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


Вы здесь » archives » stay here » диз ферма


диз ферма

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

1

Структура style.css

Код:
@Import url(style_cs.css);

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

/* используются в дизайне */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --base-bg: #1f1a17 url(https://forumstatic.ru/files/001c/44/75/45902.jpg);

    --beg100: #a9a3a3;
    --beg300: #a09c98;
    --beg500: #AF9E85;

    --dark500: #5e5e5e;
    --dark600: #211510;

    --links: #514746;
    --accent: #914628;
    --accent2: #dc9268;

    --font: Philosopher;
    --font2:Gloria Hallelujah;
}


@font-face {
  font-family: 'helv';
  font-style: normal;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001b/eb/d6/68258.ttf);
}

@font-face {
  font-family: 'helv';
  font-style: italic;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001b/eb/d6/69485.ttf);
}

@font-face {
  font-family: 'helv';
  font-style: normal;
  font-weight: 500;
  src: url(https://forumstatic.ru/files/001b/eb/d6/76720.ttf);
}

@font-face {
  font-family: 'helv';
  font-style: italic;
  font-weight: 500;
  src: url(https://forumstatic.ru/files/001b/eb/d6/58067.ttf);
}

@font-face {
  font-family: 'helv';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001b/eb/d6/14331.ttf);
}

@font-face {
  font-family: 'helv';
  font-style: italic;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001b/eb/d6/28951.ttf);
}

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

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

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

/* 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: auto;
	vertical-align: middle
}


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

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

/* A3.2 */
.punbb {
	font: normal 70% verdana, geneva, lucida, 'lucida grande', 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 {
	font-size: 1em;
	font-weight: bold;
}

.punbb th {
	font-size: 0.9em;
	font-weight: bold;
}

.punbb h4,
.punbb table {
	font-size: 1em;
	font-weight: normal;
}

/* A3.5 */
.punbb h1 span,
.punbb h2 span,
.punbb legend span {
	font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
	font: 1.1em/140% verdana, arial, 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 dl.post-sig dt span,
.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-ulinks h2,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status 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 {
	background:
	 url(https://forumstatic.ru/files/001c/44/75/18414.png) no-repeat top left,
    url(https://forumstatic.ru/files/001c/44/75/86628.png) no-repeat bottom left,
    var(--beg100) url(https://forumstatic.ru/files/001c/44/75/13166.png) top left;
	margin: auto;
	width: 960px;
	margin-top: 312px !important;
	margin-bottom: 0px;
	padding: 0;
	box-sizing: border-box
}

.punbb {
	padding: 40px;
}

/* лишнее */
h1.title-logo,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-crumbs1 strong,
#pun-crumbs2 strong,
thead,
th,
#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em,
#pun-index #pun-main h1,
.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports,
td .modlist,
li#navawards,
.pa-gifts,
.acchide,
.forum h2,
.usertable h2,
.topic h2,
a.sharelink,
#pun .pa-ua,
.pa-author img,
.lastedit,
fieldset legend,
#pun .pl-reports,
#pun .mini_gifts,
#pun-userlist .main h2,
#pun-search .main h1,
#profilenav h2,
#profile-gifts,
#messages li.pl-email,
#pun .email,
.catleft,
.catright,
#pun .pl-share,
p.inputfield label em,
p.selectfield label em,
p.passfield label em,
#pun-announcement h2,
.pa-awards {
	display: none
}

.punbb {
	height: auto;
}

#pun {
	color: var(--dark600);
}

#pun a {
	color: var(--links)
}

#pun a:hover {
	color: var(--accent)
}

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

#pun-redirect {
	border: 0 none !important;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	background:
    var(--base-bg) no-repeat fixed left top / cover !important;
}

#pun-redirect #pun-main {
	width: 960px;
	box-sizing: border-box;
	margin: 50px auto 0
}

#pun-redirect * {
	border: 0 none;
}

#pun-redirect .main-title {
	display: none;
}

#pun-redirect.punbb .info .container {
	text-align: center;
	font: 400 12px var(--font);
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: 
	 url(https://forumstatic.ru/files/001c/44/75/18414.png) no-repeat top left,
    url(https://forumstatic.ru/files/001c/44/75/86628.png) no-repeat bottom left,
    var(--beg100) url(https://forumstatic.ru/files/001c/44/75/13166.png) top left;
	padding: 40px;
	color: var(--dark600);
}

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

/* A5.9 */
.punbb .container {
	border:  none
}

/***************************************************/
************************************************************* 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: none;
	background: rgba(0, 0, 0, .1);
	height: 1px;
	display: block;
	margin: 5px auto 15px;
	width: 80%;
}

/* B1.3 */
.punbb .post-content p {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 150%;
	font-family: verdana, sans-serif;
	font-weight: 300;
	font-size: 10px;
        word-wrap: break-word;
}

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

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

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

/* B1.7 */
.punbb .post-content .scrollbox {
	width: 100%;
	overflow: auto;
	height: auto !important;
	max-height: 200px
}

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
	border: medium none;
	margin: 0.4em 0em 0.8em;
	padding: 0em;
}


/* B1.9 */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
	display: block;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0.0em;
}

/* 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
-------------------------------------------------------------*/
.punbb .linkst {
	width: auto;
	height: auto;
	font: 400 11px var(--font);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0px 20px !important;
	position: relative;
	z-index: 8;
	padding: 0;
	text-transform: lowercase
}

/* B3.4 */
.linkst .postlink,
.linksb .postlink {
	text-align: right;
	font-weight: 500;
}

/* B3.5 */
.punbb .linksb {
	width: auto;
	height: auto;
	font: 400 11px var(--font);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0px 20px !important;
	position: relative;
	z-index: 8;
	padding: 0;
	text-transform: lowercase
}


.linksb {
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
}

#profile .button {
	margin-top: 0 !important;
}

#profile .clearer {
	display: none
}

#profile .linksb:after,
.linksb:after {
	display: none !important;
}


.postlink span+span {
	margin-left: 5px
}

/* B3.6 */
.linksb .pagelink {
	float: left;
	width: auto;
	text-align: left;
	order: 1
}


/* B3.7 */
.linksb .postlink,
.linksb noindex {
	width: auto;
	order: 3;
	position: relative
}

.subscribelink {
	position: relative;
	order: 2;
	text-align: center;
}

#pun .postlink.long {
	width: auto;
	display: flex;
	gap: 10px
}

.postlink.long .new-topic {
	padding: 0 !important;
}

.postlink a {
	font-weight: 600
}

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

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

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

.punbb .formal .container:not(#post) {
	border-radius:0;
	padding: 0px;
} 

#pun-messages .formal .fs-box .container {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

#post.container {
	padding: 0 15px !important;
}

/* C1.2 */
.punbb .formsubmit {
	padding: 0 0 15px 0em;
	margin: 0em 0 0 0;
	position: relative;
	z-index: 1;
}

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

/* C1.4 */
.punbb fieldset {
	border-style: solid;
	border-width: 1px;
	padding: 0 0px 0 0px;
	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;
}

#profile .container fieldset legend {
	display: block;
	font-size: 10px;
	margin-bottom: .6em
}

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

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

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

form#post .fs-box p {
	padding: 0 !important;
}

form#post .fs-box p + p {
	margin-top: 10px
}

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

.punbb .helplinks span INPUT {
	margin: 0px 2px 2px 0px;
}

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

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

/* C2.3 */
.punbb .main .tcr {
	text-align: left;
	width: 27%;
}


/* 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.9 */
.punbb td span.youposted {
	font-weight: bold;
	margin-left: -1em;
	position: absolute;
}

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

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

/* 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 */
.punbb td div.tclcon {
	line-height: 150%;
	margin-left: 0;
	text-align: left;
}


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

/* C3.1 */
.punbb .post {
	margin-top: 0px;
	position: relative;
}

.post {
	padding-top: 75px !important;
	margin-top: -60px !important;
}

.post.topicpost {
	margin-top: -75px !important;
}

/* C3.2 */
.punbb .post .container {
	border: none;
}

/* C3.2 */
.punbb .post h3 {
	border-width: 0px;
	-webkit-text-size-adjust: 100%;
	width: 942px;
	height: 102px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font: 400 10px var(--font);
	z-index: 1;
	margin: -10px 0px -10px -30px !important;
	padding: 0px 25px !important;
	box-sizing: border-box;
	text-transform: lowercase;
	background: url(https://forumstatic.ru/files/001c/44/75/10768.png);
}

.post h3 span {
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
	gap: 0px;
	flex-wrap: wrap;
	margin-left: 200px;
	position: relative;
	padding: 2px 10px 3px;
	color: var(--beg100)
}

.post h3 span a,
.post h3 strong {
	font-weight: 700;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: var(--100) !important;
}

.post h3 strong {
	order: 2;
	font-weight: normal;
}

.post h3 strong:before {
	content: ", #"
}

/* C3.5 */
.punbb .post .post-author {
	float: left;
}

/* C3.6 */
.punbb .post .post-author ul,
.punbb .post .post-author p {
	line-height: 140%;
}

/* C3.7 */
.pa-author {
	font-size: 1.1em;
	font-weight: bold;
}

/* C3.8 */
.pa-author a {
	text-decoration: none
}

/* C3.9 */
li.pa-title {
	padding-bottom: 0.4em;
	font-weight: bold;
}


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

/* C3.11 */
.punbb .post-body {
	margin-left: 220px;
	border: none
}

/* C3.12 */
.punbb .post-box {
	padding: .5em 0 1em;
	text-align: justify
}

#pun .post-box a {
	color: var(--accent)
}

#pun .post-box a:hover {
	color: var(--dark600)
}

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

/*C3.14 */
.punbb .post-links {
	margin: 1em 0px 0px;
	padding: 0px 0px 0px;
	position: relative;
	z-index: 8;
}

.post-links ul {
	text-align: right;
}

.post-links li {
	display: inline;
}

.profile,
.pm,
.email {
	float: left
}

.post-links li+li,
.pa-links li+li {
	margin-left: 20px
}

.punbb .post-links ul li:first-child {
	margin-left: 0
}

.endpost .post-links ul {
	border: 0 !important;
}

#pun .post-links ul a,
.pa-links li a {
	font: 700 11px var(--font);
	text-transform: lowercase
}

.post-links li a {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

/* 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: 20px 0 0;
	text-align: right;
	font: normal 11px var(--font) !important;
}

.forum {
	padding: 0px
}


.forum tr {
	display: flex;
	padding: 2px 10px !important;
	gap: 20px;
	font: 400 12px var(--font);
	align-items: center;
	text-transform: lowercase;
}

.forum tr.isticky {
    border-bottom: 1px solid #7e7976
}

.forum tr:first-child {
	padding-top: 0 !important;
}

.forum tr:last-child {
	border-bottom: none;
	padding-bottom: 0 !important;
}

.forum tr + tr {
	margin-top: 0px
}

.forum td {
	padding: 0 !important;
}

.forum .tcl {
	flex: auto;
}

.forum .tc2,
.forum .tc3 {
	width: 8% !important;
	font-size: 10px
}

#pun .forum .tcr {
	min-width: 30% !important;
}

.forum table {
	margin: 0px 0
}


.forum thead {
	display: none
}

.forum tr td {
	padding: 0 !important;
}

#pun-viewforum .tcr,
#pun-searchtopics .tcr {
	display: flex;
	align-items: center;
}

#pun .user-avatar {
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	position: relative;
	margin-right: 10px !important;
}

#pun .user-avatar .avatar-image {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	transition: all .5s linear 0s;
	mix-blend-mode: luminosity;
	border: 3px solid var(--beg100)
}

#pun .user-avatar .avatar-image:hover {
	filter: none;
	opacity: 1;
	mix-blend-mode: normal
}


#pun .user-avatar .isonline {
	background: var(--accent);
	border: 1px solid var(--accent);
	margin-right: 0px;
	margin-top: 0px !important;
	box-sizing: border-box;
	z-index: 1;
	animation: none;
	width: 8px;
	height: 8px;
	border-radius: 15px !important;
	top: 5px;
	z-index: 1;
	right: 0;
}

.user-avatar .avatar-image[style*=default_avatar] {
	background-image: url(https://i.imgur.com/v1E8zVU.png) !important;
}

/* 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: -18.7em;
	display: inline;
}

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

/* C6.4 */
#viewprofile ul,
#profilenav ul {
	border: none;
	padding: 0;
	margin: 0;
}

/* C6.5 */
#viewprofile h2,
#profilenav h2 {
	padding: 3px 0 0 10px;
	margin: 0 14px -0.6em 14px;
	text-align: center !important;
}

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

/*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: none;
	margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
	display: block;
	height: 10px;
	margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
	border: none;
	padding: 0.2em 1em 0.8em 1em;
}

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

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

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

/* D2.1 */
#pun-pagelinks {
	position: absolute;
	top: -15px;
	left: 0;
	margin: 0;
	border: none;
	padding-left: -20px;
	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 {
	border: none;
	margin: 0;
}

#pun-navlinks .container {
	border: none;
	margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
	font-weight: normal;
}

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

/* D3.4 */
#pun-navlinks li a {
	font-family: tahoma;
	font-size: 0.8em;
	padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
	border: none;
}

#pun-ulinks li,
#pun-ulinks li a {
	display: inline;
	white-space: nowrap;
    position: relative
}

#pun-ulinks li a {
	font-size: 0.8em;
	padding: 0 0 0 5px;
}

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

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

#pun-status {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0;
	box-sizing: border-box;
	gap: 5px;
	margin: 10px 0 0px;
	text-transform: uppercase;
}


#pun-status a {
	color: var(--accent)
}

#pun-status a:hover {
	color: var(--dark500)
}

/* D5.2 */
#pun-status .container {
	text-align: center;
	font: 400 9px/150% var(--font);
	position: relative;
	height: auto;
	border: none;
}

#pun-status a {
	font-weight: 300
}

#pun-status .container strong {
	font-weight: 300 !important;
}

#pun-status .status-right {
	float: none !important;
}

#pun-status .item3,
#pun-status .item4 {
	margin-left: 0px !important;
}

#pun-status .item4 {
	display: none
}


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

/* D5.4 */
#pun-crumbs1 {
	font-weight: bold;
	overflow: hidden;
	margin-top: 15px !important;
	position: relative
}

/* D5.5 */
#pun-crumbs1 p.container {
	border-top: none;
}

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

#pun-announcement.section,
#pun-announcement .container {
	border: none;
	margin: 0;
}

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

/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats {
	padding:0;
	margin: 0px 0px 0px !important;
	height: auto;
	position: relative;
	text-align: left;
}

#pun-stats .container {
	display: flex;
	font: 300 11px/150% var(--font);
	position: relative;
	flex-direction: column;
	gap: 15px;
	margin: 0;
	padding: 0 !important;
	z-index: 1
}


.ststitems {
	display: flex;
	flex-wrap: wrap;
	font: 400 9px var(--font);
	text-transform: none;
	margin: 0px 0px 0px;
	padding: 0px 0 10px;
	align-items: flex-start;
	text-align: center;
	gap: 20px;
	border-bottom: 1px solid var(--dark500);
	text-transform: uppercase;
}

.ststitems li {
	padding: 0px !important;
	color: var(--dark500)
}

.ststitems li strong {
	font-weight: 400
}

#pun-stats .item3 {
	display: none
}

.onlinelist {
	padding-top: 0px !important;
}

#onlinelist {
	font-weight: 400;
}

#onlinelist span {
	font-weight: 400
}

#onlinelist strong {
	font-weight: 300
}

#pun-stats .container a {
	font-weight: 700
}

/* 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;
	text-align: center;
	text-transform: uppercase;
	font-size: 7px
}

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

/* D8.7 */
#pun-crumbs2 .container {
	font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
	margin: -2px 1em;
	border-style: solid 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"
}

.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports {
	display: none
}


input,
textarea {
	outline: none;
}

input:active,
textarea:active {
	outline: none;
}

:focus {
	outline: none;
}

#pun-messages .fs-box {
	padding: 15px;
	background: var(--pun);
	border-radius: 15px;
}

#pun-messages #post-form .fs-box {
	padding: 0 0px;
}

#pun-messages #post-form {
	padding: 0 0px !important;
}

#pun-messages #post-form.formal .fs-box.hashelp {
    padding: 0 15px;
    margin-bottom: 10px
}

#pun-messages .post h3 {
	position: relative;
	margin-left: -46px !important;
}

#pun #pun-messages .post-author {
	margin-left: -54px !important;
}

#pun-messages .pa-posts {
	display: none
}

#pun-messages .pa-online {
	clear: both
}

#pun-messages .post-content {
	margin-top: 0px !important;
	margin-left: 0px !important;
}

#main-reply {
	height: 200px;
}


#mask_dialog .inner,
.modal-inner.section,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.editBookmark {
	color: var(--dark600);
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px;
	padding: 10px !important
}

#post legend span {
	display: none
}


#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
	top: 55px !important;
}

.pl-reports {
	display: none !important;
}

.post-content td {
	border: none transparent !important;
	overflow: hidden !important;
}

::selection {
	background: var(--accent);
	color: #fefefe;
}

@-moz-document url-prefix() {
	body {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) rgba(20, 18, 15, 0.01);
	}

	html {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) rgba(0, 0, 0, 0.01);
	}

	#pun .punbb {
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--cover);
	}
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: rgba(20, 18, 15, 0.1);
	border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
	background-color: var(--accent);
	width: 4px !important;
	border-radius: 100px !important;
}

.punbb *::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: rgba(20, 18, 15, 0.1);
}

.punbb *::-webkit-scrollbar-thumb {
	background-color: var(--accent);
	width: 4px !important;
}

.post-content abbr {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: var(--borders)
}


#pun #pun-ulinks #Rz {
	display: none !important;
}

.punbb-admin textarea {
	width: 97% !important;
}

input[type="checkbox"] {
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .4s ease-in-out 0s;
	border-radius: 100%
}

input[type="radio"] {
	border-radius: 100%;
	appearance: none;
	padding: 5px !important;
	cursor: pointer;
	transition: all .2s ease-in-out 0s;
    margin-right: 10px !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background:
    var(--accent);
	border: 1px solid var(--accent) !important;
}

span.checkfield,
p.checkfield {
	display: flex;
	margin-top: 10px !important;
	align-items: center
}

.pl-share {
	display: none !important
}

.pl-email.email {
	display: none !important;
}

body.post-content {
	width: 100%;
}

.bottom_wrap {
	background:
    var(--ulnav);
	border-top: 1px solid #E4E2D4 !important;
	height: 112px;
	margin: 0px -41px -43px;
	padding: 0px 40px;
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
	align-items: center;
}

.bottombanners {
	box-sizing: border-box;
	width: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.bottombanners div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px;
	overflow-y: auto;
	padding-right: 5px;
	height: 68px;
	width: auto;
}

.bottombanners img {
	transition: all .6s ease-in-out 0s;
	mix-blend-mode: luminosity;
	opacity: .35
}

.bottombanners img:hover {
	mix-blend-mode: normal;
	opacity: 1
}

#post-form {
	padding: 0px 0px !important;
}


.intd {
	display: flex;
	align-items: center
}

#post-form h2 {
	display: none
}

#charcounter {
	font: 400 12px arsenal;
	background: var(--fill);
	border: 1px solid var(--borders);
	border-radius: 3px;
	text-align: center;
	padding: 4px 25px 6px;
	display: inline-block;
}

.charcount {
	font-weight: 700
}

#profile fieldset #charcounter {
	display: none
}

.post-rating {
	margin-bottom: 10px;
	margin-top: 10px !important;
	position: relative;
	float: right;
	z-index: 8;
	border: none !important;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

#pun .post-rating a {
	font-size: 9px !important;
	color: var(--beg100);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 28px;
	height: 28px;
	gap: 5px;
	font-weight: 500;
	position: relative
}

.post-rating p {
	font: 800 10px var(--font) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.post-rating p a:after {
	content: "";
	background: var(--dark600);
	mask: url(https://forumstatic.ru/files/001a/08/74/15219.svg) no-repeat center left;
	-webkit-mask: url(https://forumstatic.ru/files/001a/08/74/15219.svg) no-repeat center left;
	width: 28px;
	height: 28px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.mylike .post-rating p a:after {
	background: var(--links)
}

.mylike .post-rating p a {
	color: var(--beg100) !important;
}

.post-vote p.container {
	margin-top: 0px !important;
}


#viewprofile-next {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

#viewprofile-next #profilenav {
	display: none
}

#viewprofile-next tr {
	display: flex;
	gap: 5px;
}

#pun #profile-left {
	background: var(--beg300);
	width: 220px !important;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 20px !important;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-start;
	font-family: var(--font);
}

#pa-avatar img {
	border-radius: 0px
}

#profile-left li strong,
#profile-left li {
	padding: 0 !important;
	margin: 0 !important;
}

#profile-left li+li {
	margin-top: 0px !important;
}

#pun #profile-title strong {
	font-weight: 500 !important;
	font-size: 8px
}

#profile-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
	width: auto !important;
  background: var(--beg300);
	border-radius: 10px;
	padding: 20px !important;
	box-sizing: border-box;
	flex: 1
}

#profile-right li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: auto;
	text-align: center;
	padding: 10px 10px !important;
	font-size: 10px;
	background: var(--beg100);
	border-radius: 10px;
	align-self: stretch;
	font-family: var(--font)
}

#profile-right li strong {
	flex: auto;
	font-weight: normal;
	padding: 0 !important;
	margin: 0 !important;
}

#pun #profile-right li span {
	float: none;
	margin: 0;
	width: auto;
	font-weight: 600;
	padding-top: 0;
	font-size: 10px;
}

#pa-invites,
#pa-gifts,
#pa-awards {
	display: none !important;
}

#profile {
	display: flex;
	margin-top: 15px
}

#profile form.container {
	width: 100%;
	padding-left: 18.6em !important;
}


#profilenav {
	display: flex;
	margin-left: -17em;
}

#pun-messages #profile>.container {
	display: flex;
	flex-direction: column;
	width: 100% !important;
	padding-left: 0;
	padding: 0;
	box-sizing: border-box;
}

#pun-messages .linksb {
	margin: -10px 15px 15px !important;
}

#pun-messages #profilenav {
	float: none;
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	padding: 15px 15px 20px;
	gap: 15px;
	box-sizing: border-box;
	background: var(--beg300);
	border-radius: 10px
}

#pun-messages form#messages>fieldset>legend>span {
	display: none
}

#pun-messages #profilenav ul,
#pun-messages #profilenav li {
	padding: 0;
}

#pun-messages #profilenav ul {
	display: flex;
	gap: 5px;
	margin: 0
}

#pun-messages #profilenav li a {
	background: var(--dark500);
	border-radius: 25px;
	padding: 4px 10px 6px;
	text-transform: lowercase;
	font: 700 11px var(--font);
	color: var(--beg100)
}

#pun-messages #profilenav .isactive a {
	font-weight: 700;
	background: var(--beg100);
	color: var(--dark600)
}


#pun-messages #profilenav h2 {
	display: block;
	text-align: left !important;
	padding-left: 0;
	margin-left: 0;
}

#pun-main form#messages {
	border: 1px solid #a7a39f;
	margin-top: 5px;
	border-radius: 10px
}

#pun-messages .fs-box .container {
	padding: 0px 0 !important;
}

#pun-messages .fs-box .container tr+tr {
	margin-top: 0;
}

#pun-messages .fs-box .container tr {
	display: flex;
	align-items: center;
	padding: 0 0px;
	border-bottom: 1px solid #a7a39f !important;
	font: 400 12px var(--font2)
}

.pmtc22 {
	display: flex;
	align-items: center;
}

#pun-messages .fs-box .container tr:last-child {
	border: none
}

#pun-messages .fs-box .post>.container {
	display: block !important;
}

#pun #pun-messages .post {
	background: transparent;
	border: none !important;
	padding: 0 !important;
	margin-top: 0 !important;
}

#pun #keyboard-span input {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 300;
	font-size: 13px;
	color: var(--dark600);
	background-color: var(--ber300);
	margin: 1px 1px 0 0;
	margin-top: 1px;
	border: 1px solid var(--ber300) !important;
	cursor: pointer;
	padding: 0 10px !important;
	height: 25px;
	min-width: 30px;
}

#pun #keyboard-span input+input {
	margin: 3px
}

#pun-index .lastpost {
	font-size: 0
}

#pun-index .datetime,
#pun-index .byuser {
	font-size: 11px;
}

#pun-index .datetime:after {
	content: ", "
}

#BookmCntToggle {
	margin-top: 1px !important;
	z-index: 9999;
}

#MyBookmarks {
	background: var(--fill);
	text-shadow: none;
	color: var(--links);
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	width: 280px !important;
}

#MyBookmarks inner {
	padding-top: 40px !important;
}

#BookmCntToggle.default-style {
	background: var(--fill) !important;
	border-radius: 2px;
	box-shadow: 2px 2px 1px #000;
	opacity: .95;
}

#MyBookmarks h2 {
	margin: 0 !important;
	padding: 10px 20px !important;
	background: var(--fill2);
	border-radius: 6px;
	border: 1px solid var(--borders) !important;
	box-sizing: border-box;
	margin-bottom: 20px !important;
}

.post .bookmark {
	color: var(--links) !important;
}

#BookmCntToggle.default-style {
	color: var(--links) !important;
	z-index: 9999
}

#BookmCntToggle {
	top: 10px;
	left: 60px !important;
}

#MyBookmarks {
	z-index: 99999 !important;
}

#bm2 {
	right: 20px !important;
}

#pun .scrl.t,
#pun .scrl.b {
	box-shadow: none !important;
	background: var(--fill2);
	border: 1px solid var(--borders);
	border-radius: 6px;
	width: 110px;
}

.scrl.t+.scrl.b {
	margin-left: 10px !important;
}

#imageupload-left input[type=button] {
	width: auto !important
}

#pun-respect td {
	padding: .8em !important;
	overflow-wrap: normal
}

#pun hr {
	opacity: 1;
	filter: none;
	background: var(--dark500);
	border: none;
	height: 1px;
	margin: .8em auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#pun hr:after {
	content: "";
	display: block;
	background: var(--cover);
	border: 1px solid var(--borders);
	height: 7px;
	width: 7px;
	position: absolute;
	transform: rotate(45deg)
}

#topic-feed {
	display: none
}

#navpm {
	position: relative
}

#pun .num_msg {
	position: absolute;
	margin-top: 0;
	margin-left: 0;
	top: 8px;
	right: -15px;
	font-size: 10px;
	font-weight: 700;
	background: red;
	padding: 1px 4px;
	border-radius: 100px;
	height: 14px;
	color: #fff;
	cursor: pointer;
}

#pun .num_msg:before {
	display: none
}

#pun-messages #togglePreview {
	top: -15px
}

.post-content table {
	border-radius: 5px;
	overflow: hidden
}

img[alt~="hide-autor2"] {
	opacity: 0;
	display: none
}

#form-buttons {
	margin-bottom: 0px !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	flex-direction: row
}

#plng {
	font-size: 8px !important;
	font-weight: 300 !important;
	margin-top: 0px !important;
	padding: 0px !important;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-in-out 0s;
	color: var(--text2);
	text-transform: uppercase;
	white-space: nowrap;
	gap: 5px;
	font-family: var(--font);
}

#plng b {
	font-weight: 800;
	color: var(--dark600)
}


#form-buttons td img {
	position: relative
}

#form-buttons tr {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	gap: 3px;
	flex-wrap: wrap;
}

#form-buttons table {
	flex: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0;
}

#form-buttons td {
	transition: all .5s ease-in-out 0s;
	color: var(--dark400);
	width: 23px;
}

#form-buttons td:hover {
	color: var(--accent);
}

#button-font,
#button-transL,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-justify,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-html,
#button-vkladka,
#My_replic_meny,
#button-ChangeСase{
	position: relative !important;
	background: none !important;
}

#button-font:before,
#button-transL:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-justify:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-html:before,
#button-vkladka:before,
#My_replic_meny:before,
#button-ChangeСase:before {
	content: "";
	height: 26px;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	z-index: 0
}

#button-ChangeСase:before {
	content: "\f15e"
}

#button-font:before {
	content: "\f031"
}

#button-transL:before {
	content: "\f362"
}

#button-size:before {
	content: "\f034"
}

#button-bold:before {
	content: "\f032"
}

#button-italic:before {
	content: "\f033"
}

#button-underline:before {
	content: "\f0cd";
	top: 1px
}

#button-strike:before {
	content: "\f0cc"
}

#button-indent:before {
	content: "\f03c"
}

#button-left:before {
	content: "\f036"
}

#button-center:before {
	content: "\f037"
}

#button-right:before {
	content: "\f038"
}

#button-justify:before {
	content: "\f039"
}

#floatbut:before {
	content: "\f03b"
}

#button-link:before {
	content: "\f0c1"
}

#button-spoiler:before {
	content: "\f070";
	font-size: 17px
}

#button-image:before {
	content: "\f03e";
	font-size: 18px
}

#button-video:before {
	content: "\f167";
	font-size: 18px;
	top: 0px
}

#button-hide:before {
	content: "\f023"
}

#button-quote:before {
	content: "\f10e"
}

#button-code:before {
	content: "\f121";
}

#button-color:before {
	content: "\f576"
}

#button-table:before {
	content: "\f0ce"
}

#button-smile {
	display: none
}

#button-smile:before {
	content: "\f118"
}

#button-sticker:before {
	content: "\f118"
}

#button-vkladka:before {
	content: "\f58d"
}

td#button-files_rusff,
td#button-graffiti_rusff {
	display: none !important;
}

#button-keyboard:before {
	content: "\f11c";
	font-size: 16px
}

#button-addition:before {
	content: "\f0fe"
}

#button-mask:before {
	content: "\f630"
}

#button-html:before {
	content: "\f1c9"
}

#pun-profile fieldset .radio {
    padding-bottom: 10px
}

#pun-messages tr.inew .tclcon a {
    font-weight: bold
}

#togglePreview {
	display: flex;
	margin-bottom: 5px;
	justify-content: flex-end;
}

.settings_wrap {
	position: fixed;
	left: 10px;
	top: 55px;
	z-index: 999;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: var(--links);
	display: flex;
	align-items: center;
	justify-content: center
}

.settings_wrap .slide_button {
	width: 26px;
	height: 26px;
	font-size: 0;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--links);
	border-radius: 8px;
}

.settings_wrap .slide_button:before {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/84490.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/84490.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--beg100);
	width: 12px;
	height: 12px;
	display: block;
}

.settings_wrap .slide_block {
	position: absolute;
	width: 250px;
	top: 0;
	display: none;
	left: calc(100% + 10px);
}

.settings_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 0px;
}

#chfont {
	text-align: center;
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: var(--beg100);
	border-radius: 10px;
	padding: 10px 15px;
	color: var(--dark600)
}

#chfont:before {
	content: "Шрифт в постах";
	font: 700 9px var(--font);
	color: var(--dark600);
	display: block;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
	text-transform: uppercase
}

#chfontbut {
	display: none !important;
}

#chfont select {
	cursor: pointer;
	height: 25px
}

#chfontsize {
	width: auto;
	display: flex;
	align-items: center;
	font: 700 12px var(--font);
	gap: 5px;
	margin-left: 5px
}


.fsizeplus,
.fsizeminus {
	box-sizing: border-box;
	color: var(--text4);
	cursor: pointer;
	font-size: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #A5A5A5;
	align-self: stretch;
	border-radius: 10px
}

.fsizeplus::after {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/27804.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--dark600);
	width: 13px;
	height: 13px;
	display: block;
}

.fsizeminus::after {
	content: "";
	mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
	-webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/92207.svg) no-repeat center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background: var(--dark600);
	width: 13px;
	height: 13px;
	display: block;
}

#html-footer {
	position: relative
}

#header_wrap {
	position: absolute;
	width: 100%;
	height: 312px;
	background: url(https://forumstatic.ru/files/001c/44/75/58002.jpg);
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.header_img {
	background: url(https://forumstatic.ru/files/001c/44/75/22618.png) no-repeat center;
	width: 1315px;
	height: 312px;
}

.header_info {
	position: absolute;
	font: normal 10px var(--font);
	color: var(--beg100);
	width: 840px;
	top: 125px;
	text-align: center;
	text-shadow: 1px 1px 1px #000
}

.header-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px;
	box-sizing: border-box
}

.header-item.we-need {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
	top: 90px;
	justify-content: center;
}

.header-item.we-need span {
	width: 100%;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--accent);
}

.header-item.we-need img {
	transition: all .3s linear 0s
}

.header-item.we-need img:hover {
	filter: grayscale(100%);
	opacity: .65
}

.banners_bottom {
	position: absolute;
	margin-top: -95px;
	width: 220px;
	height: 105px;
	display: flex;
	justify-content: center;
}

.banners_bottom div {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	line-height: 0;
	justify-content: center;
	overflow-y: auto
}

.banners_bottom img {
	mix-blend-mode: luminosity;
	opacity: .45;
	transition: all .4s linear 0s !important;
}

.banners_bottom img:hover {
	opacity: 1;
	mix-blend-mode: normal
}

/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
/*Стиль доп-иконки Выход!*/ 
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  z-index:100000!important;
  margin-top: -26px !important;
  margin-left: 43px !important;
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position: absolute;
width: 23px;
height: auto;
transition: .63s;
}
#pun-navlinks #New-exit:hover img{
transition: .63s;
 opacity: .42;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto; 
color: #000000!important;  
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px; 
letter-spacing: 0.2; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block!important; 
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(250,255,189,.88);
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
box-sizing: border-box;
height:26px;
width:67px;
font-size: 11px!important;
color: #ffffff !important;
background: #6d5042;
border: 1px outset rgba(161,172,152,.8)!important;
text-align: center;
padding: 0 4px!important;
border-radius: 13px;
font-family: Verdana!important;
font-weight: 700!important;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 0.8;
cursor:pointer;

/*border: 2px outset #83693E!important; 
color:#565462!important;
font-weight:700!important; */
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
background: #EFEFEF;
min-height:183px;
border: 1px solid #626262;
border-radius: 0px 0px 6px 6px;
color: #000000;/*BCBCBC;*/
display: block;
font: 11px "Verdana";
left: 0px;
padding: 8px 12px;
margin: 1px 0;
position: absolute !important;
text-align: center;
word-spacing: normal;
white-space: normal;
/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
text-transform: none;
letter-spacing: 0.2px!important; 
top: 5px;
width: 122px;
z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -30px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -20px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -20px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
 margin: 11px auto;
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Verdana!important; 
letter-spacing: 0.4px!important; 
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
position:absolute; 
margin-top:-9px; 
min-height:90px; 
width:220px; 
right:100%; 
padding: 12px 19px 12px 17px; 
background: #EFEFEF;
border-color: #626262; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */ 
border-radius:0 0 0px 6px;
text-align:center; 
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #6d5042;
text-align: left;
box-shadow: 2px 2px 1px rgb(19, 20, 15);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
letter-spacing: 0.4;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#fff; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Verdana;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
border: 1px solid #5D6755!important; 
text-shadow: none!important; 
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!important; 
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ 
margin-top: 9px; 
padding: 2px !important; 
vertical-align: middle; 
} 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #000000;
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Verdana!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

0

2

Цвета style_cs.css

Код:
body {
	background:
    var(--base-bg) no-repeat fixed left top / cover;
}

#pun-title {
	display: none
}

#pun-break2 +.section {
	margin-bottom: 0
}

#pun-navlinks a {
	color: var(--beg100) !important;
	transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s !important;
	font: 400 12px var(--font) !important;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 0 !important;
	height: auto;
	text-align: center;
	text-transform: uppercase;
}

#pun-navlinks a:hover {
	color: var(--accent) !important;
}

#pun-navlinks>ul {
	display: flex;
	gap: 20px;
	width: 100%;
	justify-content:center;
	align-items: center;
	height: auto;
	padding: 0 !important;
	padding-top: 10px !important;
	text-align: right;
	border: none !important;
}

#pun-navlinks {
	display: block;
	font-size: 0px !important;
	font-style: normal;
	font-weight: lighter !important;
	width: 960px;
	margin: -40px 0px 0 -40px !important;
	height: 49px;
	padding: 0px 0px;
	text-align: right;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	background: url(https://forumstatic.ru/files/001c/44/75/66567.png);
	z-index: 10
}

#navawards {
	display: none !important;
}

#pun-navlinks .container {
	flex: 1;
}

#pun-navlinks .container:after {
	display: none
}


#pun-ulinks {
	box-sizing: border-box;
	margin: 0px 0px 0 -40px !important;   
	padding: 0px 0px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;
	top: 49px;
	background: url(https://forumstatic.ru/files/001c/44/75/30670.png);
	width: 960px;
	z-index: 9
}


#pun-ulinks .container {
	padding: 0px !important;
	text-align: center;
	border: none !important;
	display: flex;
	height: 100%;
	gap: 20px;
	flex: 1;
	align-items: center;
	justify-content: center;
}

#pun-ulinks .container:after {
	display: none
}

#pun-ulinks a {
	font: 400 11px/120% var(--font) !important;
	text-transform: lowercase;
	color: var(--dark600) !important;
	padding: 4px 0px !important;
	margin: 0 0px 0 0 !important;
	box-sizing: border-box;
	display: flex !important;
	align-items: center;
	display: block;
}

#pun-ulinks.section {
	margin-bottom: 0px !important;
}

#pun-ulinks a:hover {
	color: var(--accent) !important;
}

.offctgr {
	display: block !important;
	visibility: visible !important;
}

.pa-respect img {
	width: 10px
}


#profilenav h2 {
	text-align: left !important;
}

.pa-links {
	height: auto !important;
	position: absolute;
	margin-top: 5px !important;
	width: 100%;
	margin-left: 40px !important;
}

.pa-links li {
	margin: 0 !important;
}

.pa-links ul {
	display: flex;
	gap: 20px
}

.post-author {
	width: 242px;
	font: 400 10px/150% var(--font);
	box-sizing: border-box;
	margin-top: -62px !important;
	margin-bottom: 25px !important;
	margin-left: -38px !important;
	z-index: 1;
	position: relative;
	background: 
    url(https://forumstatic.ru/files/001c/44/75/61781.jpg) no-repeat top left,
    url(https://forumstatic.ru/files/001c/44/75/19542.jpg) no-repeat bottom left,
    url(https://forumstatic.ru/files/001c/44/75/26781.jpg) top left;
}

.post-author>ul {
	box-sizing: border-box;
	text-align: center !important;
	box-sizing: border-box;
	margin-left: 14px;
	width: 214px;
	padding: 45px 15px !important;
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: var(--beg100);
	text-shadow: 0 0 1px #000;
}

.post-author>ul a {
	color: var(--accent) !important;
}

.post-author>ul a:hover {
	color: var(--beg100) !important;
}

.post[data-group-id="3"] .pa-avatar .indOffline {
	display: none;
}

.pa-author {
	font: 600 15px var(--font) !important;
	text-align: center !important;
	margin-bottom: 0px !important;
	margin: 0 !important;
	position: relative;
	align-self: center;
}


i#tuser,
.pa-author span.flag-i {
	display: none !important;
}

.pa-title {
	text-align: center;
	font-weight: 300 !important;
	position: relative;
	margin: 15px 0 0px !important;
	position: relative;
}

.pa-avatar {
	line-height: 0;
	overflow: hidden;
	display: inline-flex;
	position: relative;
	margin: 0 auto 0 !important;
	z-index: 1;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #000, 0 0 1px 3px #391d16, 0 0 3px 2px #000;
	max-width: 180px
}

.pa-avatar img {
	max-width: 180px;
	margin: 0 !important;
}


.field_wrap2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	gap: 10px;
    margin: 5px 0 0px !important;
	flex-wrap: wrap;
}

.pa-posts, .pa-respect, .pa-fld2, .pa-fld3 {
    display: flex;
    text-align: center;
	line-height: 100%;
	padding: 0px !important;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	font-weight: 600;
	font-family: var(--font);
	font-size: 10px !important;
	gap: 2px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name {
	text-transform: lowercase;
	font-weight: 400;
	font-size: 9px;
	width: 100%
}

.pa-respect a:has(img) {
	background: var(--beg100);
	height: 7px;
	width: 7px;
	  mask: url(https://forumstatic.ru/files/001a/08/74/48716.svg) no-repeat center center;
-webkit-mask: url(https://forumstatic.ru/files/001a/08/74/48716.svg) no-repeat center center;
  mask-size:cover;
 -webkit-mask-size: cover;
	margin-right: 1px !important;
	margin-bottom: 1px;
	display: inline-block
}

.pa-respect img {
  display: none
}

.pa-fld1 .fld-name {
	display: none
}

.pa-fld1 {
	background: 
    url(https://forumstatic.ru/files/001c/44/75/30577.png) no-repeat top,
    url(https://forumstatic.ru/files/001c/44/75/45650.png) no-repeat bottom,
    url(https://forumstatic.ru/files/001c/44/75/60178.png);
	width: 220px;
	margin-left: -18px !important;
	margin-bottom: -15px !important;
	padding: 30px 25px !important;
	box-sizing: border-box;
}

.pa-fld1 center {
	text-align: center;
}

name {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 3px !important;
}

.pa-reg,
.pa-last-visit {
	display: none;
}

.punbb th {
	font-size: 0 !important;
}

.lastedit {
	display: none !important;
}

.pa-gifts,
.pa-ua {
	display: none !important;
}

.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,
.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#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 {
	border-color: transparent;
}

.punbb .post-box {
	text-align: justify
}

#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
	border-color: transparent;
	font-style: normal;
	font-weight: normal;
}

#pun #post-form {
	position: relative;
	margin-top: 20px
}

.punbb textarea {
	box-sizing: border-box;
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px;
	padding: 10px !important;
	border: none;
	width: 100% !important;
	color: var(--dark600)
}

.punbb .quote-box,
.punbb .code-box {
	overflow: hidden;
	padding: 15px !important;
	position: relative;
	overflow: hidden;
	text-align: justify;
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px
}

.quote-box.spoiler-box {
	padding: 0 10px 10px !important;
}

#pun .post-content .spoiler-box>div {
	background: transparent;
	position: relative;
    padding: 10px 0 0px !important;
    font: 400 12px var(--font);
	display: flex;
	align-items: center;
}

.quote-box.spoiler-box blockquote {

}

#pun .post-content .spoiler-box>div:before {
	content: "";
	background: var(--dark600) url(https://forumstatic.ru/files/001c/44/5e/55943.svg?v=1) no-repeat center;
	background-size: 8px;
	width: 10px;
	height: 10px;
	transition: all .5s ease-in-out .15s;
	box-sizing: border-box;
	border-radius: 25px;
	padding: 7px;
	font: 600 10px var(--font);
	margin-right: 10px;
	display: inline-block;
}

#pun .post-content .spoiler-box>div.visible:before {
	content: "";
    background: var(--dark600) url(https://forumstatic.ru/files/001c/44/5e/36905.svg?v=1) no-repeat center;
	background-size: 8px;
}

#pun .quote-box cite,
#pun .code-box strong.legend a {
	display: inline-block;
	font-size: 9px;
	font-family: var(--font);
	padding: 0;
	margin-bottom: 10px !important;
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--beg100);
	background: var(--dark600);
	padding: 4px 10px;
	border-radius: 10px
}

#pun-main .code-box .scrollbox pre {
	font-size: 11px;
	font-family: Courier New
}

.punbb select,
input {
	border: 0;
	padding: 4px 10px !important;
	border: 1px solid #a5a5a5 !important;
	background: var(--pun);
	font: 400 11px var(--font), arial !important;
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px
}

#pun-navlinks .container {
	border-color: transparent;
	color: #152115;
}

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

.punbb .container,
.punbb .post-body,
.post h3,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table,
#pun-ulinks li,
#pun-announcement h2 span,
li#onlinelist,
#pun-help .formal .info-box h3.legend span,
#pun-ulinks li a,
#pun-announcement h2,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
.punbb .divider,
.punbb .quote-box,
.punbb .code-box,
.punbb th,
.punbb .formal fieldset .post-box,
.punbb .info-box,
li.pa-online,
.punbb .post-sig dt {
	border-color: transparent;
}

.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 {
	border-bottom: 0 none #000;
	color: var(--links);
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}


.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 {
	border-bottom: 0 none #000;
	color: var(--hover-link);
	text-decoration: none;
}

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

h1 {
	display: none
}

h2, h1 {
	font: 800 12px var(--font) !important;
	color: var(--text)
}

#MyBookmarks h2 {
	display: block
}

#pun-index h2 {
	box-shadow: none;
	border: 0 !important
}

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

#pun-index table Div.icon {
	display: none;
}

#pun-index tr.inew .icon {
	background: url(https://forumstatic.ru/files/001c/44/5e/42614.png);
}

div.icon {
	margin-right: 10px;
	box-sizing: border-box;
	margin-top: 0px !important;
  width: 11px;
  height: 11px;
	background: #7e7976;
	border-radius: 3px;
}


.inew div.icon {
	background: #504d27
}

.isticky div.icon {
	background: var(--accent);
}

.iclosed div.icon {
	background: var(--dark600);
}

#pun-about p.container {
	height: auto;
	margin-top: 0px !important;
	width: auto;
	padding: 0 0 0px !important;
	border: 0 !important;
	font-size: 10px;
  font-family: var(--font);
}

#pun-about {
	border: 0 !important;
	padding: 0 !important;
	background: url(https://forumstatic.ru/files/001c/44/75/43195.png);
	width: 960px;
	height: 210px;
	margin-left: -40px !important;
	margin-bottom: -40px !important;
}

div#pun-about {
	margin-top: -10px;
}

div#html-footer {
	margin: 0px 0 0;
}

#pun-announcement.section h2 span {
	display: none;
}

.punbb input {
	border: medium none;
}

.button,
#pa-edit strong a,
input[type="button"],
button[type="button"] {
	background: var(--dark600);
	border: none !important;
	color: var(--beg100);
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	margin-top: 0px !important;
	padding: 5px 15px !important;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 10px;
	text-transform: uppercase
}

.button:hover,
#pa-edit strong a:hover,
input[type="button"]:hover,
input.active[type="button"],
button[type="button"]:hover {
	cursor: pointer;
	background: var(--accent);
	color: var(--beg100);
}

input[name="preview"] {
	background: var(--links);
	color: var(--beg100)
}


.button:active {
	border-top-color: #2c5f75;
}

#pun-crumbs1, #pun-crumbs2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

#pun-crumbs1 p.container,
#pun-crumbs2 p.container {
	font: 400 12px var(--font);
	text-transform: lowercase;
	text-align: center;
	color: var(--dark500)
}


#pun-crumbs1 a,
#pun-crumbs2 a {
	font-weight: 700;
}


#pun-crumbs1,
#pun-crumbs2 {
	margin: 10px 0 20px !important;
	position: relative;
	z-index: 1
}

#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em {
	display: none !important;
}

.post_reputation {
	color: var(--dark600);
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px
}


#font-area,
.popup_graffiti,
#size-area,
#image-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#smilies-area,
#spoiler-area,
#meny_My_replic {
	color: var(--dark600);
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px;
	padding: 10px !important;
}


#keyboard-area input {
	box-shadow: none;
}

#font-area {
	height: 300px;
	overflow-y: auto;
	padding: 5px;
	text-align: left;
	width: 150px
}


#pun-index .tcmod {
	display: none
}

#pun-index .category {
	margin: 0 0px !important;
	border: none;
}

#pun-index .category+.category {
	margin-top: 0 !important;
}

#pun .category h2, #pun-stats h2  {
    margin: 5px 0px -5px !important;
	margin-left: -30px !important;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: left;
    width: 942px;
	height: 102px;
	z-index: 1;
	background: url(https://forumstatic.ru/files/001c/44/75/22120.png) no-repeat center;
	color: var(--accent2);
	flex-direction: row-reverse;
	gap: 2px;
	font: normal 11px var(--font2) !important;
	text-shadow: 0 0 4px rgba(178,99,84,.58), 0 0 1px #000000
}

#pun .category h2 span, #pun-stats h2 span {
	padding: 0px;
	display: block;
}


#pun-index .category .container {
	position: relative;
}

#pun-index .category tr + tr {
	margin-top: 20px
}

.category tr {
	margin: 0 0px;
	font: 400 11px var(--font);
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 0 10px !important;
	box-sizing: border-box;
	position: relative;
	color: var(--dark500)
}


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

#pun-index .category table {
	border: 0 !important;
}

#pun-index .category td {
	border: 0 !important;
}

#pun-index thead {
	display: none
}

#pun-index .category .tcl {
	width: 450px;
	box-sizing: border-box;
	padding: 0px !important;
	position: relative;
}


#pun-index .tclcon > br {
	display: none
}

#pun-index .tclcon {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px
}

#pun-index .tclcon h3 {
	border-bottom: 1px solid var(--dark500);
	padding-bottom: 1px
}

#pun-index .tclcon h3 a {
	padding: 0;
	font: normal 16px var(--font2);
	text-transform: lowercase;
}


.f_desc {
	margin-top: 4px !important;
	line-height: 120%;
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: justify
}

.f_desc div:not(.forum_icon) {
	flex: 1
}

.forum_icon {
	background: url(https://forumstatic.ru/files/001c/44/75/88702.png);
	width: 53px;
	height: 49px;
	opacity: .4
}

tr.inew .forum_icon {
	opacity: 1
}

.f_links {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin-top: 5px !important;
}


.f_links a {
	border: 1px solid var(--links) !important;
	color: var(--links) !important;;
	font: 600 10px var(--font);
	padding: 2px 10px 4px;
	border-radius: 100px;
}

.f_links a:hover {
	border: 1px solid var(--dark600) !important;
	color: var(--dark600) !important;;
}

#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
	display: none
}

#pun td.tcr {
	line-height: 110%;
	margin: 0 0px !important;
	box-sizing: border-box;
}

#pun-index td.tcr {
	flex: 1;
	text-align: left;
	padding: 0px !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	align-self: stretch;
	display: flex;
}

.lastmess_wrap {
  display: grid; 
  grid-template-columns: 30px 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 2px 15px; 
  grid-template-areas: 
    "ava link"
    "ava data"; 
}
.lastmess_wrap .user-avatar { 
	grid-area: ava; 
}

.lastmess_wrap .lastpost-link {
  align-self: end; 
  grid-area: link; 
}
.lastmess_wrap .lastpost {
  align-self: start; 
  grid-area: data;
	text-transform: lowercase;
	color: var(--dark500)
}

#pun-index .tcr a.lastpost-link {
	font-weight: 700;
	font-size: 13px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
	width: 230px;
	white-space: nowrap;
	line-height: 100%;
	text-transform: lowercase
}

.category td+td {
	padding: 0 0px;
}

.Add {
	width: 70px;
	display: flex;
	gap: 10px;
	font-size: 9px;
	flex-direction: column;
	font-family: var(--font);
	color: var(--dark500);
	text-transform: uppercase
}

.Tems_And_messages {
	font-weight: 300;
	color: var(--dark500);
	display: flex;
	gap: 5px;
}

.Tems_And_messages b {
	font-weight: 700;
	font-family: var(--font);
}

#pun {
	background-position: center top;
	background-repeat: repeat-y;
}

#pun-main .post-author ul {
	text-align: center;
}

.punbb .post {
	border-color: transparent;
}

.topic a.sharelink {
	display: none;
}

textarea#main-reply:focus {
	outline: 1px solid rgba(0, 0, 0, 0) !important;
}

.arrow_wrap {
    margin-left: 948px !important;
	position: fixed;
	top: 0;
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	z-index: 10
}

.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    transition: filter .4s linear 0s;
}

.go-up span, .go-down span {
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.go-up:hover, .go-down:hover {
	 filter: grayscale(50%) brightness(.8)
}

html .hvStickerPackModal {
	box-shadow: none !important;
	margin-left: 15px !important;
	border-radius: 10px !important;
	border: 1px solid #96908f !important;
	background: #a7a39f;
}


.hvStickerPackModal .hvStickerPackModalContent {
	box-shadow: none !important;
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px
}

.hvStickerPackModalTab {
	background: var(--accent) !important;
	border: none !important;
	color: var(--beg100) !important;
	font-family: var(--font) !important;
	border-radius: 8px !important;
	box-shadow: none;
	font-weight: 800 !important;
}

.hvStickerPackModalTab:hover {
	background: var(--dark600) !important;
	color: var(--beg100)
}

.hvStickerPackModalTab.active {
	background: var(--dark600) !important;
	color: var(--beg100)
}

.hvStickerPackModalAdd {
	display: flex;
	align-items: stretch;
}

.hvStickerPackModalInput {
border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 8px !important;
}

.hvStickerPackModalAddButton {
	border-radius: 0 !important;
	border: none!important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	border-radius: 8px !important;
}

#float {
	border: 1px solid #96908f !important;
	background: #a7a39f;
	border-radius: 10px;
	width: 150px;
	font: normal 9px var(--font);
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	z-index: 8;
	top: 50px;
	right: 50px
}

0

3

HTML верх

Код:
<div id="header_wrap">
<div class="header_img"></div>
<div class="header_info">
<div class="header-item about-us">
<span>апокалипсис | ходячие мертвецы | 18+</span>
<div>2010 году ты встретил зомбиапокалипсис и был вынужден примкнуть к тем, кто остался жив. Ты выживешь, ты сможешь. Мы верим в тебя.</div>
</div>
<div class="header-item we-need">
<span>we need them</span>
<a href="https://stayhere.rusff.me/viewtopic.php?id=17#p1704" title="в пару"><img src="https://i.imgur.com/nRyMLHZ.png"></a>
<a href="https://stayhere.rusff.me/viewtopic.php?id=17#p1743" title="брат"><img src="https://i.imgur.com/yzfaJLk.png"></a>
<a href="https://stayhere.rusff.me/viewtopic.php?id=17#p1777" title="дед"><img src="https://i.imgur.com/CagmP4R.png"></a>
</div>
</div>
</div>

<!--кнопки вверх вниз-->
<div class="arrow_wrap">
<div class="go-up" id='ToTop'><span><img src="https://forumstatic.ru/files/001c/44/75/93572.png"></span></div>
<div class="go-down" id='OnBottom'><span><img src="https://forumstatic.ru/files/001c/44/75/68526.png"></span></div>
</div>


<!---------------------------- Пиар-вход, хтмл верх ---------------------------->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Infected'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'https://forumstatic.ru/files/001c/1f/15/59496.png'; //Дополнительная Иконка выход;
</script>
<script data="362b07"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>


<!------------------------- Мгновенные уведомления © Alex_63, Deff 2019 ------------------------>
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019
<script>notifications.load('reputation');</script> -->
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [15,20]}); // ID важных тем (через запятую)
</script>


<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
    background: var(--dark500);
  z-index: 999;
  max-width: 180px;
  border-radius: 25px;
  font-family: var(--font); /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: var(--beg100); /* цвет текста */
  text-align: center;
  padding: 4px 10px;
  letter-spacing: 0px;
  font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<script>
FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
$().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>


<!------------------------------------------ ОТКЛЮЧЕНИЕ ФУНКЦИЙ И КНОПОК ------------------------------->
<!--Отключить кнопку "Жалоба" -->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!--Отключить функцию "Поделиться" -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--Отключить функцию "Вложения" -->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>
<!--Отключить функцию "Это интересно" -->
<script type="text/javascript">
rusffLive.enable = false;
</script>
<!--Отключить функцию "Реакция" -->
<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>
<!--Список просматривающих тему -->
<script>
RusffCore.sets.realtimeTopicReaders = false
</script>

<div class="settings_wrap">
<div class="slide_button">настройки</div>
<div class="slide_block"><div class="settings_container">
<!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru -->
<div id="chfont">
<div id="chfontbut">Шрифт в постах</div>
<select id="chfontfam" name="chfontfam">
<option value="0">по умолчанию</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'helv', serif" style="font-family: 'helv', serif">Helvetica</option>
<option value="'Montserrat', serif" style="font-family: 'Montserrat', serif">Montserrat</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<ul id="stylelist"></ul>
</div>
</div>
</div>

<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",11);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p, textarea").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->



<style>
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&family=Comforter+Brush&family=Cormorant+Infant:wght@300&family=Forum&family=Hina+Mincho&family=Lora&family=Neucha&family=Oranienbaum&family=Philosopher&family=Yuji+Boku&display=swap');
</style>

<style>
@import url('https://fonts.cdnfonts.com/css/romantisk-demo');
@import url('https://fonts.cdnfonts.com/css/white-tie-affair');
@import url('https://fonts.cdnfonts.com/css/frank-black');
@import url('https://fonts.cdnfonts.com/css/giambattistavspetit');
@import url('https://fonts.cdnfonts.com/css/alice-2');
@import url('https://fonts.cdnfonts.com/css/marky-marker');
@import url('https://fonts.cdnfonts.com/css/espoir-serif');
@import url('https://fonts.cdnfonts.com/css/jb-style');
@import url('https://fonts.cdnfonts.com/css/ogdred-weary');
@import url('https://fonts.cdnfonts.com/css/bellarina');
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zeyada&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');

</style>


<link href="https://fonts.googleapis.com/css?family=Bad+Script|Neucha|Pangolin|Underdog|Yeseva+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat&family=Cormorant+Garamond:wght@300&family=EB+Garamond&family=IBM+Plex+Serif:wght@100&family=Noto+Serif&family=Prata&family=Reggae+One&family=Train+One&family=Underdog&family=Viaoda+Libre&display=swap" rel="stylesheet">

<style>
@import url('https://fonts.googleapis.com/css2?family=Advent+Pro&family=Aleo:wght@300&family=Amatic+SC&family=Bad+Script&family=Bodoni+Moda&family=Caveat&family=Comforter&family=Comforter+Brush&family=Cutive+Mono&family=Fredericka+the+Great&family=Homemade+Apple&family=Marcellus&family=Marck+Script&family=Montserrat+Alternates:wght@100&family=Nanum+Brush+Script&family=Nothing+You+Could+Do&family=Nova+Cut&family=Oswald:wght@300&family=Reenie+Beanie&family=Six+Caps&family=Unica+One&family=Yesteryear&family=Yuji+Mai&family=Zeyada&display=swap');
</style>

<!--Плавная смена картинок-->
<style>
.image.UP,
.image.Down {
   border:0px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{

}
.image.UP:hover {
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}


</style>

0

4

HTML низ

Код:
<!--хтмл -->
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<!--- цифры категорий и статистики --->
<script>
$(function (){ 
$('<div class="cat_name">I.</div>').insertAfter('.category.category-1 h2 span'); 
$('<div class="cat_name">II.</div>').insertAfter('.category.category-2 h2 span'); 
$('<div class="cat_name">III.</div>').insertAfter('.category.category-3 h2 span'); 
$('<div class="cat_name">IV.</div>').insertAfter('.category.category-4 h2 span'); 
$('<div class="cat_name">V.</div>').insertAfter('.category.category-5 h2 span');
$('<div class="cat_name">VI.</div>').insertAfter('.category.category-6 h2 span'); 
$('<div class="cat_name">VII.</div></div>').insertAfter('#pun-stats h2 span'); 
});
  </script>
<!--- конец --->

<div class="banners_bottom"><div>
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a> <a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a> <a href="https://stayhere.rusff.me" target="_blank"> <img src="https://i.imgur.com/GONHg1R.gif" title="cujo" border="0" alt="stay here"></a> <a href="https://stayhere.rusff.me" target="_blank"> <img src="https://i.imgur.com/GONHg1R.gif" title="cujo" border="0" alt="stay here"></a>
</div></div>

<script>
//Move post-author-links links to post-author block - Разбиение ссылок в топике на относящиеся к автору и к посту
(function(){
const replaceLinks = () => {
    const postLinksElems = document.querySelectorAll('.post-links');
    postLinksElems.forEach(elem=>{
        const authorLinks = elem.querySelectorAll('.pl-email');
        const topicContainer = elem.parentElement;
        if (topicContainer.classList.contains('post-body')) return;
        const authorContainer = topicContainer.querySelector('.post-author');
        if(authorLinks.length){
            const newUl = document.createElement('ul');
            const newBlock = document.createElement('div');
            newBlock.classList.add('pa-links');
            newBlock.append(newUl);
            newUl.append(...authorLinks);
            authorContainer.append(newBlock);
        }
        const postContainer = topicContainer.querySelector('.post-body');
        postContainer.after(elem);
    });
};

replaceLinks();
$(document).on('pun_post', () => replaceLinks());
$(document).on('pun_preview', () => replaceLinks());
$(document).on('pun_edit', () => replaceLinks());
})()
</script>

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="0"></script>


<script type="text/javascript">
$(document).mouseup(function (e){// обрабатываем клик в любой точке 
      if (jQuery(e.target).closest(".settings_wrap").length > 0){ // проверка , произошел ли клик вне элемента, который надо по этому клику скрыть
      	 return false; // клик по элементу игнорируем 
      }
      
      else $(".settings_wrap .slide_block").slideUp();// клик вне элемента
       clickCount = 1;
     });
</script>

<script>
$('.slide_button').click(function() {  
    $('.slide_button').not(this).removeClass('i_active');
    $(this).toggleClass('i_active');
});
</script>

<script>
$('.slide_button').each(function() {
    $(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
      $(this).next().slideToggle(); 
    });
  });
</script>

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'Копировать код [копируется сразу]' //выделить [копируется сразу]</script>
<!-- конец -->

<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!-- конец -->

<!--Скрытие профиля в теме тегом-->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website, .hideprofile .post-sig {display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}
</style>

<script type="text/javascript">
$(document).ready(function() {
        $("#float").prependTo($("#post-form"));
});
</script>

<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){ 
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>

<script>
$('.post-author').each(function(){
$(this).find('.pa-posts, .pa-respect, .pa-fld2').wrapAll('<div class="field_wrap2">');
});
$('#pun-index .tcr').each(function(){
$(this).find('.user-avatar, .lastpost, .lastpost-link').wrapAll('<div class="lastmess_wrap">');
});
</script>

<script>
$(document).ready(function(){
    $('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
});
</script>

<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/b77Tbqv.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/b77Tbqv.png'; //Ссылка на аватар для Гостя

   $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if (+$(this).parents('.post').attr('data-group-id') == 3) b = GuestAvtr;
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!-- Конец -->

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>

<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
  <script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl').each(function() {
           var L=$(this).parents('tr:first');
           var str='<div class="Add"><div class="Tems_And_messages"><b>'+L.find('td.tc2').text()+'</b> тем</div><div class="Tems_And_messages"><b>'+L.find('td.tc3').text()+'</b> сообщений</div>\
           </div>';$(str).insertAfter(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
    </script>

<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/21552.svg" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/23464.svg" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-24px 0 0 18px;background: var(--beg100);border: 1px solid var(--dark500);line-height: 0;border-radius: 100%;padding: 0;font: 700 8px var(--font);width: 11px;height: 11px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!--ТЕГ justify -->
 <style>
    #button-justify {background:transparent}</style>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#post #button-right").after('<td id="button-justify" align="center" valign="center" title="Выравнивание по ширине"><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');});
    </script>

<!--замена тире -->
<script type="text/javascript">
$('.post-content p').each(function(){
  var not = /<|>|style|script|\/\*|\*\//gm.test($(this).text())
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(!not&&a!=b)$(this).replaceWith(b)
});
</script>

<!-- тег абзаца -->
<style>#button-indent {background: transoarent !important;}</style>
<script type="text/javascript">(function()
{var b = '[indent]'; 
$("#button-strike").after('<td id="button-indent" title="отступы"><img src="/i/blank.gif"  onclick="insert(\''+b+'\')"></td>');
var indent = '<span style="display: inline-block; margin: 1em 2.1em;"></span>'; 
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>



<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('#pun-ulinks .item2','Активные темы','Активные');
   changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
   changeS('#pun-ulinks .item7','Всё прочитано','Прочитано');
   changeS('#navadmin','Администрирование','Амс');
   changeS('.pa-respect span','<span>+','<span>');
   changeS('#pun-status .item2','Ваш последний визит','Был');
   changeS('#pun-stats h2 span','Статистика форума','Statistics');
</script>

<!-- запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!--конец-->

<!-- Разделение ников пользователей в теме запятой -->
<script>$('#topic-users-in a').prev('a').after(',');</script>
<!--конец-->

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script type="text/javascript">
    FORUM.imgur_ClientID = '46db9f345dcad43'; //Client-ID для загрузки на imgur.com (опционально)
    FORUM.imageban_TOKEN = 'kAmwEHuOdNbWHmx37ChS'; //TOKEN для загрузки на imageban.ru (опционально)
    </script>
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!-- конец-->

<!--Переключение раскладки выделенного текста -->
<style>#button-transL{background-image:url(https://i.ibb.co/KWndfhz/3.png)}</style>
<script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat↔ Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>

<!-- Отключение сокращения ссылок -->
<script type="text/javascript"> FORUM.set("editor.link.short_url", function() { return false; }); </script>

<!-------------------------- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА ПРИ УТЕРЕ © Человек-Шаман ------>
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>

<!--------------------------------------------------------- ПОДНЯТИЕ РЕПУТАЦИИ В ЗАКРЫТЫХ ТЕМАХ ------>
<script type="text/javascript">
if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
</script>


<!--------------------------------------------------- ВЫРАВНИВАНИЕ ПО ШИРИНЕ ----------------------------->
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#post #button-center").after('<td id=button-justify align=center valign=center><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');}); 
</script>

<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">символов: <b>00</b></small>';epl.parents("#post-form").find("#form-buttons").append(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--конец -->



<!--Маска в постах-->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['Always accountable', 'The same boat', 'Hearts still beating', 'Days gone bye',  '30 days without an accident', 'Beside the dying fire', 'Sing me a song', 'Still gotta mean something', 'Dead or alive or'],
    
    forumAccessExtended: {
        'Always accountable': ['Принятый', 'Не принятый'],
        'The same boat': ['Принятый', 'Не принятый'],
        'Hearts still beating': ['Принятый', 'Не принятый'],
        'Days gone bye': ['Принятый', 'Не принятый'],
        '30 days without an accident': ['Принятый', 'Не принятый'],
        'Beside the dying fire': ['Принятый', 'Не принятый'],
        'Sing me a song': ['Принятый', 'Не принятый'],
        'Still gotta mean something': ['Принятый', 'Не принятый'],
        'Dead or alive or': ['Принятый', 'Не принятый']
    },    
changeList: {
        'pafld1': {
            title: 'ЛЗ',
            description: 'Личное звание',
            tag: 'lzv',
            class: 'pa-fld1',
            defaultCode: '<center><name><a href="ссылка">имя фамилия</a>, 00</name><lz> ваш любой текст. <a href="ссылка">пара</a></lz></center>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect']
});
</script> 
<!-- конец -->


<!--Шрифт-->
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Amatic+SC|Bebas+Neue|Caveat|Changa|Cormorant+Garamond|Crimson+Text|Dancing+Script|EB+Garamond|Gloria+Hallelujah|Indie+Flower|Orbitron|Pacifico|Permanent+Marker|Playfair+Display|Ruge+Boogie|Satisfy|Shadows+Into+Light|Anonymous+Pro|Play|Podkova|Slabo+27px|Special+Elite|Yanone+Kaffeesatz&display=swap" rel="stylesheet">



<!--подгружаем шрифты-->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/b1/a6/16387.js?v=28"></script>
<!--конец-->


<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

    <!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px; padding-bottom: 10px;    padding-right: 11px;}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>
<!-- Исключение из "Цитировать" подписи и "отредактировано" -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>


<!--- Скрыть rss-atom --->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!--- конец --->


<!--замена коротких тире на длинные -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</script>


 <!-- ник гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>


<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые</a></li>');} 
show_new();
</script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], span.offctgr img[title]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>


<!--взаимная реклама-->
<script>function getUrlParameterByName( name,href )
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));}
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;}
function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + '[url=' + url + ']ваша реклама[/url]'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();}
function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }

var advertiseCodes = [];
advertiseCodes.push('[align=center][url=https://stayhere.rusff.me][img]https://i.imgur.com/VpWx1GR.jpeg[/img][/url][/align]' +'\n');

advertiseCodes.push('[align=center][url=https://stayhere.rusff.me][img]https://i.imgur.com/VpWx1GR.jpeg[/img][/url][/align]' +'\n');

addAdvertiseLink(45);
</script>

0

5

HTML в форме ответа

Код:
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/40/e3/14926.txt?v=2");
});
</script>

0

6

Код:
[html]<center class=""><div class="field">
<div class="menu"> 
<div class="menulinks">
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=13">хронология</a> 
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=12">вирус</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=10">f.a.q</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=14">выжившие</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=16">внешности</a>
          <a class="menulink " href="https://stayhere.rusff.me/viewtopic.php?id=17">нужные</a>
        </div></div>
<div class="text"> 
<p>2010 году ты встретил зомбиапокалипсис и был вынужден примкнуть к тем, кто остался жив. Рекомендуем не паниковать [!]. Запомни: Захвати еду, питьевую воду, радиоприёмник, фонари, оружие и отступай в безопасное место.
<p>Ты не один. Ты выживешь, ты сможешь. Мы верим в тебя.
<p>[!] Срок придержания внешностей и ролей - <b>3 дня</b>.  
</p></div>

<div class="element1">
<img src="https://i.imgur.com/ExfkoQo.gif">
</div>

<div class="vnehi">
<br><center>до 00.00</center><br>
name surname - <a href="ссылка на профиль">name surname</a><br>
</div>

<div class="names">

<br>
</div>
<style>
.field {
    width: 661px;
    box-shadow: 0px 0px 5px #000;
    height: 513px;
    border-radius: 5px;
    background: url(https://i.imgur.com/Fm40GHn.png);
}
.about1 {
    position: absolute;
    overflow: auto;
    margin-top: 18px;
    width: 322px;
    height: 30px;
    font-family: 'white tie affair';
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
    margin-left: 292px;
    font-weight: 700;
    color: #8d451b;
    letter-spacing: .04em;
    text-shadow: 1px 1px 2px black;
}

.about2 {
        position: absolute;
    overflow: auto;
    margin-top: 38px;
    width: 334px;
    margin-left: 286px;
    height: 20px;
    font-family: alice;
    font-size: 8px;
    text-align: center;
    font-weight: 500;
    color: #87736b;
}

.element1 {
position: absolute;
    overflow: hidden;
    margin-top: 46px;
    margin-left: 21px;
    width: 617px;
    height: 174px;}

.text {
position: absolute;
    overflow: auto;
    margin-top: 273px;
    width: 300px;
    height: 202px;
    margin-left: 52px;
    text-align: justify;
    padding: 3px 10px 3px 5px;
    text-indent: 10px;
    font-size: 9px;
    font-family: 'Philosopher';
    font-weight: normal;
    color: #8b8686;
}

.menu {
position: absolute;
    overflow: auto;
    margin-top: 225px;
    width: 730px;
    height: 182px;
    margin-left: -95px;
    text-align: justify;
    padding: 3px 10px 3px 5px;
    text-indent: 12px;
    font-size: 9px;
    font-family: 'Philosopher';
    font-weight: normal;
    color: #565656;
}

.menulink {     
    font-size: 11px;
    color: #030303 !important;
    text-align: center !important;
    text-shadow: 0px 0px #000000;
    line-height: 19px;
    background-color: #674c3f;
    border-radius: 3px;
    padding: 1px 5px;
}
a.menulink:hover {
    color: #000000 !important;
    background: #692e10;
}

.menulinks {    padding: 1px 0px 4px 0px;
    text-align: center;}

.vnehi{
margin-left: 417px;}

.vnehi {
    position: absolute;
    overflow: auto;
    font-family: 'Philosopher';
    margin-top: 288px;
    width: 204px;
    height: 167px;
    font-size: 11px;
    padding: 5px;
    text-transform: lowercase;
    text-align: left;
    font-weight: normal;
    color: #8a817a !important;}
    
.vnehi a {
color: #736455 !important;
    font-weight: bold;
}

.vnehi a:hover {
color: #6f3322 !important;
    font-weight: bold;
}
</style></div></center>[/html]

придержать внешность или роль

Код:
name surname роли\внешности - <a href="ссылка на профиль">name surname</a><br>

0


Вы здесь » archives » stay here » диз ферма


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