Spring Theme for 4CHAN

/*
	Кукла -> Общее -> Пользовательский CSS
	Spring Theme for 4CHAN V1.1 [22.03.2023]
*/

:root 			{ --title: #2874A6	;}		/* var(--title) цвет текста темы*/
:root 			{ --dtext: #404040	;}		/* var(--dtext) цвет основного текста*/
:root 			{ --stext: #676E5E	;}		/* var(--stext) цвет вторичного текста*/
:root 			{ --gtext: #5A9B15	;}		/* var(--gtext) цвет гринтекста*/
:root 	   { --background: #F0F3EC  ;}		/* var(--background) цвет фона*/
:root  { --postbackground: #DAE3D4	;}		/* var(--postbackground) цвет фона постов*/
:root 			 { --link: #2773AB	;}		/* var(--link) цвет акцента*/
:root 			{ --alink: #14476D	;}		/* var(--alink) цвет при наведении на акцент*/
:root 		 { --pcounter: #5A9B15	;}		/* var(--pcounter) цвет счетчика постов*/
:root 		   { --border: #d2d2d266;}		/* var(--border) цвет рамок*/

:root 		   { --dfont: trebuchet ms,sans-serif;}		/* var(--dfont) основной шрифт*/
:root 		   { --dfontsize: 15px;}					/* var(--dfontsize) размер основного шрифта*/
:root 		   { --bfontsize: 16px;}					/* var(--bfontsize) размер шрифта побольше*/
:root 		   { --sfontsize: 13.5px;}					/* var(--sfontsize) размер шрифта поменбше*/
:root 		   { --s2fontsize: 11.5px;}					/* var(--s2fontsize) вообще маленький шрифт жесть*/


body {										/*Основа так сказать база*/
    background:var(--background);
    color:var(--dtext);
    font-family:var(--dfont);
    font-size:var(--dfontsize);
}

hr {										/*рамки*/
    border-color:var(--border) !important;
}

.board {
	margin:auto; width: 75em;        		/*выравнивание по центру, ширина столбца*/
}

.thread {
	margin-top: 20px !important;
}

.subject {									/*текст темы*/
    color:var(--title) !important;
	font-size:var(--bfontsize);
}

.sideArrows {display:none;}					/*скрыть стрелки*/

.post {
	background-color:var(--postbackground) !important;
	border-radius: 5px;
	margin: 8px 0 !important;
}

.de-reply {
	border:none !important;
}

.postInfo input[type="checkbox"] {display:none;}	/*скрыть чекбоксы постов*/

.name, .nameBlock, .dateTime {							/*имя, дата*/
	font-size:var(--sfontsize);
	color:var(--stext) !important;
	margin-left: 0.5rem ;
}

.hand {											/*Настройка плашки ID*/
	font-size:var(--sfontsize) !important;
	color: white !important;
	text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}

.posteruid .hand:hover {											/*Настройка плашки ID*/
	color: white !important;
}

div.post div.postInfo span.postNum>a {
    text-decoration:none;
    color:var(--stext) !important;
	font-size:var(--dfontsize);
}

.de-post-counter {						 /*настройка счетчика постов*/
	color:var(--pcounter);
	font-size:var(--dfontsize);
}

blockquote {							/*текст поста*/
    margin-inline-start: 20px;
    margin-inline-end: 20px;
}

blockquote>span.quote {
    color: var(--gtext);
}

.de-refmap {
	font-size:var(--s2fontsize);
    font-style: normal;
}

.fileThumb[href$="webm"], .fileThumb[href$="mp4"] {
    border: 1px dashed var(--dtext)  !important;
border-radius: 5px;
}

.fileThumb img {
    border-radius: 5px;
}

.fileText {
	font-size:var(--s2fontsize);
	margin-left:20px;
	color: var(--stext);
}

.fileText a {
	text-decoration: none !important;
}

.quoteLink,
.quotelink,
.deadlink {
    color: var(--link) !important;
	text-decoration: none !important;
}

a, a:visited {
    color: var(--link) !important;
}

a.replylink:not(:hover), div#absbot a:not(:hover) {
    color: var(--link)!important;
}

.quoteLink:hover,
a.quotelink:hover,
.deadlink:hover {
    color: var(--alink) !important;
}

a:hover {
    color: var(--alink) !important;
}

.de-link-parent { outline: none !important; }		/*Убрать рамку вокруг >>ссылок при наведении*/

.summary {											/*пропущено постов*/
	font-size:var(--s2fontsize);
}

.flag {
	border: 1px solid black;
}

.de-fullimg-center {								/*настройки просмотрщика*/
	background-color: var(--stext);
	border: none !important;
	padding: 22px 4px 4px 4px;
	border-radius: 5px;
}
.de-fullimg-info>.de-btn-img { display: none; }

.de-fullimg-info {
	position: absolute;
	bottom: 100%;
	padding: 0px 0px 0.2em 0px;
	transform: translateX(-50%);
	background-color: transparent;
	white-space: nowrap;
	line-height: 17px;
	text-align: center;
	overflow: hidden;
	width: 100%;
}