старый дизайн
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться12023-08-19 15:50:35
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
Поделиться22023-08-19 15:51:01
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
стиль
Код:
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yesteryear&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url(https://forumstatic.ru/files/001b/96/e0/86322.css);
@import url('animate.css';)
@font-face { font-family: SourceSansRegular;
src: local("SourceSansRegular"), url(https://forumstatic.ru/files/0016/af/49/70755.ttf) format('truetype');}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@500&family=Raleway:wght@500&display=swap');
@font-face {
font-family: Carves;
src: url('https://forumstatic.ru/files/001b/de/73/62384.eot'),
url('https://forumstatic.ru/files/001b/de/73/35042.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/de/73/22696.woff') format('woff'),
url('https://forumstatic.ru/files/001b/de/73/29573.ttf') format('truetype');
}
@font-face {
font-family: BonVoyage;
src: url('https://forumstatic.ru/files/001b/d3/91/84068.eot'),
url('https://forumstatic.ru/files/001b/d3/91/50172.woff2') format('woff2'),
url('https://forumstatic.ru/files/001b/d3/91/52579.woff') format('woff'),
url('https://forumstatic.ru/files/001b/d3/91/65937.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/d3/91/17172.svg') format('svg');
}
/********** Чистый стардартный стиль для MyBB **********/
/******** Gerda специально для ForumD.ru © 2023 ********/
/**************************************************
!!! Условия использования !!!
1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распостраняться на тех же условиях
Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/
/* ================== */
:root {
/* colors */
--one1: #ab9c8f;
--one2: #e6e6e6;
--one3: #ececec;
--one4: #737373;
--two1: #c4bab0;
--two2: #7b6456;
--two3: #dfdfdf;
--three1: #9c9a9a;
--three2: #656565;
--font1: Nunito;
--font2: Carves;
--font3: BonVoyage;
--font4: Arial;
--font5: Arial Narrow;
--font6: Raleway;
}
/* Скрываем элементы форума */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}
.acchide, .new-poll, .punbb h1, #pun-navlinks h2, #pun-status h2, #pun-ulinks h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, #pun-viewtopic form#post.container legend span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2, span.item4, /*#pun-stats .container .item3,*/ .lastedit, #pun .modlist, .stickytext, .closedatafield, /*div#pun-live-rusff,*/ .topic a.sharelink, .postlink .closed, .pl-share, .pa-last-visit, #pun-viewforum #pun-main .forum h2, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, /*.pa-fld1 .fld-name,*/ .pa-fld3 .fld-name, .pa-fld4 .fld-name, #pun-main div.catleft, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span, #pun-messages .post-sig, #profile-gifts, #pun-post #pun-main .topic h2, /*.tipsy-arrow,*/ .clearer, /*#pun-index .main .tc2, #pun-index .main .tc3,*/ #pun-main .info h2, #pun-searchposts h3 em, /*li.pa-ip, */#pun-searchtopics #pun-main .container h2, #topic-feed.modmenu, #topic-modmenu.modmenu .container span, #BookmCntToggle.default-style:after, #pun-searchtopics table Div.icon, #pun-searchtopics .tcr .user-avatar, /*.newtext .bracket.bracket-left, .newtext .bracket.bracket-right,*/ #pun-online tr:last-child td.tcl.username:after, #profile-right li#pa-fld3 span, .punbb .post-content .quote-box hr:before, .punbb .post-content .code-box hr:before, .tem tem1:first-child:before, .tem1:first-child:before, .post-content .tem span hr:before, .gost span p:first-child:before, .gost span p:last-child:before, /*.pa-fld4 span a:before, .pa-fld4 span a:after,*/ #pun-messages .pa-title, #pun-navlinks #form-login .Rega:before, #pun-navlinks #form-login .Rega:after, #pun-navlinks #form-login .Forgot:before, #pun-navlinks #form-login .Forgot:after, #pun-messages #image-area.container tr:before, #pun-main .forum h2, #pun-multimove .FNTslider, .modal-inner.section.moved h2 span:first-child, .hv-mask-field.title, #mask_dialog .hv-preview-block .hv-preview-title, #pun-viewtopic .post-links .pl-email.email, #pun-messages .post-links .pl-email, .tem hr:before, #pun-post form#post.container legend span, #pun-messages .post-author .pa-posts, #pun-ulinks li.item4 a:after, #pun-ulinks li:last-child a:after, .mmood #vibecod:after, .ep2 br, #pun-stats h2, #pun-ulinks li:last-child:after, #onlinelist.item5.onlinelist .e2, #onlinelist.item5.onlinelist .e3, #mask_dialog .hv-mask-dialog-title, #pun-ulinks .item3, /*.pa-fld4 emoji a:before,*/ .tc2.user_title, #pun-userlist thead, #pun-profile #button-vb1, #pun-profile #button-vb2, #pun-profile #button-mask, #pun-profile #button-addition:after, #pun-messages #button-vb1, #pun-messages #button-vb2, #pun-messages #button-mask, #pun-messages #button-addition, #pun-messages .FNTslider, .container thead tr:before, #pun-viewforum #subforums em, .bubble:after, .num_msg:before, #viewprofile li strong emoji, .pun-modal .modal-inner h2 span:first-of-type, .jud.topic_closed .gid1 #post:before, .pun-modal.rating_theme .container tr:before, .pun-modal.rating_theme .container tr:after, .pun-modal.rating_theme .container tr td:first-child:before, .nov .par span:before, .nov par span:before, .nov .par span:after, .nov par span:after, #button-smile, .reactions-root, #pun-viewtopic .postlink, td#button-smile, /*#pa-fld3,*/ #button-files_rusff, #button-graffiti_rusff, #navawards {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden;
display:none;
}
/* ================== */
/* Общие стили */
body {
background: url(http://forumstatic.ru/files/001b/e7/5e/43161.jpg?v=1) no-repeat top center;
background-size: cover;
background-attachment: fixed;
font-size: 12px;
font-family: var(--font6);
color: var(--three2);
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {background-color: transparent;text-align: center;width: 20%;padding-left: 0px;color:var(--two1);}
.pmtcl1 {width: 50% !important;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}
h1, h2 {
font-size: 25px;
font-weight: normal;
font-family: Carves;
text-align: center;
color: var(--one1);
letter-spacing: 1.5px;
}
.post-content td {border:none transparent !important;}
address, em {font-style: normal;}
a {
text-decoration: none;
color: var(--one4);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
a:hover {color: var(--two2);}
#pun-admain a {color: var(--one4)!important;}
#pun-admain a:hover {color: var(--one1)!important;}
#pun-admain * {font-family: verdana !important;}
sup.new {color: var(--one1)!important;}
#pun-admain legend {
padding: 0;
margin: 0 0 0 15px!important;
font-size: 10px;
color: var(--one4)!important;
}
#pun-admain legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
background: var(--one3) !important;
padding: 10px;
border: 2px solid var(--two3)!important;
border-radius: 20px!important;
}
#pun-admain fieldset .handle, #pun-admain fieldset p {
border-color: var(---two3);
background-color: var(--one3)!important;
}
#pun-admain fieldset {
border-width: 2px!important;
border-color: var(--two3)!important;
border-radius: 20px!important;
}
/* ================== */
/* Тело форума */
.punbb {
width: 1055px;
margin: 80px auto;
}
.punbb {
border-radius: 20px;
background-color: var(--one3);
position: relative;
}
.section, .main {padding: 0 30px;}
/* ================== */
/* Меню навигации */
#pun-navlinks .container {
margin: 0;
padding: 8px 10px;
position: relative;
top: -360px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
#pun-navlinks .container li { margin: 0;
padding: 0 6px;}
#pun-navlinks .container a {
color: var(--one3);
font-family: Arial;
text-transform: uppercase;
font-size: 10px;
background: #d7cfc6;
padding: 10px 8px 8px 8px;
border-radius: 50%;
}
#pun-navlinks li {
display: inline;
padding-right: 10px;
}
#pun-navlinks li a:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 600;
color: var(--one3);
}
#pun-navlinks>ul>li>a>span {
display: none;
}
#pun-navlinks #navindex a:before {
content: "\f004";
}
#pun-navlinks #navuserlist a:before {
content: "\f406";
}
#pun-navlinks #navsearch a:before {
content: "\f002";
}
#pun-navlinks #navprofile a:before {
content: "\f083";
}
#pun-navlinks #navpm a:before {
content: "\f0e0";
}
#pun-navlinks #navadmin a:before {
content: "\f013 ";
}
#pun-navlinks #navlogout a:before {
content: "\f011";
}
#pun-navlinks #navlogin a:before {
content: "\f090";
}
#pun-navlinks #navregister a:before {
content: "\f25b";
}
#pun-navlink #navpr_1 a:before {
content: "\f0f3";
}
#pun-navlinks li a:hover:before {
color: var(--one2);
}
#navpr_1.pr-li a:before {
content: "\f1e1";
}
/* Юзер меню */
#pun-ulinks .container {
padding: 8px 10px;
text-align: center;
text-transform: lowercase;
font-size: 9px;
position: relative;
top: -50px;
}
#pun-ulinks li {
display: inline;
padding-right: 10px;
}
#pun-ulinks a {
color: var(--three2);
font-family: arial;
}
/* ================== */
/* Статус (Добро пожаловать) */
#pun-status .container {
position: absolute;
text-align: center;
font-family: var(--font4);
color: var(--one3);
font-size: 7px;
text-transform: uppercase;
top: -55px;
left: 115px;
letter-spacing: 1px;
width: 800px;
}
#pun-status .container a {color: var(--one3);}
#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}
/* настройка em в пути*/
p.container.crumbs strong + em {display: none}
p.container.crumbs em {font-size: 0;}
p.container.crumbs em::after {content: "\2726"; font-size: 8px; margin-right:3px;}
/*улучшить аккаунт*/
.status-right {
float: right;
display: none;
}
/* убрать быстрый ответ над формой*/
#pun-viewtopic #post-form h2 {
display: none;
}
/*хлебные крошки */
.container.crumbs {
font-weight: bold;
padding: 10px 10px 8px 10px;
}
#pun-crumbs1 .container.crumbs {margin-top: -60px;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0;}
#pun-crumbs1, #pun-crumbs2 {
text-align: center;
text-transform: uppercase;
font-size: 8px;
color: var(--one1);
font-family: arial;
}
/* Копирайт майбб */
#pun-about .container {text-align: right;}
/* ================== */
/* Форумные таблицы */
.punbb:not(#pun-viewtopic) table {table-layout: fixed; width: 100%; margin: 25px 0 0 0;}
.tcl {width: 60%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
}
.tcr {
width: 60%;
text-align: right;
font-family: Arial;
font-size: 10px;
text-transform: lowercase;
}
.category thead {display: none;}
/* оформление заголовка подфорума*/
#pun-index .tcl h3 a {
font-size: 18px;
font-family: var(--font4);
text-transform: lowercase;
font-weight: normal;
color: var(--two2);
min-height: 70px;
}
.tcl h3 {
margin: 7px 0 10px 0;
padding: 3px;
border-bottom: 1px solid #798787;
}
/* ссылка на тему и последний пост */
.lastpost-link {
text-transform: uppercase;
font-weight: bold;
font-family: Arial;
}
.lastpost span {
font-size: 10px;
text-transform: lowercase;
}
#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}
#pun-searchtopics .tc2 {
text-align: center;
width: 50%;
}
#pun-searchtopics .tc3 {text-align: center;}
#pun-searchtopics .tcr {width: 20%;}
#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
td {padding: 8px 10px;}
th {padding: 4px 10px;}
/* ================== */
/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.punbb td .modlist {
display: block;
padding-top: 5px;
}
.category tbody tr {
position: relative;
background: var(--one2);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 10px 30px 10px;
margin: 15px -10px;
}
#pun-viewforum.main tr {
background: var(--one2);
border: 1px solid var(--two3);
border-radius: 10px;
padding: 10px;
display: block;
}
.category td.tcl {padding: 0 0 20px 50px; width: 100%;}
#pun-index table Div.icon {
background-image: url(http://forumstatic.ru/files/001b/e7/5e/76100.png);
background-repeat: no-repeat;
border-style: none;
display: block;
position: absolute;
height: 18px;
left: 25px;
top: 38px;
width: 18px;
}
#pun-index TR.inew Div.icon {
background-image: url(http://forumstatic.ru/files/001b/e7/5e/64731.png);
}
.category .tclcon {
text-transform: uppercase;
font-size: 8px;
font-family: Arial;
text-align: justify;
color: var(--three2);
display: block;
margin-top: 24px;
}
.punbb #pun-category1 h2,
.punbb #pun-category2 h2,
.punbb #pun-category3 h2,
.punbb #pun-category4 h2,
.punbb #pun-category5 h2,
.punbb #pun-category6 h2,
.punbb #pun-category7 h2,
.punbb #pun-stats h2 {
display: flex;
align-items: center;
width: 1050px;
height: 73px;
margin: 0 0 -70px -30px;
padding: 5px 0 0 0;
z-index: 50;
}
.punbb #pun-stats h2 {
margin: 5px 0 0 -20px;
}
.punbb #pun-category1 h2 span,
.punbb #pun-category2 h2 span,
.punbb #pun-category3 h2 span,
.punbb #pun-category4 h2 span,
.punbb #pun-category5 h2 span,
.punbb #pun-category6 h2 span,
.punbb #pun-category7 h2 span,
.punbb #pun-stats h2 span {
height: 40px;
margin: 10px auto 0;
box-sizing: border-box;
font-size: 67px;
text-transform: lowercase;
line-height: 1;
overflow: hidden;
}
.punbb .category h2 span {display: none;}
.punbb .category.category-1 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/45256.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-2 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/29537.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-3 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/93127.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-4 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/23667.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-5 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/85249.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-6 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/34338.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
.punbb .category.category-7 h2 {
background: url(http://forumstatic.ru/files/001b/e7/5e/58867.jpg) no-repeat top center; /* ññûëêà íà êàðòèíêó */
text-align: center;
}
/* Статистика */
#pun-stats ul.container {
display: block;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
text-align: center;
}
#pun-stats li.item1,
#pun-stats li.item2 {
width: 24%;
}
#pun-stats li.item3,
#pun-stats li.item4 {
width: 44%;
border: none !important;
}
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3 {
display: inline-block;
text-align: center;
font-family: Arial;
text-transform: lowercase;
font-size: 10px;
padding: 0px 10px;
font-weight: 300;
border-right: 1px solid var(--one4) !important;
}
#pun-stats li.item4 {border-right: none;
display: inline-block;
text-align: center;
font-family: Arial;
text-transform: lowercase;
font-size: 10px;
padding: 0px 10px;
font-weight: 300;
}
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4,
#pun-stats li.item4 a {
color: var(--two2) !important;
width: auto;
}
#onlinelist {
padding: 20px 30px;
margin: 0 -20px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal !important;
text-align: justify;
line-height: 170%;
}
#onlinelist.item5.onlinelist {
margin-top: 20px !important;
}
/* ================== */
/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.punbb .linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
text-transform: uppercase;
font-family: Arial;
font-size: 8px;
letter-spacing: 1px;
color: var(--one1);
margin: 0;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}
.postlink.long {
width: 120em !important;
}
.punbb .linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left; text-transform: lowercase; font-size: 11px;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
text-transform: lowercase; font-size: 11px;
}
/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;text-transform: lowercase;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}
/* ================== */
/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}
.post h3 span {
padding: 5px 10px;
display: block;
background: var(--one2);
border-radius: 10px;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 1px;
border: 1px solid var(--two3);
margin: 50px 0 0 250px;
}
.post h3 span a {
color: var(--three1);
font-weight: normal;
}
.post h3 strong {
float: right;
text-align: right;
color: var(--two2);
}
/***** иконки перед ссылками *****/
li.pl-email.profile a::before,
li.pm a::before,
li.pl-delete a::before,
li.pl-edit a::before,
li.pl-quote a::before,
.post h3 a.permalink::before,
.pagelink::before,
.post-links li.pl-advlink a::before,
.post h3 strong::before,
span.datetime:before {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
margin-right: 5px;
font-weight: 900;
}
/* ссылка профиль */
li.pl-email.profile a::before {
content: '\f007';
}
/* ссылка лс */
li.pm a::before {
content: '\f1d8';
}
/* ссылка удалить */
li.pl-delete a::before {
content: '\f2ed';
}
/* ссылка редактировать */
li.pl-edit a::before {
content: '\f303';
}
/* ссылка цитировать */
li.pl-quote a::before {
content: '\f10e';
}
/* ссылка даты */
.post h3 a.permalink::before {
content: '\f017';
}
/* значок перед номером поста */
.post h3 strong::before {
content: '\f292';
}
/* подписаться и отслеживать */
.subscribelink a[href*="?sub"]::after {
content: "\f0a2";
padding: 0 0 0 10px;
font: var(--fa-font-solid);
font-weight: bold;
}
/* страницы */
.pagelink::before {
font: var(--fa-font-solid);
margin-right: 5px;
font-size: 8px;
content: '\f3c5';
}
/* взаимная реклама */
.post-links li.pl-advlink a::before {
content: '\f122';
}
/************** на главной *******************/
/* перед датой поста */
span.datetime:before {
content: "\f1d8 ";
padding-right: 5px;
font-size: 8px;
color: var(--three1);
}
/* в статистике */
div#pun-stats li.item1:before,
div#pun-stats li.item4:before,
div#pun-stats li.item2:before,
div#pun-stats li.item3:before,
div#pun-stats li.item4:before {
font-family: 'FontAwesome';
content: "\f0f4";
margin-right: 5px;
font-size: 8px;
color: var(--three1);
}
div#pun-stats li.item2:before {
content: "\f27a";
}
div#pun-stats li.item3:before {
content: "\f0c0";
}
div#pun-stats li.item4:before {
content: "\f007";
}
/*ul.container .item2:before, ul.container .item4:before, div#profilenav .item1:before, div#profilenav .item2:before {
content: none;
}*/
/* убрать названия доп.полей */
.pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}
/* оформление профиля */
.post .post-author, #profile-left {
width: 230px;
}
.post .post-author {float: left;}
.post-author ul, #profile-left {
padding: 0;
text-align: center;
background: var(--one2);
border-radius: 10px;
}
.post-author ul {border: 1px solid var(--two3);}
#profile-left {border: 1px solid var(--one1) !important;}
.post-author ul {margin: -35px auto;}
#profile-left {margin: 10px auto;}
/* статус */
li.pa-title, #profile-title strong {
width: 100%;
color: var(--one1);
font-size: 9px;
padding: 4px 0 10px 0;
margin: 0 0 -7px 0;
text-transform: lowercase;
}
/* аватар */
li.pa-avatar, #pa-avatar {
border-top: 1px solid #d5d5d5;
width: 180px;
margin: 0 auto;
padding-top: 10px;
}
li.pa-avatar.item2 img {border-radius: 5px;}
/* имя пользователя */
li.pa-author {padding: 10px 0 3px 0;}
li.pa-author a, #profile-name strong {
font-family: Arial;
font-weight: bold;
font-size: 15px;
text-transform: lowercase;
color: var(--two2);
}
li.pa-author a:hover {color: var(--one4);}
/* сообщения и репутация в строку */
li.pa-respect,
li.pa-posts,
.pa-fld1 {
display: inline-block;
font-size: 9px;
text-transform: lowercase;
line-height: 11px;
width: 20%;
margin: 10px 10px;
padding: 4px 0;
color: var(--one4);
}
li.pa-respect a {color: var(--one4);}
li.pa-respect .fld-name,
li.pa-posts .fld-name, .pa-fld1 .fld-name {
display: block;
}
li.pa-fld4 {
width: 20px;
height: 20px;
margin: -15px auto -2px;
background: var(--one3);
padding: 5px;
border-radius: 50%;
border: 1px solid var(--two3);
}
li.pa-fld4 img {
max-width: 20px;
max-height: 20px;
min-width: 16px;
min-height: 16px;
}
li.pa-respect a[href*="&v=1&cod"]::before {
font: var(--fa-font-solid);
content: '\f004';
font-weight: bold;
}
li.pa-respect a[href*="&v=1&cod"] img {
display: none;
}
/* онлайн */
li.pa-online, #pa-online {
display: block;
padding: 0 10px;
color: var(--two2);
text-transform: lowercase;
font-size: 8px;
margin: 20px 0;
letter-spacing: 1.3px;
font-weight: 200 !important;
}
/* иконки перед ссылками */
.punbb .post li.pl-email.profile a::before {
content: '\f007';
font: var(--fa-font-solid);
font-weight: bold;
}
/* поле верификации */
.pa-fld3 {
display: block;
width: 180px;
height: auto;
padding: 10px 0 3px 0;
border-bottom: 1px solid #d5d5d5;
margin: -5px auto 10px;
font-size: 9px;
text-align: center;
text-transform: lowercase;}
.pa-fld3 a {color: var(--two2);}
.pa-fld3 a:hover {color: var(--one4);}
.post .post-rating .container {
display: block;
}
.post .container {
margin-top: -1px;
padding-bottom: 1px;
}
.post-links {
margin-left: 27em;
text-transform: lowercase;
font-weight: 400;
font-size: 11px;
letter-spacing: 0.5px;
margin-bottom: 0;
margin-top: 20px;
padding-top: 10px;
}
.post-body {
margin-left: calc(235px + 25px);
border-left-style: solid;
border-left-width: 0px;
padding: 0 0 0px 0;
text-align: justify;
}
.post-box {
padding: 0;
text-align: justify;
font-size: 11px;
}
.post-links a {color: var(--three1);}
.post-links ul {
padding: 0 10px 0 0;
margin-left: -300px;
text-align: right;
margin-top: 35px;
}
.post-links li {
display: inline;
padding-left: 10px;
}
.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}
/* ================== */
/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
}
/* Контент поста */
pre {
font: 10px Arial;
text-transform: lowercase;
}
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.punbb .post-content p:not(:last-child) {
padding: 0px 0px 1em;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 100px;
/*max-width: 700px;*/
}
.quote-box {
margin: 10px 5px 20px 5px;
background: var(--one2);
border: 2px solid var(--two3);
border-radius: 25px;
word-break: break-word;
outline: 1px solid var(--one1);
outline-offset: -15px;
}
.quote-box blockquote {padding-bottom:10px;}
.code-box {
margin: 10px 5px 20px 5px;
background: var(--one2);
border: 1px solid var(--one1);
border-radius: 25px;
word-break: break-word;
}
.quote-box {padding: 10px 5px 0 5px;}
.code-box{padding: 15px; max-height:150px;}
.quote-box cite {
display: block;
padding: 4px;
text-align: center;
font-style: normal;
text-transform: lowercase;
font-weight: normal;
color: var(--one4);
margin: -9px auto;
background: var(--one3) !important;
width: 300px;
border-radius: 25px;
border: 1px solid var(--one1);
position: relative;
font-size: 9px;
}
.code-box strong.legend {
display: block;
padding: 5px 25px;
text-align: center;
font-style: normal;
text-transform: lowercase;
font-weight: normal;
color: var(--one4);
margin: -25px auto 20px;
background: var(--one3) !important;
width: fit-content;
border-radius: 25px;
border: 1px solid var(--one1);
position: relative;
font-size: 9px;
}
.spoiler-box {
padding: 15px;
outline: none !important;
}
/* ================== */
/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}
input, select, optgroup {
font-size: 11px;
text-transform: lowercase;
background: var(--one3);
border: 1px solid var(--two3);
border-radius: 10px;
padding: 7px;
margin: 10px 7px 0 0;
}
textarea {
font-size: 11px;
background: var(--one2);
border: 1px solid var(--two3);
border-radius: 10px;
padding: 7px;
margin: 10px 7px 0 0;
}
optgroup {font-weight: bold;}
.formal .container {
padding: 10px 20px;
/*background: var(--one3);
border: 1px solid var(--one2);*/
border-radius: 10px;
}
.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {
margin: 0 6px 0 0;
background: var(--one4);
padding: 8px 10px 10px 10px;
border-radius: 15px;
color: var(--one2);
font-family: var(--font4);
text-transform: lowercase;
border: none;
}
fieldset {border: none;}
fieldset legend {
font-size: 7px;
font-family: Arial;
text-transform: uppercase;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0;
}
.fs-box {
text-transform: lowercase;
font-size: 10px;
background: var(--one2);
border: 1px solid var(--two3);
border-radius: 20px;
padding: 15px 30px;
margin: 0 auto;
color: VAR(--one4);
}
.fs-box p, .fs-box fieldset {padding: 0 20px 5px 0;}
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
float: left;
position: relative;
width: 7px;
height: 7px;
margin: 3px 10px 3px -15px;
border-radius: 50%;
background-color: var(--one4);
}
/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, .button {
font-size: 9px!important;
background: var(--one4);
border: 1px solid var(--two3);
border-radius: 15px;
color: var(--one3);
text-transform: uppercase;
font-family: var(--font4);
padding: 7px 10px 5px 10px !important;
cursor: pointer!important;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
letter-spacing: 0.5px;
width: auto;
}
/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, /*#post fieldset*/ .hashelp div input:hover, .button:hover {
background: var(--one1);
cursor: pointer!important;
}
.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}
/* ================== */
/* Предпросмотр сообщения */
/*#pun-post .topic {margin-top: 10px;}*/
/* ================== */
/* Профиль + ЛС */
#profilenav {float: left; width: 150px;}
#profilenav h2 span {
color: var(--three2);
font-family: var(--font4);
text-transform: lowercase;
font-size: 8px;
display: block;
letter-spacing: 2px;
}
#profilenav li {
padding: 5px;
box-sizing: border-box;
margin: 0 auto;
width: 120px;
}
#profilenav li:hover {
background: var(--three1);
border-radius: 15px;
color: var(--one3) !important;
cursor: pointer;
}
#profilenav li a:hover {color: var(--one3);}
#profilenav li a {
color: var(--two2);
}
#profilenav ul {
background: var(--one3);
border-radius: 10px;
text-transform: uppercase;
font-size: 7px;
letter-spacing: 1px;
border: 1px solid var(--two3);
padding: 5px 0;
margin: 0 0 15px;
text-align: center;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
.punbb img.avatardemo {float: right;margin: 0 0 8px 18px;}
/************* оформление профиля в соо **************/
#pun-messages .post-author ul {
background: var(--one2);
border: 1px solid var(--three1);
}
#pun-messages .post h3 span {
background: var(--one2);
border: 1px solid var(--three1);
}
/* ================== */
/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}
/* ================== */
/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}
/* ================== */
/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.punbb .info-box * {padding: 0 0 5px 0;}
.punbb #pun-main .info-box .legend {
font-weight: bold;
}
.punbb .main table {
table-layout: fixed;
width: 100%;
}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
background: var(--one3);
}
#rpinalbum .rheader h2 {
line-height: 30px !important;
margin-top: 15px !important;
display: block;
position: relative;
left: initial;
height: initial;
width: 100%;
overflow: hidden;
text-align: center;
}Поделиться32023-08-19 15:51:22
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
цвета
Код:
.byuser {/*display:block;*/}
/* оформление в предпросмотре */
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
#profile-left #pa-edit strong a {
display: block;
font-weight: normal !important;
}
#viewprofile {
margin: 0 100px;
}
/* слева */
#profile-left {
vertical-align: middle;
border: 1px solid var(--two3) !important;
border-radius: 10px;
color: var(--one3);
}
#profile-left #profile-name strong,
#profile-left #pa-edit strong a {
text-align: center;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1px;
font-family: var(--font6);
padding: 5px 0;
color: var(--one1);
}
#profile-left #pa-edit strong a {
border-bottom: none !important;
font-size: 8px;
letter-spacing: 2px;
font-weight: bold !important;
}
#profile-left #profile-title strong,
#profile-left #pa-online strong {
text-align: center;
font-size: 9px;
letter-spacing: 0.5px;
font-family: var(--font6);
text-transform: lowercase;
padding: 4px 0;
margin: 0px 0px;
}
#profile-left #pa-avatar {
text-align: center;
margin: 10px auto;
}
/* справа */
#profile-right {
width: 50% !important;
vertical-align: middle;
}
#profile-right li {
margin: 9px 0;
}
#viewprofile #profile-right li span:first-of-type:not(li strong span) {
float: left;
width: 140px;
padding: 5px 7px;
font-family: var(--font6);
font-size: 7px;
text-transform: uppercase;
border-radius: 0 10px 10px 0;
border: 1px solid var(--one1);
font-weight: 200;
color: var(--one4);
border-left: none;
background: var(--one2);
}
#viewprofile #profile-right li span,
#viewprofile #profile-right li span a {
color: var(--one4);
}
#profile-right li strong {
padding: 4px 0 4px 170px !important;
font-family: Arial;
font-size: 11px;
text-transform: lowercase;
}
/* внутри */
#profilenav,
#pun-adnav {
float: left;
}
#pun-profile #form-buttons {
margin-bottom: 0px;
}
#profile .container legend,
.adformal h2,
#MyBookmarks h2,
#MyBookmarks h1,
.editBookmark h2,
#viewprofile h2 span,
#profilenav h2,
#pun-adnav h2,
#pun-admain h2 span,
form#post.container legend span,
#userlist.container legend span,
#punbbsearch.container legend span,
.container legend.warntext span {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 8px !important;
padding: 5px 10px;
margin: 0px;
color: var(--one1);
font-weight: bold;
position: relative;
}
#profile fieldset,
.adformal {
padding: 20px;
margin-left: 110px;
}
#profile fieldset fieldset {
margin-left: 0px;
padding: 0px;
}
#pun-adnav li,
#profilenav li {
padding: 3px 10px !important;
}
#pun-profile small#plng {
margin-top: 124px;
}
#pun-profile #profile {
min-height: 280px;
}
/* разделитель hr */
.post-content hr {
border: 0;
height: 1px;
background: #333;
background-image: none;
background-image: -webkit-linear-gradient(left, var(--one2), var(--one4), var(--one2));
/*background-image: -moz-linear-gradient(left, var(--one2), var(--one4), var(--one2));
background-image: -ms-linear-gradient(left, var(--one2), var(--one4), var(--one2));
background-image: -o-linear-gradient(left, var(--one2), var(--one4), var(--one2));*/
}
/* маркерованный текст */
.post-body .post-content .highlight-text {
background-color: var(--one1);
color: var(--one2);
padding: 1px 7px 3px 7px;
border-radius: 4px;
}
/* Шапка */
#pun-title {
background: url(https://forumstatic.ru/files/001b/e8/c7/83230.png) no-repeat;
height: 345px;
border-radius: 18px;
}
.punbb .tcr .user-avatar {float: right; margin: 0 9px 2px 10px !important;}
/* Футер */
#pun-about {
background: url(http://forumstatic.ru/files/001b/d3/91/41498.jpg) no-repeat;
border-radius: 0 0 20px 20px;
height: 105px;
margin: 9px 0 0 0;
}
/* участники */
#userlist {
margin-top: 20px;
}
#pun-userlist .usertable .container {
padding: 10px;
}
#pun-userlist .usersname {
margin-left: 10px;
}
#pun-userlist td.tcl.username {
display: flex;
align-content: center;
align-items: center;
}
#pun-userlist td.tcl.username,
#pun-userlist tr {
height: 40px;
}
/* оформление навигационных страниц и страницы статистики */
thead {text-align: center; font-family: 'Arial'; font-size: 10px;}
#pun-userlist .usertable thead tr {background: transparent; border: none; margin: 0;}
#pun-userlist .usertable tr {
display: flex;
align-items: center;
background: var(--one3);
border: 1px solid var(--two3);
border-radius: 10px;
margin-bottom: 3px;
padding: 5px 0;
}
#pun-userlist .usertable th.tc3.relation, .usertable td.tc3.relation, .usertable th.tc3.registered, .usertable td.tc3.registered, .usertable th.tc3.posts, .usertable td.tc3.num_posts, .usertable th.tc3.last_visit, .usertable td.tc3.last_visit {width: calc(10% - 24px); text-align: center;}
/* строка с сообщением в сообщениях
#pun-messages .tc2.pmtc22 {
display: grid;
grid-template-columns: 1fr 2fr;
overflow: visible !important;
white-space: normal !important;
text-transform: uppercase;
font-size: 9px !important;
margin: 5px 0 0 20px !important;
}*/
/* форма ответа */
#main-reply {
font-family: verdana;
background: var(--one3);
width: 100% !important;
}
/* оформление окон в форме */
#font-area,
#size-area,
#spoiler-area,
#image-area,
#video-area-hsel,
#video-area-tcon,
#color-area,
#table-area,
#keyboard-area,
#addition-area
{
background: var(--one3) !important;
border-radius: 20px;
border: 1px solid var(--two3);
}
#video-area-hsel, #video-area-tcon {padding: 10px; margin-top: -9px;}
#video-area-hsel a:hover {color: var(--one1); background: var(--one2);}
#video-area-actions a {
background: var(--one4);
color: var(--one3);
padding: 3px 10px;
border-radius: 20px;
position: relative;
top: -20px;
left: 12px;
}
#video-area-actions a:hover {
background: var(--one2);
color: var(--two2);
border: 1px solid var(--one4);
}
#image-source-list {margin-top: 5px;}
#action-computer, #action-internet {
background: var(--one4);
color: var(--one3);
padding: 3px 10px;
border-radius: 20px;
}
#post fieldset .hashelp div input {
background: var(--one3);
padding: 8px;
border: 1px solid var(--two3);
}
#action-computer:hover,
#action-internet:hover {
background: var(--one2);
color: var(--two2);
border: 1px solid var(--one4);
}
#table-area td.selected {background-color: var(--one1) !important;}
input#upload-button {
background: var(--one1)!important;
}
input.button {
background: var(--one1) !important;
width: 117px !important;
}
#tags .container {
top: 60px!important;
overflow: auto!important;
}
div#font-area {
height: 250px;
overflow: auto;
}
/* прокрутка */
::-webkit-scrollbar-thumb {
background-color: var(--two1);
border-radius: 5px;
}
::-webkit-scrollbar-corner {
background-color: #707070;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: var(--one3);
}
/* выделение */
::selection {
background: var(--one4);
color: var(--one2);
}
::-moz-selection {
background: var(--one4);
color: var(--one2);
}
/*БыстроПлюсы для Топика!*/
.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: #336B5E;
}
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/75043.png?) no-repeat;
display: block;
background-size: 100%;
margin-left: 29px;
margin-top: 42px;
}
.post.dark-style div.post-vote p>a {/*перекраска для другого стиля, удалите если у вас стоит стиль без перекрасок*/
background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
background-size: 100%;
}
/* это интересно */
#pun-live-rusff {
z-index: 1 !important;
width: 440px;
height: 20px;
margin: auto 60px 3px auto !important;
background: transparent;
text-align: right;
position: relative;
line-height: 17px !important;
text-transform: lowercase; }
.cool1 {
width: 80px !important;
padding: 0px 8px 2px 8px !important;
background: var(--one4) !important;
color: var(--one3) !important;
font-size: 10px !important;
font-family: var(--font4) !important;
border-radius: 15px;
box-shadow: none !important;
margin: 10px -21px 3px 0 !important;
}
.cool1:hover, .cool3:hover {background: #B8CCCC!important; color:#333!important; text-shadow: none!important;}
.cool2, .cooltext {display:none!important;}
.cool3 {
border-radius: 15px;
background: var(--one4) !important;
box-shadow: none !important;
margin: 10px -60px 3px 0 !important;
}
/* контейнер "символов написано" */
#symbol-counter {
width: 100px;
margin: 5px 0 -15px 0;
float: left;
text-transform: lowercase;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
border-right: 1px solid var(--two3);
}
#symbol-counter span {
font-weight: 500;
}
/* убираем стандартные иконки*/
#form-buttons {
margin: 0 0 -10px -6px;
width: 95%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#form-buttons td {
background: transparent!important;
height: 20px;
width: 17px; position: relative; left:100px;}
#button-transL img, #button-ChangeСase img {opacity: 0;}
#form-buttons td img {
position: absolute;
z-index: 2;
margin-top: -15px !important;
width: auto !important;
margin: -15px 0 0 -18px;}
#form-buttons table, .punbb .formal textarea {
width: 93% !important;
}
/* содержимое */
#button-font,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-justify,
#button-right,
#button-link,
#button-spoiler,
td#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-smile,
#button-table,
#button-sticker,
#button-keyboard,
#button-addition,
#button-vb1,
#button-vb2,
#floatbut,
#button-mask,
#button-transL,
#button-ChangeСase,
#button-music
{font-family: 'Font Awesome 5 Free';font-weight: 900;}
#button-font:before {content: "\f031";}
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032";}
#button-italic:before {content: "\f033";}
#button-underline:before {content: "\f0cd";}
#button-strike:before {content: "\f0cc";}
#button-indent:before {content: "\f03c";}
#button-left:before {content: "\f036";}
#button-center:before {content: "\f037";}
#button-justify:before {content: "\f039";}
#button-right:before {content: "\f038";}
#button-link:before {content: "\f0c1";}
#button-spoiler:before {content: "\f187";}
td#button-image:before {content: "\f03e";}
#button-video:before {content: "\f008";}
#button-hide:before {content: "\f023";}
#button-quote:before {content: "\f10e";}
#button-code:before {content: "\f121";}
#button-color:before {content: "\f1fc";}
#button-smile:before {content: "\f582";}
#button-table:before {content: "\f0ce";}
#button-sticker:before {content: "\f118";}
#button-keyboard:before {content: "\f11c";}
#button-addition:before {content: "\f0d7";}
#button-vb1:before {content: "\f005";}
#button-vb2:before {content: "\f205";}
#floatbut:before {content: "\f1fe";}
#button-mask:before {content: "\f007";}
#button-transL:before {content: "\f021";}
#button-ChangeСase:before {content: "\f15d";}
#button-music:before {content: "\f001";}
/* быстрый предпросмотр */
#togglePreview {
margin: 0 auto;
text-align: center;
display: block;
}
#togglePreview .button {
background: none !important;
border: none !important;
color: var(--links-color) !important;
text-transform: uppercase !important;
font-weight: 700 !important;
font-size: 7px;
cursor: pointer;
letter-spacing: 1px;
}
#togglePreview .button:focus {
border: none !important;
outline: none !important;
}
#togglePreview .button:hover {
color: var(--links-hover-color) !important;
}
/* окно повышения репутации и коммент */
#pun-reputation .inner .container {
background: var(--one2);
border-radius: 22px;
}
#pun-reputation .inner {
box-shadow:none !important;
border: 2px solid var(--two3);
border-radius: 25px;
}
.punbb .main .tc2 #reputationText {
background: var(--one3);
border-radius: 25px;
}
#rep_form {color: var(--one4);}
#rep_form .tc2 {
width: 80%;
text-align: left;
font-size: 17px;
font-family: var(--font4);
text-transform: lowercase;
letter-spacing: 0.5px;
font-weight: bold;
color: var(--one4);
}
/***************** элементы в шапке ****************/
.sh-elements {
position: relative;
background: #fff;
display: block;
width: 500px;
height: auto;
margin: 0 auto;
}
/* активисты */
.aktiv1, .aktiv2 {
display: block;
position: absolute;
z-index: 30;
letter-spacing: 10px;
top: 223px;
width: 140px;
text-align: center;
}
.aktiv1 {
left: -35px;
}
.aktiv1 img, .aktiv2 img {
border-radius: 50%;
box-sizing: border-box;
border: 2px solid var(--one3);
width: 35px;
filter: grayscale(1);
}
.aktiv2 {
left: 425px;
}
/* пост */
.week-post {
display: block;
width: 680px;
height: 89px;
background: url('http://forumstatic.ru/files/001b/e7/5e/16848.jpg');
position: absolute;
border-radius: 20px;
text-align: justify;
top: 240px;
right: -106px;
border: 2px solid var(--one2);
color: #fff;
font-family: var(--font4);
font-size: 11px;
font-weight: 400;
box-sizing: border-box;
padding: 25px 15px 0 15px;
line-height: 160%;
text-transform: lowercase;
}
/* цвет уведомлений */
.bubble {background: var(--one1)!important;}
.bubble:after {border-color: var(--one1) transparent!important;}
span.num_msg {background: var(--one1)!important;}
.progress2 {
padding: 3px;
border-radius: 20px;
background: var(--one2);
border: 2px solid var(--two3);
width: 180px;
margin: 0 auto;
height: 5px;
}
.progress-bar2 {
height: 18px;
border-radius: 30px;
background: var(--one2);
transition: 0.4s linear;
transition-property: width, background-color;
height: 5px;
}
.progress-moved .progress-bar2 {
/* width: 85%;*/
background-color: var(--one1);
animation: progressAnimation 6s;
}
/*Стиль к скрипту "Музыка в постах и подписях" (c) Emerael */
td#button-music {
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2013c0%201.105-1.12%202-2.5%202S1%2014.105%201%2013c0-1.104%201.12-2%202.5-2s2.5.896%202.5%202zm9-2c0%201.105-1.12%202-2.5%202s-2.5-.895-2.5-2s1.12-2%202.5-2s2.5.895%202.5%202z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2011V2h1v9h-1zM6%203v10H5V3h1z%22%2F%3E%3Cpath%20d%3D%22M5%202.905a1%201%200%200%201%20.9-.995l8-.8a1%201%200%200%201%201.1.995V3L5%204V2.905z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat; /*èêîíêà, çàìåíèòå ññûëêó åñëè õîòèòå ïîñòàâèòü ñâîþ*/
background-size: 16px; /*ðàçìåð èêîíêè*/
}
.audio-block {
background: var(--one3);
border: 1px solid var(--two3);
border-radius: 20px;
width: 210px;
padding: 10px;
}
.audio-title {
font-size: 10px;
display: block;
width: 200px;
text-align: center;
font-family: var(--font6);
text-transform: lowercase;
font-weight: 600;
color: var(--three2);
}
audio {
opacity: 0.5;
border-radius: 20px;
height: 17px;
width: 200px;
}
.play-day {
background: var(--one3);
border: 1px solid var(--two3);
width: 500px;
margin-left: 15%;
min-height: 400px;
border-radius: 25px;
position: relative;
}
.bt1-playlistG {
width: 200px;
border: var(--bt1pl-border);
border-radius: 25px;
overflow: hidden;
z-index: 1;
position: relative;
top: 30px;
left: 20px;
height: 340px;
background: var(--one4);
}
.play-who {
display:block;
width: 200px;
height: 300px;
border-radius: 15px;
clip-path: circle(55% at 50% 30%);
position: absolute;
top: -4px;
}
.play-who img {border-radius: 15px;}
.play-list {
display:block;
position: absolute;
top: 20px;
left: 250px;
}
.my-ic {
width: 200px;
height: 70px;
position: absolute;
top: 185px;
text-align: center;
}
.my-ic::before {
content: '\f7a9';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: var(--one3);
font-size: 55px;
}
.play-list-name {
display: block;
color: var(--one3);
position: absolute;
top: 250px;
width: 200px;
text-align: center;
font-family: var(--font3);
text-transform: uppercase;
font-size: 20px;
}
.name-ams {
display: block;
color: var(--one3);
position: absolute;
top: 290px;
width: 200px;
text-align: center;
font-family: var(--font4);
text-transform: lowercase;
font-size: 10px;
}
/* эмоджи в окне со стандартными */
#smilies-area {
display: block;
background: var(--one3);
border-radius: 20px;
border: 1px solid var(--two3);
padding: 5px;
}
#smilies-block {
background: var(--one2);
padding: 5px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid var(--two3);
}
#smilies-block img {padding: 2px;}
button {
background: var(--one1);
box-shadow: none;
border: none;
padding: 5px 15px;
border-radius: 20px;
color: var(--one2);
}
/* кнопки вверх/вниз */
.go-up, .go-down { cursor: pointer; display: none; height: 50px; margin-bottom: 160px; opacity: 1;
position: fixed; width: 50px; z-index: 9999; }
.go-up {bottom: 40%;
margin-left: 1070px !important;}
.go-down {bottom: 34%; margin-left: 1070px !important;}
.go-down:hover, .go-up:hover { opacity: 1;}
/* ссылки в подфорумах */
.tclcon-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 4px 0 0;
}
.tclcon-links a {
width: 100px;
background-color: var(--one1);
color: var(--one3);
margin: 6px 6px 0 0;
border-radius: 15px;
display: flex;
justify-content: center;
padding: 2px 0 4px 0;
font-family: var(--fonr6);
font-size: 7px;
line-height: 10px;
height: 8px;
text-align: center;
border: 1px solid var(--two3);
}
.tclcon-links a:hover {
background-color: var(--one2);
border: 1px solid var(--two3);
box-shadow: border-box;
}
/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
display: flex;
background: var(--one3);
height: 25px;
width: 180px;
left: 168px;
top: 227px;
border-radius: 20px;
cursor: pointer;
color: var(--one1);
position: absolute;
font-family: var(--font4);
border: 1px solid var(--two3);
transition: all 0.3s ease-in-out 0s;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
z-index: 999;
font-size: 11px;
font-weight: 600;
}
/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover {
background: var(--one2);
color: var(--two1);
}
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
position: absolute;
top: 260px;
z-index: 9999;
left: 146px;
}
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
display: block;
background: var(--two1);
border: 2px solid var(--one3);
border-radius: 20px;
padding: 10px;
}
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: var(--one3);
margin-bottom: 5px;
text-align: center;
display: block;
padding: 3px;
text-transform: lowercase;
width: 190px;
color: var(--one1);
font-family: var(--font6);
font-size: 10px;
border-radius: 5px;
font-weight: 100;
}
/* ссылка при наведении */
#pun .sslka a:hover {
background: var(--one2);
color: var(--three2);
}
/*****************банк, магазин***************/
#tmh-magaz {
position: relative;
width: 532px;
height: auto;
display: flex;
flex-direction: column;
margin: 15px auto;
left: 2%;
}
#tmh-magaz .tabs {
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
position: relative;
margin-bottom: -1px;
margin-left: -30px;
overflow: auto;
}
#tmh-magaz .tab-holder {
position: relative;
height: 250px;
border-radius: 0 0 25px 25px;
background: var(--one2);
border: 1px solid var(--two3);
z-index: 1;
border-top: none;
width: 550px;
margin: 0;
right: 25px;
}
#tmh-magaz .tab {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: opacity 150ms;
height: auto;
overflow: auto;
}
#tmh-magaz .tab-content {
padding: 20px;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 7px;
}
#tmh-magaz .tab-content.imgs {
height: 100%;
}
#tmh-magaz .tab-content.imgs>div {
justify-content: center;
display: flex;
flex-wrap: wrap;
height: 80%;
align-items: center;
}
#tmh-magaz .tab-content.imgs>div::-webkit-scrollbar {
width: 3px;
}
#tmh-magaz .tab-content.imgs img {
margin: 5px;
}
#tmh-magaz label {
background: var(--one2);
margin: 0 5px;
padding: 6px 10px;
width: 20%;
text-align: center;
transition: 150ms ease-in-out;
z-index: 1;
position: relative;
font-size: 8px;
letter-spacing: 1px;
border-radius: 10px 10px 0 0;
border: 1px solid var(--two3);
border-bottom: 0px;
}
#tmh-magaz label:hover {
cursor: pointer;
}
#tmh-magaz input.hidden {
display: none;
}
#tmh-magaz #tab-1:checked~.tabs label[for="tab-1"],
#tmh-magaz #tab-2:checked~.tabs label[for="tab-2"],
#tmh-magaz #tab-3:checked~.tabs label[for="tab-3"],
#tmh-magaz #tab-4:checked~.tabs label[for="tab-4"],
#tmh-magaz #tab-5:checked~.tabs label[for="tab-5"] {
width: 20%;
background: var(--two1);
color: var(--three2);
font-weight: 800;
}
#tmh-magaz #tab-1:checked~.tab-holder #tab-1,
#tmh-magaz #tab-2:checked~.tab-holder #tab-2,
#tmh-magaz #tab-3:checked~.tab-holder #tab-3,
#tmh-magaz #tab-4:checked~.tab-holder #tab-4,
#tmh-magaz #tab-5:checked~.tab-holder #tab-5 {
opacity: 1;
z-index: 1;
}
.bank-category {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3px;
}
.bank-item {
list-style: disc !important;
margin: 0 0 10px;
width: 48%;
}
.bank-category.full {
display: flex;
}
.bank-category.full .bank-item {
width: 100%;
}
.bank-price {
font-weight: bold;
}
/***************** гостевая ******************/
.fb-guest {
background: url(http://forumstatic.ru/files/001b/e7/5e/14620.jpg?v=1);
padding: 230px 20px 10px;
width: 548px;
height: 446px;
box-sizing: border-box;
font-family: var(--font4);
text-align: justify;
font-size: 11px;
line-height: 15px;
margin-left: 15%;
border-radius: 25px;
}
g1 {
display: block;
position: relative;
width: 450px;
top: -227px;
left: -100px;
}
g2 {
display: block;
position: relative;
top: -229px;
right: 100px;
}
g3 {
display: block;
position: relative;
top: 7px;
}
.fb-guest .hello-text {
top: 80px;
left: 54px;
max-height: 75px;
}
.fb-guest .hello-text {
width: 396px;
display: block;
font-size: 8px;
letter-spacing: 1px;
line-height: 15px;
text-align: justify;
box-sizing: border-box;
padding: 7px 0 10px 0;
margin: 0 103px;
position: absolute;
}
.fb-guest .rules-text {
top: 165px;
left: 200px;
display: block;
position: absolute;
width: 310px;
background: var(--one3);
padding: 7px 15px;
border-radius: 15px;
box-sizing: border-box;
font-size: 8px;
}
.fb-guest .faces {
display: flex;
}
gscroll, mscroll {
overflow: auto;
height: 136px;
display: block;
width: 180px;
margin: 4px auto;
}
.fb-guest .girls,
.fb-guest .boys {
line-height: 15px;
width: 40%;
margin: -13px auto;
height: 160px;
padding: 10px 20px;
background: var(--one3);
border: 1px solid #b8b8b8;
box-sizing: border-box;
border-radius: 20px;
}
.fb-guest .titles {
color: var(--one1);
background: var(--one2);
border-radius: 10px;
border: 1px solid #b8b8b8;
width: 130px;
text-align: center;
margin: -15px 57px 3px 64px;
text-transform: lowercase;
font-size: 10px;
font-weight: 800;
font-family: var(--font6);
letter-spacing: 1px;
z-index: 50;
}
.fb-guest .ssilks {
display: inline-block;
width: 450px;
text-align: center;
font-weight: bold;
top: 29px;
position: relative;
left: 30px;
}
.fb-guest .ssilks a {color: var(--two2);}
.fb-guest .ssilks a:href {color: var(--one4);}
.x-data {
text-align: center;
font-size: 10px;
font-weight: 800;
border-bottom: 1px solid var(--two1);
margin: 0 0 10px 0;
}
.fb-guest .girls::-webkit-scrollbar,
.fb-guest .boys::-webkit-scrollbar-thumb {
background-color: var(--two1);
border-radius: 15px;
}
.fb-guest .girls::-webkit-scrollbar,
.fb-guest .boys::-webkit-scrollbar-corner {
background-color: #707070;
}
.fb-guest .girls::-webkit-scrollbar,
.fb-guest .boys::-webkit-scrollbar {
width: 5px;
height: 5px !important;
background-color: transparent;
}
.fb-guest .girls::-webkit-scrollbar-thumb,
.fb-guest .boys::-webkit-scrollbar-thumb {
background-color: var(--one3);
border: 1px solid var(--two3);
}
/****************** новости *********************/
.fb-ns{
display: block;
text-align: justify;
padding: 25px 30px 0 30px;
box-sizing: border-box;
background: url(http://forumstatic.ru/files/001b/e7/5e/29130.jpg) top center no-repeat, url(http://forumstatic.ru/files/001b/e7/5e/74066.jpg) bottom center no-repeat, url(http://forumstatic.ru/files/001b/e7/5e/57935.jpg) repeat-y;
width: 548px;
height: auto;
border-radius: 20px;
margin-left: 16%;
}
.fb-ns a {font-weight: 600!important;}
.ns-ava {
position: relative;
top: 15px;
z-index: 50;
text-align: center;
margin: 0 auto;
width: 90px;
}
.ns-ava img {
border-radius: 50%;
border: 1px solid var(--three1);
max-width: 80px;
max-height: 80px;
filter: grayscale(1);
}
.ns-nn {
display: block;
position: relative;
top: -50px;
width: 100px;
left: 327px;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 0.5px;
color: var(--one1);
font-family: var(--font4);
font-size: 13px;
text-align: center;
}
.ns-who {
display: block;
top: -38px;
position: relative;
width: 150px;
left: 300px;
text-transform: lowercase;
color: var(--three1);
text-align: center;
z-index: 50;
}
.ns-text {
padding: 50px 15px;
box-sizing: border-box;
border-radius: 15px;
height: auto;
font-size: 9px;
font-family: var(--font4);
line-height: 15px;
color: var(--three2);
letter-spacing: 0.3px;
position: relative;
display: block;
top: -60px;
background: url(http://forumstatic.ru/files/001b/e7/5e/17259.jpg) top center no-repeat, url(http://forumstatic.ru/files/001b/e7/5e/83537.jpg) bottom center no-repeat, url(http://forumstatic.ru/files/001b/e7/5e/41485.jpg) repeat-y;
width: 457px;
margin: 0 auto;
}
.block-aktiv {
width: 450px;
min-height: 50px;
display: flex;
position: relative;
top: -85px;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.left-aktiv img, .right-aktiv img {
border-radius: 50%;
border: 1px solid var(--two1);
max-width: 35px;
max-height: 35px;
margin-right: 5px;
filter: grayscale(1);
}
.left-aktiv, .right-aktiv {
display: block;
position: relative;
width: 140px;
text-align: center;
margin: 0 auto;
}
.ep-aktiv {
display: block;
width: 135px;
background: var(--one3);
padding: 5px;
border-radius: 15px;
border: 1px solid var(--two1);
text-align: center;
}
.post-para {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
top: -80px;
position: relative;
width: 450px;
}
.b-para {
display: block;
max-width: 130px;
max-height: 31px;
padding: 0 10px;
}
.b-para img {
border-radius: 10px;
border: 1px solid var(--two1);
filter: grayscale(1);}
.b-post {
text-align: justify;
text-transform: lowercase;
font-size: 9px;
width: 320px;
line-height: 15px;
color: var(--three1);
}
.b-post a {color: var(--two2);}
.b-post a:hover {color: var(--three2);}
/******************* оформление тем *******************/
.fb-themes {
background: var(--one2);
margin-left: 15%;
width: 548px;
border-radius: 25px;
height: fit-content;
box-sizing: border-box;
display: block;
padding: 0 20px 20px 20px;
}
.themes-text {
text-align: justify;
width: 455px;
margin: auto;
position: relative;
font-size: 9px;
background: var(--one3);
height: auto;
box-sizing: border-box;
top: 27px;
padding: 5px 15px;
display: block;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 15px;
}
.theme-header {
position: relative;
display: flex;
background: var(--one3);
width: fit-content;
border: 1px solid #b8b8b8;
border-radius: 15px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
padding: 2px 15px;
margin: auto;
top: 10px;
z-index: 50;
}
.obv {
border: 1px solid #b8b8b8;
border-radius: 15px;
height: auto;
padding: 0 25px 50px 25px;
}
/* регулятор размера текста */
.FNTslider {
border-radius: 7px;
position: absolute;
z-index: 5;
background: vaR(--one2);
width: 110px;
height: 7px;
border: 1px solid rgb(204, 204, 204);
left: 57%;
top: 514px;
}
.FNTslider .before {
height: 5px;
border-radius: 7px 0 0 7px;
position: absolute;
background: var(--one1);
top: 1px;
left: 1px;
}
.FNTslider .thumb {
width: 10px;
height: 10px;
position: relative;
background: var(--one4);
cursor: pointer;
border-radius: 50%;
top: -1px;
}
/*************** sns ****************/
/***************** автор https://hangang.ru/profile.php?id=5 *****************/
.tmh-sns {
margin: 0 auto;
width: 349px;
min-height: 91px;
padding: 0 0 46px;
box-sizing: border-box;
border: 1px solid var(--two1);
background: url(https://forumstatic.ru/files/001b/ae/0f/15924.png) no-repeat top, url(https://forumstatic.ru/files/001b/ae/0f/78114.png) no-repeat bottom #ab9c8f;
border-radius: 30px;
}
.tmh-sns .username {
font-family: var(--font6);
font-weight: 600;
text-transform: uppercase;
color: #fff;
font-size: 12px;
height: 12px;
width: 180px;
margin: 10px 0 0 75px;
text-align: left;
overflow: hidden;
}
.tmh-sns .userpic {
margin: 7px 0 0 36px;
position: absolute;
}
.tmh-sns .avatar {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #e6e6e9;
object-fit: cover;
filter: grayscale(30%);
opacity: .9;
}
.tmh-sns .main {
background: #f9f6f6;
padding: 15px;
width: 100%;
margin: 20px 0 0;
box-sizing: border-box;
max-height: 520px;
overflow-y: auto;
}
.tmh-sns .main::-webkit-scrollbar {
width: 3px;
background: rgb(248, 248, 248);
}
.tmh-sns .main::-webkit-scrollbar-thumb {
width: 3px;
background: #c8c8c8;
}
.tmh-sns .msg {
font-size: 10px;
color: var(--three1);
display: flex;
font-weight: 600;
}
.tmh-sns .msg:not(:first-child) {
margin-top: 15px;
}
.tmh-sns-right .msg {
flex-direction: row-reverse;
}
.tmh-sns-left .msg__content {
display: flex;
flex-wrap: wrap;
}
.tmh-sns-right .msg__content {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: end;
-webkit-justify-content: end;
width: 90%;
}
.tmh-sns .msg__content>*:not(:first-child) {
margin-top: 7px;
}
.tmh-sns-left .msg__userpic {
margin: 0 10px 0 0;
}
.tmh-sns-right .msg__userpic {
margin: 0 0 0 10px;
}
.tmh-sns .msg__text,
.tmh-sns .msg__voice {
background: var(--one2);
border: 1px solid #e2e2e2;
border-radius: 10px;
padding: 10px;
width: fit-content;
}
.tmh-sns .msg__text img {
max-width: 11px !important;
max-height: 11px !important;
}
.tmh-sns .last-call .msg__text {
padding-right: 25px;
text-transform: uppercase;
position: relative;
}
.tmh-sns .last-call .msg__text::after {
content: '\f095';
position: absolute;
margin: -1px 0 0 4px;
font-family: 'Font Awesome 6 Free';
font-size: 14px;
}
.tmh-sns .voice .msg__text::before {
content: '';
background: url(https://forumstatic.ru/files/001b/ae/0f/84534.png) left repeat-x;
display: block;
height: 25px;
width: 200px;
opacity: .7;
}
.tmh-sns details {
width: 200px;
margin: 3px 0 0;
}
.tmh-sns details[open] summary {
margin: 0 0 3px;
}
.tmh-sns details summary {
text-transform: uppercase;
}
.tmh-sns .msg__time {
text-align: left;
width: 100%;
margin: 2px 0 0 5px !important;
position: relative;
}
.tmh-sns-right .msg__time {
text-align: right;
width: 100%;
margin: 2px 17px 0 0 !important;
}
.tmh-sns .msg__time::after {
content: '\f560';
width: 10px;
height: 10px;
position: absolute;
margin: 1px 0 0 3px;
font-family: 'Font Awesome 6 Free';
color: var(--one1);
}
.tmh-sns .last-call .msg__time::after {
content: '\f060';
rotate: -45deg;
margin: 3px 0 0 3px;
}
.tmh-sns .msg__picture {
width: 100%;
}
.tmh-sns-right .msg__picture {
text-align: right;
}
.tmh-sns .msg__picture img {
max-width: 80%;
border-radius: 7px;
grid-area: pic;
border: 1px solid #e6e6e9;
}
/*************** приветственное соо ****************/
#tmh-hello {
width: 250px;
height: 100px;
background: var(--one2);
padding: 20px;
border-radius: 15px;
margin: 10px auto;
position: relative;
border: 2px solid var(--two3);
}
#tmh-hello hello-txt {
text-transform: lowercase;
text-align: justify;
color: var(--three1);
position: absolute;
right: 5px;
top: 10px;
width: 140px;
height: 100px;
padding: 10px;
font-size: 9px;
}
#tmh-hello img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
border: 2px solid var(--two3);
margin-top: 5px;
float: left;
position: absolute;
top: 15%;
left: 7%;
}
#tmh-hello a {
display: inline-block;
text-align: center;
color: var(--one1);
text-decoration: none;
font-size: 15px;
float: clear;
}
/********************** твиттер ***************************/
.twit0 {
width: 500px; height: auto; margin-left: 22%; border-radius: 25px 25px 25px 0; border: 1px solid var(--two3); position: relative; background: var(--one3);
}
.tweets {position: absolute;width: 480px;height: auto;position: relative;}
.twitr0 {
position: relative; top: 0px; margin: auto;
}
.twitr1 {
position: relative; top: 18px; left: 20px; border: 1px solid var(--two3);
width: 50px; height: 50px; padding: 5px; border-radius: 50%;
}
.twitr2a {
position: relative; top: -25px; left: 100px; font: 800 14px/120% var(--font3); color: var(--color5);
}
.twitr2a span {
display: inline-block; margin: 0 0 0 3px; font:12px/120% var(--font4); color: var(--one4);
}
.twitr2b {
display: inline-block; font: 800 8px/120% var(--font4); text-transform: uppercase; color: var(--one4);
}
.twitr3 {
position: relative; top: -20px; left: 20px; width: 300px; height: auto; padding: 20px; margin: 10px auto;
background: var(--one2); border-radius: 15px; font: 12px/120% Poppins; text-align: justify; color: var(--two2);
}
.twitr3 img {max-width: 300px;}
.twitr4 {
position: relative; top: -40px; width: 475px; height: 20px; text-align: center;
}
.twitr4a {
display: inline-block; padding: 15px 0px; margin: 2px 10px;
font: 800 10px/120% montserrat; text-transform: uppercase; color: var(--one4);
}
.twitr4a span {
position: relative; display: inline-block; top: 5px; margin-right: 4px; font-size: 20px; color: var(--three1);
}
.twitr5 {
position: relative; top: 0px; left: 50px;background: var(--two3); height: 1px; width: 400px;
}
/************** занятые внешки ***************/
.faceclaims {
width: 590px;
background: var(--one2);
padding: 15px;
margin: 20px 9% 0;
border-radius: 20px;
border: 2px solid var(--two3);
}
.faceclaims .letters {
background: var(--two1);
width: 250px;
border-radius: 10px;
height: 21px;
text-align: center;
margin: 10px auto;
}
.faceclaims .letters span {
letter-spacing: 4px;
font-size: 11px;
color: #fff;
font-family: var(--font2);
line-height: 22px;
text-transform: uppercase;
margin: 0 5px;
white-space: nowrap;
font-weight: 900;
}
.faceclaims .fclist {
display: flex;
margin: 20px 0 0;
}
.faceclaims .fcblock {
width: 100%;
background: var(--one3);
margin: 5px;
box-sizing: border-box;
padding: 10px 5px;
border-radius: 15px;
border: 1px solid var(--two1);
color: var(--one1);
}
.faceclaims .fchead {
font-family: var(--font6);
background: var(--one3);
width: 100px;
border-radius: 10px;
height: 16px;
margin: -23px auto 4px;
color: var(--two2);
font-size: 8px;
letter-spacing: 3px;
padding: 2px 0 1px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
border: 1px solid var(--two1);
}
.faceclaims .fcs {
text-transform: lowercase;
letter-spacing: 1px;
max-height: 111px;
overflow-y: auto;
padding: 0 5px;
}
.faceclaims .fcs::-webkit-scrollbar {
background: #a7a7a7;
width: 3px;
border-radius: 3px;
}
.faceclaims .fcs::-webkit-scrollbar-thumb {
border-radius: 3px;
}
.faceclaims .fcs p {
margin: 5px 0 !important;
padding: 0 !important;
line-height: 9px !important;
text-align: left !important;
font-size: 9px !important;
}
.faceclaims .fcs span {
font-weight: 800;
letter-spacing: 0;
}
/************* тиндер ************/
#tinder__container {
width: 300px;
height: 500px;
margin: 0 auto;
overflow: hidden;
border: 2px solid var(--two3);
border-radius: 12px;
padding: 10px 10px 30px 10px;
background: var(--one2);
position: relative;
}
#name {
font-family:arial;
font-size:30px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-2.5px;
text-align:left;
margin:7px;
margin-top:15px;
margin-bottom:-2px;
}
#info {
font-family: var(--font6);
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 0.5px;
line-height: 12px;
text-align: left;
padding: 8px;
margin: auto;
position: relative;
top: -7px;
}
#photo img {
max-width: 290px;
max-height: 290px;
margin: 5px;
}
/* ЛИЧНАЯ СТРАНИЦА */
.character {
background: #e6e6e6;
border-radius: 20px;
box-sizing: border-box;
position: relative;
margin: auto;
width: 800px;
padding: 20px;overflow: hidden;
}
.character1 {
border: 1px solid #b8b8b8;
border-radius: 20px;
padding: 60px 40px 40px 40px;
}
.character1:before {
content: '';
background: url(http://forumstatic.ru/files/001b/e7/5e/87351.png);
width: 443px;
height: 85px;
position: absolute;
top: 0;
right: 0;
}
.menu {
display: flex;
width: 280px;
justify-content: space-between;
position: absolute;
z-index: 9;
top: 11px;
left: 400px;
}
.menu span { cursor: pointer;}
.menu .tabactive { background: #d7c9b9;}
.menu span, .character titl, .character plash, .character cup, .character icon, .character bl, .character dost { background: #ececec;
border: 1px solid #b8b8b8;
border-radius: 20px;
width: 95%;
}
.menu span, .character titl {
height: 15px;
display: flex;
justify-content: center;
align-items: center;
width: 130px;}
#submenu {
height: 300px;
width: 100%;
background: #ececec;
padding: 20px;
box-sizing: border-box;
border-radius: 20px; display: inline-block;
}
.submenutext { display: none; }
.character name {
position: absolute;
font-family: Arial;
font-weight: bold;
top: 45px;
font-size: 20px;
color: #aa9884;
}
img.ava {
position: absolute;
top: 35px;
right: 60px;
border-radius: 50%;
border: 1px solid #bababa;
box-shadow: 0 0 15px #00000021;
max-width: 60px;
filter: grayscale(1);
}
.character navig {
position: absolute;
right: 48px;
top: 110px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
.character navig a {
border-radius: 50%;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: #ececec;
border: 1px solid #b8b8b8;
}
.character plash, .character cup, .character icon, .character bl, .character dost {
display: inline-flex;
position: relative;
padding: 20px 5px 10px 10px;
justify-content: center; vertical-align: top;
}
.character plash, .character cup, .character icon { height: 230px;}
.character plash { width: 200px;}
.character cup {
width: 220px;
margin-left: 20px;
}
.character icon {
width: 120px;
margin-left: 20px;
}
.character icon titl {
width: 90px;
}
.character titl {
position: absolute;
top: -10px;
}
.character plash span, .character cup span, .character icon span, .character dost span {
overflow: auto;
display: flex;
gap: 10px;
padding-right: 5px; align-content: flex-start; justify-content: top;
}
.character plash span { flex-direction: column;}
.character cup span, .character icon span, .character bl, .character dost span { flex-wrap: wrap;}
.character bll {
padding-right: 10px;
width: 100%;
box-sizing: border-box;
display: block;
height: 120px;
margin-bottom: 20px;
overflow: auto;
}
.character bl {width: 100%; box-sizing: border-box; margin-top: 15px;}
.character bl img {
margin: 3px;
}
.character dost {
height: 90px;
}
#bolsh { max-width: 16px;
max-height: 16px;}
/********** новостные плашки ***********/
#pun-announcement .tmh_news {
display: inline-block;
height: 55px;
width: 990px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
#pun-announcement .tmh_news a {
background: var(--one3);
border-radius: 10px;
height: 30px;
width: 190px;
overflow: hidden;
display: inline-grid;
grid-template-columns: 1fr 4fr;
align-items: center;
padding: 0 11px;
box-sizing: border-box;
transition: opacity 250ms;
margin: 10px 5px 0;
text-transform: uppercase;
}
#pun-announcement .tmh_news a:hover {
opacity: .9;
}
#pun-announcement .tmh_news img {
max-width: 25px;
max-height: 25px;
grid-row: 2 span;
}
#pun-announcement .tmh_news .big_txt {
color: var(--two2);
font-size: 9px;
height: 10px;
line-height: 10px;
letter-spacing: 0.5px;
margin-bottom: -7px;
font-weight: 800;
}
#pun-announcement .tmh_news .small_txt {
color: #b1adad;
height: 6px;
font-size: 5px;
line-height: 6px;
letter-spacing: 1px;
margin-top: -4px;
}
.html-box {
position: relative;
top: -45px;
height: 65px;
margin-bottom: 35px;
background: var(--one2);
border-radius: 20px;
}
/* окно эмоджи */
.hvStickerPackModal {
border: solid 1px var(--two3) !important;
border-radius: 25px !important;
background: var(--one3) !important;
}
/******************* пинтерест *****************/
#rpinalbum {
width: 500px;
border: 1px solid #0000001c;
padding: 5px;
font: 12px/20px Helvetica;
color: #000;
background: #fff;
margin: 0 auto;
}
#rpinalbum .rlogo {
width: 40px;
height: 40px;
background: url(https://seeklogo.com/images/P/pinterest-badge-logo-82C89A5E42-seeklogo.com.png) center/cover;
float: left;
margin: 10px 15px;
}
#rpinalbum .rheader {
width: 100%;
text-align: center;
margin: 10px 0;
line-height: 10px;
}
#rpinalbum .rheader table {
margin: 0 auto;
padding-right: 50px;
}
#rpinalbum .rheader td:nth-child(1) {
width: 485px;
text-align: left;
}
#rpinalbum .rheader td:nth-child(2) {
width: 125px;
}
#rpinalbum .rheader h2 {
color: #000;
font-size: 27px;
font-weight: bold;
font-family: Helvetica;
line-height: 10px;
letter-spacing: -.5px;
margin-top: 26px;
margin-bottom: 0;
}
#rpinalbum .rheader img {
width: 75px;
height: 75px;
border-radius: 100%;
object-fit: cover;
right: 30px;
position: relative;
}
#rpinalbum .rcollection {
text-align: left;
margin: 15px;
}
#rpinalbum .rcollection h3 {
text-align: left;
font-size: 14px;
font-weight: normal;
font-family: Helvetica;
text-transform: none;
letter-spacing: -.5px;
margin-left: 10px;
line-height: 10px;
margin-bottom: 20px;
word-spacing: 6px;
}
#rpinalbum .rcollection h3 b {
word-spacing: 0;
}
#rpinalbum .rpins {
line-height: 12px;
}
#rpinalbum .rrow {
width: 150px;
display: inline-block;
vertical-align: top;
}
#rpinalbum .rpin {
width: 125px;
display: inline-grid;
vertical-align: top;
margin: 2px;
background: #f6f6f6;
border-radius: 8px;
padding: 10px 10px 15px 10px;
font-size: 11px;
font-weight: bold;
letter-spacing: -.2px;
}
#rpinalbum .rpin img {
width: 125px;
border-radius: 5px;
object-fit: cover;
margin-bottom: 5px;
}
#rpinalbum:before {
float: left;
position: relative;
left: -5px;
content: "「R」";
font: bold 8px Consolas;
color: #8e8e8e;
letter-spacing: -.5px;
opacity: .1;
}
/******************* окно репутации *****************/
/*textarea#reputationText { width: 250%!important;
position: relative;
top: 0;
left: -145px;}
/******************* пара и эп *****************/
.parochka1, .parochka2 {position:absolute; width:180px; height:40px; margin-top: 43px;}
.parochka1 img {border: 2px solid #ececec; border-radius: 10px; filter: grayscale(1);}
.parochka1 {margin-left: 40px;}
.parochka2 {margin-left: 820px; border: 2px solid #ececec; border-radius: 10px; text-align:center; color:#ececec; font-weight: 600;}
.parochka2 a {color:#ececec;}
.parochka2 a:hover {color:#737373;}
.parochka2 p {margin-top: 6px;}
/********************** спленица ***************************/
.spl0 {width: 500px;height: auto;margin: 0 auto;border-radius: 25px 25px 25px 0;border: 1px solid var(--two3);position: relative;/* overflow: hidden; */background: var(--three2);}
.spl{position: absolute;width: 480px;height: auto;/* overflow: auto; */position: relative;/* overflow-x: hidden; */}
.spl__0 {
position: relative; top: 0px; margin: auto;
}
.spl1 {
position: relative; top: 18px; left: 20px; border: 1px solid var(--two3);
width: 50px; height: 50px; padding: 5px; border-radius: 50%;
}
.spl2a {position: relative;top: -25px;left: 100px;font: 800 14px/120% var(--font3);color: var(--one3);}
.spl2a span {display: inline-block;margin: 0 0 0 3px;font:12px/120% var(--font4);color: var(--one3);}
.spl2b {
display: inline-block; font: 800 8px/120% var(--font4); text-transform: uppercase; color: var(--one4);
}
.spl3 {position: relative;top: -20px;left: 20px;width: 300px;height: auto;padding: 20px;margin: 10px auto;background: var(--three1);border-radius: 15px;font: 11px/120% verdana;text-align: justify;color: var(--one3);}
.spl4 {
position: relative; top: -40px; width: 475px; height: 20px; text-align: center;
}
.spl4a {display: inline-block;padding: 15px 0px;margin: 2px 10px;font: 800 10px/120% montserrat;text-transform: uppercase;color: var(--one3);}
.spl4a span {position: relative;display: inline-block;top: 5px;margin-right: 4px;font-size: 20px;color: var(--one3);}
.spl5 {
position: relative; top: 0px; left: 50px;background: var(--two3); height: 1px; width: 400px;
}
/* hidden forums */
#pun-index #forum_f19,
#pun-index #forum_f23,
#pun-index #forum_f24,
#pun-index #forum_f25,
#pun-index #forum_f27,
#pun-index #forum_f11 {
display: none;
}Поделиться42023-08-19 15:51:49
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
хтмл верх
Код:
<!---------------- админы -------------------->
<div class="adminka">
<a href="https://takehome.rusff.me/profile.php?id=56">lalisa</a>
<a href="https://takehome.rusff.me/profile.php?id=7">yiren</a>
<a href="https://takehome.rusff.me/profile.php?id=6">jennie</a> </div>
<div class="adminka2">
<a href="https://takehome.rusff.me/profile.php?id=62">wonwoo</a>
<a href="https://takehome.rusff.me/profile.php?id=113">chungha</a>
</div>
<style>
.adminka, .adminka2 {position: absolute; display: inline; word-spacing: 4px; font-size: 11px;}
.adminka {margin-top: 25px; margin-left: 410px;}
.adminka2 {margin-top: 42px; margin-left: 410px;}
</style>
<!------------ убирать допы ------------>
<script src="http://forumstatic.ru/files/001b/d3/91/97679.js"></script>
<!-- пиар-вход -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'homebody'; //ник PR-аккаунта
PR.pass = '1111'; //пароль PR-аккаунта
PR.btn_text = 'пиар'; //надпись на кнопке (или ссылка на картинку);
PR.set();
</script>
<!--выделить код Alex_63-->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>
eval(select_text.toString().replace(/\}$/, 'try{document.execCommand("copy")}catch(e){}}'))
</script>
<script type="text/javascript">
select_text.linkText = window.UserLanguage == 'ru' ? 'Копировать код' : 'Copy code'
</script>
<!---------------- элементы шапки -------------------->
<!---------------- пара -------------------->
<div class="parochka1"><img src="https://upforme.ru/uploads/001b/e8/c7/10/52883.png" title="исыль & чонгук"></div>
<div class="parochka2"><p>jaeyun & changbin<br><a href="https://takehome.rusff.me/viewtopic.php?id=317#p42756">море застыло на уровне сна</a></p></div>
<div class="sh-elements">
<!--- активисты слева --->
<div class="aktiv1"><a href="https://takehome.rusff.me/profile.php?id=21" title="активист джисон" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/199404.png"></a>
<a href="https://takehome.rusff.me/profile.php?id=62" title="активист вону" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/476260.png"></a>
<a href="https://takehome.rusff.me/profile.php?id=77" title="активист ёсан" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/654287.png"></a></div>
<!--- активисты справа --->
<div class="aktiv2"><a href="https://takehome.rusff.me/profile.php?id=35" title="постописец юна" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/788430.png"></a>
<a href="https://takehome.rusff.me/profile.php?id=117" title="постописец сохам" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/147737.png"></a>
<a href="https://takehome.rusff.me/profile.php?id=78" title="постописец харуто" target="_blank"><img src="https://upforme.ru/uploads/001b/e8/c7/10/657956.png"></a></div>
<!--- пост недели --->
<div class="week-post"><b><a href="https://takehome.rusff.me/viewtopic.php?id=407#p64978">amala dlamini</a></b> пишет: с минни, как всегда, больше всего возни: она капризничает, дует пухлые губы, отвлекается на телефон, пытается почесать нос, глаз, ухо и все на свете, сидя в высоком кресле перед зеркалом. она не реагирует на замечания и просьбы потерпеть еще немного.</div>
<! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div id="nav"><div class="spirit-navigation" id="navig-batton" title="навигация">навигация</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="https://takehome.rusff.me/viewtopic.php?id=2">гостевая</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=4">занятые внешности</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=5">правила</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=9">шаблон анкеты</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=7">нужные персонажи</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=13">банк</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=12">магазин</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=14">связь с амс</a>
</div></div></div>
</div>
<!-- обтекание текста слева/справа -->
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {
name: 'Обтекание слева',
onclick: function () {
bbcode('[abbr="float:left"]', '[/abbr]');
}
});
FORUM.set('editor.addition.tags.float_right', {
name: 'Обтекание справа',
onclick: function () {
bbcode('[abbr="float:right"]', '[/abbr]');
}
});
</script>
<!-- защита от отключения JavaScript -->
<noscript>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=https://forumstatic.ru/files/001b/b2/f2/16432.html?v=3">
<link rel="stylesheet" href="https://forumstatic.ru/files/0014/65/a2/51554.css?v=6" />
</noscript>
<!-- конец защита отключения js -->
<!-- Музыка в постах и подписях (c) Emerael, Часть 1 в ХТМЛ-Верх -->
<script>
FORUM.set('editor.music', {
name: 'Аудио',
audio_url: function() {
return prompt("Поместите ссылку на трек", "https://")
},
audio_title: function() {
return prompt("Введите название трека", "Трек")
},
onclick: function(){
const link = FORUM.get('editor.music.audio_url()');
if (!link || link === "https://" || $.trim(link) === "") return false;
const title = FORUM.get('editor.music.audio_title()');
document.querySelector("#main-reply").value += `[audio=${link}]${title || 'Песня'}[/audio]`;
}})
</script>
<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="0"></script>
<!----------------------------------------------------------------------------------------------- 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,3,4,5,6,7,8,9,10]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = []; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script>
<script src="//hostjs-mybb2011.narod.ru/js/transform_code_boxr.js?"></script>Поделиться52023-08-19 15:52:07
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
хтмл низ
Код:
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------- ЛС © piterskaya ---->
<script type="text/javascript">
function showTab(elem){
$(".menu span").removeClass("tabactive");
$(elem).addClass("tabactive");
$("div.submenutext").hide();
var activeDiv = $(elem).attr("alt");
$("div."+activeDiv).fadeIn();
return false;
}
$(".modal-link").click(function() {
var modId = $(this).attr('id');
$('.modal_wrap').html('');
$.get('pages/'+modId, function (data){
$('.modal_wrap').html($(data).find('.character').html());
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
border-radius: 4px;
position:relative;z-index:1000;
background: #ccc;
width: 110px;
height: 5px;
margin: 3px 5px;
border: solid 0px #;
float: right;
margin-top: -512px;
margin-right: 430px;
}
.FNTslider .before {
height: 6px;
border: solid 0px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #fff;
margin-top: -1px;
box-shadow: 0px 0px 2px 0px rgb(203, 176, 120) inset;
}
.FNTslider .thumb {
width: 8px;
height: 13px;
border-radius: 3px;
position: relative;
top: -4px;
background: #fff;
cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['It\'s nice to look at you', 'on your smile when you write', 'when you tell your experiences', 'when you dream' ],
forumAccessExtended: {
'It\'s nice to look at you': ['администраторы', 'модераторы', 'ищут приют', 'домочадцы'],
'on your smile when you write': ['администраторы', 'модераторы', 'ищут приют', 'домочадцы'],
'when you tell your experiences': ['администраторы', 'модераторы', 'ищут приют', 'домочадцы'],
'when you dream': ['администраторы', 'модераторы', 'ищут приют', 'домочадцы']
},
changeList: {
'pafld1': {
title: 'личное звание',
description: '',
tag: 'lz',
class: 'pa-fld3',
defaultCode: '<a href="ссылка на анкету" style="font-size: 12px; font-weight: bold;">имя фамилия, 00</a><br><div class="fb-lz">текст вашего лз</div>',
type: 'html'
}
},
userFields: ['<ul>', '<li class="pa-fld4"><span class="fld-name">иконка:</span> <img src="https://upforme.ru/uploads/001b/e8/c7/2/t635240.png"></li>', ' <li class="pa-author"><span class="acchide">Автор: </span><a href="javascript:to(\'homesick\')" rel="nofollow">homesick</a></li>', '<li class="pa-title">сотня золотых фиалов</li>', '<li class="pa-avatar item2"><img src="https://forumavatars.ru/img/avatars/001b/e8/c7/2-1688278398.png" alt="homesick" title="homesick"></li>', '<li class="pa-fld3"><span class="fld-name">лз:</span> <a href="#" style="font-size: 12px; font-weight: bold;">housekeeper</a><br><br><div class="fb-lz">есть люди уютные, как дом. <br>обнимаешь их и понимаешь:<br><b>я дома.</b></div></li>', '<li class="pa-fld2"><span class="fld-name">плашка:</span> <div class="pl"><img src="https://upforme.ru/uploads/001b/e8/c7/2/t539802.png"></div></li>', '<li class="pa-posts"><span class="fld-name">MESS:</span> 59</li>', '<li class="pa-respect"><span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">likes</a>:</span>', '<a href="/relation.php?id=21&v=1&code=5c6a4e30" rel="nofollow"><img src="//i.rusff.me/f/me/rusff/r_add.gif" alt="+"></a>', ' <span>+39</span></li>', '<li class="pa-gifts"><a href="/mod/gifts/?uid=2">Подарков</a>: <span>0</span></li></ul>']
});
</script>
<style>.pa-avatar img {
max-width: 180px;
max-height: 180px;
}</style>
<!-- Рестор ссылки "НОВЫЕ СООБЩЕНИЯ" -->
<script type="text/javascript">
if (GroupID != 3) {
$('#pun-ulinks .container').prepend(
'<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
}
</script>
<!-- Кликабельность ника в постах гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="http://forumstatic.ru/files/0015/c4/3f/97896.js"></script>
<script><!--Универсальный скрипт замены. -->
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
UniverСhange("li.pa-respect","Уважение","LIKES");
UniverСhange("li.pa-posts","Сообщений","MESS");
UniverСhange("li.pa-fld1","валюта","MONEY");
</script>
<script type="text/javascript">
var nWRD="likes";
function setRespecNew(){
$(".post .pa-respect a[href^='/respect.php?']").each(function (){
$(this).html(nWRD);});}
function TestRespect(){
if($(".post .pa-respect:contains('Репутация')").length){setRespecNew();return;
}else {timerID = setTimeout("TestRespect()",110);return;}
}TestRespect()
</script>
<!-- считаем символы -->
<script>
var symbolsCount, replyForm = $("#main-reply"),
counter =
'<div id="symbol-counter">символов: <span>00</span></div>'
$('#form-buttons').prepend(counter)
function countSymbols() {
symbolsCount = replyForm.val().length
$("#symbol-counter span").text(symbolsCount)
}
if ($('#pun-viewtopic').length) {
countSymbols()
}
$(".pl-quote").click(function () {
setTimeout('countSymbols()', 100)
})
replyForm.bind('mouseout mousemove keydown keypress keyup', function (e) {
countSymbols()
})
</script>
<!-- стрелки -->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/001b/e7/5e/94520.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/001b/e7/5e/52082.png" border="0" /></div>
<!-- стрелки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!--количество символов в посте-->
<script>
document.addEventListener('DOMContentLoaded', () => {
$(".post-content").each(function(index) {
var hiddenLength = $(this).find(".hide_Nic-SIG").text().length + $(this).find(".hvmask").text().length;
var postLength = $(this).children().not(".post-sig").not(".lastedit").text().length - hiddenLength;
var str = $(this).parent().parent().parent().parent().children().children().children("strong").not(".fnt");
var postNum = str.text();
var sym = "";
if (postLength % 100 < 10 || postLength % 100 > 15) {
if (postLength %10 == 1) {
sym = "📄";
} else if (postLength %10 > 1 && postLength % 10 < 5) {
sym = "📄";
} else {
sym = "📄";
}
} else {
sym = "📄";
}
str.html('' + postNum + ' ('+ postLength + ' ' + sym + ')');
});
});
</script>
<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://forumstatic.ru/files/001b/e8/c7/94235.png?v=1'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://forumstatic.ru/files/001b/e8/c7/94235.png?v=1'; //Ссылка на аватар для Гостя
$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>
<!-- взаимный пиар -->
<script>
if ($('#pun-viewtopic').length) {
addAdvertiseLink(17) // id подфорума с рекламой
}
function getRandomInt(e, t) {
return Math.floor(Math.random() * (t - e)) + e
}
function copyAdvertisingToClipboard(e, t) {
e.preventDefault();
var r = $(t).closest(".post").find(".permalink").attr("href"),
n = $("<textarea>");
$("body").append(n);
var i = advertiseCodes[getRandomInt(0, advertiseCodes.length)] + "\n[url=" + r + "]Ваша реклама[/url]";
n.val(i).select(), document.execCommand("copy"), n.remove()
}
function addAdvertiseLink(e) {
window.FORUM.topic.forum_id == e && $(".post").each(function () {
var e = $("<li>").attr("class", "pl-advlink").append(
'<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>');
$(this).find(".post-links ul").append(e)
})
}
var advertiseCodes = [
"[align=center][url=https://takehome.rusff.me/][img]https://upforme.ru/uploads/001b/e8/c7/56/255569.png[/img][/url][/align]",
"[align=center][url=https://takehome.rusff.me/][img]https://upforme.ru/uploads/001b/e8/c7/2/138672.gif[/img][/url][/align]",
"[align=center][url=https://takehome.rusff.me/][img]https://upforme.ru/uploads/001b/e8/c7/56/689440.png[/img][/url][/align]" ];
</script>
<!-- Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ -->
<script>
(()=>{
const selectors = [
'#profile-signature:contains("[audio=")', //подпись в профиле
'.parsedsig:contains("[audio=")', //предпросмотр подписи
'.post-body:contains("[audio=")', //посты и подписи в них
];
const replaceAudio = () => {
const containMusic = $(selectors.join(', '));
containMusic.each((_, el) => {
const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi;
el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1">
<span>ваш браузер не поддерживает HTML5 аудио. Вот взамен
<a href="$1">ссылка на трек</a></span>
</audio></div>`);
});
};
replaceAudio();
$(document).on('pun_post', () => {replaceAudio()});
})();
</script>
<!--кнопка редактирования лс by clandestina-->
<script>
$(document).ready(function () {
if (window.GroupID == 1 && window.location.pathname.includes('/pages/')) {
let page = window.location.pathname.split('/pages/')[1]
let btn = `<a href="/admin_pages.php?edit_page=${page}" style="
display:block;
margin: 20px auto;
width: 200px;
background: #ececec;
padding: 13px;
text-align: center;
border-radius: 30px;
">редактировать страницу</a>`
$('.pages .section .container').append(btn)
}
})
</script>
<!-- кнопка редактировать профиль для амс -->
<script>
$(document).ready(function () {
let forums = [3, 6, 7, 5, 11]
if (GroupID == 1 && $('#pun-viewtopic').length &&
$.inArray(+window.FORUM.topic.forum_id, forums) != -1) {
$('.pl-email.pm').each(function (ind) {
let id = $(this).find('a').attr('href').split('uid=')[1]
let editBtn =
`<li class="pl-email admin-edit"><a href="/profile.php?section=fields&id=${id}">Редактировать</a></li>`
$(this).after(editBtn)
})
}
})
</script>
<script type="text/javascript">
if(GroupID==3 || GroupID==&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color: red; padding: 10px 10px 10px 10px;'>Администратор запретил вам редактировать профиль.</div>");
}
</script>
<!--fonts -->
<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Montserrat');
ft_f.push('Yeseva One');
ft_f.push('Yanone Kaffeesatz');
ft_f.push('Poiret One');
ft_f.push('Indie Flower');
ft_f.push('Pirata One');
ft_f.push('Yesteryear');
ft_f.push('Satisfy');
ft_f.push('Nothing You Could Do');
ft_f.push('La Belle Aurore');
ft_f.push('Oswald');
ft_f.push('Lobster');
ft_f.push('Playfair Display');
ft_f.push('Carves');
ft_f.push('BonVoyage');
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>Поделиться62023-08-19 15:52:41
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
форма ответа
Код:
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
hvStickerPack.init("https://forumstatic.ru/files/001b/d3/91/20667.txt");
});
</script>
<center><div id="smls-blk" style="margin: 16px 0 16px 0;">
<a id="Kn-cont_1"><button class="stk" type="button">корейцы</button></a>
<a id="Kn-cont_2"><button class="stk" type="button">пушистые #1</button></a>
<a id="Kn-cont_3"><button class="stk" type="button">пушистые #2</button></a>
<a id="Kn-cont_4"><button class="stk" type="button">попугайчеги</button></a>
<script src="https://forumstatic.ru/files/001b/e8/c7/39182.js?v=2"></script></div></center>
<!--вставить картинку-->
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-5px 0 0 22px;font-size: 7px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<script>
if($('#pun-viewtopic').length && !$('#navawards').length)
FORUM.PartnerVote = function() { return true; };
</script>
<!--абзац-->
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0014/65/a2/48800.js?v=18"></script>Поделиться72023-08-19 15:53:01
- Администратор
- плашка:
- Сообщений: 14
- Уважение: +0
- деньги:
объявление
Код:
<!-- новостные плашки -->
<div class="tmh_news"><center>
<a href="https://takehome.rusff.me/viewtopic.php?id=251#p68444">
<img src="https://upforme.ru/uploads/001b/e8/c7/7/154161.png">
<span class="big_txt">срочное объявление</span>
<span class="small_txt">о старом и новом</span>
</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=223#p66994">
<img src="https://upforme.ru/uploads/001b/e8/c7/10/989086.png">
<span class="big_txt">удаления</span>
<span class="small_txt">очередное обновление</span>
</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=212#p63444">
<img src="https://forumstatic.ru/files/001b/e8/c7/40263.png">
<span class="big_txt">сплетница</span>
<span class="small_txt">расскажет все ваши секреты</span>
</a>
<a href="https://takehome.rusff.me/viewtopic.php?id=117#p57995">
<img src="https://cdn-icons-png.flaticon.com/512/10832/10832491.png">
<span class="big_txt">возьми красавчика</span>
<span class="small_txt">получи приданное</span>
</a>
</center></div>Страница: 1
