@import url(style_cs.1793744850.css);

/* шрифты */

@font-face {
  font-family: 'Rubik';
  src: url('https://forumstatic.ru/files/001c/c6/00/41012.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Carmen';
  src: url('https://forumstatic.ru/files/001c/c6/00/28729.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'JunoFebruata';
  src: url('https://forumstatic.ru/files/001c/c6/00/72632.otf') format('otf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roslindale';
  src: url('https://forumstatic.ru/files/001c/c6/00/62478.otf') format('otf');
  font-weight: 400;
  font-style: normal;
}

html {
    margin: 0; 
    padding: 0;
    height: 100%;
    background: var(--background-img) center / cover no-repeat fixed;
    display: flex;
    justify-content: center;
}

body {
    width: 1000px;
    font-family: Rubik, sans-serif;
    color: var(--main-text-color);
}

a {
	text-decoration: none;
}

#pun-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--background-forum-color);
	position: relative;
	top: -50px;
	padding-bottom: 10px;

}

#pun {
	margin-top: 30px;
}

/* отключение заголовка всего форума */

div#pun-title.section {
	display: none;
}

div#pun-main.main > h1 {
	display: none;
}

/* меню навигации */

div#pun-navlinks.section > h2 {
	display: none;
}

div#pun-navlinks.section > ul.container {
	display: flex;
	position: relative;
	top: -395px;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
    margin: 0;
	gap: 10px;
	list-style: none;
	text-transform: lowercase;
}

div#pun-navlinks.section > ul.container > :nth-child(5) {
    margin-left: auto;
}

div#pun-navlinks.section > ul.container > li {
	border: 1px solid var(--navigation-element-border);
	border-radius: 5px;
	background-color: var(--navigation-element-backcolor);
	padding: 0 5px 2px 5px;
}

div#pun-navlinks.section > ul.container > li > a {
	color: var(--navigation-element-text-all);
}

div#pun-navlinks.section > ul.container > li.isactive > a {
	color: var(--navigation-element-text-active);
}

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

#pun-ulinks.section > h2 {
	display: none;
}

#pun-ulinks {
	position: relative;
	top: -25px;
	background-color: var(--users-menu-backcolor);
}

#pun-ulinks > ul.container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 15px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#pun-ulinks > ul.container > li {
	text-transform: lowercase;
	padding: 7px 0;
	font-size: 14px;
}

#pun-ulinks > ul.container > li > a {
	color: var(--users-menu-textcolor);
}

/* строчка с именем пользователя */

#pun-status.section > h2 {
	display: none; /* отключение заголовка */
}

#pun-status {
	text-transform: lowercase;
	position: relative;
	top: -90px;
	left: 140px;
	font-size: 10px;
	color: var(--username-color);
}

#pun-break1,
#pun-break2,
#pun-break3,
#pun-break4 {
	display: none; /* отключение всех бесполезных горизонтальных линий */
}

#pun-status.section > p.container > span.item4,
#pun-status.section > p.container > span.item2 {
	display: none; /* отключение улучшения аккаунта и времени последнего посещения */
}

/* оформление блока новостей */

#forum-news {
	display: flex;
	flex-direction: row;
	gap: 10px;
	position: relative;
	top: -60px;
	width: 100%;
	height: 60px;
	padding: 5px 7px;
	box-sizing: border-box;
	background-color: var(--background-forum-color);
	overflow-x: scroll;
	scrollbar-color: var(--news-background) var(--background-forum-color);
	scrollbar-width: thin;
}

#forum-news > .one-new-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	min-width: 165px;
	height: 40px;
	gap: 10px;
	background-color: var(--news-background);
}

#forum-news > .one-new-block > .date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 28px;
	background-color: var(--news-date-background);
	border: 1px solid var(--news-date-border);
	border-radius: 5px;
}

#forum-news > .one-new-block > .date > .date-text {
	color: var(--news-date-text);
	font-size: 12px;
	font-weight: 300;
}

#forum-news > .one-new-block > .news-content {
	color: var(--news-text);
}

#forum-news > .one-new-block > .news-content > .news-header {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

#forum-news > .one-new-block > .news-content > .news-text {
	font-size: 12px;
}

/* верхняя строчка навигации */

#pun-crumbs1 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	top: -50px;
	margin: -10px 0;
	padding: 0px;
	background-color: var(--background-forum-color);
	font-size: 12px;
	text-transform: lowercase;
}

#pun-crumbs1 a {
	color: var(--subforums-name-colors);
}

#pun-crumbs1 .crumbs > :nth-child(-n+2) {
    display: none;
}

/* нижняя строчка навигации */

#pun-crumbs2 {
	display: none;
}

/* шапка форума */
.site-header {
	width: 100%;
	height: 400px;
	background: var(--background-header) center;
}

/* оформление каждой категории */

#pun-category1,
#pun-category3 {
	display: flex;
	justify-content: flex-end;
	width: 950px;
	border: 1px solid var(--borders-color);
	border-radius: 10px;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
	text-transform: lowercase;
}

#pun-category2 {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
	gap: 20px;
	width: 950px;
	border: 1px solid var(--borders-color);
	border-radius: 10px;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
	text-transform: lowercase;
}

/* имя каждого подфорума */

.category > h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 115px;
	height: 24px;
	color: var(--accent-heading-color);
	background-color: var(--background-all-subforums-color);
	border: 1px solid var(--borders-color-pale);
	border-top: none;
	text-align: center;
	margin-top: -4px;
	font-family: Carmen, serif;
	font-weight: 300;
	font-size: 24px;
}

#pun-category1 > h2,
#pun-category3 > h2 {
	margin-right: 30px;
}

#pun-category2 > h2 {
	margin-left: 10px;
}

/* оформление отдельными картинками каждой категории */ 

#pun-category1 {
	background: var(--background-all-subforums-color) var(--first-category-image) no-repeat;
}

#pun-category2 {
	background: var(--background-all-subforums-color) var(--second-category-image) no-repeat;
	background-position: right top;
}

#pun-category3 {
	background: var(--background-all-subforums-color) var(--third-category-image) no-repeat;
}

/* отключение заголовка таблицы внутри подфорума с форум | тем | сообщений | последнее сообщение */

.category thead {
	display: none;
}

.category tr {
	display: grid;
	grid-template-columns: 8fr 2fr;
	align-items: center;
	width: 792px;
	background-color: var(--background-one-subforum-color);
	border: 1px solid var(--borders-color);
	border-radius: 10px;
	margin: 10px 0;
	padding-bottom: 10px;
	box-sizing: border-box;
}

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

.category td.tcl > div.intd > div.tclcon > h3 {
	margin: 0;
	padding: 0;
	font-family: Carmen, serif;
	font-weight: 400;
	font-size: 40px;
}

.category td.tcl > div.intd > div.tclcon > h3 > a {
	color: var(--subforums-name-colors);
}

/* отключение ячеек тем и сообщений */

.category td.tc2,
.category td.tc3 {
	display: none;
}

.category td.tcl > .intd {
	display: flex;
	flex-direction: row;
	gap: 30px;
	align-items: center;
	justify-content: center;
}

.category td.tcl > div.intd > div.icon {
	order: 2;
	width: 60px;
	height: 60px;
}

.category td.tcl > div.intd > div.tclcon {
	order: 1;
	width: 506px;
	text-align: justify; /* описание текста в категории */
	font-size: 11px;
	font-weight: 300;
}

/* ссылки на подфорумы */
.category td.tcl > div.intd > div.tclcon > div.subforums {
	font-weight: 500;
}

.category td.tcl > div.intd > div.tclcon > div.subforums > a{
	color: var(--accent-service-text);
}

/* скрытие надписи [новые сообщения] */

.category td.tcl > div.intd > div.tclcon > strong.acchide {
	display: none;
}

/* картинки нового и старого сообщения */
#pun-index div.icon {
	background: var(--icon-old-messages) no-repeat;
	background-position: center;
}

#pun-index div.icon.inew {
	background: var(--icon-new-messages) no-repeat;
	background-position: center;
}

/* блок последнего сообщения в категории */

.category td.tcr {
	display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto auto;
    align-items: center;
	width: 140px;
	height: 30px;
}

/* аватар пользователя в блоке последнего сообщения */

#pun-index .user-avatar {
	height: 30px !important; /* фикс для extra-css */
}

.category td.tcr > .user-avatar {
    grid-column: 1;
    grid-row: 1 / 3;
}

.category td.tcr > em.user-avatar > a > span.avatar-image {
	width: 30px;
	height: 30px;
}

.category td.tcr > .lastpost-link {
    grid-column: 2;
    grid-row: 1;
    color: var(--text-links);
	font-weight: 500;
	font-size: 12px;
}

.category td.tcr > span.lastpost {
	grid-column: 2;
    grid-row: 2;
	font-size: 10px;
}

.category td.tcr > br {
    display: none;
}

/* значок онлайна, фикс extra.css */
.category td.tcr > em.user-avatar > a > span.isonline {
	background: var(--users-statistics-name) !important;
}

/* статистика форума */

#pun-stats {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -50px;
	background-color: var(--background-forum-color);
	margin-top: -20px;
	min-height: 200px;
}

/* имя статистики */

#pun-stats > h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 125px;
	height: 24px;
	font-family: Carmen, serif;
	font-weight: 300;
	font-size: 30px;
	text-transform: lowercase;
	text-align: center;
	color: var(--accent-heading-color);
	background-color: var(--background-all-subforums-color);
	border: 1px solid var(--borders-color-pale);
	border-top: none;
	padding-bottom: 5px;
	top: 10px;
}

#pun-stats > .statscon {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 950px;
	min-height: 190px;
	background-image: var(--statistic-image);
	background-color: var(--background-all-subforums-color);
	background-repeat: no-repeat;
	border-radius: 5px;
	border: 1px solid var(--borders-color);
	margin-top: -50px;
	margin-bottom: 10px;
	font-size: 12px;
}

#pun-stats.section > .statscon > ul.container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-areas:
        "item1 item2 item3 item4"
        "item5 item5 item5 item5"
        "item6 item6 item6 item6";
    gap: 6px;
	width: 917px;
	min-height: 100px;
	border: 1px solid var(--borders-color);
	border-radius: 5px;
	background-color: var(--background-one-subforum-color);
	list-style: none;
	padding: 0;
	margin-top: 75px;
	text-transform: lowercase;
}

#pun-stats .statscon > ul.container > .item1 { grid-area: item1; }
#pun-stats .statscon > ul.container > .item2 { grid-area: item2; }
#pun-stats .statscon > ul.container > .item3 { grid-area: item3; }
#pun-stats .statscon > ul.container > .item4 { grid-area: item4; }
#pun-stats .statscon > ul.container > .onlinelist { 
	grid-area: item5;
	padding: 0px 10px;
}
#pun-stats .statscon > ul.container > .users_24h { 
	grid-area: item6;
	padding: 0px 10px;
}

#pun-stats .statscon > ul.container > .item1,
#pun-stats .statscon > ul.container > .item2,
#pun-stats .statscon > ul.container > .item3,
#pun-stats .statscon > ul.container > .item4 {
	text-align: center;
	padding: 5px 0px;
}

#pun-stats .statscon > ul.container > .item1 > span,
#pun-stats .statscon > ul.container > .item2 > span,
#pun-stats .statscon > ul.container > .item3 > span,
#pun-stats .statscon > ul.container > .item4 > span {
	color: var(--users-statistics-name);
	font-weight: 600;
}

#pun-stats .statscon > ul.container > .item4 > strong > a {
	color: var(--subforums-name-colors);
}

#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist,
#pun-stats .statscon > ul.container > li#onlinelist.item5.users_24h {
	color: var(--statistics-service-text);
}

#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist > div > a,
#pun-stats .statscon > ul.container > li#onlinelist.item5.users_24h > div > a {
	color: var(--statistics-service-text);
	font-weight: 600;
}

/* цвета ников юзеров в статистике, при добавлении новых групп обязательно добавить их сюда */

#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist > div > span > a.group2,
#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist > div > span > a.group3,
#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist > div > span > a.group4,
#pun-stats.section .statscon > ul.container > li#onlinelist.item5.users_24h > div > span > a.group2,
#pun-stats.section .statscon > ul.container > li#onlinelist.item5.users_24h > div > span > a.group3,
#pun-stats.section .statscon > ul.container > li#onlinelist.item5.users_24h > div > span > a.group4 {
	color: var(--users-statistics-name);
}

/* цвета ников админов в статистике, при добавлении новых групп обязательно добавить их сюда */

#pun-stats .statscon > ul.container > li#onlinelist.item5.onlinelist > div > span > a.group1,
#pun-stats.section .statscon > ul.container > li#onlinelist.item5.users_24h > div > span > a.group1 {
	color: var(--subforums-name-colors);
	font-weight: 600;
}

/* кусок со ссылкой на русфф, лучше не отключать */
#pun-about.section {
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: -60px;
	background-color: var(--background-forum-color);
	padding: 5px;
	font-size: 8px;
}

#pun-about.section > .container > .item1 > a {
	color: var(--statistics-service-text);
}

/* контент на странице */
#pun-main.main {

}

/* отключение заголовков на всяких страницах */
#pun-main > .forum > h2,
#pun-main > .topic > h2,
#pun-main > .formal > h2,
#pun-main > .usertable > h2  {
	display: none;
}

#pun-main.main.multipage > .modmenu {
	display: none;
}

/* футер форума с баннерами */
.site-footer {
	position: relative;
	top: -60px;
	width: 100%;
	height: 141px;
	background: var(--footer-background) center;
}


/* временный костыль для админки */

#pun-admin_style.punbb.punbb-admin > #pun-about.section {
	display: none;
}