body { background:url(https://forumupload.ru/uploads/001b/f1/af/2/275096.jpg) fixed top center!important;background-size:cover!important;background-repeat:no-repeat; } body { background:url(https://forumupload.ru/uploads/001b/f1/af/2/740877.png) fixed top center!important;background-size:cover!important;background-repeat:no-repeat; } body { background:url(https://forumupload.ru/uploads/001b/f1/af/2/456545.png) fixed top center!important;background-size:cover!important;background-repeat:no-repeat; } body { background:url(https://forumupload.ru/uploads/001b/f1/af/2/327647.png) fixed top center!important;background-size:cover!important;background-repeat:no-repeat; }
Очень ждём в игру
«Сказания Тейвата» - это множество увлекательных сюжетных линий, в которых гармонично соседствуют дружеские чаепития, детективные расследования и динамичные сражения, определяющие судьбу регионов и даже богов. Присоединяйтесь и начните своё путешествие вместе с нами!

fontaine test

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

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


Вы здесь » fontaine test » Штаб Ордо Фавониус » Коды


Коды

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

1

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

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


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

/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');


@font-face {
    font-family: 'Genshin';
    src: url('https://forumstatic.ru/files/0014/98/d3/50051.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Mondstadt';
    src: url('https://forumstatic.ru/files/001b/5c/7f/67931.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Khaenriah';
    src: url('https://forumstatic.ru/files/001b/5c/7f/21323.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Sumeru';
    src: url('https://forumstatic.ru/files/001b/5c/7f/78881.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Deshret';
    src: url('https://forumstatic.ru/files/001b/5c/7f/91913.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Inazuma';
    src: url('https://forumstatic.ru/files/001b/5c/7f/36991.otf');
    font-style: normal;
    font-weight: normal;
}


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

/* A2.1 */
html,
body {
    margin: 0;
    padding: 0;
    min-width: 1200px;
}


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

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

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

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

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

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


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

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

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

/* A3.3 */
.punbb textarea,
.punbb select,
.punbb optgroup {
    font: 1em verdana, Arsenal, helvetica, sans-serif;
    background-color: #f4f1e7;
}


/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3 {
    font-weight: bold;
}

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

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

#html-footer {
    position: relative;
}

#html-footer:before {
    content: "";
    display: block;
    position: absolute;
    left: -114px;
    top: -170px;
    width: 90px;
    height: 354px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/732441.png) no-repeat;
}

#html-footer .container {
    font-size: 11px;
}

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

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

/* A3.6 */
.punbb h1 span {
    font-size: 11px;
}


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

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

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

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

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


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

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position: absolute;
    left: -9999px;
    overflow: hidden
}


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

/* A5.1 */
#pun {
    margin: 0 auto;
    width: 984px;
}

/* A5.2 */
.punbb {
    float: none;
    height: auto;
    margin-top: 276px;
    padding: 1px 33px 0 33px;
}

/* A5.3 */
#pun-redirect,
#pun-maint {
    float: none;
    background-position: center;
    text-align: left;
    height: 105px;
    width: 977px;
    margin-top: 200px;
    margin-left: -30px;
    padding-bottom: 17px;
    text-align: center;
    background-color: #c0c0c0;
}

#pun-redirect .main-title {
    margin-top: 30px;
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000;
    padding-top: 25px;
}

#pun-redirect.punbb .info .container {
    letter-spacing: 0;
    font-size: 1.0em;
    color: #000;
}

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

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

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

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

/* A5.8 */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {}

/* A5.10 */
.punbb .section h2,
#pun-stats h2,
#pun-main h2,
#pun-debug h2 {
    padding-top: 13px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png)no-repeat !important;
    width: 940px;
    background-position: center;
    margin: 0px auto 0px 1-16px;
    opacity: 0.6;
    height: 40px;
    font-size: 11px !important;
    font-family: Genshin;
}

.punbb .section h2,
#pun-main h1 {
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png);
    width: 940px;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 20px;
    font-size: 11px !important;
    font-family: Genshin;
    padding-top: 10px;
    margin-bottom: 16px;
    opacity: 0.6;
}


/*************************************************************
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 {
    display: block;
    border-top: none;
}

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0.5em;
    line-height: 150%;
    text-align: justify;
}

.punbb .post-content .post-sig p {
    line-height: 1.2em;
}

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

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

/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    margin: 0.4em 1.0em 1.4em 1.0em;
    padding: 11px 15px 5px 15px;
}

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -58px;
    left: 1em;
    width: 24em;
    font-family: 'Verdana';
    color: #391e10;
    font-size: 10px;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -58px;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: bold;
    font-family: 'Verdana';
    font-size: 10px;
}


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

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-family: 'Verdana';
    color: #391e10;
    font-size: 10px;
}

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: bold;
    font-family: 'Verdana';
    font-size: 10px;
}


/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    font-family: 'Verdana';
    font-size: 10px;
}



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

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

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

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

/* C1.3 */
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    font-family: Verdana, sans-serif;
    text-transform: lowercase;
    font-size: 12px;
}

/* C1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    font-size: 12px;
    font-family: Verdana, sans-serif;
}

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

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
    font-size: 12px;
    display: none;
}

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

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

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

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

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

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

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

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

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

/* C1.16 */
.punbb textarea,
.punbb .longinput input {
    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: 0 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;
    padding-left: 30px;
    width: 35%;
}

/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    width: 10%;
    word-break: break-word;
}


#pun-index .main .tcl {
    width: 100%;
}

#pun-index .main .tcl .intd {
    border-image: url(https://forumupload.ru/uploads/001b/f1/af/2/125196.jpg) 10 fill / 8px / 0px stretch;
    padding: 16px 20px;
    position: relative;
}

#pun-index .main .tcr {
    width: 346px;
    padding-right: 20px;
}

#pun-index .category .tc2,
#pun-index td.tc3 {
    display: none;
}


.category table {
    color: #074222;
    position: relative;
}

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    font-size: 100%;
    width: 243px;
    color: #391e10;
}

.punbb .main .tcr a {
    text-shadow: none !important;
}

#pun-index td.tcr a {
    font-family: Verdana, sans-serif;
    font-weight: 800;
    color: #56441a;
    padding: 2px;
}


#pun-index td.tcr a:hover {
    color: #a46104;
    transition: color 0.4s linear 0s;
}


#pun-index td div.tclcon {
    color: #56441a;
    text-align: justify;
    font: normal 100% Verdana;
}


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

#pun-searchtopics .main .tcl .icon {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#pun-searchtopics .main .tcl {
    padding-left: 68px;
}

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
    padding: 2px 0px 6px 13px;
}


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

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

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

/* C2.12 */
.punbb .main th {
    padding: 4px 1em 5px 1em;
    border-bottom: 2px solid transparent;
    border-left: 1px solid transparent;
}

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

* html .tclcon {
    height: 0;
}

span.byuser {
    white-space: nowrap;
}

/* C2.15 */
#pun-viewforum div.tclcon {
    padding: 10px 10px 10px 56px;
}



.punbb div.icon {
    height: 30px;
    width: 30px;
    position: absolute;
}

.punbb .category div.icon {
    left: 20px;
    top: 12px;
}

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

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

/* C3.2 */
.punbb .post h3 {
    width: 100%;
    margin-top: -5px;
    font-weight: 100;
    margin-bottom: 10px;
    padding-left: 248px;
    box-sizing: border-box;
}
.punbb .post.hideprofile h3 {
    padding-left: 24px;
}

/* C3.3 */
.punbb .post h3 span {
    padding: 1px 7px 5px 1px;
    display: block;
}

.punbb .post h3 span a,
.punbb .post h3 span a:link {
    font-size: 10px;
    vertical-align: middle;
    color: #b69d7b!important;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 15px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #b48f5a!important;
}
.punbb .post h3 strong:before {
    content: '#';
}

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 222px !important;
    margin-bottom: 21px;
    margin-left: 6px;
    color: #5c4e2e;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
}

.punbb .post .post-author:before {
    content: "";
    display: block;
    position: absolute;
    left: -13px;
    top: 0;
    width: 13px;
    height: 100%;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/81393.png) 100% 0 no-repeat;
}

.punbb .post .post-author a {
    color: #5c4e2e;
    font-size: 10px;
    line-height: 1.1em;
}



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

/* C3.7 */
.punbb li.pa-author {
    font-size: 12px;
    width: 180px;
    min-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-image: url("https://forumupload.ru/uploads/001b/f1/af/2/367759.png") 2 0 fill / 2px 0px / 0px stretch;
    margin: auto;
    padding: 6px 8px 3px;
    box-sizing: border-box;
}

li.pa-title {
    color: #a48b6d;
    font-size: 0.9em;
    margin: 8px 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 8px;
}

/* C3.9 */

span.fr a {
    display: none !important;
}

#navawards {
    display: none !important;
}

.mini_awards_label {
    display: none;
}

.mini_awards {
    max-height: 0px;
    overflow: hidden;
    display: block;
    transition: max-height 1s ease-in-out;
}
.mini_awards.visible {
    max-height: 1000px;
}

.awrdbut {
    position: absolute;
    top: 38px;
    left: -30px;
    cursor: pointer;
}

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

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

/* C3.14 */
.punbb .post-links {
    border-left-style: solid;
    border-left-width: 1px;
    padding-top: 10px;
}

/* C3.15 */
.punbb .post-links ul {
    text-align: right;
    font-family: Verdana, sans-serif;
    font-size: 1em;
    background: #cec2a83d;
    width: 98%;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 6px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.punbb .post-links a {
    font-size: 10px !important;
    color: #b69d7b;
}


/* C3.16 */
.punbb .post-links li {
    display: inline;
    padding-left: 6px;
}

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

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




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

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    text-align: right;
    margin-top: 4px;
    font-family: Verdana, sans-serif;
    color: #b69d7b;
}

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

/* запятые между никами в строке онлайна */
#topic-users-in.modmenu a:after {
    content: ',';
}

#topic-users-in.modmenu a:last-child:after {
    content: '';
}

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

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


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

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

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


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

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

/* C6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
    background-color: #a8b18785;
    padding-top: 20px;
    border-radius: 14px;
}


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

#profilenav li.isactive {
    font-weight: bold;
}

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

#viewprofile {
    margin: 8px 0;
    background: #ece6da;
    border-image-slice: 20 20 20 20;
    border-image-width: 16px 16px 16px 16px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url(https://forumupload.ru/uploads/001b/f1/af/2/946194.jpg);
    border-style: solid;
}

/* C6.5 */
#viewprofile h2,
#profilenav h2 {
    background: transparent;
    padding: 0 0 0 0;
    text-align: center;
    text-transform: none;
    width: 100%;
    height: 40px;
    background-position: left bottom !important;
    margin: 0;
    opacity: 1;
}

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

/* C6.7 */
#viewprofile li,
#setmods dl {
    padding: 0 0 0 16em;
    font-size: 11px;
}


#profile-right {
    padding-top: 30px !important;
    width: 55%!important;
}


/* C6.8 */
#viewprofile li span {
    color: #9f6000;
    font-weight: normal;
    border: 1px solid #ddd7c8;
    background-color: #eae4d5;
    float: left;
    width: 13em;
    margin-left: -15em;
    padding: 4px 10px;
    padding-bottom: 3px;
    padding-top: 4px;
}

#profile-left,
#profile-title,
#pa-online,
#pa-edit {
    font-size: 10px!important;
}

#profile-left,
#pa-avatar img{
    border: solid 1px #a0927e;
}

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

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

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

#pun-title,
#pun-title .container {
    width: 1098px;
    height: 440px;
    margin: -278px -81px;
}


/* 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: 0;
    width: 100%;
}

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

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

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

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

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

/* D3 Forum navigation
-------------------------------------------------------------*/

/*D3.1 */
#pun-navlinks {
    margin-top: 16px;
    height: 80px;
    display: flex;
    justify-content: flex-end;
}

/* D3.2 */
#pun-navlinks .container {
    display: flex;
    flex-direction: column;
    width: 70px;
    position: fixed;
    margin-top: 130px;
    margin-right: -89px;
    z-index: 102;
}


/* D.3 */
#pun-navlinks li {
    display: block;
    padding: 0;
    position: relative;
}


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

/* D4.1 */
#pun-ulinks {
    margin-bottom: 35px;
    border: none;
    margin-top: 4px;
    margin-left: -15px;
    height: 18px;
}


/* D4.2 */
#pun-ulinks .container {
    font-size: 1.0em;
    text-align: center;
    text-transform: lowercase;
    width: 940px;
    padding: 2px 0;
}

#pun-ulinks.isPinned .container {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 32px;
    z-index: 1;
    margin-left: -45px;
    margin-top: 20px;
}

#pun-ulinks.isPinned li.item2+li.item7,
#pun-ulinks.isPinned li.item3,
#pun-ulinks.isPinned li.item5 {
    display: none;
}

#pun-ulinks.isPinned li a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0px !important;
    cursor: pointer;
}

#pun-ulinks.isPinned li.item2+li.item7,
#pun-ulinks.isPinned li.item3,
#pun-ulinks.isPinned li.item5 {
    display: none;
}

#pun-ulinks.isPinned li {
    position: relative;
    margin-bottom: 10px;
    animation: fadeLeftMenu .4s;
    transition: opacity .5s ease-out;
    opacity: .7;
}

#pun-ulinks.isPinned li:hover {
    opacity: 1;
}

@keyframes fadeLeftMenu {
    from {
        opacity: 0
    }

    to {
        opacity: 0.6
    }
}

#pun-ulinks.isPinned li:before {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translate(100%, -50%);
    background: #00000066;
    color: #fff;
    padding: 2px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .2);
    display: none;
    z-index: 10;
    word-spacing: 4px;
}

#pun-ulinks.isPinned li:hover:before {
    display: block;
}

#pun-ulinks.isPinned li.item1:before {
    content: "Новые сообщения";
}

#pun-ulinks.isPinned li.item2:before {
    content: "Активные темы";
}

#pun-ulinks.isPinned li.item4:before {
    content: "Мои сообщения";
}

#pun-ulinks.isPinned li.item8:before {
    content: "Уведомления";
}

#pun-ulinks.isPinned li.item6:before {
    content: "Подписка";
}

#pun-ulinks.isPinned li.item7:before {
    content: "Всё прочитано";
}

#pun-ulinks.isPinned .item8 .bubble {
    right: auto;
    top: 9px;
    left: -23px;
    line-height: 6px;
    padding: 4px;
}

#pun-ulinks.isPinned .item8 .bubble:after {
    border-width: 7px !important;
    border-color: transparent transparent transparent #8f0d0d !important;
    z-index: 1;
    left: 21px;
    top: 0;
}

#pun-ulinks.isPinned li.item1 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/695693.png") no-repeat;
}

#pun-ulinks.isPinned li.item2 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/377570.png") no-repeat;
}

#pun-ulinks.isPinned li.item4 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/942794.png") no-repeat;
}

#pun-ulinks.isPinned li.item6 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/765545.png") no-repeat;
}

#pun-ulinks.isPinned li.item7 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/223797.png") no-repeat;
}

#pun-ulinks.isPinned li.item8 {
    background: url("https://forumupload.ru/uploads/001b/d8/30/2/163282.png") no-repeat;
}


/* D4.3 */
#pun-ulinks li,
#pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    padding: 0 1px;
}


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

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

/* D5.2 */
#pun-status .container {
    padding: 2px;
    font-size: 10px;
}

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

/* D5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: 0;
    font-family: 'Verdana', sans-serif;
    width: 900px;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 1em 1em 0.8em 1em;
    font-size: 11px;
    margin: 0 0 20px 0;
}

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

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

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

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

/* D6.3 */
#pun-announcement .container {
    padding: 4.3em 1em 1em 1em;
    font-size: 101%;
    font-family: "Verdana"
}

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

/* D7.1 */
#pun-stats .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pun-stats .container .item1 {
    order: 1;
    flex: 0 0 106px;
    text-align: left;
    justify-self: flex-start;
}
#pun-stats .container .item2 {
    order: 2;
    flex: 0 0 163px;
    text-align: center;
}
#pun-stats .container .item3 {
    order: 3;
    flex: 0 0 235px;
    text-align: center;
}
#pun-stats .container .item4 {
    order: 3;
    flex: 0 1 200px;
    text-align: right;
    white-space: nowrap;
}
#pun-stats .container .item4 a {
    white-space: nowrap;
}
#pun-stats .container .item5 {
    order: 4;
    flex: 0 0 100%;
}

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

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

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


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

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

#pun-about p.container {
    width: 989px;
    height: 249px;
    margin: 10px 0px -245px -34px;
}

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

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

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.8em 3em;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

/* 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 mono", "courier new", courier, monospace;
}

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

#pun th {
    font-size: 0;
}



.post-body .reactions-root {
    display: none;
}


.topic a.sharelink {
    display: none;
}

div#topic-modmenu, div#topic-users-in {
    display: inline-block;
}


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd {
    display: none !important;
}

#pun-navlinks #New-exit img {
    /*position:fixed;*/
    width: 25px;
    height: 19px;
    margin-top: 8px;
    margin-left: 64px;
    opacity: 0.7;
}

#pun-navlinks #New-exit:hover {
    opacity: .4;
}

/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
    position: fixed;
    z-index: 100000 !important;
    margin-top: -43px !important;
    float: none !important;
}

.punbb #pun-navlinks a#New-exit:before {
    content: none;
}

.punbb #pun-navlinks #form-login input {
    text-align: center;
    border: 2px inset rgba(197, 195, 195, .8);
    text-rendering: auto;
    color: #000000 !important;
    margin-top: 4px !important;
    border-radius: 5px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block !important;
    text-align: center;
    font: normal normal 400 11px/normal Verdana !important;
    background-color: rgb(250, 255, 189);
}

.punbb #form-login #fld1,
#form-login #fld2 {
    background-color: #dcd3c7;
}

.punbb #pun-navlinks #form-login input[type="submit"] {
    border: 1px outset #dcbea6 !important;
    outline: 0 none;
    color: #550a0a !important;
    cursor: pointer;
    font-weight: 400 !important;
    margin-top: 10px !important;
}

/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
    text-shadow: 1px 1px 0 rgba(200, 200, 200, 0.24);
    display: block;
    font: normal normal 400 11px/normal Verdana;
    color: #4a6208;
    text-transform: none;
    position: fixed !important;
    /*Подвижки формы от низа кнопки вход/выход*/
    z-index: 100000 !important;
    padding: 7px 12px;
    background: #d8c3b9;
    background-size: 36px auto;
    border-color: #ffffff;
    /* Цвет границы */
    border-style: solid;
    /* Стиль границы */
    border-width: 1px 1px 1px 1px;
    /* Толщина границы */
    border-radius: 20px;
    text-align: center;
    /* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}

#pun-navlinks #navlogin #form-login {
    margin-left: -232px;
    margin-top: -70px;
    /*Подвижки формы влево от вход*/
}

#pun-navlinks #navlogout #form-login {
    margin-left: -234px;
    margin-top: -60px;
    /*Подвижки формы влево от выход*/
}

.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: -235px !important;
    margin-top: -70px;
    /*Подвижки формы влево от выход для АМС*/
}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p {
    margin-bottom: 3px;
    margin-top: 3px;
}

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
    position: relative;
    text-transform: none !important;
    z-index: 20;
    color: #4a6208d1 !important;
    background: none;
    cursor: pointer;
    font: normal normal 300 11px/normal Verdana !important;
    display: inline;
}

.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: -8px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: #d8c3b9;
    border-color: #ffffff;
    /* Цвет границы */
    border-style: solid;
    /* Стиль границы */
    border-width: 1px 1px 1px 1px;
    /* Толщина границы */
    border-radius: 20px;
    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: #4a6208;
    text-align: left;
    padding-left: 5px !important;
    font: normal normal 300 12px/11px 'Verdana' !important;
    margin: 1px auto !important;
    padding: 2px 0;
    transition: .33s;
}

.punbb #List-UserNames li:hover {
    opacity: .84;
    /*background:#546a6b!important;*/
}

/*Стиль Ников*/
.punbb #List-UserNames li>b {
    cursor: pointer;
    opacity: .9;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
}

.punbb #List-UserNames li>b:hover {
    opacity: .93;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}

#List-UserNames ul::-webkit-scrollbar-track {
    background-color: #919190;
    border: 1px solid #919190;
    box-shadow: none;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #bdbdbc;
    border: 2px solid #888887;
    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;
}

#navlogin #form-login,
#navlogout .Rega,
#navlogout .Forgot {
    background-image: none !important;
    display: none;
}

/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#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 {
    background: rgb(250, 255, 189);
    border: 1px inset rgb(173 126 67 / 85%) !important;
    border-radius: 6px;
    text-shadow: none !important;
    color: #282828 !important;
    background-color: #dcd3c7;
    font: normal normal 400 11px/normal Arial !important;
    /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
    margin-top: 9px;
    padding: 2px !important;
    max-height: 18px;
    vertical-align: middle;
}

/*Стрелочки к инпуту*/
#List-UserNames ul+span b {
    font: normal normal 400 13px/normal Verdana;
    padding: 0 3px;
    color: #717483;
}

/*Кликалка слево, чуть выше инпута*/
#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

Код:
html,
body {
    min-width: 1100px !important;
}

/* фон тело шапка футер
-------------------------------------------------------------*/

body {
    background: url("https://forumupload.ru/uploads/001b/f1/af/2/275096.jpg") #201513 no-repeat top center fixed;
    background-size: cover;
}

#pun {
    background: url("https://forumupload.ru/uploads/001b/f1/af/2/377773.jpg") repeat-y;
}

.punbb .post-box {
    border-style: solid;
    border-width: 16px;
    border-color: transparent;
    border-image: url(https://forumupload.ru/uploads/001b/f1/af/2/346183.png) 20 fill repeat;
    margin-left: 20px;
    margin-top: -10px;
    padding-top: 10px;
    font-size: 13px;
}

#pun-title,
#pun-title .container {
    background-image: url(https://forumupload.ru/uploads/001b/f1/af/2/944376.png);
    background-repeat: no-repeat;
    background-position: top center;
}

#pun-about p.container {
    background-image: url(https://forumupload.ru/uploads/001b/f1/af/2/945485.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: local;
}

/* цвет текста
-------------------------------------------------------------*/

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

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

#pun-debug h2,
.punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #030301;
    text-align: right;
    font-style: normal;
    font-family: 'Times New Roman';
}

.category table td.tcr {
    color: #391e10;
}

.category table #awards-content a {
    color: #391e10 !important;
}


/* заголовки
-------------------------------------------------------------*/
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2 {
    color: #4c3707;
    text-align: center;
    font-size: 11px !important;
    font-weight: 300;
    margin-left: 6px;
    height: 7px;
    background: #b5948a;
    margin-bottom: 14px;
    width: 100%;
    border-radius: 14px;
    font-family: Genshin;
}


.punbb-admin #pun-admain h2 {
    font-family: 'Comfortaa', cursive;
    background-color: transparent;
    border-color: transparent;
}

#pun-stats h2 span,
.category h2 span,
#pun-main h1 span,
#pun-debug h2 span,
.punbb .main h2 span {
    border-color: transparent;
}


/* CS1.5 */
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span {
    border-color: transparent;
    color: #4a6208;
}

/* CS1.6 */
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
    background-color: transparent;
    font-size: 10px;
}

/* главное меню
-------------------------------------------------------------*/

/* CS1.8 */
#pun-navlinks .container {
    border-color: transparent;
    color: #030301;
    font-size: 4px;
    word-spacing: 4px;
}

#pun-navlinks a {
    display: block;
    position: relative;
    height: 38px;
    width: 70px;
    opacity: 0.7;
    padding: 0;
}

#navindex a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/189698.png) no-repeat top center;
}

#navuserlist a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/215838.png) no-repeat top center;
}

#navsearch a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/786168.png) no-repeat top center;
}

#navprofile a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/35465.png) no-repeat top center;
}

#navpm a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/898783.png) no-repeat top center;
}

#navadmin a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/16301.png) no-repeat top center;
}

#navlogout a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/14163.png) no-repeat top center;
}

#navlogin a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/680396.png) no-repeat top center;
}

#navregister a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/414663.png) no-repeat top center;
}

#navpiar a {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/780983.png) no-repeat top center;
}

#navpr_1 {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/194844.png) no-repeat top center;
}

#navpr_2 {
    background: url(https://forumupload.ru/uploads/001b/cd/b7/2/780983.png) no-repeat top center;
}

#navindex a:hover,
#navuserlist a:hover,
#navsearch a:hover,
#navprofile a:hover,
#navpm a:hover,
#navadmin a:hover,
#navlogout a:hover,
#navlogin a:hover,
#navregister a:hover,
#navpr_1:hover,
#navpr_2:hover {
    opacity: 1;
}


#pun-navlinks a span {
    font-size: 13px;
    position: absolute;
    top: 10px;
    right: 64px;
    background: #00000066;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .2);
    display: none;
    text-transform: lowercase;
    margin: 0;
    text-align: right;
    z-index: 10;
    white-space: nowrap;
}

#pun-navlinks a:hover span {
    display: block;
}

#pun-navlinks a:hover {
    color: #e6b8a1;
    transition-duration: 1s;
}

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


/* пользовательское меню
-------------------------------------------------------------*/

#pun-ulinks a {
    font-size: 11px !important;
    text-transform: lowercase;
    color: #56441a;
    font-family: 'Genshin';
}

#pun-ulinks a:hover {
    color: #a46104;
    transition-duration: 1s;
    text-decoration: none;
}


/* кнопки, формы ответа
-------------------------------------------------------------*/

.punbb textarea {
    border: 1px solid rgba(12, 12, 12, 0.16);
    padding: 10px;
}

.punbb input {
    background-color: #f4f1e7;
    border: 1px solid rgba(12, 12, 12, 0.16);
    padding: 5px 10px;
    transition-duration: 0.5s;
}

.punbb input:hover {
    transition-duration: 0.5s;
}

.punbb select {
    border: 1px solid rgb(183 136 82 / 16%);
    padding: 4px 4px;
    font-size: 11px !important;
}

.punbb select#mod-options {
    color: #9a8260 !important;
    font-family: 'Genshin' !important;
    background-color: #b1a4873d;
}

/* цитаты, коды, спойлер, даты, меню пользователя
-------------------------------------------------------------*/

#pun-main .quote-box {
    margin: 8px 0;
    background: #ece6da;
    border-image-slice: 20 20 20 20;
    border-image-width: 16px 16px 16px 16px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://forumupload.ru/uploads/001b/f1/af/2/598191.jpg");
    border-style: solid;
}
.quote-box + .quote-box,
.quote-box + .code-box,
.code-box + .quote-box,
.code-box + .code-box {
    margin-top: 16px !important;
}

#pun-main .code-box {
    margin: 8px 0;
    background: #ece6da;
    border-image-slice: 20 20 20 20;
    border-image-width: 16px 16px 16px 16px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://forumupload.ru/uploads/001b/f1/af/2/598191.jpg");
    border-style: solid;
    font-size: 11px;
}

.post-content .spoiler-box>div {
    vertical-align: middle;
    padding-top: 6px;
    margin-bottom: 6px;
    padding-left: 20px !important;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #344506;
}


div#spoiler-area.container,
div#image-area.container,
div#video-area.container,
div#smilies-area.container {
    background-image: url(https://forumupload.ru/uploads/0017/5e/b1/2/789347.png);
    border-left: 1px solid #c3bbc1;
    border-right: 1px solid #c3bbc1;
    border-top: 1px solid #c3bbc1;
    border-bottom: 1px solid #c3bbc1;
    padding-left: 12px !important;
}

div#main-reply {
    width: 97% !important;
}


/* категории
-------------------------------------------------------------*/
#pun-category1.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png)no-repeat !important;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 40px;
    font-size: 11px !important;
    font-family: Genshin;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-category2.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png) !important;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 27px;
    font-size: 11px !important;
    font-family: Genshin;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-category3.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png) !important;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 27px;
    font-size: 11px !important;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-category4.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png) !important;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 27px;
    font-size: 11px !important;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-category5.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png) !important;
    background-position: center;
    margin: 0px auto 0px -16px;
    height: 27px;
    font-size: 11px !important;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-category6.category h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png) !important;
    background-position: center;
    margin: 0px auto 0px -16pxpx;
    height: 27px;
    font-size: 11px !important;
    padding-top: 13px;
    opacity: 0.6;
}

#pun-stats.section h2 {
    width: 940px;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/514085.png)no-repeat !important;
    background-position: center;
    margin: 10px auto 0px -16px;
    height: 40px !important;
    font-size: 11px !important;
    padding-top: 13px;
    opacity: 0.6;
}



/* CS2 границы
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

.punbb .formal fieldset .post-box,
.punbb .info-box {
    border-color: transparent;
}

li.pa-online {
    border-color: transparent;
    font-size: 0 !important;
    padding: 0 !important;
    margin-top: -14px;
}

.punbb .post-sig dt {
    width: 250px;
    height: 1px;
    border-bottom: dotted 2px #ffffffab;
    opacity: 1.0;
    margin: 10px auto 10px auto;
}



/* CS3 ссылки
-------------------------------------------------------------*/

.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 {
    color: #a46104;
    text-decoration: none;
}

/* CS2.2 */
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active,
#pun-ulinks a:focus,
#pun-ulinks a:active {
    color: #c9ab34;
    transition-duration: 1s;
}


.punbb a:hover {
    color: #ffffff;
    transition-duration: 1s;
    text-decoration: none;
}


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

#pun-main .post-author ul {
    text-align: center;
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/75901.png) 50% 101% no-repeat, url(https://forumupload.ru/uploads/001b/f1/af/2/981547.png) 50% 0 no-repeat, url(https://forumupload.ru/uploads/001b/f1/af/2/635958.png) 50% 0 repeat-y;
    overflow: hidden;
    border-radius: 8px;
    padding: 16px 8px;
    box-shadow: -1px 1px 3px 0 rgba(0,0,0,.1);
    min-height: 300px;
}
#pun-searchposts .post-author ul {
    min-height: 50px;
}

.punbb .post div.container {
    background: url() no-repeat scroll center bottom transparent;
}

#pun-index .tcl h3 a {
    font-size: 12px;
    font-family: 'Genshin', serif;
    text-transform: uppercase;
    color: #56441a;
    margin-left: 30px;
    font-weight: normal;
}


#pun-index .tcl h3:first-letter {
    color: #a46104 !important;
    font-size: 14px !important;
}


#pun-index .tcl h3 a:hover {
    color: #084762;
    transition: color 0.4s linear 0s;
}

#pun-index tr.inew .tcl h3 {
    color: #ebc505;
}

/* CS4 низ
-------------------------------------------------------------*/

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

a.menu:link,
a.menu:visited,
a.menu:active {
    text-decoration: none;
}



/* оформление профиля
 -------------------------------------------------------------*/

.pa-author a,
.pa-author a:link {
    color: #5c4e2e !important;
    font-size: 11px !important;
    font-family: 'Genshin', sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}


.pa-author a {
    text-decoration: none;
    display: inline-block;
    max-width: 180px;
}


.pa-posts,
.pa-respect {
    text-align: center;
    text-transform: lowercase;
    vertical-align: text-top;
    border: none;
    display: inline-block;
    width: 78px;
    font-size: 10px;
    padding: 5px !important;
}

.pa-posts .fld-name {
    color: #5c4e2e !important;
    font-weight: bold;
}


.pa-respect .fld-name {
    color: #4a6208 !important;
    font-weight: bold;
}

.pa-fld1 {
    color: #5c4e2e;
    background-color: #ebe4d3;
    border: #d8d0bc 1px solid;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 10px;
    padding: 4px !important;
    margin: 4px 12px 8px 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pa-fld1 a {
    color: #f5f9df !important;
    font-size: 10px !important;
}

.pa-fld1 a:hover {
    text-decoration: none;
    font-size: 10px !important;
}

.pa-fld2 {
    max-width: 20px !important;
    max-height: 40px !important;
    position: absolute;
}

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

.pa-fld2 a {
    overflow: hidden;
    display: contents;
}

.pa-fld2 img {
    margin-top: -24px;
}

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

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

.pa-fld3 {
    width: 20px;
    height: 40px;
    position: absolute;
    margin-top: -14px;
}

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

.pa-fld3 a {
    overflow: hidden;
    display: contents;
}

li.pa-awards br {
    display: none;
}

#pun-live-rusff {
    display: none;
}

/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
    background-color: #bfb19b;
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #bfb19b;
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #3d2c0712;
}

::selection {
    background: #292e31 !important;
    color: #cfcace;
}

div.icon {
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/753372.png) no-repeat;
    opacity: 0.5;
}

tr.inew div.icon {
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/753372.png) no-repeat;
    opacity: 1 !important;
}

tr.iclosed div.icon {
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/753372.png) no-repeat;
    opacity: 0.6 !important;
}

tr.isticky div.icon {
    background: url(https://forumupload.ru/uploads/001b/f1/af/2/753372.png) no-repeat;
    opacity: 1 !important;
}

.parth {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 388px;
    position: absolute;
    height: 75px;
    float: left;
    opacity: 0.3;
    scroll-behavior: smooth;
    overflow: auto;
}

.parth:hover {
    opacity: 1;
    scroll-behavior: smooth;
}

.parth img {
    border: 1px solid #9b8254!important;
}


.thocc {
    width: 374px;
    position: absolute;
    font-family: 'Verdana' !important;
    text-transform: lowercase;
    font-size: 12px;
    padding-bottom: 0px;
    color: #fff;
    text-shadow: 0 0 6px rgb(228 255 0 / 83%);
}

.thocc a {
    color: #fff !important;
}

.thocc1 {
    width: 343px;
    position: absolute;
    font-family: 'Verdana' !important;
    font-size: 10px;
}

#scrollToTop {
    bottom: 400px;
    display: block;
    position: fixed;
    margin-left: 1030px;
    z-index: 9999;
    cursor: pointer;
}

#scrollDown {
    bottom: 320px;
    display: block;
    position: fixed;
    margin-left: 1030px;
    z-index: 9999;
    cursor: pointer;
}


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

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

.category .container thead {
    display: none;
}

.punbb .pa-avatar img {
    margin-bottom: 4px;
    max-width: 180px;
    border: solid 1px #a0927e;
}

.punbb .post-content a,
.punbb .post-content a:link {
    font-family: Verdana, sans-serif;
}

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
}

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


#poll-special .poll2 td h1 {
    background: #7abe5a8c!important;
    padding: 4px;
    border: none 0 transparent !important;
    border-bottom: none 0 transparent !important;
}

input,
textarea {
    outline: none;
}

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

:focus {
    outline: none;
}

.intd .tclcon .modlist {
    display: none;
}


#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
    border-radius: 15px;
    padding: 1em;
    background: #e3d5cf !important;
    border: solid 1px #fff;

}

#pun-respect .main table tr td {
    border-top: dashed 1px #ffffffc4;
}

/* Фон окна наград и репутации */
#pun-popup_awards div,
#pun-reputation div {
    border-radius: 14px;
}

.adformal h2,
#pun-adnav h2 {
    padding: 0.5em 1em !important;
    border-style: none !important;
    border-width: 0 !important;
    background-color: #eeeeee !important;
    color: #000 !important;
}

img.post-img-Sp {
    padding-top: 2px !important;
    margin-left: 0 !important;
    padding: 0 3px !important;
}

.lastedit {
    display: none !important;
}

.punbb .code-box strong.legend {
    display: block;
    width: 256px;
    font-size: 11px;
    color: #5b4628;
    margin-bottom: -11px;
    margin-top: -16px;
    background-color: #d8cfb9;
    padding: 3px 0px 3px 6px;
    font-weight: normal;
    font-style: normal;
    border-radius: 3px;
}

.punbb .code-box strong.legend a {
    color: #5b4628;
    font-family: 'Genshin';
    font-size: 11px;
    margin-left: 6px;
    font-weight: 100!important;
}

.punbb .quote-box cite,
.punbb .quote-box strong.legend {
    display: block;
    width: 240px;
    font-size: 11px;
    color: #5b4628;
    font-family: 'Genshin';
    margin-top: -16px;
    background-color: #d8cfb9;
    padding: 2px 10px 3px 10px;
    font-style: normal;
    border-radius: 3px;
}


.punbb .post-content .blockcode {
    margin-top: 15px;
}

/* CS6.5 Скрытый текст */
.post-content del {
    background: transparent;
    color: #461e0a;
}

.post-content del:hover {
    background: transparent;
    color: #461e0a;
    text-decoration: none;
}



#wrapper {
    left: 0;
    position: relative;
    width: 450px;
}

/* гостевая */

#gost {
    display: block;
    width: 880px;
    height: 325px;
    background: url(https://forumupload.ru/uploads/001b/5c/7f/4/570459.png);
    margin-left: 0px !important;
}

#gost1 {
    display: block;
    position: absolute;
    width: 250px;
    height: 139px;
    color: #056421;
    text-align: justify;
    padding-right: 14px;
    margin-top: 54px !important;
    margin-left: 316px !important;
    font-size: 11px;
    overflow-y: scroll;
    font-family: Genshin;
}

#gost2 {
    display: block;
    position: absolute;
    color: #524507;
    text-align: center !important;
    font-size: 11px;
    margin-top: 40px !important;
    margin-left: 646px !important;
}


#gost3 {
    display: block;
    position: absolute;
    color: #524507;
    text-align: center !important;
    font-size: 11px;
    margin-top: 59px !important;
    margin-left: 3px !important;
}


#gost4 {
    display: block;
    position: absolute;
    color: #524507;
    text-align: left!important;
    font-size: 11px;
    height: 208px;
    width: 190px;
    margin-top: -172px !important;
    margin-left: -604px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


#gs {
    width: 198px;
}

#gs4 {
    width: 190px;
}

#gs2 {
    width: 198px;
}

#gs td {
    padding: 10px;
}

#gs b {
    color: #056421;
    text-align: center;
    font-family: 'Verdana';
    font-size: 11px;
    text-shadow: 0 0 3px rgb(255 255 255 / 64%);
}

#gs2 b {
    color: #056421;
    text-align: center;
    font-family: 'Verdana';
    font-size: 11px;
    text-shadow: 0 0 3px rgb(255 255 255 / 64%);
}


#gs4 b {
    color: #056421;
    text-align: center;
    font-family: 'Verdana';
    font-size: 11px;
    text-shadow: 0 0 3px rgb(255 255 255 / 64%);
}


/* анкета */

.ank {
    display: block;
    border-radius: 14px;
    background: #be9e91;
    width: 660px;
}

.g {
    color: #311507;
    width: 590px;
    padding: 0px 20px;
    text-align: justify;
    line-height: 1.5;
}

.g a {
    color: #4a6208 !important;
}

.g h3 {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    font-family: Verdana, sans-serif;
    background: linear-gradient(to right, #c3c97a, #8b34c063);
    border-radius: 14px;
    padding: 3px;
    color: #344506;
}


.g h4 {
    font-weight: 300 !important;
    font-style: italic;
    font-size: 14px !important;
    font-family: Verdana, sans-serif;
}

.g blockquote {
    padding: 13px 17px;
    border: 1px solid #ffffff1a;
    margin: 20px 0 !important;
    white-space: pre-wrap;
    box-shadow: 0 0 8px rgb(238 204 181 / 18%);
    border-radius: 14px;
    background: #eee3df;
}

.name1 {
    text-align: center;
}

.g .imgblock {
    padding: 6px;
    margin-top: -10px !important;
    width: 540px;
    margin-bottom: 5px !important;
    background: #ffffff05;
    border-radius: 14px;
}




#org1 {
    display: block;
    border-radius: 14px;
    background: #dccec8b8;
    margin-left: 17px;
    width: 860px;
}

.gg {
    color: #311507;
    width: 780px;
    padding: 16px 40px;
    text-align: justify;
    line-height: 1.5;
}

.gg h3 {
    text-align: center;
    font-size: 16px;
    font-family: Verdana, sans-serif;
    background: linear-gradient(to right, #c3c97a, #8b34c063);
    padding: 3px;
    color: #344506;
    border-radius: 14px;
}

.gg h4 {
    font-weight: 600 !important;
    font-style: italic;
    font-size: 15px !important;
    font-family: Verdana, sans-serif;
}

.gg blockquote {
    padding: 13px 17px;
    border: 1px solid #ffffff1a;
    margin: 20px 0 !important;
    white-space: pre-wrap;
    box-shadow: 0 0 8px rgb(238 204 181 / 18%);
    border-radius: 14px;
    background: #eee3df;
}

.name2 {
    text-align: justify;
}

.gg .imgblock {
    box-shadow: 0 0 17px rgb(0 0 0 / 42%);
    padding: 6px;
    margin-top: -10px !important;
    min-width: 540px;
    margin-bottom: 5px !important;
    background: #ffffff05;
}



#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 750px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 0px #2220;
    background: #e3d1c9 !important;
    border: solid 1px #ffffff;
    border-radius: 14px;
    padding: 8px;
}

#mask_dialog .hv-mask-dialog-title {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #ffffffcf;
    line-height: 24px;
    position: relative;
    font-family: 'Genshin';
    background: linear-gradient(to right, #c3c97a, #8b34c063);
    border-radius: 14px;
    margin-top: 4px;
    margin-bottom: 16px;
}


#mask_dialog .hv-storage-count {
    color: #194404cf;
    font-size: 11px;
}


#mask_dialog .hv-form-block {
    flex: 1 1 auto;
    padding-left: 5px;
}

.hvStickerPackModalContainer {
    /*left: 0 !important;*/
}


.hvStickerPackModalContent {
    border: solid 1px #dacbad !important;
    border-radius: 4px !important;
    background: #ebe7da;
}

.hvStickerPackModal.active {
    display: block;
    /*width: 537px !important;*/
    background: #dfdbcb !important;
    box-shadow: 0 1px 6px rgb(243 233 226 / 40%), 0 1px 6px rgb(255 220 149 / 0%);
    border: solid 1px #dacbad;
    border-radius: 4px !important;
    /*margin-left: 500px;*/
    /*left: 0 !important;*/
    margin-left: 39px;
    margin-bottom: -45px;
}

.hvStickerPackModalTab {
    background: #ebe7da !important;
    border-radius: 3px !important;
    padding: 6px !important;
    width: fit-content;
    border: 0px solid #dacbad;
    color: #391e10;
}
.hvStickerPackModalTab.active {
    background: #c0b09b !important;
}


/*
div#forum-vip.section h1, div#forum-foundation.section h1 {
margin-left: -27px;
}

div#forum-vip.section h1 span, div#forum-foundation.section h1 span {
margin-right: 17px;
} */


#button-sticker {
    background: url(https://forumupload.ru/uploads/001b/8c/c1/3/577662.png) !important;
}


.image.UP,
.image.Down {
    border: 2px solid transparent;
    margin: 0;
    padding: 0;
}

.image.UP {
    opacity: 1.0;
    display: block;
    position: absolute;
    z-index: 100;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
    /* IE9+ */
}

.image.UP:hover {
    opacity: 0.00;
}

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




#pun-reputation .inner h1 {
    text-align: center;
    font-size: 15px !important;
    font-weight: 300;
    color: #ffffffcf;
    line-height: 24px;
    position: relative;
    font-family: 'Genshin', serif;
    background: linear-gradient(to right, #c3c97a, #8b34c063) !important;
    border-radius: 14px;
    margin-top: 4px;
    margin-bottom: 16px;
    width: 100%;
    margin: 0;
}

#pun-reputation .inner h1 span {
    font-size: inherit;
}

video-area.container {
    background: url(https://forumstatic.ru/files/001a/ea/cb/14770.jpg);
    border: 1px solid #a4a1a3;
}

#font-area.container {
    max-height: 190px;
    overflow-y: auto;
}



#font-area.container,
#size-area.container,
#addition-area.container,
#spoiler-area.container,
#image-area.container,
#video-area.container,
#keyboard-area,
#smilies-area,
#table-area,
#color-area {
    background-color: #e0dbcc;
    border-radius: 4px;
    border: 1px solid #b6ae9f;
    color: #461e0a;
}



/*-- Выделение ссылок в постах */
.punbb .post-body a:link {
    color: #da7d0d;
    font-weight: bold!important;
}

.punbb .post-body a:visited {
    color: #da7d0d;
}

.punbb .post-body a:hover {
    color: #da5e0d;
}


.topic .reactions-container {
    justify-content: flex-end;
}


div.post-rating a,
div.post-vote a {
    background-color: #cec2a83d;
    border-radius: 6px;
    padding: 2px !important;
    opacity: 0.6;
}


.punbb .user-avatar .avatar-image {
    border-radius: 50% !important;
}


.post-content .spoiler-box>div.visible {
    padding-left: 10px;
    height: auto;
    padding-bottom: 6px;
}

.post-content .spoiler-box>div {
    padding-left: 10px;
    height: auto;
    padding-bottom: 6px;
}


input.button {
    cursor: pointer;
}

input.button:hover {
    background: #fff;
}


span.num_msg {
    position: absolute;
    top: 12px;
    right: 7px;
    font-size: 10px !important;
    line-height: 1em;
    font-weight: 700;
    background: #8f0d0d !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    color: #fff;
    cursor: pointer;
    transform: translateX(100%);
    margin: 0 !important;
    height: auto !important;
    font: bolder 8px/1 Tahoma;
}

span.num_msg:before {
    content: "";
    display: block !important;
    transform: none !important;
    position: absolute;
    top: 0 !important;
    left: -12px;
    width: 0 !important;
    height: 0 !important;
    border-width: 7px;
    border-color: transparent #8f0d0d transparent transparent !important;
    border-style: solid;
    background: none !important;
}

.bubble {
    background: #8f0d0d !important;
}

.bubble:after {
    border-color: #8f0d0d !important;
}

.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
    background: #8f0d0d !important;
}

#html-header {
    position: relative;
}

.GenshinLogo {
    left: 50%;
    top: -198px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
}

#MyBookmarks {
    display: none;
    height: 80%!important;
    width: 240px!important;
    position: fixed;
    z-index: 9999;
    margin-top: 10px;
    background: #e3d5cf;
    box-shadow: 0 0 12px rgb(5 78 18 / 50%)!important;
    border-radius: 16px;
}


#MyBookmarks .deS {
    font-family: 'Genshin';
    font-size: 14px;
    color: #4a6208;
}


#MyBookmarks h2 {
   position: fixed!important;
   height: 15px!important;
   background: #e2d5cf!important;
   color: #ffffff;
   text-shadow: 0 0 6px rgb(37 48 2 / 83%);
   opacity: 1!important;
   padding-top: 4px!important;
}


#MyBookmarks #bm2 {
    top: 3px!important;
    right: 116px!important;
}

.editBookmark {
    background: #e3d6cf;
    box-sizing: border-box;
}

.editBookmark * {
    box-sizing: border-box;
}

#pun-main .editBookmark h1 {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 8px 16px 34px;
    max-width: none;
    background-position: 50% 100% !important;
}

.editBookmark .container {
    padding: 8px 60px 20px !important;
}


.rating_theme .modal-inner {
    background: #e3d6cf;
    border-radius: 16px;
}
#pun-main .rating_theme .modal-inner h2 {
    max-width: none;
    width: 100%;
    background-position: 50% 100% !important;
    height: 37px;
}
#all_voters figure a:hover {
    color: #879060;
}


li.pa-gifts {
    display: none;
}


.podpis {
    width: 420px;
    position: absolute;
    font-family: 'Genshin' !important;
    font-size: 11px;
    padding-bottom: 0px;
    color: #8b8172;
}


.postik {
    width: 376px;
    height: 80px;
    position: absolute;
    font-family: 'Verdana' !important;
    font-size: 10px;
    padding-bottom: 0px;
    color: #8b8172;
    overflow: auto;
}


#pun-index .user-avatar {
    padding-left: 20px!important;
}


.pa-fld4 {
    position: absolute;
    height: 14px;
}

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

.pa-fld4 a {
    overflow: hidden;
    display: contents;
}


.post-content hr {
    opacity: 0.3!important;
    border-color: #62360e;
    border-style: dotted;
}

#PodforumLink {
    display: inline-block;
    font-family: 'Genshin';
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    background: rgb(226 217 194 / 32%);
    border: 1px solid rgb(217 201 160) !important;
    padding: 4px 8px;
    margin-top: 8px!important;
}
Подпись автора

подпись

0

3

HTML верх

Код:
<div class="GenshinLogo">
  <a href="https://genshintales.ru/"><img src="https://forumupload.ru/uploads/001b/f1/af/2/906029.png" title="на главную"></a>
</div>

<!-- СКРИПТЫ -->

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

<!-- Шрифты -->
<style>
  @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Arsenal:400,700&subset=cyrillic');
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Comforter&family=Festive&family=Marck+Script&family=Parisienne&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
  @import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Bad+Script&family=Bellota:wght@300&family=Caveat&family=El+Messiri&family=Kurale&family=Lobster&family=Marck+Script&family=Pacifico&family=Pattaya&family=Rampart+One&family=Reggae+One&family=Rubik+Beastly&family=Train+One&family=Yeseva+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Pattaya&family=Playfair+Display+SC&display=swap');
</style>

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © 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>
<!-- конец -->

<!-- Rusff настройки -->
<script>
  ReactionsPlugin.setConfig({ disable: true }); // отключить реакции к постам
  RusffCore.sets.show_reportBtn = 0; // кнопка жалобы
  RusffCore.sets.share = false; // кнопка поделиться
  rusffLive.enable = false; // rusff live
</script>

<!-- Пин менюшки -->
<script>
  $(document).ready(function() {
    const element = document.querySelector('#pun-ulinks');
    const observer = new IntersectionObserver(
      ([e]) => e.target.classList.toggle("isPinned", e.intersectionRatio < 1),
      { threshold: [1] }
    );
    observer.observe(element);
  })
</script>

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = "https://forumupload.ru/uploads/001b/92/1c/2/137504.png"; //Дополнительная Иконка выход;
</script>
<script data="3496a3"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>
Подпись автора

подпись

0

4

HTML низ

Код:
<!-- Баннеры -->
<div class="parth" style="margin-top: 32px;margin-left: 478px;">
  <a href="https://rpgtop.su/26558" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank"><img src="//img.rpgtop.su/88x31x11x6.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
  <a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>
  <a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/10496.png"></a>
  <a href="http://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/ViwUrzM.png" title="seoul // real life"></a>
  <a href=https://indduath.rusff.me/ title="ind duath" target="_blank"><img src=https://forumstatic.ru/files/001b/f0/8a/43095.gif></a>
  <a href="https://www.ouroborosrp.org" title="OUROBOROS" target="_blank"><img src="https://telegra.ph/file/b37113d1f83392dbdb502.png" alt="OUROBOROS" border="0" width="88" height="31"></a>
  <a href="https://daas.rusff.me/" target="_blank" title="Dragon Age: Another Story"><img src="https://forumstatic.ru/files/001b/7b/a6/12620.jpg" alt="Dragon Age" width="88" height="31"></a>
  <a href="http://kicks-and-giggles.ru/" title="kicks & giggles crossover" target="_blank"><img src="https://forumupload.ru/uploads/0019/e7/0f/2/851369.jpg" width="88" height="31" border="0"></a>
  <a href="http://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://forumupload.ru/uploads/001a/fb/6a/2/490291.jpg" border="0"></a>
  <a href="https://yantar.rusff.me/" target="_blank" ><img src="https://forumstatic.ru/files/001b/0a/8d/38785.jpg" border="0" title="Фэнтези, приключения, аниме и арты" /></a>
  <a href="http://crossfeeling.rusff.me/" target="_blank"><img src="https://i.imgur.com/PqMDBgy.png" title="crossfeeling" border="1" width="88" height="31"></a>
  <a href="http://hyperborea.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001b/e3/5e/95200.png" border="0" title="Lights of Hyperborea" width="88" height="31"></a>
  <a href="https://witcher.rusff.me/" target="blank"><img border=0 src='https://forumupload.ru/uploads/001a/17/1c/17/590075.png' alt="Ведьмак. Исток Хаоса"></a>
  <a href="http://reilana.mybb.ru/"><img src="http://sd.uploads.ru/XOjxk.png" ></a>
  <a href="https://miorline.rolevaya.ru"><img src="https://forumstatic.ru/files/0018/e2/2e/69392.gif" title="MiorLine"></a>
  <a href="https://maryonacross.rolbb.me" target="_blank"><img src="https://forumupload.ru/uploads/001b/da/4f/2/361869.jpg" title="mary on a cross(over)" border="0" width="88" height="31"></a>
  <a href="http://newadventure.rusff.me/"><img src="https://forumupload.ru/uploads/001b/df/32/5/650934.png"></a>
  <a href="http://fatespace.rusff.me" target="_blank"><img title="Fate/Kosmos Aisthetos" height="31" src="https://forumupload.ru/uploads/001b/93/34/206/364886.gif" width="88" border="0" /></a>
  <a href="http://smfleur.rusff.me" target=_blank><img src="https://i.imgur.com/OqgOTrm.gif" border="0" title="Sailor Moon: Les Fleurs du mal" width="88" height="31"></a>
  <a target="_blank" href="https://newsunrise.anihub.me/"><img title="Городское фэнтези, мистика, современность" src="https://forumstatic.ru/files/0018/5e/22/25782.png"/></a>
  <a href="https://somaulte.rusff.me/"><img src="https://i.imgur.com/x9j5gBo.gif"></a>
  <a href="http://koreanacademy.ru/" title="KOREAN ACADEMY"><img src="https://i.imgur.com/eP7o5ul.gif" target="_blank" border="0" width="88" height="31"></a>
  <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>
  <a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a>
  <a href="https://hornyjail.ru/"><img src="https://forumupload.ru/uploads/001b/ed/f6/2/937334.png"></a>
  <a href="https://crossheart.rusff.me/" title="cross my heart" target="_blank"><img src="https://forumstatic.ru/files/001b/d5/f7/64728.gif" width="88" height="31" border="0"></a>
  <a href="http://yellowcross.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/SJGgBRP.png" title="yellowcross" border="0"width="88" height="31"></a>
  <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/16141.png"></a>
  <a href="https://ephyrion.f-rpg.me/" target="_blank" title="Эфирион: авторское фэнтези, рисованные внешности"><img src="https://forumupload.ru/uploads/0019/d5/79/12/56654.png" width="88" height="31"/></a>
  <a href="https://nightcity.rusff.me/" target=_blank> <img src="https://i.ibb.co/sPLvBFn/banners.gif" border="0" alt="NIGHT CITY VIBE"></a>
</div>

<div class="podpis" style="margin-top: 148px; margin-left: 256px;"><center>Текстовая ролевая игра «Genshin Impact: Tales of Teyvat» <br> 2021-2023</center></div>

<div class="postik" style="margin-top: 28px; margin-left: 40px;"><i>« ...За "или" было спрятано многое и вполне понятное. Пробраться к ним за кулисы, окутав себя теневым плащом, выловить и ненавязчиво втереться в доверие одному из работников цирка, а то и удостоиться аудиенции с руководством, чтобы, так скажем, продемонстрировать свои навыки и предложить услуги - вариантов много. А уж придумать, как саботировать следующее выступление - дело грамотного планирования и техники. »</i> <br> <b>Lynette</b>. <a href="https://genshintales.ru/viewtopic.php?id=1497#p309604">Добро пожаловать в цирк Тёмного леса!</a></div>

<!-- СКРИПТЫ -->

<!-- Кликабельный ник гостя -->
<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 src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
  PR.nick = 'Reader';
  PR.pass = '12345';
  PR.btn_text = 'Читатель';
  PR.set();
  
  PR.nick = 'PR-agent';
  PR.pass = '1111';
  PR.btn_text = 'PR-вход';
  PR.set();
</script>

<!-- смайлы -->
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
  $(document).ready(function() {
    hvStickerPack.init("https://forumstatic.ru/files/001b/5c/7f/52481.txt");
  });
</script>

<!-- Награды -->
<script>
  (function () {
    var awards_button = "<img src='https://forumupload.ru/uploads/001b/f1/af/2/363480.png'>";
    function awards_spoiler() {
      $(".pa-awards").prepend("<span class='awrdbut'>"+awards_button+"</span>");
      $(".awrdbut").click(function(){$(this).parents(".pa-awards").find(".mini_awards").toggleClass('visible');});
    }
    var t=0;  var time_func = setInterval(function(){ t++;
      if (t>100) { clearInterval(time_func); return; }
      if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
    },100);
  }())
</script>

<!-- счетчик символов -->
<script>
  var a,L,epl=$("#main-reply"),str='<small id="plng" style="color:#a46104;font-family: Genshin;padding:2px 3px;margin:0 20px 0 0px;">Написано символов: <b>00</b> </small>';
  if (epl.length) { epl.parents("fieldset").find("legend").prepend(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 type="text/javascript">
  var avalink = "https://forumupload.ru/uploads/001b/5c/7f/4/659012.png";
  if(document.URL.indexOf("viewtopic.php")!=-1) {
    $("div.post-author").each(function(){
      if($(this).find("li.pa-avatar").html() == null ) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='https://forumupload.ru/uploads/001b/5c/7f/4/659012.png' title='" + $(this).find("li.pa-author a").text() + "' /></li>");
    });
  }
</script>
<!-- КОНЕЦ. аватар по умолчанию-->

<!--кнопки вверх вниз-->
<div id='scrollToTop'><img src="https://forumupload.ru/uploads/001b/f1/af/2/164777.png" border="0" /></div>
<div id='scrollDown'><img src="https://forumupload.ru/uploads/001b/f1/af/2/721722.png" border="0" /></div>

<!--кнопки вверх вниз и спрятать кнопки с мобильного-->
<script type="text/javascript">
  $(function(){
    $('#scrollToTop').click(function(){
      $('html, body').animate({scrollTop: 0}, 600);
      return false;
    });
  });
  $(function(){
    $('#scrollDown').click(function(){
      $('html, body').animate({scrollTop: $(document).height() - $(window).height()}, 600);
      return false;
    });
  });
</script>

<!-- Маска профиля -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
  hvScriptSet.addMask({
    guestAccess: ['Стойка Катерины', 'Гильдия искателей приключений', 'Штаб Ордо Фавониус', 'Молитвы', 'Пункт регистрации путешественников', 'Галерея персонажей', 'Журнал путешествий', 'Организация', 'Сюжетные эпизоды и события', 'Дополнительные эпизоды', 'Другие миры', 'Архив', 'Таверна «Доля ангелов»', 'Луди Гарпастум', 'Дневники искателей приключений', 'Галерея', 'Реклама', 'Партнерство', 'Хранилище'],
    maskLimit: 30,
    forumAccessExtended: {
      'Стойка Катерины': ['Игроки', 'Выбывшие игроки'],
      'Гильдия искателей приключений': ['Игроки', 'Выбывшие игроки'],
      'Штаб Ордо Фавониус': ['Игроки', 'Выбывшие игроки'],
      'Молитвы': ['Игроки', 'Выбывшие игроки'],
      'Пункт регистрации путешественников': ['Игроки', 'Выбывшие игроки'],
      'Галерея персонажей': ['Игроки', 'Выбывшие игроки'],
      'Журнал путешествий': ['Игроки', 'Выбывшие игроки'],
      'События': ['Игроки', 'Выбывшие игроки'],
      'Организация': ['Игроки', 'Выбывшие игроки'],
      'Сюжетные эпизоды и события': ['Игроки', 'Выбывшие игроки'],
      'Дополнительные эпизоды': ['Игроки', 'Выбывшие игроки'],
      'Другие миры': ['Игроки', 'Выбывшие игроки'],
      'Архив': ['Игроки', 'Выбывшие игроки'],
      'Таверна «Доля ангелов»': ['Игроки', 'Выбывшие игроки'],
      'Луди Гарпастум': ['Игроки', 'Выбывшие игроки'],
      'Дневники искателей приключений': ['Игроки', 'Выбывшие игроки'],
      'Галерея': ['Игроки', 'Выбывшие игроки'],
      'Тайный совет': ['Игроки', 'Выбывшие игроки'],
      'Реклама': ['Игроки', 'Выбывшие игроки'],
      'Партнерство': ['Игроки', 'Выбывшие игроки'],
      'Хранилище': ['Игроки', 'Выбывшие игроки'],
      'Архив событий': ['Игроки', 'Выбывшие игроки'],
      'Закрытый архив': ['Игроки', 'Выбывшие игроки']
    },
    changeList: {
      'pafld1': {
        title: 'лз',
        description: '',
        tag: 'lz',
        class: 'pa-fld1',
        defaultCode: '',
        type: 'html'
      },
      'pafld2': {
        title: 'плашка',
        description: '',
        tag: 'mus',
        class: 'pa-fld3',
        defaultCode: '',
        type: 'html'
      }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect']
  });
</script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
  .FNTslider {
    border-radius: 4px;
    position:relative;z-index:1000;
    background: #dfcac1c7;
    width: 110px;
    height: 5px;
    margin: 3px -11px;
    border: solid 1px #ffffffdb;
    float: right;
    margin-right: 5%;
  }
  .FNTslider .before {
    height: 5px;
    border: solid 1px #ffffffdb;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #a75b22;
    margin-top: -1px;
  }
  .FNTslider .thumb {
    width: 8px;
    height: 12px;
    border-radius: 3px;
    border: solid 1px #ffffffdb;
    position: relative;
    top: -4px;
    background: #ece0d7;
    cursor: pointer;
  }
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0016/0b/c8/31011.js"></script>

<!-- Рестор ссылки "НОВЫЕ СООБЩЕНИЯ" -->
<script type="text/javascript">
  if(GroupID != 3) { $('#pun-ulinks .container').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>'); }
</script>

<!--- Дополнительные шрифты в форме быстрого ответа --->
<script type="text/javascript">
  if (document.URL.indexOf("viewtopic") != -1) {
    var ft; var i; var ft_f; var j = "";
    ft = document.getElementById("font-area");

    var ft_f = new Array();
    ft_f.push('Comfortaa');
    ft_f.push('Roboto');
    ft_f.push('Prata');
    ft_f.push('Caveat');
    ft_f.push('Kurale');
    ft_f.push('Lobster');
    ft_f.push('Pacifico');
    ft_f.push('Pattaya');
    ft_f.push('Genshin');
    ft_f.push('Mondstadt');
    ft_f.push('Khaenriah');
    ft_f.push('Sumeru');
    ft_f.push('Deshret');
    ft_f.push('Inazuma');

    for (i in ft_f) {
      j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
      j += "font=" + ft_f[i];
      j += "]','[/font]')\" /></div>";
      ft.innerHTML += j;
    }}
</script>

<!--ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
  $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="bbcode(\'' + b + '\', \'\')"></td>');
  var indent = '<span style="display:inline-block;margin: 0em 0.5em;"></span>'; /*удвоенные Отступы сверху и слева*/
  $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
Подпись автора

подпись

0


Вы здесь » fontaine test » Штаб Ордо Фавониус » Коды


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