код

Страница: 1

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

Поделиться12025-06-16 12:50:54

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

@import url(style_cs.css);

/* шрифты */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* Font Awesome */
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@font-face {font-family: 'sedansc';
    src: url('https://forumstatic.ru/files/001b/c9/11/93799.eot');
    src: url('https://forumstatic.ru/files/001b/c9/11/93799.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/001b/c9/11/10644.woff2') format('woff2'),
         url('https://forumstatic.ru/files/001b/c9/11/19689.woff') format('woff'),
         url('https://forumstatic.ru/files/001b/c9/11/31874.ttf') format('truetype'),
         url('https://forumstatic.ru/files/001b/c9/11/79063.svg#sedansc') format('svg');
    font-weight: normal; font-style: normal;}
    

@font-face {font-family: 'FontAwesome';src: local("FontAwesome"), url('https://forumstatic.ru/files/001b/ae/02/82214.otf'); url('https://forumstatic.ru/files/001b/ae/02/10475.eot'), url('https://forumstatic.ru/files/001b/ae/02/33873.woff'), url(https://forumstatic.ru/files/001b/ae/02/11858.ttf');
}

/* Стандартные коды майбб, которые пригодятся */

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0; list-style: none;}
.punbb img {border:none; vertical-align: middle;}
.punbb .main table {table-layout: fixed; width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle}
.punbb .post-content em {font-style: italic}
.punbb optgroup {font-weight: bold;}
.acchide,#pun-index #pun-main h1,#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,#pun-title h1 {font-size: 0;height: 0;width: 0;line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}
.punbb * {margin: 0;}
.punbb .hashelp {position: relative;}/* позиционирование выпадающего меню */
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.punbb .post-content .scrollbox {overflow-x: hidden; max-height: 40px; padding: 5px; }
::-webkit-scrollbar { width: 4px; height: 4px;}

/* основное */
body {margin: 0;}
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
html * {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 1.25; text-rendering: optimizeLegibility;}
a {transition: color 0.3s ease-in-out; text-decoration: none;}
#pun {width: 1020px; margin: 310px auto 20px auto; box-sizing: border-box; border-radius: 20px;}
.punbb {font: normal 77.75% 'Montserrat', 'arial', sans-serif; letter-spacing: 0.1px; box-sizing: border-box; padding: 10px 20px 88px;}
h1, h2, h3, #pun-index .tc2, #pun-index .tc3 {font-weight: normal;}
#pun-title {position: absolute; width: 1020px; top: 62px; display: flex; box-sizing: border-box; justify-content: center; z-index: 1; margin-left: -20px;}
#title-logo-table { width: 100%; height: 240px;}
#pun-about { width: 100%; left: 0; text-align: center; padding-top: 6px;}
#pun-about { position: absolute;}
#pun-navlinks { width: 1060px; position: absolute; margin-left: -40px; text-transform: uppercase; font-size: 1rem; top: 0; font-weight: 700; height: 50px; border-end-end-radius: 20px; border-end-start-radius: 20px;}
#pun-navlinks.section ul {margin-left: 10px; width: calc(100% - 20px); height: calc(100% - 10px); border-end-end-radius: 20px; border-end-start-radius: 20px; padding: 0 20px;}
#pun-ulinks.section {position: relative; width: 100%; top: -50px; text-transform: lowercase; text-align: center; height: 1px; font-size: 0.78rem; z-index:99;}
#pun-ulinks li {padding-inline: 8px;}
#pun-ulinks li, #pun-navlinks li {display: inline; }
#pun-navlinks li {position: relative; top: 8px; padding-right: 8px; z-index: 9;}
#pun-status {top: -2px; position: absolute; text-align: end; width: 1020px;}
#pun-status p.container { display: grid; grid-template-columns: 92% 5%; grid-column-gap: 20px; align-items: center;}
#pun-status span.status_userava { text-align: center; grid-area: 1 / 2 / 3 / 3; width: 45px; height: 45px; border-radius: 10px; transform: rotate(45deg); margin-top: 4px;}
#pun-status span.status_userava img { width: 45px; height: 45px; transform: rotate(-45deg); border-radius: 10px; filter: grayscale(100%) contrast(90%) brightness(110%);}
#pun-status span.item1 {grid-area: 1 / 1 / 2 / 2; font-size: 1rem; text-transform: uppercase;}
#pun-status span.item2 {grid-area: 2 / 1 / 3 / 2; font-size: 0.6rem; margin-top: -20px;}
#pun-status span.item4 {display: none;}
#pun-status a {font-weight: 100;}
p.container.crumbs {z-index: 0; padding-inline: 10px; text-transform: lowercase;}
#pun-crumbs1, #pun-crumbs2 {position: relative; margin: 8px -20px; padding: 5px 10px;}
.linkst, .linksb  {position: relative; margin: 10px -20px; padding: 10px 18px;}
.linksb {margin-bottom: 16px; margin-top: 0px;}
noindex { position: relative; top: -16px; float: right;}
#pun-viewforum .intd, #pun-messages td.tcl .intd {display: flex;}
input[type='checkbox'], input[type='radio'] {width: 15px; height: 15px; cursor: pointer; appearance: none;}
input[type='checkbox']:checked {background-image: url(/files/001b/a7/bb/90984.png); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff;}

/* на главной странице */
#pun-index .category tr {position: relative; display: grid; grid-template-columns: 60% 40%; padding: 10px 0 10px 14px; margin: 20px 2px 20px 0; border-radius: 20px;}
#pun-index .category .isub {display: inline-block; margin: -10px 10px 10px 8px; padding: 4px 8px; border-radius: 10px;}
#pun-index .category .isub .tcr {display: none;}
#pun-index .category .isub .tcl {padding-left: 0!important;}
#pun-index .category .isub .tclcon {padding: 0;}
#pun-index .category .isub .tclcon h3 {margin: 0;}
#pun-index .category .isub .tclcon h3 a {font-size: 0.7rem;}
#pun-category1 {margin-top: 20px;}
.category, .forum .container, .usertable .container {margin-bottom: 15px;}
.category .container, #pun-stats .container {border-end-end-radius: 20px; border-end-start-radius: 20px;}
.category h2 span, #pun-stats h2 span {display: block; width: 100%; text-transform: uppercase; text-align: left; line-height: 2rem; padding-top: 4px; border-start-end-radius: 20px; border-start-start-radius: 20px; padding-left: 40px;}
.category h2 span::before { content: '...'; position: relative; top: -5px; letter-spacing: 10px;}
.category table {border-collapse: separate;}
.category tr:last-of-type {margin-bottom: 20px;}
#pun-index .category .tcl {grid-area: 1 / 1 / 2 / 2;}
#pun-index .tclcon {padding: 0 14px 0 4px}
span.modlist {text-align: center; display: none;}
.tclcon h3 {margin-block: 6px;}
.tclcon h3 a {position: relative; z-index: 1; text-transform: uppercase; font-size: 1.3rem; letter-spacing: 1px;}
.links {margin: 14px 0 5px;}
.links a { padding: 4px 10px; margin-right: 8px; border-radius: 5px;}
.partnerships { display: grid; grid-template-columns: 20% 80%; grid-template-rows: 34px; margin: 14px 0 5px;}
.partnerships h3 { grid-area: 1 / 1 / 2 / 2; text-transform: uppercase; margin: 0 0 0 -19px; padding-left: 20px; display: flex; align-items: center;}
.partnerships .banners { grid-area: 1 / 2 / 2 / 3; display: flex; align-content: center; flex-wrap: wrap;}
.partnerships .banners:before { position: absolute; content: ''; margin-left: -34px;}
.partnerships .banners a {padding-left: 8px;}
#pun-index .category .tcr {grid-area: 1 / 2 / 2 / 3; margin-block: -10px; padding-top: 20px; border-start-end-radius: 20px; border-end-end-radius: 20px; padding-left: 20px; text-align: end;}
#pun-index .category .tcr a {font-size: 0.8rem; font-weight: bold; z-index: 1; position: relative;} 
#pun-index em.user-avatar {margin-inline: 20px; float: right;}
#pun-index a.lastpost-link,#pun-index span.lastpost {}
#pun-index span.avatar-image, #pun-index span.isonline {z-index: 1; position: relative;}
.punbb em.user-avatar .avatar-image {height: 40px; width: 40px; border-radius: 6px; filter: grayscale(100%) contrast(90%) brightness(110%);}
#pun-searchtopics em.user-avatar .avatar-image, #pun-viewforum em.user-avatar .avatar-image {width: 35px; height: 35px; margin-left: 4px;}
#pun-index em.user-avatar .avatar-image {}
#pun-stats .container {padding: 10px 15px;}
#pun-stats ul {display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0;}
#pun-stats ul li:not(#onlinelist) span, #pun-stats ul li a {}
ul.container {padding-left: 0;}
#pun-stats ul li:not(#onlinelist) {padding: 10px;}
#pun-stats li {border-radius: 10px;}
#pun-stats ul li:not(#onlinelist) strong {font-weight: 400;}
#pun-stats ul li.item1 {order: 1;}
#pun-stats ul li.item2 {order: 2;}
#pun-stats ul li.item3 {order: 3; text-align: right;}
#pun-stats ul li.item4 {order: 4; text-align: right;}
#pun-stats ul li.item5 {order: 5; text-align: justify; width: 100%;}
#pun-stats li#onlinelist {margin-top: 10px; padding: 10px;}
#pun-stats li#onlinelist div {}
#pun-stats ul li.item5.statistics {text-align: center; margin-bottom: 10px;}


/* оформление навигационных страниц и страницы статистики */
#pun-main tr.tr-divider {font-weight: bold; background: transparent; border: 0; letter-spacing: 1px; text-transform: uppercase;}
#pun-main tr.tr-divider:before {content: '...'; position: relative; top: -4px; letter-spacing: 12px;}
#pun-statistic h1 span {line-height: 2rem;}
#pun-statistic #pun-main.main .container { position: relative; border-radius: 18px; padding: 10px 0; margin-bottom: 15px;}
#pun-statistic table td { text-transform: lowercase; padding-block: 10px;}
#pun-statistic table tr:last-child td {border: none;}
#pun-main.main.multipage.show_recent, #pun-main.main.multipage.show_replies, #pun-main.main.multipage.show_unanswered, #pun-userlist #pun-main.main.multipage, #pun-statistic #pun-main.main {position: relative; top: 10px;}
.formal {border-radius: 18px; padding: 10px; margin: 10px 0;}
h1 {text-align: center; font-size: 26px; text-transform: lowercase;}
.punbb .forum .hasicon tr, .usertable tr { display: flex; padding: 5px 10px; margin: 6px -10px; text-transform: lowercase; align-items: center; border-radius: 10px;}
.usertable thead tr {border: 0px;}
.forum td.tcl {width: 40%;}
.forum td.tc2, .usertable td.tc2.user_title, .usertable td.tc3.registered ,.usertable td.tc3.last_visit {width: 20%; text-align: center;}
.forum td.tc3, .usertable td.tc3.relation, .usertable td.tc3.num_posts {width: 10%;}
.forum td.tcr { width: 40%; display: flex; flex-direction: row-reverse; align-items: center;}
.punbb em.user-avatar .isonline {right: -10px; background: var(--color9);}
#pun-index em.user-avatar span.isonline {right: 0px;}
.usertable td.tcl.username {display: flex; width: 30%; align-items: center; text-transform: capitalize;}
.punbb .forum .user-avatar { margin: 0;}
.forum td.tcr a {width: 40%; padding-left: 10px;}
.forum td.tcr span.byuser { width: 55%; display: flex; justify-content: flex-end;}
.linkst .postlink.long { width: 100%; text-align: end;}
.postlink.long .new-topic, .postlink.long span.new-poll {padding: 6px 18px; border-radius: 6px; margin-inline: 10px;}
#pun-main table {padding: 0 20px;}
.post-links a {margin-inline: 10px;}

/* оформление странице профиля и лс */
#profile-gifts {text-align: center;}
#viewprofile tr {display: flex; justify-content: space-between; align-items: flex-start;}
#viewprofile #profile-left {width: 222px; margin: -10px 0 30px -10px; z-index: 1; border-end-start-radius: 22px; border-end-end-radius: 22px;}
#viewprofile #profile-left li {text-align: center; padding: 2px; text-transform: lowercase;}
#viewprofile #profile-left li:first-child {padding-top: 6px;}
#viewprofile #profile-left li:last-child {padding-bottom: 6px;}
#viewprofile li#pa-online {font-size: 0.6rem;}
#profile-left li#profile-name {width: 100%; text-transform: capitalize;}
#profile-title {text-transform: lowercase; font-size: 0.6rem;}
#viewprofile #profile-right {width: calc(100% - 230px);}
#profile-right li {display: flex; margin: 3px 0; border-radius: 10px;}
#profile-right span:not(.GamePst) {width: 22%; font-size: 0.8rem; line-height: 1; padding: 12px 10px 5px;}
#profile-right span.pers_plash_text:not(.GamePst) {width: 100%; font-size: 8px; padding: 0 4px; margin-left: 4px;}
#viewprofile #profile-right strong {padding: 10px; font-weight: 400;}
#profile #profilenav {float: left; width: auto;}
#profile #profilenav li { position: relative; top: 20px; left: 10px; font-weight: 900; margin-bottom: 4px; }
#profile fieldset, #profile .formsubmit, #profile10 .select-file, #profile10 .adfs-box, #messages .linksb {width: calc(100% - 202px); margin-left: auto; text-align: left;}
#profile fieldset, #profile .formsubmit, #profile10 .select-file { margin-top: 14px;}
#profile fieldset.radiofield {width: 100%;}
#pun-profile #profile.formal {background: transparent; border:none; min-height: 400px;}
#pun-messages #profile.formal {min-height: 240px;}
fieldset, #profile10 .adfs-box { border-radius: 18px; padding: 10px; position: relative;}
#pun-profile fieldset legend, #pun-messages fieldset legend {width: 50%; text-align: center; padding: 4px; border-radius: 6px;}
fieldset .infofield, fieldset .datafield, fieldset #num-posts, fieldset #location, fieldset #birthday, fieldset .checkfield {width: 100%;}
fieldset .radiofield .radio {width: 100%; display: flex; align-items: center;}
fieldset .radiofield .radio:first-child {margin-top: 10px;}
#filetable tr { display: flex/*!important*/; justify-content: space-between; align-items: center; padding: 10px 0;}
#profile10 .tc3.checker {text-align: end;}
#profile10 .tc3 {text-align: center;}
#setmods dl {margin: 10px 0;}
#setmods dt {font-size: 1.6rem;}
#setmods dd {text-transform: lowercase; padding: 0 10px; line-height: 24px;}
#messages .linksb { display: flex; justify-content: space-between; background: transparent; outline: none; border: none; color: var(--color10);}
#messages .fs-box tr {display: flex; align-items: center; margin-block: 4px; padding: 4px 10px; border-radius: 10px;}
#messages .fs-box .dialog tr {display: table-row;}
#messages .fs-box .dialog .tcl {display: table-cell;}
#messages .fs-box .dialog .intd {display: block;}
td.tcl.pmtcl1 {width: 47% !important;}
td.tc2.pmtc22 {width: 30% !important;}
#messages .pmtc22 {display: flex; align-items: center;}
#pun-messages td.tc2, #pun-messages td.tc3 {overflow: visible!important;}
#pun-messages li.pa-avatar.item2 {border-end-end-radius: 30px; border-end-start-radius: 30px; border-bottom: 1px solid var(--color10);}
.post[data-group-id="3"] li.pa-avatar.item2 { border-end-end-radius: 30px; border-end-start-radius: 30px; border-bottom: 1px solid var(--color10);}
#pun-messages li.pa-author { position: relative; width: 100%; left: auto; text-align: center; top: auto; padding: 0;}
#pun-messages .post-author {padding-top: 10px;}

/* оформление страницы форума */
div.post-rating p { text-align: end;}
.multipage h1, #pun-profile h1 {font-size: 0;}
#topic-modmenu {width: 100%; margin-left: 0; background: transparent; margin-bottom: 10px;padding: 0;}
#topic-users-in {padding-left: 14px;}
.modmenu {width: calc(100% - 200px); margin-left: 100px; padding: 5px; border-start-start-radius: 20px; border-start-end-radius: 20px; text-align: center; text-transform: lowercase;}
.modmenu strong {margin-right: 20px;}
.postlink span, #pun-viewtopic .linksb .subscribelink a {padding: 4px 10px; border-radius: 8px;}
#pun-viewtopic .multipage {text-align: center;}
#pun-viewtopic .linkst, #topic-modmenu .container {display: flex; align-items: center; justify-content: space-between; z-index: 1;}
#pun-viewtopic .linksb {display: flex; flex-wrap: wrap; justify-content: space-between;}
#pun-viewtopic .linksb .pagelink {order: 1; margin: 0;}
#pun-viewtopic .linksb .postlink {order: 2;}
#pun-viewtopic .linksb .subscribelink {order: 3;}
.topic {position: relative; text-align: left; padding: 10px 0 10px; z-index: 0; border-radius: 18px;}
.post {display: grid; grid-template-columns: 220px calc(100% - 220px); grid-template-rows: auto; position: relative; padding: 10px 16px 22px; margin-top: 10px; border-radius: 20px;}
#pun-searchposts .post h3 span {display: block;}
#pun-searchposts .post h3 span strong {float: right;}
.post h3 {grid-area: 1 / 2 / 2 / 3;}
.post h3 span {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.topic a.sharelink {grid-area: 1 / 3 / 2 / 4; padding-left: 30px; z-index: 9;}
.post h3 span .permalink {grid-area: 1 / 2 / 2 / 3; text-align: center;}
.post h3 span strong {grid-area: 1 / 3 / 2 / 4; text-align: end; padding-right: 28px;}
.post h3 span strong:before {font-size: 0.6rem; padding-right: 4px; content: '#';}
#volSlider, #fntSlider { grid-area: 1 / 2 / 2 / 3; display: inline-block; margin-top: -28px; margin-left: 70px; position: relative; width: 100px; height: 9px; border-radius: 5px;}
#volSlider .before, #fntSlider .before {height: 7px; border: none; border-radius: 5px 0 0 5px; margin-top: 0;}
#volSlider .thumb, #fntSlider .thumb {display: inline-block; position: absolute; top: 0; margin-top: -1px; width: 3px; height: 9px; cursor: pointer; transition: all ease-out 0.3s;}
.post .container { display: grid; grid-template-columns: 220px calc(100% - 220px); grid-template-rows: auto; grid-area: 2 / 1 / 3 / 3; grid-column-gap: 10px; grid-row-gap: 8px; padding-right: 10px; border-radius: 20px;}
.post-author {width: 100%; grid-area: 1 / 1 / 2 / 2; border-radius: 20px; padding: 25px 10px; margin-left: -10px; margin-top: -20px;}
.post-author ul:not(.wrapper) {text-align: center; border-radius: 34px;}
#pun-searchposts li.pa-author {position: relative; top: auto; left: 0; text-align: center; width: 100%;}
#pun-searchposts li.pa-replies {text-transform: lowercase; padding-block: 10px;}
li.pa-author { position: absolute; left: 6px; top: 12px; width: 22.5%; font-size: 0.9rem; background: transparent!important; z-index: 9;}
.post-author ul li {margin: 0;}
li.pa-title { text-transform: lowercase; letter-spacing: 1px; font-size: 0.6rem; border-start-end-radius: 30px; border-start-start-radius: 30px; border-top: 1px solid var(--color10); padding: 6px; position: relative; z-index: 9;}
.pa-avatar {text-align: center;}
.pa-avatar img {display: block; max-width: 180px; height: auto; margin: 0 auto;}
.allps { z-index: 99; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 30px; background: #484a4a;}
.post-author .fld-name {font-size: 0;}
.pa-respect .fld-name a:before, .pa-fld1 .fld-name:before { font-family: 'Font Awesome 5 Free'; font-size: 0.7rem;}
.pa-fld1 .fld-name:before { padding-right: 4px;}
.pa-respect .fld-name a:before {content: '\f164';}
.pa-fld1 .fld-name:before {content: '\f0e0';}
.pa-fld1 {grid-area: 1 / 2 / 2 / 3;}
.pa-respect {grid-area: 1 / 1 / 2 / 2; justify-content: flex-end;}
ul li.pa-respect, ul li.pa-fld1 { display: flex; padding: 4px; align-items: baseline; background: #484a4a;}
ul li.pa-respect img {display: none;}
li.pa-fld3 {position: relative; z-index: 9; border-end-end-radius: 30px; border-end-start-radius: 30px; border-bottom: 1px solid var(--color10); padding-block: 10px;}
li.pa-awards {text-transform: lowercase;}
.post-author-Sp {text-align: center; margin-top: 8px;}
li.pa-avatar.item2 {padding-bottom: 10px;}
ul li.pa-ip { position: absolute; top: 12px; margin-left: 230px; background: transparent;}
.post-author .pa-fld4 img {width: 220px; position: absolute; height: 50px; left: 6px; top: 8px; border-start-end-radius: 20px; border-start-start-radius: 20px;}
.post-author .pa-fld2 img {width: 220px; position: absolute; height: 70px; left: 6px; border-end-end-radius: 20px; border-end-start-radius: 20px; margin-top: -20px;}
.post-author li.pa-fld2 {margin-bottom: 10px;} 
li.pa-online {width: 16px; height: 16px; display: block; position: absolute; top: 14px; left: 0; font-size: 0px; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; z-index: 100; border-radius: 15px;}
.post-body {grid-area: 1 / 2 / 3 / 3; padding-right: 10px;}
.post-rating p.container, .post-box .post-vote p {display: block;}
.post-links {grid-area: 3 / 1 / 4 / 3; padding: 5px 10px; text-transform: lowercase; border-end-end-radius: 20px; border-end-start-radius: 20px;}
.post-links ul {display: inline-block; width: 100%; padding: 4px;}
.post-links ul li.pl-email {float: left;}
.post-links ul li {display: inline; margin-right: 4px; padding: 4px; border-radius: 8px;}
.post-links ul li:last-child, .post-links ul li.pl-BBquote {margin-right: 0;}
.post-box p {position: relative; z-index: 2;}


/* быстрый ответ */
form#post.container.formal {display: block;}
form#post.container.formal fieldset{}
form#post.container.formal p.formsubmit {}



/* кнопки отправить посмотреть */
p.formsubmit {text-align: left; padding: 5px; margin: 5px;}
.formal input.button, #post fieldset .hashelp div input, .button, #pun-admain input, input#sub4 {padding: 5px 10px; cursor: pointer; transition: .8s all;}
.formal input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {cursor: pointer;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 5px 0 0;} 
select, input, .punbb .formal textarea {border-radius: 5px; padding: 5px 5px;}

/*цитаты и выделить код, форма ответа*/
.punbb .formal fieldset {border: none;}
#post-form { text-transform: none; margin-top: 20px; padding: 10px; border-radius: 18px;}
.quote-box, .quiet-quote {border-radius: 8px; padding: 10px; margin: 20px 4px 14px; position: relative; z-index: 3; overflow: hidden;}
.quote-box.answer-box, .quiet-quote {margin: 20px 40px 14px;}
.quote-box.hide-box > blockquote {padding-bottom: 10px;}
blockquote {}}
.quote-box cite {display: inline-block; text-transform: lowercase; position: relative; padding: 6px; border-radius: 4px; }
blockquote.visible .quote-box p {}
.post .post-content .spoiler-box > blockquote.visible { border-radius: 20px; padding: 0; overflow-x: hidden;}
.quote-box.spoiler-box:before {display:none;}
blockquote.visible:before {display:none;}
blockquote.visible p {width: 94%; position: relative; left: 2%; padding: 3px 0px 0 20px; min-height: 40px;}
blockquote.visible p:last-child {margin-bottom: 10px;}
.code-box { display: grid; grid-template-columns: 100%; border-radius: 8px; padding: 10px; margin: 10px 4px 4px; height: 100px;}
.code-box .blockcode {grid-area: 2 / 1 / 3 / 2; border-radius: 20px; padding: 0 6px;}
.code-box strong.legend { grid-area: 1 / 1 / 2 / 2; display: grid; text-transform: lowercase; position: relative; background: #26342c0f; align-items: center; justify-content: center; border-radius: 4px;}
.punbb #tags .container {height: auto; overflow: auto; padding: 5px 15px; top: auto; margin-top: 6px; border-end-start-radius: 10px; border-end-end-radius: 10px; z-index: 999;}
.quote-box.spoiler-box p {margin: 0;}

/*иконки*/
#pun-index div.icon {position: absolute; left: -20px;}
#pun-searchtopics div.icon, #pun-messages div.icon, #pun-viewforum div.icon {display: none;}
div.icon {margin-top: 5px; height: 15px; width: 15px; border-radius: 50%;}
#messages .icon.inew:before {display: none;}
#pun-index .icon[data-new-topics]:before, #pun-index .subforums span[data-new-topics]:before { background: var(--color10); color: #e2e2e2; min-width: 20px; padding: 4px; margin-left: 0px; margin-top: 12px; border-end-start-radius: 0; border-start-start-radius: 0;}

/*реклама яндекс*/
#yandex_rtb_R-A-1623045-3 {box-sizing: border-box;}





/* разное */
p.inputfield.required.longinput label {display: block; height: 10px;}
fieldset legend {display: flex; width: 100%; justify-content: center;}
#pun-login fieldset legend, #pun-login p.formsubmit {justify-content: flex-start; text-align: left;}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 4px 14px 4px 0;}
.punbb .inline .infofield {clear: both;}
.post-box .post-content td {border: 0px!important; vertical-align: top;}
.main.multipage .post-box .post-content tr:hover {animation: none;}
li.pl-delete, li.pl-edit, li.pl-quote, li.pl-quiet_quote {float: right;}
.post-sig p {margin-top: 10px;}
#form-buttons table, .punbb .formal textarea {box-sizing: border-box;}
span.bubble {background: var(--color9);}
span.bubble:after {border-color: var(--color9) transparent;}
#notify-link strong.unreads {
    background: var(--color10);
    font: normal 77.75% 'Montserrat', 'arial', sans-serif;
    color: var(--color1);
}

/* админка */
.punbb-admin #pun-status p.container {display: block;}
.punbb-admin #pun-status {position: relative; text-align: center; width: auto;}
a#award-create {position: relative; z-index: 100;}
.punbb-admin .adformal {border-width: 0 0 0 0;}
.punbb-admin .admin-advert-block { width: 800px; height: auto; position: relative; top: -100px; left: 250px; text-align: center; display: flex; justify-content: space-evenly; flex-direction: column;}
.punbb-admin .adformal h2, .punbb-admin #pun-adnav h2 {padding: 10px; border: 0; text-align: center; font-size: 1.05rem!important; position: relative; top: -15px; text-transform: uppercase; border-radius: 8px;}
.punbb-admin .adformal h2:after {width: 674px;}
.punbb-admin #pun-adnav h2:after {width: 172px;}
.punbb-admin .adcontainer {border:0; margin: 10px 0;}
.punbb-admin .adminmain, .punbb-admin .adcontainer fieldset {border-radius: 8px; margin-top: 24px;}
.punbb #pun-admain legend span {width: 50%; text-align: center;  padding: 4px; border-radius: 8px;}
.punbb-admin #pun-admain input {padding: 2px 10px;}
.punbb-admin .post {display: block;}
#pun-admain #form-buttons td {border: 0;}


/* доработки */
.section.online-list tr {line-height: 30px;}
#pun-online .section.online-list td.tcl.username {}
#pun-online .section.online-list .tcl.action {text-align: center;}
#pun-online .section.online-list td.tc3 {text-align: end;}
.post-content p {margin: 15px 0; overflow-x: hidden; line-height: 1.6;}
.post-content p:last-child {}
.post-content p>br { display: block; content: ''; margin: 15px 0;}
.post-content blockquote p>br, .post-content blockquote p {}
.post-links ul li.pl-share {float: right; display: none;}
dd {border-top: 1px solid var(--special-border-color);}
p.lastedit {display: none;}
.section.online-list {position: relative; border-radius: 18px; padding: 10px 0; margin-bottom: 35px;}
.online-list tr td {padding: 10px 5px;}
.online-list tr td {border-bottom: 1px solid var(--color3);}
.online-list tr:last-child td {border:none;}
.post-content .spoiler-box {grid-template-columns: 100%;}
fieldset#post-preview {text-align: left; text-transform: math-auto;}
fieldset#post-preview p {margin: 15px 0;}
#main-reply {}
#font-area span, #size-area span, #addition-area div, #spoiler-sels {color: var(--color1);}


/* настройка маски в форме ответа */
#mask_dialog .inner { color: var(--color4); border-radius: 18px; background: var(--color5); border-inline: 2px solid var(--color10); }
#mask_dialog .inner .description {text-transform: lowercase; font-size: 9px;}
#mask_dialog .hv-preview-block img {border-radius: 8px; border: 1px solid #c39a3e69;}
#mask_dialog .hv-preview-block {margin: 0 10px 10px 0;}
#mask_dialog .hv-form-block {padding-right: 10px;}
#mask_dialog .hv-mask-dialog-title {}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {border-radius: 5px; padding: 5px 5px;}


/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{display:none!important;}
#pun-navlinks #New-exit img{ position: absolute; left: 5px; top: 3px;  margin: 0;  width: 21px; height: auto; opacity: .88; filter: grayscale(100%) contrast(10%) brightness(130%);}
#pun-navlinks #New-exit:hover{opacity: .4;}

/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {position: absolute; box-sizing: border-box; width: 20px; height: 20px; z-index: 10000!important; margin-top: 0px!important; margin-left: 19px!important; float: none!important; visibility: visible!important;}
.punbb #pun-navlinks a#New-exit:before {content:none;}
.punbb #pun-navlinks a#New-exit:after {content:none;}
.punbb #pun-navlinks #form-login input#Paste-And-Copy {width: 186px !important;}
.punbb #pun-navlinks #form-login input{text-align: center; text-rendering: auto; margin-top: 7px!important; margin-bottom: 4px!important; padding: 4px 6px; 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 Arial!important;}
.punbb #form-login #fld1,#form-login #fld2 {}
.punbb #pun-navlinks #form-login input[type="submit"]{ cursor: pointer; padding: 4px 12px; transition: .33s;}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{transition: .66s;}

/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {display: block; letter-spacing: normal; color: var(--color2); text-transform: none; position: absolute!important; left: 0px; top: 31px; z-index: 100000!important; padding: 7px 12px; border-right: 1px solid var(--color10); border-left: 1px solid var(--color10); background: var(--color11); border-radius: 0 0 6px 6px; text-align: center;}
#pun-navlinks #navlogin #form-login {margin-left: -20px;/*Подвижки формы влево от вход*/}
#pun-navlinks #navlogout #form-login {}
.ismoderator #pun-navlinks #navlogout #form-login {}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{margin-bottom: 11px; margin-top: 11px;}
.punbb #pun-navlinks #form-login a.Rega, .punbb #pun-navlinks #form-login a.Forgot{position:relative; text-transform: none!important; z-index:20; text-shadow:none; cursor:pointer; color:#2C2C2C!important; letter-spacing:0.5!important;}
.punbb #pun-navlinks #form-login a.Rega:hover, .punbb #pun-navlinks #form-login a.Forgot:hover{color: #4a7f8d!important;}
.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: -7px; min-height: 90px; right: 100%; padding: 12px 19px 12px 17px; border-right: 1px solid var(--color10); border-left: 1px solid var(--color10); background: var(--color11); border-radius: 0 0 0px 6px; text-align: center;}
#form-login span {font-size: 0.8rem; color: var(--color10); text-transform: lowercase;}
#form-login div span {}

/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul {padding: 0; overflow: hidden; overflow-y: auto; font-size: 0.8rem; width: auto; height: auto; margin: 0; border-radius: 4px; border-right: 1px solid var(--color10); border-left: 1px solid var(--color10); border-bottom: 0; background: var(--color3);}
.punbb #List-UserNames li {color: var(--color4); display: block; position: relative; text-align: left; margin: 1px auto; padding: 2px 5px; border-bottom: 1px solid #84838333;}
.punbb #List-UserNames li:hover{opacity:.84;}

/*Стиль Ников*/
.punbb #List-UserNames li>b{ cursor: pointer; opacity: .9;}
.punbb #List-UserNames li>b:hover{ opacity:1;}

/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {display: inline-block; padding: 0 3px; position: absolute; opacity: .88; cursor: pointer; top: 0; bottom: 0; right: 2px; font: normal normal 700 9px/normal Verdana; color: var(--color2);}

/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{ display:inline-block; content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";}

/*Кнопка выход-2*/
#navlogin #exit-2 { display:none;}
#navlogout .Rega, #navlogout .Forgot {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 {}

/*Стрелочки к инпуту*/
#List-UserNames ul+span b{padding:0 3px;color: var(--color10);}

/*Кликалка слево, чуть выше инпута*/
#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 Tahoma!important; margin-top:-22px!important; margin-left: 148px!important; max-width:170px;}

/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/




/* сокрытие элементов */
.admin-advert-block .admin-advert-block-buttons, th.tcl, th.tc2, th.tc3, th.tcr, #pun-live-rusff, ul li.pa-ua, .linksb .postlink.long, #pun-navlinks h2, #pun-ulinks h2, #pun-status h2, .pa-gifts, #pun-userlist thead, #pun-messages thead, #title-logo-tbody, li#navawards, #pun-index .category thead tr, #post-form h2, .topic li.pl-reports, form#post fieldset legend span, #viewprofile-next #profilenav, .formal h2, #profile small#plng, #pun-announcement h2, .fa-heart:before, #pun-index .category .tc2, #pun-index .category .tc3, #pun-main #s-block, #pun-login h1, #pun-register h1, #pun.ru.isuser.ismoderator.isadmin.gid1 h1, #pun.ru.isguest.gid3 h1, #pun-multidelete li.pa-title, .linksb .postlink, #pun-viewtopic #topic-feed, #pun-messages li.pa-reg, #pun-messages li.pa-posts, #form-buttons td#button-files_rusff, .topic a.sharelink {display: none!important;}



/* хронология */
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

.a_timeline-wrap {
  --border: #9F957C;
  --tcolor: #3b5364;
}

.a_timeline-wrap {
   width: auto;
   padding: 50px 0;
   margin: auto;
   position: relative;
}

.a_timeline-wrap:before {
     content: '';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 100%;
   background: var(--border);
   z-index: 1
}

.a_timeline-item {
  font: 400 12px philosopher;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: calc(50% + 8px);
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;
  text-align: right;
}

.a_timeline-marker {
   width: 17px;
   height: 17px;
   border-radius: 50%;
   background: var(--tcolor);
   border: 2px solid var(--pun);
   top: 0px;
   z-index: 9999;
  position: absolute;
  right: 0px;
  box-sizing: border-box;
}

.a_timeline-item span {
  font-size: 12px;
}

.a_timeline-item a {
  font-weight: 700;
  font-size: 18px
}

.a_timeline-item p {
  padding: 10px 0 0 0 !important;
  margin: 0 !important;
  font: 400 11px/150% philosopher !important;
}

.a_timeline-item + .a_timeline-item {
  margin-top: 40px
}

.a_timeline-item:nth-child(2n) {
  font: 400 12px philosopher;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: calc(50% + 8px);
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
  text-align: left;
  margin-left: calc(50% - 8px)
}

.a_timeline-item:nth-child(2n) .a_timeline-marker {
   width: 17px;
   height: 17px;
   border-radius: 50%;
   background: var(--tcolor);
   border: 2px solid var(--pun);
   top: 0px;
   z-index: 9999;
  position: absolute;
  right: calc(100% - 16px);
  box-sizing: border-box;
}

/*ДОП, СТИЛИ К СКРИПТУ ЛОТЕРЕЙКА В ТОПИКЕ*/
/*лотерейка новый год*/

.New_Year {
  background: url('https://kalix.club/uploads/posts/2022-12/1671710183_kalix-club-p-novogodnii-pattern-krasivo-6.jpg') no-repeat center;
  border-radius: 20px;
  border: 1px solid #b58779;
  background-size: cover;
padding-bottom: 18px;
position: relative;}

.New_Year::before {content: url('https://forumstatic.ru/files/001b/7a/84/82882.png');  position: absolute;  right: -4px;  top: -4px;}

.New_Year .lotheader {background: #eae2bd; border: 1px solid #da3f27; color: #4a4036;}

.New_Year .lot table {background: #eae2bd;  border: 1px solid #da3f27;}

.New_Year .lot-table tbody td[class^="ab"]::before {color: rgb(187, 50, 50) !important;}

.New_Year td.ab1 {  background: #ddd5b1 url('https://upforme.ru/uploads/001b/7a/84/3/835498.png') no-repeat top;}

.New_Year td.ab2 {  background: #ddd5b1 url('https://upforme.ru/uploads/001b/7a/84/3/652147.png') no-repeat top;}

.New_Year td.ab3 {  background: #ddd5b1 url('https://upforme.ru/uploads/001b/7a/84/3/987710.png') no-repeat top;}

.New_Year td.ab4 {  background: #ddd5b1 url('https://upforme.ru/uploads/001b/7a/84/3/446058.png') no-repeat top;}

.New_Year .lot td.open:not(.bonus) {opacity: 1; background: #ddd5b1 url('https://upforme.ru/uploads/001b/7a/84/3/57574.png') no-repeat;}

.New_Year td.ab1.open.bonus, .New_Year td.ab2.open.bonus, .New_Year td.ab3.open.bonus, .New_Year td.ab4.open.bonus {
  background: #e0d8b4 url('https://upforme.ru/uploads/001b/7a/84/3/791880.png') no-repeat top;
}

.New_Year td.open.bonus {  filter: grayscale(0); opacity: 1;}
.New_Year .lottitle { font-size: 20px; color: #fff; margin-top: 20px !important;  text-shadow: 1px 1px 1px #f00;}

/*лотерейка дайсы*/
.Dice-D20 {
  background: url('https://upforme.ru/uploads/001b/7a/84/3/307500.jpg') repeat top;
  border-radius: 20px;
  background-size: cover;
  position: relative;}

.Dice-D20 td.ab1 {  background: #ccc url('https://upforme.ru/uploads/001b/7a/84/3/921222.png') no-repeat top;}

.Dice-D20 td.open.bonus {  filter: grayscale(0); opacity: 1;}

.Dice-D20 td.ab1.open.bonus {  background: #ccc url('https://upforme.ru/uploads/001b/7a/84/3/972051.png') no-repeat top;}

.Dice-D20 td.ab1.open.bonus::after {content: '\2714';
  position: absolute;
  color: green;
  margin-top: -90px;
  margin-left: 18px;
  font-size: 58px;
}

  .topic_Dice-D20 .bottomPhrase>p{
    color: red;
    font-weight:bold;
  }
  .topic_Dice-D20 .bottomPhrase>p:before{
    content:"Двадцатигранный кубик выдал : ";
    color:blue;
    font-weight:400;
  }


/*лотерейка мистическая*/

.bonus_for_mystic {
 background: url('https://upforme.ru/uploads/001b/7a/84/3/696694.jpg') no-repeat center;
  border: 1px solid #606060;
  background-size: cover;
  padding-bottom: 18px;
  position: relative;}

.bonus_for_mystic .lot table {background: #00000057;}

.bonus_for_mystic td.ab1 {  background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/615164.png') no-repeat;
}
.bonus_for_mystic td.ab2 {  background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/102146.png') no-repeat;}

.bonus_for_mystic td.ab3 {  background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/68364.png') no-repeat;}

.bonus_for_mystic td.ab4 {  background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/281874.png') no-repeat;}


.bonus_for_mystic td.ab1,
.bonus_for_mystic td.ab2,
.bonus_for_mystic td.ab3,
.bonus_for_mystic td.ab4 {
background-position: center 20%;
border: 1px solid #2f2f2f;}


.bonus_for_mystic .lot td.open:not(.bonus) {opacity: 1; background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/57574.png') no-repeat;}

.bonus_for_mystic td.ab1.open.bonus, .bonus_for_mystic td.ab2.open.bonus, .bonus_for_mystic td.ab3.open.bonus, .bonus_for_mystic td.ab4.open.bonus {
  background: #0d0d0d url('https://upforme.ru/uploads/001b/7a/84/3/791880.png') no-repeat top;
}

.bonus_for_mystic  td.open.bonus {  filter: grayscale(0)!important; opacity: 1!important; }

.bonus_for_mystic .lot-table tbody td.open[class^="ab"]::before {color: #888;}

 .newyearlot td.open.bonus {  filter: grayscale(0)!important; opacity: 1!important; }

Поделиться22025-06-16 12:51:03

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

:root {
  --color1: #c8cec9; /* есть */
  --color2: #838483; /* есть */
  --color3: #4c555d; /* изменила */
  --color4: #a4a4a6; /* изменила */
  --color5: #282828; /* изменила */
  --color8: #e0e0e0; /* вместо 12 */
  --color9: #678fa9; /* изменила */
  --color10: #889bac; /* изменила */
  --color11: #303030;
}

/* основное */
html {background-color: var(--color5); background-image: url(/files/0012/14/e8/18941.jpg); /*OLD->url(/files/001b/c9/11/47165.png);*/background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: 100%;}
html.punbb { background: none; border: none; box-shadow: none;  text-align: center;}
.punbb {}
#pun, #pun-index span.isonline, .post-author ul li.pa-online {background: var(--color10);}
#pun {background: rgb(40 40 40 / 50%); color: var(--color4);} 
#pun-navlinks {background: rgb(40 40 40 / 50%);}
#pun-navlinks.section ul {background: var(--color5);}
#title-logo-table {background: url(/files/001b/c9/11/66849.png) no-repeat;}
a {color: var(--color10);}
a:hover {color: #4f6371;}
noindex a, .postlink a, #pun-viewtopic .linksb .subscribelink a {color: var(--color4);}
noindex a:hover, .postlink a:hover {color: var(--color9);}
#pun-navlinks a, #pun-about a {color: var(--color4);}
#pun-ulinks a {color: var(--color8); opacity: .5;}
#pun-about a {opacity: 0.4;}
#pun-about a:hover, #pun-ulinks a:hover {opacity: 1;}
#pun-navlinks a:hover {color: var(--color1);}
#pun-crumbs1, #pun-crumbs2 {background: #30303070; color: var(--color4);}
#pun-status, #pun-status a {color: var(--color4);}
#pun-status a:hover {color: var(--color4);}
input[type='radio']:checked {background-color: var(--color10);}
input[type='checkbox'], input[type='radio'] {background: var(--color1);}

/* на главной */
#pun-status span.status_userava {background: #657381;}
#pun-status span.status_userava img {border: 1px solid var(--color3);}
.category .container, #pun-stats .container {color: var(--color4); background: var(--color5);}
.category h2 span, #pun-announcement .html-box span a, #pun-stats h2 span, .linkst, .linksb { background-image: url(/files/001b/c9/11/14836.png); background-repeat: no-repeat; background-size: cover; color: var(--color8); }
#pun-index .category tbody tr, .punbb .forum .hasicon tr, .usertable tr, #filetable tr, #pun-statistic table td, #profile-right li {background: var(--color11); border-right: 2px solid var(--color3);}
.punbb .forum .hasicon tr:hover, .usertable tr:hover {box-shadow: inset 0px 0px 13px 3px #a4a4a669;}
#messages .fs-box tr {}
tr.icon.inew {background: var(--color5); border-inline: 1px solid var(--color10);}
#pun-index .category .isub {background: rgb(76 85 93 / 30%);}
#pun-index .category .tcr {background: #323232;}
#pun-index .category .tcr:before {
    content: '';
    background: #566472;
    display: block;
    width: 1px;
    height: calc(100% - 6px);
    margin-top: -17px;
    position: absolute;
    margin-left: -21px;
}
.tclcon h3 a {color: var(--color10);}
.tclcon h3 a:hover {color: var(--color4);}
.links a {background: rgb(136 155 172 / 20%); color: rgb(224 224 224 / 50%);}
.links a:hover {background: rgb(136 155 172 / 60%); color: var(--color8);}
.partnerships {background: #323232;}
.partnerships .banners:before {border-bottom: solid 34px #323232; border-left: solid 34px transparent;}
.partnerships h3 {background: #33373a;}
#transcriptforum {color: rgb(163 68 12 / 87%);}
#textforum {color: rgb(40,35,32, 0.8);}
#linksforum a {color: rgb(238 251 234 / 40%);}
#linksforum a:hover {color: rgb(238 251 234 / 80%); border: 1px solid rgb(238 251 234 / 80%);}
#pun-index .category .tc2, #pun-index .category .tc3 {}
#pun-index .category .tc2:hover, #pun-index .category .tc3:hover {}
#pun-stats ul li:not(#onlinelist) {color: var(--color10); border-right: 2px solid var(--color3); background: rgb(76 85 93 / 30%);}
#pun-stats ul li a {color: var(--color10);}
#pun-stats li#onlinelist {color: var(--color4); background: var(--color11);}
#pun-stats {color: var(--color4);}

/* на страницах профиля и смс */
#viewprofile #profile-left {color: #a7a4a4; border-bottom: 1px solid var(--color10);}
#viewprofile #profile-left li a {color: var(--color4);}
#profile-name a, #profile-name, #profile-left li#pa-edit a {color: var(--color10);}
/*tr.group1.icon.inew,*/ tr.altstyle.inew { border-radius: 8px; color: var(--color4); border-inline: 2px solid var(--color10); background: #8483830d; box-shadow: inset 0 0 11px 2px rgb(30 56 46 / 14%); margin: 0 -10px; padding: 4px 10px;}
/*tr.group1.icon.inew a, */ tr.altstyle.inew a {color: var(--color10);}
/*tr.group1.icon.inew a:hover,*/  tr.altstyle.inew a:hover {color: var(--color4);}
#profilenav a {color: var(--color4);}
#profilenav a:hover {color: var(--color10);}

/* оформление страницы форума */
.postlink span, #pun-viewtopic .linksb .subscribelink a { background: #282828cc; border-inline: 1px solid #889bac54;}
.post {background: var(--color5);}
.modmenu {background: #303030a1;}
#pun-statistic h1 span {color: var(--color10);}
.inner.post_reputation {background: #939ca5; border-radius: 10px; border-inline: 2px solid var(--color3); color: var(--color11);}
#pun-viewtopic .multipage .inner.post_reputation h1 {font-size: 1rem; margin-top: -44px; position: absolute; border-start-start-radius: 8px; border-start-end-radius: 8px;}
.topic {}
.post .container, #profile fieldset, #profile10 .adfs-box, #pun-statistic #pun-main.main .container { border-right: 1px solid var(--color10); background: var(--color11);}
.post-author, #viewprofile #profile-left, #tags .container {background-color: var(--color5); background-image: url(/files/001b/c9/11/47165.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.post-links {}
.post-links li {background: #282828; border-inline: 1px solid #889bac54;}
.post-links li:hover {border-inline: 1px solid #a4a4a670; box-shadow: inset 0 0 8px 1px #a4a4a670;}
.post-author ul li {background: var(--color11);}
#pun-searchposts li.pa-replies {background: transparent; color: var(--color10);}
#pun-searchposts .post-author {border-inline: 1px solid var(--color10)}
.pa-author a, .pa-posts {color: #cccccc;}
.pa-author a:hover {color: var(--color9);}
.post h3 {color: var(--color2);}
.post h3 a {color: var(--color2);}
.pa-avatar.item2 img, li#pa-avatar img {border-radius: 8px;  border: 1px solid #889bac7a;}
#profile fieldset legend, input, select {background: #4c555d80; color: var(--color4); border-bottom: 2px solid var(--color10); border-top: 2px solid var(--color10);}
.post-links a {color: var(--color10);}
.post-links a:hover {color: var(--color4);}
.forum .container, .usertable .container {color: var(--color4);}
#volSlider, #fntSlider {border: 1px solid #889bac5c; background: var(--color11);}
#volSlider .before, #fntSlider .before {background: #889bac70;}
#volSlider .thumb, #fntSlider .thumb {background: var(--color10);}

/* кнопки, поля ввода, прокрутка */
input, select {border-left: 0;  border-right: 0;}
textarea {background: rgb(180 186 193); box-shadow: inset 0 0 21px 2px rgba(0, 0, 0, .13);}
input:hover, select:hover {box-shadow: inset 0 0 8px 1px #889bacc2;}
input:is(:focus, :focus-visible, :active), textarea:is(:focus, :focus-visible, :active), select:is(:focus, :focus-visible, :active) {background: var(--color11); color: var(--color2);}
#main-reply { border: 1px solid #889bac52; background: var(--color11); color: var(--color4);}
::-webkit-scrollbar-thumb {border-radius: 20px; background-color: var(--color4); box-shadow: inset 0 0 2px var(--color4);}
::-webkit-scrollbar-track {background-color: transparent;}

/*цитаты и выделить код, форма ответа*/
.quote-box cite, .quote-box cite a {display: block; text-align: center; background: #303030; padding: 10px; margin-inline: -10px; color: var(--color10);}
.code-box, .quote-box, .formal, .quiet-quote {color: var(--color4); border-inline: 2px solid var(--color10); background: #8483830d; box-shadow: inset 0 0 11px 2px rgb(30 56 46 / 14%);}

/* закладки / уведомления */
#MyBookmarks {height: 80%; border-end-end-radius: 10px;}
#pun #MyBookmarks span.scrl,#pun #MyBookmarks li span strong {color: #153131; text-shadow: 0 0 6px #153131;}
#pun #BookmCntToggle.default-style {border-left: solid 4px currentcolor; height: 30px; width: 22px; border-radius: 5px; color: var(--color10);}
#pun #MyBookmarks h2 { margin-top: -15px; left: 0; padding-block: 5px; margin-inline: -4px; letter-spacing: 2px; font-size: 1rem; text-transform: uppercase; border-radius: 10px; background: var(--color5); color: var(--color10); box-shadow: -0.640625px 4px 5px rgb(0 0 0 / 14%); border: 1px solid #889bac59;}
#pun #MyBookmarks, #pun .editBookmark {top: 70px; background-color: var(--color11); border: 1px solid var(--color10); box-shadow: inset 0 0 40px 10px rgba(0, 0, 0, .23);}
#pun .post .bookmark {color: var(--color10);}
#pun .editBookmark h1 {display: none!important;}
.punbb span.num_msg {position: relative; background: var(--color3); color: var(--color2); margin: 0 10px; top: -4px; left: 12px; padding: 4px;}
.punbb span.num_msg:before {display: none;}


/* админка */
.punbb-admin #pun-admain .ace-chrome .ace_gutter {background: var(--color1);}
.punbb-admin #pun-admain .ace_hidpi .ace_content {background: rgb(129 112 101 / 20%);}
.punbb-admin #pun-admain fieldset p, .punbb-admin #pun-admain fieldset .handle, .punbb-admin #pun-admain .adcontainer th {border-color: #889bac12; background-color: var(--color5); border-radius: 8px; padding: 4px 10px !important; color: var(--color4);}
.punbb #pun-admain legend span {background: var(--color5); color: var(--color10);}
.punbb-admin .adcontainer fieldset {border: 1px solid var(--color10)!important;}
.punbb-admin .adformal h2, .punbb-admin #pun-adnav h2 {color: var(--color1);}
.punbb-admin,.punbb-admin #pun-admain .isactive a, .punbb-admin #pun-adnav .isactive ul.adsubnav a  {color: var(--color4);}
.punbb-admin #pun-admain a, .punbb-admin #pun-admain li::marker, .punbb-admin #pun-adnav .isactive ul.adsubnav a:hover {color: var(--color4);}
.punbb-admin #pun-admain a:hover {color: var(--color10);}


/*шапка*/
#html-header pic img:hover {filter: grayscale(0%) contrast(90%) brightness(100%);}
#html-header links {position: absolute; top: 77px; width: 960px; z-index: 9; padding-left: 272px; font-size: 0.9rem; text-transform: lowercase;}
#html-header links a:first-child {padding-left: 36px;}
#html-header links a {padding-right: 12px; font-size: 0.8rem;}
#html-header name { position: absolute; top: 140px; z-index: 9; margin-left: 240px; color: var(--color1); text-shadow: #9dcbf5 0px 0px 3px; width: 170px; text-align: center;}
#html-header name h2 {font-family: 'sedansc'; font-size: 3.2rem; letter-spacing: 2px;}
#html-header name h3 { font-size: 1.3rem; margin-top: -14px;}
#html-header need {position: absolute; top: 120px; z-index: 9; margin-left: 470px;}
#html-header need h2 {width: 168px; height: 45px; background: var(--color5); border-radius: 10px; border: 1px solid #404040; display: flex; align-items: center; justify-content: center;}
#html-header need pic {position: absolute; margin-left: -16px; margin-top: -48px; display: flex; width: 200px; height: 48px; align-items: center; justify-content: space-between;}
#html-header need pic left img, #html-header need pic right img {width: 42px; height: 42px; transform: rotate(-45deg); filter: grayscale(100%) contrast(90%) brightness(110%); border: 1px solid #404040; border-radius: 10px;}
#html-header need pic left, #html-header need pic right {width: 42px; height: 42px; border-radius: 10px; transform: rotate(45deg); margin-top: 4px; background: #657381;}
#html-header active {position: absolute; top: 190px; z-index: 9; margin-left: 456px;}
#html-header active h2 {width: 190px; height: 50px; background: var(--color5); border-radius: 10px; border: 1px solid #404040; display: flex; align-items: center; justify-content: center; padding-right: 30px;}
#html-header active pic {position: absolute; top: -2px; margin-left: 154px; width: 46px; height: 46px; border-radius: 10px; transform: rotate(45deg); margin-top: 4px; background: #657381;}
#html-header active pic img {width: 46px; height: 46px; transform: rotate(-45deg); filter: grayscale(100%) contrast(90%) brightness(110%); border: 1px solid #404040; border-radius: 10px;}
#html-header best_post {position: absolute; top: 120px; z-index: 9; margin-left: 760px;}
#html-header best_post h2 {width: 190px; height: 50px; background: var(--color5); border-radius: 10px; border: 1px solid #404040; display: flex; align-items: center; justify-content: center; padding-right: 30px; position: relative; z-index: 1;}
#html-header best_post pic {position: absolute; top: -2px; margin-left: 154px; width: 46px; height: 46px; border-radius: 10px; transform: rotate(45deg); margin-top: 4px; background: #657381; z-index: 2;}
#html-header best_post pic img {width: 46px; height: 46px; transform: rotate(-45deg); filter: grayscale(100%) contrast(90%) brightness(110%); border: 1px solid #404040; border-radius: 10px;}
#html-header best_post text {display: block; width: 224px; height: 83px; overflow-x: auto; font-size: 0.7rem; background: rgb(40 40 40 / 75%); padding: 4px 8px; border-radius: 10px; border: 1px solid #404040; margin-left: -56px; margin-top: -4px;}
#html-header best_post text a {}
#html-header top {position: absolute; top: 220px; z-index: 9; margin-left: 234px; filter: grayscale(100%) contrast(90%) brightness(80%);}
#html-header top:hover {filter: grayscale(0%) contrast(90%) brightness(100%);}
#html-header top a {padding-left: 6px;}






/* Form Buttons and inner container */
#form-buttons tr {display: flex; justify-content: center; flex-wrap: wrap;}
#form-buttons td { position: relative; width: 22px; height: 22px; background-image: none !important; border-radius: 4px; margin: 0 2px 2px; transition: .3s all ease-in-out;}
#form-buttons td#button-mask { background-image: none !important;}
#form-buttons td::before {position: absolute; top: 50%; height: auto; font-size: 14px; font-weight: 900; font-family: 'Font Awesome 5 Free'; text-align: center; color: var(--color10); margin: 0 auto; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; pointer-events: none;}
#form-buttons td img { opacity: 0;}
#form-buttons #floatbut, #form-buttons #button-sticker {text-align: left;}

#form-buttons td:hover::before,
#form-buttons #button-image:hover b p {color: var(--color4);}
#form-buttons #button-font::before { content: '\f031';}
#form-buttons #button-size::before { content: '\f034';}
#form-buttons #button-bold::before { content: '\f032';}
#form-buttons #button-italic::before { content: '\f033';}
#form-buttons #button-underline::before { content: '\f0cd';}
#form-buttons #button-strike::before { content: '\f0cc';}
#form-buttons #button-indent::before { content: '\f03c';}
#form-buttons #button-left::before { content: '\f036';}
#form-buttons #button-center::before {content: '\f037';}
#form-buttons #button-right::before {content: '\f038';}
#form-buttons #button-link::before {content: '\f0c1';}
#form-buttons #button-spoiler::before {content: '\f518';}
#form-buttons #button-image::before { content: '\f302';}
#form-buttons #button-image b p { top: 6px; right: 2px; color: rgba(45, 45, 45, 1); margin: 0 !important; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
#form-buttons #button-video::before {content: '\f144';}
#form-buttons #button-hide::before {content: '\f070';}
#form-buttons #button-quote::before {content: '\f27a';}
#form-buttons #button-code::before {content: '\f121';}
#form-buttons #button-color::before {content: '\f53f';}
#form-buttons #button-table::before { content: '\f84c';}
#form-buttons #button-smile::before { content: '\f118';}
#form-buttons #button-sticker::before { content: '\f581';}
#form-buttons #button-keyboard::before { content: '\f11c';}
#form-buttons #button-addition::before { content: '\f150';}
#form-buttons #button-mask::before { content: '\f6fa';}
#form-buttons #button-player::before { content: '\f001';}
#form-buttons #floatbut::before { content: '\f03b';} /* обтекание изображения */
#button-files_rusff, #button-graffiti_rusff {display: none!important;}


/*доп стикеры в форме ответа*/
.hvStickerPackModalContainer .hvStickerPackModal {background: var(--color5); color: var(--color8); border-inline: 1px solid var(--color10); border-radius: 20px; border-block: 0;}
.hvStickerPackModalContainer .hvStickerPackModalContent {border: 0;}

/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #b9b9b9;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
/*  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;*/
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}/* END//БыстроПлюсы для Топика!*/


/* предпросмотр лс*/
.m-content { background: var(--color11); padding: 15px; border-inline: 1px solid var(--color10); border-block: 0.5px solid var(--color2); border-radius: 20px;  position: absolute; margin-top: 10px; z-index: 200; display: none;}


/*сворачивание длинных цитат*/
.quote-box.toggle blockquote,.quote-box.toggle{position:relative;overflow-y:hidden}
.quote-box .quote-after { width: 100%; height: 30px; position: absolute; z-index: 999; display: block; bottom: 0px; transition: background-image .4s ease; cursor: pointer; background: var(--color5) !important; border-inline: 1px solid #889bac94; border-radius: 4px; color: var(--color10);}
.quote-after:before {content:"^";width:100%;text-align:center;position:absolute;line-height:2em;font-weight:700;font-size:1.2em;}
.quote-after.q-resize-1:before {transform:rotate(180deg);top:0;bottom:0;}


/* пагинатор */
#pagenav table#paginator { border-inline: 1px solid var(--color10)!important; background-color: var(--color5)!important;}
#paginator { opacity: .98; position: absolute; left: 20%; table-layout: auto; width: auto; border-radius: 6px; border-spacing: 0;  z-index: 1000;}
#paginator:before{}
#paginator td{}
#paginator a {display: inline-table; font-size: 0.8rem; line-height: 1.1rem; text-align: center;}
#paginator a:hover {font-size: 1rem;}
.second {display: none;}
 @media screen and (max-width: 540px) { #paginator{left: -1em; border-collapse:collapse;} .first {font-size: 0.7em;} .second{font-size: 0.5em;} }


/* баннеры */
#html-footer {position: relative;}
#banners { position: absolute; top: 29px; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: 31px; padding-right: 5px; overflow: auto;}
#banners img { transition: .3s all ease-in-out; opacity: .3;}
#banners img:hover { opacity: 1;}


/* комментарии к репутации */
.tipsy.post-vote-wrapper.tipsy-e, .tipsy.tipsy-n.notifications-telegram-invite {font: normal 77.75% 'Montserrat', 'arial', sans-serif; background: var(--color5); border: 1px solid #84838385; border-radius: 20px;}
.tipsy.post-vote-wrapper.tipsy-e .tipsy-inner, .tipsy .tipsy-inner {background: var(--color11); color: var(--color8); border-radius: 20px;}
.tipsy.tipsy-n.notifications-telegram-invite {}
.tipsy.tipsy-n.notifications-telegram-invite.tipsy-inner {}



/* html-темы
----------------------------------------- */

/* Общее */

.punbb .b_theme {
  margin: 10px auto;
  width: 670px;
  border-radius: 20px;
  font-family: var(--font-family);
  box-sizing: border-box;
  color: var(--color8);
}

.punbb .b_theme * {
  scrollbar-width: thin;
  scrollbar-color: var(--color11) transparent;
}

.punbb .b_theme p {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
}

.punbb .b_theme u {
  text-decoration-skip-ink: none;
}

.punbb .b_theme ul {
  margin-bottom: 10px;
  padding: 0;
}

.punbb .b_theme li {
  margin: 0;
  padding: 5px;
}

.punbb .b_theme_header h3 {
  font-weight: 600;
  font-size: 20px;
  color: var(--color8);
}

.punbb .b_theme br {
  margin-bottom: 0;
}

.punbb .b_theme_header br {
  margin: 0;
}

.punbb .b_theme_header small {
  font-weight: 500;
  font-size: 9px;
}

.punbb .b_theme_header span {
  font-weight: 500;
  font-size: 11px;
}

.punbb .b_theme ul li {
  list-style: none;
}

.punbb .b_theme .spoiler-box {
  margin: 10px 0 20px;
  padding: 0 10px;
  display: block;
  background: var(--color11);
  border-block: 2px solid var(--color10);
  border-radius: 10px;
  box-sizing: border-box;
  border-inline: none;
  width: 100%;
}

.punbb .post .post-content .b_theme .spoiler-box > blockquote.visible {
  padding: 10px;
}

.punbb .b_theme  .spoiler-box > div {
  background: url(https://forumstatic.ru/files/0012/14/e8/39060.svg) no-repeat left 10px center;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 10px 40px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color1);
}

.punbb .b_theme .spoiler-box > div.visible {
  background: url(https://forumstatic.ru/files/0012/14/e8/39078.svg) no-repeat left 10px center;
}

.punbb .b_theme blockquote.visible p {
  width: 100%;
  min-height: unset;
  left: 0;
  box-sizing: border-box;
  padding-bottom: 10px !important;
}

.punbb .b_theme .code-box {
  margin: 10px 0 15px;
}

.punbb .b_theme_header {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 10px 20px;
  text-align: center;
  text-shadow: 1px 1px #000;
  color: var(--color8);
  border-radius: 20px 20px 0 0;
}

.punbb .b_theme_header1 {
  background: url(https://forumstatic.ru/files/0012/14/e8/60527.png) no-repeat top center;
}

.punbb .b_theme_header2 {
  background: url(https://forumstatic.ru/files/0012/14/e8/37062.png) no-repeat top center;
}

.punbb .b_theme_header3 {
  background: url(https://forumstatic.ru/files/0012/14/e8/68156.png) no-repeat top center;
}

.punbb .b_chapter_header {
  margin-bottom: 10px;
  width: 630px;
  height: 30px;
  background: var(--color11);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: var(--color8);
  text-shadow: 1px 1px #000;
}

.punbb .b_chapter_header p {
  padding: 0 !important;
}

/* Правила */

.punbb .b_rules {
  background: var(--color5);
  border: 1px solid var(--color9);
  height: 700px;
}

.punbb .b_rules_main {
  margin: 20px 10px 30px 20px;
  padding-right: 10px;
  height: 560px;
  width: 640px;
  overflow: auto;
}

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

.punbb .b_guestbook {
  background: var(--color5);
  border: 1px solid var(--color9);
}

.punbb .b_guestbook_main {
  margin: 20px 20px 30px;
  width: 630px;
}

.punbb .reserved {
  max-height: 125px;
  overflow: auto;
  margin-bottom: 10px;
}

/* Список ролей */

.punbb .b_cast {
  background: var(--color11);
  border: 1px solid var(--color9);
}

.punbb .b_cast_main {
  margin: 20px 25px;
  width: 620px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: space-between;
  align-items: flex-start;
}

.punbb .b_cast details {
  display: block;
  background: var(--color5);
  border-block: 2px solid var(--color10);
  border-radius: 10px;
  width: 300px;
  box-sizing: border-box;
}

.punbb .b_cast summary {
  background: url(https://forumstatic.ru/files/0012/14/e8/39060.svg) no-repeat left 10px center;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 10px 40px;
  cursor: pointer;
}

.punbb .b_cast details[open] summary {
  background: url(https://forumstatic.ru/files/0012/14/e8/39078.svg) no-repeat left 10px center;
}

.punbb .b_cast h4, .punbb .b_cast em {
  font-weight: 600;
  font-size: 20px;
  color: var(--color1);
  font-style: normal !important;
}

.punbb .b_cast details ul {
  margin: 0 10px;
  padding: 10px 5px 15px;
  border-top: 1px solid var(--color9);
  font-size: 14px;
}

/* Нужные */

.punbb .b_wanted {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-block: 2px solid var(--color9);
  background: var(--color5);
}

.punbb .b_wanted p br {
  margin-bottom: 5px;
}

.punbb .b_wanted img {
  border-radius: 10px;
}

.punbb .b_wanted_name {
  margin: 10px auto 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: var(--color8);
}

.punbb .chapter_header_alt {
  margin-top: 10px;
  background: url(https://forumstatic.ru/files/0012/14/e8/92225.png) no-repeat top center;
  text-transform: uppercase;
}

/* Итоги недели */

.punbb .b_result {
  background: var(--color11);
  border: 1px solid var(--color9);
}

.punbb .b_result .b_theme_header {
  text-transform: uppercase;
}

.punbb .b_result_main {
  margin: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.punbb .b_result_active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 20px;
}

.punbb .b_result_active img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: top center;
  border-radius: 10px;
  filter: grayscale(1);
}

.punbb .b_result_active > div {
  display: flex;
  gap: 10px;
  align-items: center;
}

.punbb .b_result_active h5 {
  font-weight: 500;
  font-size: 16px;
  text-align: right;
}

.punbb .b_result_active a {
  font-weight: 500;
  font-size: 14px;
}

.punbb .b_active_left {
  justify-content: flex-end;
  text-align: right;
}

.punbb .b_active_right {
  justify-content: flex-start;
}

.punbb .b_bestpost {
  background: var(--color5);
  border-block: 2px solid var(--color10);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 5px 20px 15px;
  text-align: justify;
}

.punbb .b_bestpost_header {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color9);
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--color1);
}

/* Рекламная тема */

.punbb .b_advert {
  background: var(--color5);
  border: 1px solid var(--color9);
}

.punbb .b_advert_main {
  margin: 20px;
}

/* Шаблон анкеты */

.punbb .b_quenta {
  background: var(--color5);
  border: 1px solid var(--color9);
}

.punbb .b_quenta_main {
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.punbb .b_quenta img {
  border-radius: 10px;
}

/* Шапка темы шаблона анкеты */

.punbb .b_quentap {
  background: var(--color5);
  border: 1px solid var(--color9);
  width: 760px;
}

.punbb .b_quentap_main {
  margin: 20px;
}

.punbb .b_quentap .b_quenta {
  text-align: center;
}

.punbb .b_quentap .b_chapter_header {
  width: 100%;
}

/* Шапка темы эпизоды */

.punbb .b_ep {
  background: var(--color5);
  border: 1px solid var(--color9);
}

.punbb .b_ep img {
  border-radius: 10px;
}

.punbb .b_ep_main {
  margin: 20px;
}

.punbb .b_ep_main > p {
  padding-bottom: 10px !important;
}

.punbb .b_ep_info {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px 20px;
}

.punbb .b_ep_players {
  width: 100%;
  text-align: center;
}

.punbb .b_ep_time, .punbb .b_ep_place {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.punbb .b_ep_time:before, .punbb .b_ep_place:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-size: 24px;
  font-weight: 300;
  color: var(--color10);
}

.punbb .b_ep_time:before {
  content: "\e29e";
}

.punbb .b_ep_place:before {
  content: "\f5a0";
}


/* Новогодний адвент-календарь */

.punbb .ny_advent {
  width: 760px;
  background: var(--color5);
  border: 1px solid var(--color9);
  min-height: 500px;
}

.punbb .ny_header {
  background: url(https://forumstatic.ru/files/0012/14/e8/91951.png) no-repeat top center;
  text-transform: uppercase;
}

.punbb .ny_header p, .punbb .ny_day p {
  padding: 0 !important;
}

.punbb .ny_main {
  padding: 20px 30px;
}

.punbb .ny_greeting {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
}

.punbb .ny_count {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: var(--font-family);
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: var(--color8);
}

.punbb .ny_count span {
  font-size: 20px;
}

.punbb .ny_count h4 {
  font-size: 40px;
}

.punbb .ny_count h4 em {
  color: #ab1c1c;
  font-style: normal;
}

.punbb .ny_calendar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
}

.punbb .ny_day {
  border: 2px solid var(--color9);
  border-radius: 8px;
  width: 130px;
  height: 130px;
  box-sizing: border-box;
  background: url(https://forumstatic.ru/files/0012/14/e8/29750.svg) no-repeat top 52px center;
}

.punbb .ny_date {
  background: var(--color9);
  border-radius: 2px 2px 0 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  height: 32px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}

.punbb .ny_day.opened {
  border: 2px solid var(--color10);
}

.punbb .day1.opened {
  background: url(https://forumstatic.ru/files/0012/14/e8/46887.jpg) no-repeat center/cover;
}

.punbb .opened .ny_date {
  color: var(--color8);
  text-shadow: 1px 1px #000;
  background: var(--color10);
}

.punbb .ny_task {
  width: 126px;
  height: 94px;
  background: rgba(0,0,0,.65);
  border-radius: 0 0 5px 5px;
  display: none;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  text-transform: lowercase;
  text-align: center;
  color: var(--color8);
  text-shadow: 1px 1px #000;
}

.punbb .opened .ny_task {
  display: flex;
  align-items: center;
  justify-content: center;
}

.punbb .ny_task br {
  display: inline;
}

.punbb .ny_advent .spoiler-box > div {
  display: block;
}


/*лотерейка блич*/
.newyearlot { background: url("https://forumstatic.ru/files/001b/7a/84/48497.png") repeat-x scroll 100% 0%, url("https://forumstatic.ru/files/001b/7a/84/43685.png") repeat-x scroll 100% 100%, url("https://forumstatic.ru/files/001b/7a/84/62354.png") repeat scroll 100% 40%;
  border-radius: 20px;
  border: 1px solid #4c555d;
padding-bottom: 18px;
position: relative;
width: 890px;
  margin: 0 auto;}

.newyearzag {
  color: #678fa9;
  font-family: var(--font-family);
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  padding-top: 12px;
}

.newyeartxt {
  color: #e0e0e0;
  font-family: var(--font-family);
  text-align: center;
  font-size: 12px;
  width: 760px;
  margin: 0 auto !important;
  height: 85px;
  box-sizing: border-box;
  padding: 10px 15px;
}

.newyearlot .lot table {background: none;!important;   margin-top: 22px;  background-size: 120%;}

.newyearlot td.ab1 {
  background: #282828 url('https://forumstatic.ru/files/001b/7a/84/78372.png') no-repeat 50% 17%;
    background-size: auto;
border: 1px solid #4c555d;}

.newyearlot td.ab1.open.bonus {
  background: #282828 url('https://forumstatic.ru/files/001b/7a/84/58515.png?v=1') no-repeat 50% 17%;
    background-size: auto; 
border: 1px solid #4c555d;}


.newyearlot .lot-table tbody td[class^="ab"]::before {color: #59798e;
margin-top: 90px;
  font-family: var(--font-family);
font-size: 14px;
}

.newyearlot .lot-table tbody td.open[class^="ab"]::before {color: #fff;}


.newyearlot table[style="width:111px"] + .newyearlot .quote-box td,  .punbb .main .newyearlot .lot td {background-size: 82% !important;}

.click_result {background: #282828 !important;
  border: 1px solid #4c555d !important;}

.click_result::before {
  content: ' ';
  background: url('https://forumstatic.ru/files/001b/7a/84/58770.png');
  width: 500px;
  height: 326px;
  font-family: var(--font-family);
  display: block;
  position: absolute;
  scale: 0.5;
  margin-left: 210px;

}

.Lot-number {background: #222 !important;   font-family: var(--font-family);}

.click_result .topPhrase, .click_result.yesbonus .topPhrase {background: #889bac !important;
  color: #000 !important;   font-family: var(--font-family);}

.bottomPhrase {color: #e0e0e0 !important;   font-family: var(--font-family);}

Поделиться32025-06-16 12:51:13

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

<!-- шапка -->
    <links>
Полезные ссылки:
<a href="https://baf.rusff.me/viewtopic.php?id=336" target="_blank" style="cursor: pointer;" title="Список занятых ролей">список ролей</a>
<a href="https://baf.rusff.me/viewtopic.php?id=349" target="_blank" style="cursor: pointer;" title="Нужные в игру персонажи">нужные персонажи</a>
<a href="https://baf.rusff.me/viewtopic.php?id=42" target="_blank" style="cursor: pointer;" title="Упрощенный прием">Шаблон анкеты</a>
<a href="https://baf.rusff.me/viewtopic.php?id=335" target="_blank" style="cursor: pointer;" title="Обязательно ознакомьтесь">Правила</a>
    </links>
    <name>
        <h2>Bleach</h2>
        <h3>apocalipsis</h3>
    </name>
    <need> 
    <h2>нужные</h2>
        <pic>
            <left><a href="https://baf.rusff.me/viewtopic.php?id=349#p46965" title="Emilou Apacci"><img src="https://i.pinimg.com/736x/a1/ac/c0/a1acc02899e322304fc9af39c2b0af05.jpg"></a></left>
            <right><a href="https://baf.rusff.me/viewtopic.php?id=349#p45940" title="Zaraki Kenpachi"><img src="https://i.pinimg.com/736x/39/b7/fd/39b7fd60465b1375c16bf672db59d928.jpg"></a></right>
        </pic>
    </need>
    <active>
        <h2>активист</h2>
        <pic><a href="https://baf.rusff.me/profile.php?id=2" title="Yadomaru Lisa"><img src="https://i.pinimg.com/736x/5d/1b/2f/5d1b2fc3e5669f75d2f7c7e4239990c9.jpg"></a></pic>
    </active>
    <best_post>
        <h2>постописец</h2>
        <pic><a href="https://baf.rusff.me/profile.php?id=148" title="Kuchiki Rukia"><img src="https://i.pinimg.com/736x/80/f3/8a/80f38a4876735877b71d5ea00db7f4a6.jpg"></a></pic>
        <text>Тишина сгустилась, словно саван, давящий на плечи тяжестью невысказанных слов. Ледяная капля, сорвавшись с пряди волос, ужалила спину змеиным холодом, но Рукия не вздрогнула. Его взгляд парализовал волю, обратил в камень. Мир вокруг съежился до размеров его фигуры, четкой и незыблемой в лунном свете. В глубине его зрачков Кучики увидела свое отражение – смятое, беззащитное, жалкое в своей слабости... <a href="https://baf.rusff.me/viewtopic.php?id=520#p48867" target="_blank" style="cursor: pointer;" title="Читать пост">читать далее...</a></text>
    </best_post>
    <top>
<a href="https://forum-top.ru/vote/1657" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="https://forum-top.ru/uploads/buttons/forum-top_88x15_8.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a href="https://rpgtop.su/27088" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="_blank">
<img src="//img.rpgtop.su/top8015_1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="80" height="15"></a>
    </top>







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


<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js"></script>

<!--Скрытие профиля в теме тегом-->
<style>/* Скрытие профиля */
.hideprofile, .hideprofile > .container{display: block!important}
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website
{display:none!important;}.hideprofile .post-body,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:9px !important; width: 97%;}.hideprofile h3 {margin-right: 9px !important;width: 98% !important;}.hideprofile .post-rating { margin-left: -22px;}
</style>
<script>
FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть профиль',onclick:function(){insert('[hideprofile]');}});
$().pun_mainReady(function(){$('.post-content p:contains("[hideprofile]")').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')}).parents('.post').addClass('hideprofile')});
</script>

    
<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 1;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[4]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f10	:-[0],  //Bleach
f31	:-[0],  //Сюжет
f11	:-[0]	//Альтернатива //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a{top:2px;right:3px;z-index:100}.punbb .GamePst{padding:0!important;}
#profile-right li#pa-fld1 strong.GamePst2 {}.punbb .table_GamePosts td{color:#000;}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,4]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = [3,9,10]; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>

    <script type="text/javascript">
/****************************************************************
* 	Сворачивание длинных цитат в постах
* 	Alex_63 03.12.2016г. / 08.04.2024г. 13:51:00
* 	v1.0.1
****************************************************************/

if($('#pun-viewtopic').length)$(document).on('pun_main_ready pun_post pun_edit',function(){

  var bgcolor = $('.quote-box:first blockquote').css('background-color');
  if(bgcolor=='transparent' || bgcolor=='rgba(0, 0, 0, 0)')bgcolor = $('.quote-box:first').css('background-color');
  var st = 'background:',st1 = 'linear-gradient(to bottom,transparent 0%,'+bgcolor+' 70%,'+bgcolor+' 100%);';
  var gradient = '<style>.quote-box .quote-after.q-resize-1{'+st+st1+st+'-moz-'+st1+st+'-webkit-'+st1+st+'-o-'+st1+st+'-khtml-'+st1+st+'-ms-'+st1+'}</style>';
  $(gradient).appendTo('head');

  $('.topic .post-content .quote-box:not(.toggle)').each(function() {
    var a = $(this),s = a.parents('.quote-box');  //alert(a.html());
    if(a.hasClass('spoiler-box') || (s.length && s.children('cite').length))return;
    if(!$(this).children('cite').length)return;
    var def_height = $(this).children('blockquote').height()+40;
    if(def_height/parseInt($(this).css('font-size'))>=12){    $(this).addClass('toggle');
      $(this).children('blockquote').attr('data-height',def_height).css('height','6em')
      .append('<span class="quote-after q-resize-1" title="Развернуть"></span>');
    }

  });

})
.on('click', '.quote-box .quote-after',function(){
  if($(this).hasClass('q-resize-1')){
    var quote = $(this).parent('blockquote').css('height','100%');
    var def = quote.height()+40; quote.attr('data-height',def + 'px');
    quote.css('height','6em').animate({height:def},400);
    $(this).removeClass('q-resize-1').addClass('q-resize-2').attr('title','Свернуть');
  } else if($(this).hasClass('q-resize-2')){
    var quote = $(this).parent('blockquote');
    quote.animate({height:'6em'},400);
    $(this).removeClass('q-resize-2').addClass('q-resize-1').attr('title','Развернуть');
  }
});
</script>
    
    <!-- Скрываем профиль от гостей -->
    <style id="HideProfile">.gid3 #pun-profile .main{display:none}</style>
    <script type="text/javascript">
    if(self==top&&GroupID==3&&$('#pun-profile').length)$().pun_mainReady(function(){
    var s='Информация',s1=$('#pun-title h1>span').text();document.title=s1;
    var L=' »&nbsp;<a href="/">'+s1+'</a> »&nbsp;'+s;$('.crumbs').html(L);
    $().pun_aboutReady(function(){$('#pun-crumbs2>.crumbs').html(L);});
    $('#pun-main').html('<h1><span>'+s+'</span></h1><div class=info>\
    <div class=container>Вы не имеете прав для доступа к этой странице.\
    </div></div>');$('style#HideProfile').remove();});
    </script>
    

    
<!--Кнопки вверх и вниз-->
<a style="position: fixed; top: 400px; right: 40px; cursor: pointer; background-color: transparent !important;" id="Go_Top"><img src="https://forumstatic.ru/files/0012/14/e8/16858.png" alt="Вверх"></a>

<a style="position: fixed; top: 449px; right: 40px; cursor: pointer; background-color: transparent !important;" id="Go_Bottom"><img src="https://forumstatic.ru/files/0012/14/e8/78401.png" alt="Вниз"></a>

<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
$("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>
<!-- конец -->

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></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: [339]}); // ID важных тем (через запятую)
</script>

<!---------------- Комментарии к оценкам за сообщения © Alex_63, 2024 ---------------->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/reputation.css" />
<style>tipsy.post-vote-wrapper .tipsy-inner{max-width:306px!important;}</style>
<script type="text/javascript" src="https://forumstatic.ru/f/ru/bestbb/reputation.js"></script>

<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>

<!-- Скрытие IP и провайдера от модераторов © Alex_63 --> 
<style id="NoDsp">.gid2 #pun-online tcl:first-child{visibility:hidden}</style><script type="text/javascript">if($('#pun-online').length && GroupID==2){$(function(){$('.main .tcl:first-child a[href*="profile.php"]').each(function(){var OnUserN = $(this).clone();$(this).parents('.tcl').html(OnUserN);});$('style#NoDsp').remove();});}</script>
<!-- конец -->

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


<!-- Подсчет символов в постах игры -->
<style>.send-sumb{margin: 28px 0 12px;padding:2px 7px; float:right;color:#8aabff;
cursor:pointer; border:1px solid;}.post.topicpost .send-sumb{display:none}</style>
<script type="text/javascript">
if([10,11].indexOf(+FORUM.topic.forum_id)!=-1){//id Нужных форумов для подсчета
document.write('<script type="text/javascript" data="peco" src="https://forumstatic.ru/files/0013/44/56/67571.js?"><\/script>')}
$(function(){$(".post-content .send-sumb").each(function(){$(this).attr("title",$(this).attr("original-title")).removeAttr("original-title")})});
</script>
<!-- конец -->

<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
  kn_Name: 'цитировать-тихо', /*Наименование кнопки цитировать*/
  kn_title: '', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
  button_sequence: 1,  /*1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
  hide_button_quote: 0,  /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
  visible_forums: [4,12]   /*ID форумов установки кнопки тихой цитаты*/
}</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0012/14/e8/88700.js"></script>


<!-- Лотерейка в топике by Deff -->
<script type="text/javascript">
FORUM.lottery = {};
FORUM.lottery.timID;       //Служебная Aякс-переменная;
FORUM.lottery.BonysColor = "red";  //Цвет номера ячейки в сообщениий с Выигрышем;
FORUM.lottery.ColorNowin = "blue"; //Цвет номера ячейки в сообщениий без Выигрыша;
FORUM.lottery.One_person_test = FORUM.topic.subject.substr(-1)=='*'; //Если тема заканчивается на '*': один юзер, - много кликов,если нет: один юзер, - один клик!;
</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0012/d8/04/87680.css"/>
<script title="1861a0" type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/56616.js"></script>
<!--Всплывающая подсказка к названию колонки таблы с лотерейкой //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/59379.js"></script>
<style>.click_result {transform: scale(1.15);margin-top:22px;margin-bottom:12px;}
.click_result.notbonus .Lot-number span[style="color: blue"]{color:#a06bd3!important;}</style>
<style>table[style="width:111px"]+.quote-box td,.punbb .main .lot td{width:100px!important}</style>
<!--End// Лотерейка //-->


<!--//Цитирование в закрытых темах//--><style>
.my-post-form {position:relative;}
.my-post-form #Tooltip-1{display:inline-block;position:absolute; color:red;margin-top:-18px;}
.my-post-form:before {content:'Форма вставки цитирования из закрытых тем'; color: #6f6c6c; display: block; text-align: center;font-family: Arial;font-size: 18px;text-transform:uppercase;padding-bottom: 4px;}
.punbb #post #insertToQuoting_closed_topics{display:inline-block;color:#1d67bb;font-weight:bold;margin-bottom:22px;}
#insertToQuoting_closed_topics >img {display:inline-block;margin:10px 3px -10px;}
</style>
<script>
/*Настройки*/
Quoting_closed_topics = {
   Tooltip:	'Запомнено', /*Текст всплывающей подсказки в закрытой теме при клике на цитату*/
   text:	'Вставить запомненное из закрытых тем', /*Текст кнопки вставки запомненного цитирования в активную тему*/
   key:	'4Ya43KXjgKPhqqAg'  /*Код доступа*/         
}
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/69800.js"></script>
<!--END//Цитирование в закрытых темах//-->


<!-- baf.rusff.me Плеер с плейлистом (c) Alex_63, 2025 -->
<style>
.player-container-simple {
    background: #303030;
    padding: 20px;
    border-radius: 10px;
    width: 450px;
    margin: 20px auto;
    box-shadow: 0 8px 30px rgba(0,0,0,0.7);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.media-wrapper-simple {
    position: relative;
}
.album-cover-simple {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
}
.iframe-wrapper-simple {
    display: flex;
    align-items: center;
    gap: 10px;
}
.iframe-container-simple {
    flex-grow: 1;
    background: #404040;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.iframe-container-simple::before {
    content: "Загрузка...";
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 140px;
    line-height: 140px;
}
.track-iframe-simple {
    width: 100%;
    height: 140px;
    border: none;
    display: block;
    position: relative;
}
.control-button-simple {
    background: rgba(80,80,80,0.8);
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.control-button-simple:hover {
    background: #505050;
    transform: scale(1.1);
}
.control-button-simple svg {
    width: 24px;
    height: 24px;
    fill: #a6bdd7;
}
.pun-modal .modal-inner {
    background: rgba(91,91,89,.9);
    border-radius: 2em;
}
</style>
<script src="https://forumstatic.ru/files/0016/0b/c8/97584.js"></script>

Поделиться42025-06-16 12:51:29

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

<!-- Универсальный скрипт замены © Alex_63 -->

<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#navindex','Форум','Домой');
Change('#navuserlist','Участники','Жители');
Change('#navpm','Сообщения','СМС');
Change('#navadmin','Администрирование','Амс');
Change('#pa-respect span','Репутация','Уважение');
Change('#pun-stats .container','Всего тем','Тем');
Change('#pun-stats .container','Всего сообщений','Сообщений');
Change('#pun-stats .container','Зарегистрированных пользователей','Пользователей');
Change('#pun-stats .container','Последним зарегистрировался:','Добро пожаловать, ');
</script>

<!----------------------------------------------- аватар пользователя в шапке ----------------------------------------------->
<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'/files/001b/c9/11/54835.png')+'"/></span>')</script>

<!--объединение в общую группу -->
<script>
$('#pun-main .post-author ul').each(function() { $(this).find('.pa-fld1, .pa-respect').wrapAll('<div class="allps">'); });
$(document).on('pun_post', function() {
$('.new-ajax .post-author ul').each(function() {
$(this).find('.pa-fld1, .pa-respect').wrapAll('<div class="allps">');
});
})
</script>

<!--отключение реакций -->
<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>






<!-- Аватар по умолчанию-->
<script type="text/javascript">
var avalink = "https://forumstatic.ru/files/001b/c9/11/54835.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='" + avalink + "' title='" + $(this).find("li.pa-author a").text() + "' /></li>");
});
}
</script>

<!-- ЛЗ по умолчанию-->
<script type="text/javascript">
if(document.URL.indexOf("viewtopic.php")!=-1) {
$("div.post-author").each(function(){
    if($(this).find("li.pa-fld3").html() == null ) $(this).find(".allps").after("<li class='pa-fld3'>loading ...</li>");
});
}
</script>

<!-- посты по умолчанию-->
<script type="text/javascript">
if(document.URL.indexOf("viewtopic.php")!=-1) {
$("div.post-author").each(function(){
    if($(this).find("li.pa-fld1").html() == null ) $(this).find("li.pa-respect").after('<li class="pa-fld1"><span class="fld-name">посты:</span> 0</li>');
});
}
</script>

<!----- Предупреждение 18 by g.vatueil ---->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000b/09/4f/12176.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/10828.js"></script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!-- Навигация по страницам темы -->
    <script>
    //Пагинатор MyBB
    if($('#pun-viewtopic,#pun-viewforum,#messages').length&&$('.pagelink a').length)(function(){var tx,tS,Max,bgclr,paginator,Lnk;tx=$('.pagelink a:not(.next):last').html();tS=$('.pagelink strong').html();if(parseInt(tS)>parseInt(tx)){tx=tS;}Max=tx;Lnk=$('.pagelink a:first')[0].href.replace(/&.+$/gim,'');bgclr=$('.crumbs:first').css('background-color');brclr=$('.crumbs:first').css('border-bottom-color');function strok(n){if(p%n==0)paginator+='</tr><tr>'};paginator='<div id="pagenav" style="display:none;position:relative"><table id="paginator"><tr>';for(var p=1;p<=Max;p++){var L=p.toString().length,Cs=' class="'+(L>=3?'second"':'first"');paginator+='<td '+Cs+'><a id="pnav" style="text-decoration:none;" href="'+Lnk+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>';Max>50?strok(20):strok(10);}paginator+='</tr></table></div>';if(p<=4){return!1}$('.pagelink').append(paginator);$('div[id="pagenav"] table').css({'border-color':brclr,'background-color':bgclr});})();$('.pagelink').hover(function(){$(this).find('#pagenav').toggle();});$('#pagenav').on('mousemove touchmove',function(e){var offset=$(this).offset();var currentY=e.originalEvent.touches?e.originalEvent.touches[0].pageY:e.pageY;var y=parseInt((currentY-offset.top));y>90?$('.second').toggle(true):$('.second').toggle(false);});
    </script>
<!-- конец -->

<script type="text/javascript">
if(UserLogin=='PR'&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color: red; padding: 10px 10px 10px 10px;'>Вы не имеете прав для редактирования профиля</div>");
}
</script>

<script type="text/javascript">
if(UserLogin == "PR'" && $(".punbb").attr("id")=="pun-messages"){
var L='<p style="padding-bottom:30px;"><span style="font-weight:bold;">!!Внимание:<span style="border:red solid 2px;padding:3px;color:#FCC6C6;text-decoration: blink;background-color:#000;"> Вы не имеете прав для отправки личных сообщений </span><br><br><input type="button" class="button" name="none" value="Отправить"/></p>';$("#post-form input[type='submit']").parents("p").replaceWith(L);}
</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 src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    forumAccess: {
        'Флудильня': ['Игроки']
    },
    forumAccessExtended: {
        'Bleach': ['Игроки'],
        'Альтернатива': ['Игроки']
    },
});
</script>
<!-- конец -->

<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <style>
    #pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
      font-weight: bold;
    }
    </style>
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<!--Бегунок-->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- конец -->

    <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <style>
    .FNTslider {
      border-radius: 4px;
      position:relative;z-index:1000;
      background: #E0E0E0;
      width: 110px;
      height: 5px;
      margin: 3px 5px;
      border: solid 1px #ccc;
      float: right;
      margin-right: 7%;
    }
    .FNTslider .before {
      height: 5px;
      border: solid 1px transparent;
      border-right: none 0;
      border-radius: 4px 0 0 4px;
      position: absolute;
      background: #A0BCDA;
      margin-top: -1px;
    }
    .FNTslider .thumb {
      width: 8px;
      height: 13px;
      border-radius: 3px;
      position: relative;
      top: -4px;
      background: #3980D8;
      cursor: pointer;
    }
    </style>

    <!-- Предпросмотр личных сообщений -->
    <script type="text/javascript">
    $('#pun-messages form#messages .tclcon a').each(function(){
      var a = this.href,that=$(this);
      $(this).after('<div class="m-content"></div>');
      $(this).hover(function() {
        $.ajax({
          url: a,
          cache: true,
          async: false,
          success: function(data){
            var b = $(data).find('.post-content p').html();
            that.parent().find('.m-content').show().html(b);
          }
        });
      }, function() {
        that.parent().find('.m-content').hide();
      });
    });
    </script>

<!-- Замена дефисов на тире © Deff -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</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>

<script type="text/javascript">if($('#pun-messages').length){var pprevcont='<fieldset id="post-preview"><legend><span>Предварительный просмотр сообщения</span></legend><div class="fs-box"><div class="post-box"><div class="post-content"></div></div></div></fieldset>';if(document.URL.indexOf('&p')!=-1){if(PPREV.position==0 || PPREV.position==2) {$('#post').prepend(pprevcont);}if(PPREV.position==1){$('#post').append(pprevcont);}}else if(document.URL.indexOf('?action=new')!=-1){if(PPREV.position==0 || PPREV.position==2){$('#profile fieldset:first').before(pprevcont);}if(PPREV.position==1){$('#profile fieldset:first').after(pprevcont);}}if($('#post-preview').text().length<1){$('#post-preview').hide();}else{$('#post-preview').show();ParseContent();}var sTim;$('#main-reply:first').live('input',function(){ParseContent();});$('#form-buttons img,div[id$="-area"] *').click(function(){sTim=setTimeout(function(){clearTimeout(sTim);ParseContent();},40);});}</script>


 <!--БАННЕРЫ-->
<!--Oтложенная загрузка Баннеров в HTML низ Ч1(Начало)--><noscript>
<div id="banners">
  <a href="https://wandenreich.rusff.me/" target=_blank> <img src="http://s6.uploads.ru/2U6kL.gif" title="Bleach: New Arc" ></a>&nbsp;
  <a href="https://notacross.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a>&nbsp; 
  <a target="_blank" href="http://curama.mybb.ru"><img src="https://upforme.ru/uploads/0007/e3/f7/6822/627857.gif" /></a>&nbsp;

  <a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/15151.png" title="Маяк. Сообщество ролевиков, дизайнеров и графистов" alt="Маяк. Сообщество ролевиков, дизайнеров и графистов"></a>&nbsp; 
  <a href="https://urchoice.rolka.me/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL" width="88" height="31">&nbsp; 

  <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/124634.png" title="karma cross" border="0" width="88" height="31"></a>&nbsp;
  <a target="_blank" href="https://akatsukigood.forum.cool"><img src="https://upforme.ru/uploads/001a/12/f3/2/t899114.gif" style="width:88px"/></a>&nbsp;
  <a href="https://crushcross.rusff.me/" title="крашкросс" target="_blank"><img src="https://upforme.ru/uploads/001c/78/94/3/961692.jpg"></a>&nbsp;
  <a href="https://killarney.rolka.me" title="Tales of Killarney" target="_blank"><img src="https://upforme.ru/uploads/001b/d2/19/2/602313.gif"></a>&nbsp;

  <a href="https://lastcity.ru/"target="blank"><img src="https://forumstatic.ru/files/001c/73/bf/33602.gif" title="ИЗГОИ: антиутопия, постап, суперспособности" alt="ИЗГОИ"></a>&nbsp;
  <a href="https://smlavie.mybb.ru/"><img src="https://upforme.ru/uploads/001c/5e/f0/7/507027.png" title="Sailor Moon: cest la vie"></a>&nbsp; 
  <a href='https://onlinecross.ru/' target='_blank' title='ONLINECROSS'><img src='https://upforme.ru/uploads/001b/1a/5a/1342/870912.gif' border='0' width='88' height='31'></a>&nbsp;
  <a href="http://dilemma.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/49/4e/2/954244.png"  title="dilemma" alt="DILEMMA"></a>&nbsp;
  <a href="https://taleisalie.f-rpg.me/"><img src="https://i.ibb.co/Z6j3bxRB/69212.jpg" title="персонажи сказок в современной реальности, рисованные внешности, аниме" alt="персонажи сказок в современной реальности, рисованные внешности, аниме"></a>&nbsp;
  <a href="https://hpbreakthewall.rusff.me" target=_blank><img src="https://upforme.ru/uploads/001c/6a/ec/5/154854.png" title="HP: Break the wall. Стена между мирами разрушена."></a>&nbsp;


</div>

</div>

<!--Oтложенная загрузка Баннеров в HTML низ Ч2(Конец)--></noscript><script type="text/javascript">
var _a$2 = $('script:last'); $(function(){$(function(){
$(_a$2.prev('noscript').text()).insertBefore(_a$2)
});});</script>
<!-- Конец загрузки Баннеров в HTML низ -->

Поделиться52025-06-16 12:51:41

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

<center>Тип игры: эпизодическая. Тип сюжета: кросс-канон. <b>Рейтинг: 18+</b></center><br>

<!-- До Нового Года осталось-->
<div style="text-align: center; font-size:small;"><script>
function daysLeftNewYear() {
 today = new Date()
 BigDay = new Date("July 7, 2025")
 msPerDay = 24*60*60*1000;
 var timeLeft = (BigDay.getTime() - today.getTime());
 var e_daysLeft = timeLeft / msPerDay;
 var daysLeft = Math.floor(e_daysLeft);
 var yearsLeft = 0;
 if (daysLeft > 365) {
   yearsLeft = Math.floor(daysLeft / 365);
   daysLeft = daysLeft % 365;
}
var e_hrsLeft = (e_daysLeft - daysLeft) * 24;

dayname = ""
ds = ""+daysLeft
//Вырезаем последнею цифру
dd=parseInt(ds.substr(ds.length-1))
//Склоняем слово ДЕНЬ
if(daysLeft>4&&daysLeft<21)dayname=" дней"
else
if(dd==1)dayname=" день"
else
if(dd==2||dd==3||dd==4)dayname=" дня"
else dayname=" дней"
//Выводим надпись в документ
if(daysLeft<0) {document.write("Фестиваль Танабата завершается!")}
else {
if(daysLeft==0) {document.write("Завтра Танабата!")} else {
document.write("До начала Танабаты осталось "+daysLeft+dayname+"!")}
}
}
</script>
<script>daysLeftNewYear()</script></div>
<!-- До Нового Года осталось-->

Поделиться62025-06-16 12:51:49

фон сверху:
Автор: Hua Cheng
Администратор
Уважение: +0
посты: 555
лз: Ты хочешь уберечь цветы как память обо мне. Мои желания просты: беречь тебя вдвойне.
Последний визит:
2025-06-24 18:44:14
фон внизу:

Код:

<INPUT style="TEXT-ALIGN: center; WIDTH: 40px" id=num class=codeButtons title="Счётчик символов" readOnly type=text>
<SCRIPT type=text/javascript>
document.getElementById("main-reply").addEventListener('focus', nc, false);
document.getElementById("main-reply").addEventListener('keydown', nc, false);
document.getElementById("main-reply").addEventListener('keyup', nc, false);
document.getElementById("main-reply").addEventListener('keypress', nc, false);
document.getElementById("main-reply").addEventListener('change', nc, false);
function nc(){document.getElementById('num').value = document.getElementById('main-reply').value.length}   
</SCRIPT>

<input type="button" onclick="dice()" value="Кинуть кубики" />
<script type="text/javascript">
function dice()
{
	var FoundErrors = '';
	var diceRes=""
	var CountCube = prompt("Количество кубиков", "3");
	var SideCube = prompt("Сколько граней у кубика?", "6");
	if(CountCube>9){
	alert("Нельзя бросать столько кубиков"); 
	return false;}
	if(SideCube>9){
	alert("Не бывает таких кубиков"); 
	return false;}
	if (!CountCube)
	{return false;}
	if (!SideCube)
	{return false;}
	for(i=0; i<CountCube;i++){
	var dice = (Math.round(Math.random()*SideCube))
	if(dice==0) dice=1;
	diceRes += dice*1936+"-"
	}
	smile('[dice='+diceRes+CountCube+SideCube+']')
}
</script>
<script>
function addDice(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[dice=",from))==-1) return str;
if((pos2=str.indexOf("]"),pos+6)==-1) return str;
newpos=str.indexOf("]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addDice(str,pos+6,true)
if((pos2=str.indexOf("]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeDice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
if( str.indexOf("[dice=")!=-1 && internal==false) str=addDice(str,0,false)
return str}

function makeDice(dice){
diceMass = dice.split("-")
diceC = dice.substring(dice.length-2, dice.length-1)
diceS = dice.substring(dice.length-1, dice.length)
var diceR=0, diceRu="";
for(i=0;i<diceMass.length-1;i++){diceR+=diceMass[i]/1936;}
for(i=0;i<diceMass.length-1;i++){if(diceMass[i]==diceMass[diceMass.length-2]){diceRu+=diceMass[i]/1936;}else{diceRu+=parseInt(diceMass[i]/1936)+"+";}}
txt="<div class=\"quote-box\"><blockquote><p><b>Количество кубиков</b>: "+diceC+"<br /><b>Граней в кубике</b>: "+diceS+"<br /><br /><b>Результаты броска</b>: ("+diceRu+")="+diceR+"</p></blockquote></div>"
return txt}

if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addDice(post.innerHTML,0,false)}}
</script>

<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/0012/14/e8/79175.txt");
});
</script>
<style>#button-sticker { background-image: url(https://forumstatic.ru/files/0012/14/e8/93336.png) !important; width : 15px;}</style>

Страница: 1

Blessed

Меню навигации

Пользовательские ссылки

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

код

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

Поделиться12025-06-16 12:50:54

Поделиться22025-06-16 12:51:03

Поделиться32025-06-16 12:51:13

Поделиться42025-06-16 12:51:29

Поделиться52025-06-16 12:51:41

Поделиться62025-06-16 12:51:49