@import url(style_cs.css);

@import url(https://forumstatic.ru/files/001c/43/fc/27566.css);

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');

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

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

/****************************************
Чистый стиль by Alex Kolmar (бродяга)
****************************************/

/* Полезные сервисные настройки
-------------------------------------------------------------*/

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

#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;
}


/* Основные переменные
------------------------------------------*/

:root {
  --pun-bg: #edebe4;
  --sec-bg: #f9f7f0;
  --link: #323244;
  --link-hover: #52423d;
  --main-acc: #887d77;
  --add-acc: #52423d
  --pwidth: 244px;
  --pad1: 10px 30px;
  --pad2: 10px 20px;
  --pad3: 5px 10px;
  --font-family: "Manrope", sans-serif;
  --second-family: "Inter", sans-serif;
  --fa: "Font Awesome 6 Pro", "Font Awesome 6 Brands";
}

/* Global
------------------------------------------*/

/* Применяется ко всем элементам */

* {
  margin: 0;
  padding: 0;
  border: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*scrollbar-width: thin;
  scrollbar-color: var(--link-hover) var(--sec-bg);*/
}

/* прокрутка хром etc */

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background-color: var(--sec-bg);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--link-hover);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb:active {
  background: var(--link-hover);
  border-radius: 10px;
}

/* выделение текста */

::selection {
  background: var(--link);
  color: var(--pun-bg);
}

:focus {
  outline: none;
}

/* все ссылки */

a,
.punbb #pun-admain a {
  text-decoration: none;
  color: var(--link);
  transition: all .2s linear 0s;
}

a:hover,
.punbb #pun-admain a:hover {
  color: var(--link-hover);
}

/* все заголовки */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
  margin: 0;
}

h1,
h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
}

ul,
dl,
li,
dd,
dt {
  list-style: none;
}

address,
em {
  font-style: normal;
}

/* выключить список модераторов, отредактировано etc */

.modlist,
.lastedit,
.punbb div#pun-live-rusff,
.punbb .topic a.sharelink {
  display: none;
}

/* модальные окна, репутация, закладки etc */

#tags .container,
.post_report,
.post_reputation,
#MyBookmarks,
.inner.popup_graffiti,
.pun-modal .modal-inner,
.punbb-admin #pun-admin-award-form .inner {
  background: var(--sec-bg);
}

/* Формы
------------------------------------------- */

/* ОФОРМЛЕНИЕ КНОПОК */

input.button,
#pun-admain input.button,
#sub4,
input[type="button"],
input[type="submit"] {
    padding: 10px;
    cursor: pointer;
    transition: all .2s linear 0s;
    background: var(--main-acc);
    border-radius: 10px;
    color: var(--pun-bg);
    text-transform: lowercase;
    font-weight: 600;
    font-family: var(--font-family);
}

input.button:hover,
#pun-admain input.button:hover,
#sub4:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--link-hover);
}

/* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */

input[type="text"],
input[type="password"],
textarea,
select {
    padding: 2px 5px;
    border-radius: 5px;
    background: var(--sec-bg);
    color: #141414;
    font-family: var(--font-family);
    font-weight: 500;
}

select#mod-options {
    text-transform:lowercase;
}

textarea,
input,
select,
optgroup {
  font-size: 12px;
}

optgroup {
  font-weight: bold;
}

/* флажки и чекбоксы */

.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;
}

.formal .container {
  padding: var(--pad1);
}

.formsubmit {
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center;
}

.formsubmit input,
.formsubmit a,
.formsubmit span {
  margin: 0 6px 0 0;
}

fieldset {
  border: none;
}

fieldset legend {
  font-weight: bold;
}

fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0 0 8px 0
}

.fs-box {
  padding: 5px 0;
}

.fs-box p,
.fs-box fieldset {
  padding: 0 0 8px 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 10px;
}

.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;
}

/* Админка
------------------------------------------*/

.punbb-admin .adcontainer,
.punbb-admin .adformal {
  border: none;
}

.punbb-admin sup.new {
display: none;
}

/* Тело форума
------------------------------------------*/

/* фон */

html {
  background: var(--link) url() no-repeat top center;
}

/* заплатка для фиксированного фона */

body::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -10;
  background: #a2c3c2 url(https://forumstatic.ru/files/001c/43/fc/69509.jpg) no-repeat top center/cover;
}

/* тело */

#pun {
  margin: 30px auto;
  width: 950px;
  background: var(--pun-bg);
}

/* внутреннее тело */

.punbb {
  font: 12px Arial, Verdana;
    display: flex;
    flex-direction: column;
}

/* настройки внутренних блоков */

.punbb > div .container {
  padding: var(--pad1);
}

/* Навигационные ссылки */

#pun-navlinks {
    order: -1;
    background: var(--main-acc);
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}

#pun-navlinks a {
  color: white;
}

#pun-navlinks a:hover {
    color: var(--link);
    font-weight: 900;
}

#pun-navlinks .container {
  text-align: center;
}

#pun-navlinks li {
  padding: 0 5px;
  display: inline;
}

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

#pun-ulinks {
    font-family: var(--font-family);
    font-size: 10px;
    text-transform: lowercase;
    margin-bottom: 5px;
}

#pun-ulinks li::before {
    content: '//';
    margin-right: 5px;
}

#pun-ulinks .container {
  text-align: center;
}

#pun-ulinks li {
  padding: 0 5px;
  display: inline;
}

/* Статус */

#pun-status {
    font-family: var(--font-family);
    text-transform: lowercase;
    font-size: 11px;
    text-align: center;
}

#pun-status .container {
    border-top: 1px dashed var(--main-acc);
    border-bottom: 1px dashed var(--main-acc);
}

#pun-status .container strong {
    font-weight: normal;
}

#pun-status span {
  white-space: nowrap;
  margin-right: 5px;
}

#pun-status .status-right {
  display: none;
}

/* Хлебные крошки */

.crumbs.container {
    text-align: center;
    font-family: var(--font-family);
    font-size: 11px;
    text-transform: lowercase;
}

/* Копирайт */

#pun-about {
    height: 40px;
    background: url(https://forumstatic.ru/files/001c/43/fc/11112.png) center var(--main-acc);
    background-blend-mode: exclusion;
}

#pun-about .container {
  text-align: center;
}


/* Главная форумная таблица
------------------------------------------*/

.main table {
  table-layout: fixed;
  width: 100%;
}

.main th {
  padding: 5px 10px;
}

.main td {
  padding: 10px;
}

.tcl {
  width: 50%;
}

.tc2,
.tc3,
.tcmod {
  text-align: center;
  width: 10%;
}

.tcr {
  width: 30%;
}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
  width: 40%
}

#pun-searchtopics .tc2 {
  text-align: left;
  width: 20%;
}

#pun-debug table .tcl {
  width: 15%;
}

#pun-debug .tcr {
  width: 90%;
}

tbody.hasicon td.tcl {
  padding-left: 40px;
}

#pun-index .hasicon td.tcl {
  padding-left: 24px;
  width: 60%;
}

/* аватар */

.punbb td .user-avatar, #pun-index td .user-avatar {
}

#pun-index td .user-avatar {
    float: right;
    margin: 0 0 0 12px;
}

.punbb td .user-avatar .avatar-image {
    outline: 1px solid var(--main-acc);
    transition: all .2s linear 0s;
}

/* Иконки */

div.icon {
  position: absolute;
  margin-left: -30px;
  width: 20px;
  height: 20px;
  background: var(--link) url() no-repeat top center;
}

#pun-index div.icon {
    margin-left: -44px;
    width: 8px;
    height: 29px;
    background: var(--add-acc) url() no-repeat top center;
}

#pun-index tr.inew div.icon {
  background: var(--main-acc) url() no-repeat top center;
}

tr.inew div.icon {
  background: var() url() no-repeat top center;
}

tr.isticky div.icon {
  background: var() url() no-repeat top center;
}

tr.iclosed div.icon {
  background: var() url() no-repeat top center;
}


/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
--------------------------------------------------------------------------------------------------- */

.multipage {
  margin-top: 10px;
}

.multipage#pun-main h1, .multipage#pun-main h2 {
  display:none;
}

#pun-post h1 {
  display:none;
}

.linkst {
    position: relative;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font-family);
    font-size: 11px;
}

.linkst .pagelink {}

.linkst .postlink {
  text-align: right;
}

.linksb {
  position: relative;
   padding: 15px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font-family);
    font-size: 11px;
}

.linksb .pagelink {
  order: -1;
}

.subscribelink {
  width: 100%;
  text-align: right;
}

.linksb noindex {
  order: 1;
}

.linksb .postlink {
  margin-left: auto;
  text-align: right;
}

/* Модераторское меню, RSS, Atom */

.modmenu .container {
  padding: var(--pad3);
  text-align: right;
}

.modmenu .container strong {
  float: left;
}

.modmenu input {
  margin-left: 10px;
}

#topic-users-in p.container {
    font-family: var(--font-family);
    text-transform: lowercase;
}

/* Главная
------------------------------------------*/

/* скрыть "форум, тем, сообщений" */

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

/* категория */

#pun-index .category {}

#pun-index .category .container {
    background: var(--sec-bg);
    max-width: 850px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 20px;
}

/* заголовок категории */

#pun-index .category h2 {
    text-align: right;
    margin: 0 131px 0 50px;
    padding: 0;
    transform: translateY(32px);
}

#pun-index .category h2 span {
  font-size: 0px;
}

#pun-index .category h2 span::after {
  content: '***';
  font-family: var(--second-family);
  font-style: italic;
  font-weight: 800;
  font-size: 54px;
  text-transform: uppercase;
  color: var(--main-acc);
  line-height: 20px;
}

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

#pun-index .tclcon {
   max-width: 250px;
}

#pun-index .tclcon h3 a {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    color: #323244;
}

#pun-index .tclcon h3 a:hover {
    letter-spacing: 1px;
    color: var(--link-hover);
}

#pun-index .tclcon .desktext {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #323244;
    margin-bottom: 5px;
}

#pun-index .tclcon .desklink {
    background: var(--main-acc);
    width: fit-content;
    padding: 2px 10px;
    color: var(--add-acc);
}

#pun-index .tclcon .desklink a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #fff;
}

#pun-index .tclcon .desklink a:hover {
    color: var(--link);
    font-weight: 900;
}

#pun-index .category .tcr {
  border-left: 1px dashed var(--main-acc);
  text-align: right;
}

#pun-index .lastpost-link {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 11px;
    text-transform: lowercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: auto;
    width: 200px;
}

#pun-index .lastpost {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 11px;
    text-transform: lowercase;
}

/* Статистика */

#pun-stats {
   font-family: var(--font-family);
   text-transform: lowercase;
   font-size: 12px;
}

/* заголовок статистики */

#pun-stats h2 {
   display: none;
}

/* всего тем, всего сообщений */

#pun-stats .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    max-width: 850px;
    margin: 25px auto 0;
    box-sizing: border-box;
    padding: 10px 0;
    border-top: 1px dashed var(--main-acc);
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
   text-align: center;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
    display: block;
    font-weight: 600;
}

#pun-stats li.item1 strong,
#pun-stats li.item2 strong,
#pun-stats li.item3 strong,
#pun-stats li.item4 strong {
    font-weight: 400;
}

/* активны, посетили за сутки */

li#onlinelist {
  width: 100%;
  padding: 10px 0;
  border-block: 1px dashed var(--main-acc);
  text-align: justify;
}

li#onlinelist div > a {
  font-weight: 700;
}

/* Шапка
------------------------------------------*/

#pun-title {
    background: url(https://upforme.ru/uploads/001c/ce/91/2/182617.jpg);
    width: 950px;
    height: 292px;
}

/* скрыть заголовок в шаке */

#pun-title .title-logo {
  display: none;
}

/* содержимое шапки в html-верх */

.tablica {
    position: absolute;
    width: 950px;
    height: 260px;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    box-sizing: border-box;
    font-family: var(--font-family);
    color: var(--sec-bg);
    align-items: flex-start;
}

.tablica a {
    color: var(--sec-bg);
}

.tablica a:hover {
    color: var(--link);
}

.tablica-left {
     width: 260px;
}

.tablica-links {
    font-weight: 700;
    font-size: 10px;
    text-transform: lowercase;
    text-align: left;
    width: 200px;
    padding: 7px 30px 7px 2px;
    box-sizing: border-box;
    border-block: 1px dashed var(--pun-bg);
    margin-bottom: 40px;
}

.tablica-title {
   font-family: var(--second-family);
    font-style: italic;
    font-weight: 900;
    font-size: 30px;
    text-transform: uppercase;
}

.tablica-title-description {
   font-family: var(--font-family);
    font-weight: 400;
    font-size: 10px;
    text-transform: lowercase;
    margin-bottom: 40px;
}

.tablica-quote::before {
    content: '';
    background: url(https://forumstatic.ru/files/001c/43/fc/70553.svg) no-repeat top left;
    display: block;
    width: 48px;
    height: 40px;
    position: absolute;
    left: 10px;
    margin-top: -15px;
}

.tablica-quote {
   font-style: italic;
    font-weight: 500;
    font-size: 9px;
    text-transform: lowercase;
    text-align: justify;
}

.tablica-quote p {
    position: relative;
    z-index: 1;
}

.tablica-right {
    width: 453px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.tablica-about {
width: 200px;
    height: 66px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 9px;
    text-transform: lowercase;
    text-align: justify;
    overflow: auto;
    padding-right: 15px;
    margin-bottom: 20px;
    color: #292929;
    position: absolute;
    transform: rotate(9deg);
    right: 20px;
    top: 55px;
}

/* Объявление
------------------------------------------*/

#pun-announcement {}

/* скрываем слово "объявление" */

#pun-announcement h2 {
  display: none;
}


/* Футер
------------------------------------------*/

#html-footer {}

#html-footer .container {padding: 0;}

/* баннеры */

.banners {
  padding: var(--pad1);
}

.banners .container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    height: 73px;
    justify-content: center;
    overflow: auto;
}

.banners a {
  opacity: .7;
}

.banners a:hover {
  opacity: 1;
}


/* Топик
------------------------------------------*/

.post {
    margin: 10px auto 0;
    border-radius: 12px;
    background: var(--sec-bg);
    padding: 18px 0 0;
    text-transform: none;
}

#pun-viewtopic .post {
    width: 898px;
}

.toppost,
.topicpost {
  margin-top: 0;
}

/* контейнер поста */

.punbb .post .container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: var(--pad2);
}

/* дата и номер поста */

.post h3 {
   background: var(--pun-bg);
}

.post h3 span {
  padding: var(--pad3);
  display: block;
  font-family: var(--font-family);
  font-size: 10px;
}

/* номер поста */

.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
}

.post h3 strong::before {
   content:'#';
}

/* Автор */

.post-author {
   width: var(--pwidth);
    text-align: center;
    box-sizing: border-box;
    background: var(--main-acc);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}

.post-author ul {
  padding: 10px;
  background: var(--sec-bg);
  border-radius: 8px;
}

.pa-author {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
}

.pa-author a {}

.pa-title {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    text-transform: lowercase;
    padding: 5px 0;
    text-align: center;
    width: 180px;
    margin: 0 auto 5px;
}

.pa-avatar img {
    border-radius: 4px;
}

.pa-fld1 {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
    background: var(--main-acc);
    width: fit-content;
    padding: 2px 10px;
    border-radius: 10px;
    color: var(--sec-bg);
    max-width: 180px;
    box-sizing: border-box;
}

.pa-fld2 {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    text-transform: lowercase;
    padding: 5px 0;
    border-bottom: 1px dotted var(--main-acc);
    border-top: 1px dotted var(--main-acc);
    text-align: center;
    width: 180px;
    margin: 10px auto 5px;
}

.lz {}

.pa-posts,
.pa-respect {
    display: inline-block;
    margin-top: 6px;
    text-transform: lowercase;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 11px;
}

.pa-online,
.pa-last-visit {}


/* Тело поста */

.post-body {
  width: calc(100% - var(--pwidth));
  position: relative;
}

.post-box {
  padding: 10px 10px 10px 20px;
}

.post-links {
  margin-left: var(--pwidth);
  width: 100%;
  text-transform: lowercase;
  font-family: var(--font-family);
  font-size: 12px;
}

.post-links ul {
  padding: 0;
  margin-left: calc(var(--pwidth) * -1);
  text-align: right;
}

.post-links li {
  display: inline;
}

.post-links li:not(:first-of-type) {
  padding-left: 10px;
}

.pl-email,
.pl-website {
  float: left;
}

.clearer {
  clear: both;
  height: 0;
  font-size: 0;
}


/* Контент поста - цитата, спойлер, таблицы и т.п. */

.punbb .post td {
  border: 0px transparent !important;
}

pre {
  font: 12px/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.post-content em {
  font-style: italic;
}

.post .post-content td {
  border-width: 0px !important;
}

.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

.post-content p {
  margin: 0;
  padding: 0 0 12px 0;
  line-height: 150%;
  text-align: justify;
  text-transform: none;
}

.post-content img {
  vertical-align: middle;
}

.scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

/* цитата и код */

.quote-box,
.code-box {
    margin: 4px 10px 10px;
    padding: 12px;
    border: 1px solid var(--link-hover);
    background: var(--pun-bg);
    border-radius: 17px;
    font-family: var(--font-family);
    position: relative;
}

.code-box strong a {
   color: var(--sec-bg);
}

.quote-box cite, .code-box strong {
    font-weight: bold;
    font-style: normal;
    background: var(--main-acc);
    padding: 2px 15px;
    border-radius: 17px;
    position: absolute;
    top: 0;
    color: var(--sec-bg);
    margin-left: 15px;
    font-family: var(--font-family);
    font-size: 11px;
    text-transform: lowercase;
    transform: translateY(-50%);
}

.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}

.post-content .spoiler-box>div::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--main-acc);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s linear 0s;
}

.post-content .spoiler-box > div.visible::before {
    transform: translateY(-50%) scale(50%);
}

.post-content .spoiler-box>div {
    background: transparent !important;
    padding-left: 25px!important;
    position: relative;
}

.post-sig dt {
  border-bottom: 1px solid var(--link-hover);
  width: 300px;
  margin: 10px auto;
}

/* Форма ответа */

#main-reply {
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

#post-form legend {
  display:none;
}

#tags {
  position: relative;
}

#tags .container {
  padding: var(--pad3) !important;
  top: 0 !important;
}


/* Профиль + ЛС
------------------------------------------*/

#pun-profile {
    font-family: var(--font-family);
    text-transform: lowercase;
}

#pun-profile h1 span {
    font-size: 15px;
    padding: 5px;
    border-top: 1px dashed var(--main-acc);
    border-bottom: 1px dashed var(--main-acc);
}

#viewprofile-next {
   margin-left: 30px;
}

#viewprofile tr {
    display: flex;
    gap: 50px;
    align-items: center;
}

#viewprofile-next #profile-left {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    outline: 10px solid var(--main-acc);
    padding-bottom: 10px;
}

#viewprofile-next #profile-left li#profile-name strong {
    font-family: var(--second-family);
    font-style: italic;
    font-weight: 800 !important;
    font-size: 15px;
    text-transform: uppercase;
}

#profile-left li#profile-title strong {
    width: 180px;
    display: block;
    text-align: center;
}

#profile .container {
  padding-left: 200px;
  min-height: 100px;
}

#profilenav {
  float: left;
  width: 180px;
  margin-left: -180px;
}

#profilenav h2 {
   display: none;
}

#viewprofile h2,
#profilenav h2 {
  padding: 0;
  margin: 0;
}

#profilenav li {
  padding: 0 0 13px;
}

#profilenav li a {
    background: var(--main-acc);
    text-align: center;
    border-radius: 10px;
    color: var(--pun-bg);
    padding: 2px 10px;
}

#viewprofile li {
  padding: 5px 0;
}

#profile-right li {
  display: flex;
}

#profile-right li span {
    width: 150px;
    flex-shrink: 0;
    background: var(--main-acc);
    text-align: center;
    padding: 2px 0;
    border-radius: 10px;
    color: var(--pun-bg);
}

#profile-right li span a {
    color: var(--pun-bg);
}

#profile-left li strong, #profile-right li strong {
  font-weight: normal !important;
}

img.avatardemo {
  float: right;
  margin: 0 0 8px 18px;
}

#pun-messages .clearer {
  display: none;
}

/* Прочие страницы
------------------------------------------*/

/* Список пользователей */

#pun-userlist .formal,
#pun-userlist .formal .container {
  margin-bottom: 0;
}

#pun-userlist .tc2 {
  text-align: left;
  width: 20%;
}

#pun-userlist .tcl {
  width: 40%
}

.usertable .container {}

/* Собщения об ошибках */

.info .container {
  padding: var(--pad3);
}

.info .container .backlink {
  padding-top: 8px;
}

/* Регистрация */

.info-box {
  margin: 0 0 10px 0;
}

.info-box * {
  padding: 0 0 5px 0;
}

.info-box .legend {
  font-weight: bold;
}

.jGrowl-notification .jGrowl-close {
  position: relative;
  right: 6px;
}

.tipsy #respect figcaption {
  margin-top: 0;
}

/* Кнопки вверх-вниз
-------------------------------------------------------*/

.go-up,
.go-down {
  cursor: pointer;
  z-index: 9999;
  display: none;
  position: fixed;
  margin-left: 950px !important;
  box-sizing: border-box;
  transition: all .3s linear 0s;
}

.go-up {
   top: 40%;
}

.go-down {
   top: calc(40% + 85px);
}

.go-down:hover,
.go-up:hover {
  opacity: 1;
}

Lorem ipsum dolor sit amet. Reprehenderit ut in ea deserunt. Fugiat exercitation minim mollit sint sed. Pariatur eiusmod ea qui veniam enim elit voluptate officia nisi veniam ullamco culpa laboris. Sit ea ut fugiat culpa nostrud eu.

Qui adipiscing incididunt consectetur labore aliqua minim et in in veniam. Amet labore velit non veniam officia aute enim mollit lorem eu ad. Ut eu veniam irure pariatur. Laboris enim fugiat occaecat sint consectetur duis culpa officia non dolore in dolore adipiscing. Nisi magna irure ut nisi excepteur in reprehenderit consequat exercitation officia.