Candy Theme for ENDCHAN

/*
	Кукла -> Общее -> Пользовательский CSS
	Candy Theme for ENDCHAN V1.5 [23.03.2023]

V1.5:
	- цвет спойлеров приведен к теме;
	- название медиа в просмотрщике не вылазит за рамки;
	- добавлено скругление цветной плашки ID;
*/

:root 			{ --title: #2874A6	;}		/*цвет текста темы*/
:root 			{ --dtext: #404040	;}		/*цвет основного текста*/
:root 			{ --stext: #6E6E5E	;}		/*цвет вторичного текста*/
:root 			{ --gtext: #809020	;}		/*цвет гринтекста*/
:root 	   { --background: #F3F2EC  ;}		/*цвет фона*/
:root  { --postbackground: #DDDCCC	;}		/*цвет фона постов*/
:root 			{ --mpost: #e8d6b7	;}		/*цвет выделенного поста*/
:root 			 { --link: #E36E26	;}		/*цвет акцента*/
:root 			{ --alink: #A04000	;}		/*цвет при наведении на акцент*/
:root 		 { --pcounter: #809020	;}		/*цвет счетчика постов*/
:root 		   { --border: #d2d2d266;}		/*цвет рамок*/

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


html {
	font-family: var(--dfont);   				/*шрифт*/
	font-size: var( --dfontsize);				/*размер шрифта*/
	color: var(--dtext);						/*цвет шрифта*/
	background-color: var(--background);
}

header {
	background-color: var(--background);		/*цвет оглавления доски (/polru)*/
	width: 100%;
}

body {
	font-family: var(--dfont);   				/*шрифт*/
	line-height: 1.3;							/*межстрочный интервал*/
	background-color: var(--background); 		/*цвет фона постов*/
	color: var(--dtext);
}

#threadList #divThreads {
	font-size: var( --dfontsize);
	margin:auto; width: 75em;        			/*выравнивание по центру, ширина столбца*/
}

nav {
	background-color: var(--postbackground);	/*цвет верхней панели*/
	color: var(--postbackground);				/*цвет разделитей верхней панели*/
	border-bottom: 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#panelMessage hr {border-width: 0px; margin:0;} /*убрать рамки сверху*/
#de-main hr {border-width: 0px;}        		/*убрать рамку над "ответить"*/
#postBox {display: none;}						/*уменьшить шапку*/
p[align^='right'] {display: none;}				/*убрать кнопку expand all images*/
hr {											/*настройка рамок*/
	height: 0px;
	border-width: 1px medium medium;
	border-style: solid none none;
	border-color: var(--border);
}

.opHead {								/*оглавление оппоста*/
	font-size: var(--sfontsize);
	color:var(--stext);
}

.labelSubject {							/*настройки текста темы*/
	font-size: var(--bfontsize);
	color:var(--title);
	margin-left: 0.4rem;
}

.linkName.noEmailName {						/*Настройки емейла*/
	color:var(--stext);
	cursor: default !important;
	pointer-events: none;
}

.labelId {								/*Настройка плашки ID*/
	color: white;
	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;
	margin-right: 0.2rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	border-radius: 0.5rem;
}

.linkSelf, .linkQuote {					/*Настройки текста номера поста*/
	font-size: var(--dfontsize);
	color:var(--stext);
}

.panelUploads {
	float: none;
	display: flex;
	flex-flow: row wrap;
	box-sizing: border-box;
}

.uploadCell {
	max-width: 250px;
	height: auto;
	margin:0.5rem;
}

.uploadCell img[src*="-video"] {			/*Штриховая рамка mp4/webm*/
	border: 1px dashed var(--dtext);
}

.uploadCell img {								/*настройки пикрилов*/
	border-radius: 5px;
}

.uploadDetails {
	color: var(--stext);				/*настройки свойств пикрилов*/
	font-size: 0;
	margin-bottom:0.1rem;
	display: grid;
	grid-template-areas:
	"A1 A1 A1 A1 A1 A1 A1 A1 A1"
	"B1 B2 B3 B3 B3 B3 B3 B3 B3";
}
.originalNameLink				{ grid-area: A1; font-size: var(--s2fontsize);}
.de-btn-img 					{ grid-area: B1;}
.sizeLabel					 	{ grid-area: B2; font-size: var(--s2fontsize);}
.dimensionLabel 				{ grid-area: B3; font-size: var(--s2fontsize);}

.de-oppost {   						/*перетягиваем opHead выше пикрилов*/
	display: grid;
	flex-wrap: wrap;
}

.opHead {
	order: -1;
}

nav a,
header summary,
.linkReply,
.linkLast50,
.de-link-backref,
.originalNameLink,
.originalNameLink.de-img-name,
.linkPreview,
.quoteLink,
.de-link-postref,
.prevLabel,
.nextLabel,
.delLink,
.de-abtn,
.divMessage a,
.youtube_wrapper,
a[id^='hidepolru'],
td > a,
.small,
.returnLink,
.magratheaLink,
.catalogLink,
.bottomLink,
.topLink,
.replyLink,
#expandAll {
	color: var(--link);					/*цвет акцента*/
	text-decoration: none !important;	/*убрать подчеркивание*/
}

nav a:hover,
header summary:hover,
.linkReply:hover,
.linkLast50:hover,
.de-link-backref
.originalNameLink:hover,
.originalNameLink.de-img-name:hover,
.linkPreview:hover,
.de-link-postref:hover,
.prevLabel:hover,
.nextLabel:hover,
.delLink:hover,
.de-abtn:hover,
a[id^='hidepolru']:hover,
a:hover,
.returnLink:hover,
.magratheaLink:hover,
.catalogLink:hover,
.bottomLink:hover,
.replyLink:hover,
#expandAll:hover {
	color: var(--alink); 				/*цвет активации акцента*/
}

.innerPost {							/*настройки постов*/
	background-color: var(--postbackground);
	border-width: 0px 0px 0px 0px;
	border-radius: 5px;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}

.innerPost > .linkName, .noEmailName, .labelCreated {
	font-size: var(--sfontsize);
	color:var(--stext);
}

.innerPost > .spanId {
	font-size: var(--sfontsize);
	color:var(--stext);
}

.innerPost > .linkSelf, .linkQuote {
	font-size: var(--dfontsize);
	color:var(--stext);
}

.innerPost > a[id^='hidepolru'] {
	font-size: var(--sfontsize);
}

.divMessage {
	font-size: var(--dfontsize);
	color:var(--dtext);
	margin-left:1rem;
	margin-top:0.5rem;
	margin-bottom:0.3rem;
}

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

.de-oppost { margin-top:1rem; }         /*отступ тредов*/

.de-refmap {							/*настройки "ответы"*/
	font-size: var(--s2fontsize);
	font-style: normal;
	margin-left: 1rem;
	margin-top:0.1rem;
}

.labelOmission {					/*настройки текста "пропущено Н постов"*/
	font-size: var(--sfontsize);
	color: var(--stext);
}

.labelOmission a	{ display: none; }	/*Скрыть кнопку "Expand thread"*/

span.greenText {color: var(--gtext);}   /*гринтекст*/

.markedPost {
	background-color: var(--mpost);
	border-width: 0px 0px 0px 0px;
	border-radius: 5px;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;     /*цвет выделения поста*/
}

.de-mypost {							/*цвет рамки моего поста*/
	box-shadow: -4px 0 2px -2px var(--link) !important;
}

.de-mypost-reply::before {
	border-left: 5px dotted var(--link) !important;
}

.de-new-post {   					    /*выделение нового поста*/
	box-shadow: -4px 0 2px -2px var(--gtext) !important;
}

.linkPreview { display: none; }						/*скрыть кнопку превью*/

.hidePost { display: none !important; }							/*скрыть кнопку "скрыть пост*/

.hideThread { display: none; }								/*скрыть кнопку "скрыть тред*/

.linkLast50 { display: none; }							/*скрыть кнопку "Last 50 posts*/

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

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

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

.opHead input[type="checkbox"] { display: none; } 		/*скрыть чекбоксы выделения тредов*/

.de-post-counter-you { display: none; } 				/*скрыть табличку you*/

.divMessage { max-height: initial !important; }			/*чтобы длинные сообщения разворачивались полностью, без скролла*/

.quoteLink {text-decoration: none;}					/*убрать подчеркивание >>ссылок постов*/

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

.de-selected {									/*Скрыть красную рамку поста, появляющуюся при листании картинок*/
	box-shadow: 0px 0 2px -2px rgba(220,0,0,.8), -0px 0 2px -2px rgba(220,0,0,.8) !important;
}
.watchButton { display: none; }				/*Скрыть какой-то глаз перед темой*/

.imgFlag {									/*Обводка флажков*/
	border: 1px solid black;
}

.contentAction { display: none; }				/*Скрыть форму удаления постов*/

.hField {display:none;}										/*Скрыть пустое поле в форме постинга*/
#de-win-reply table tr:nth-child(6) {display:none;}			/*Скрыть встроенную рисовалку*/
.form-post td {padding: 0;}									/*Уменьшить рамки*/
.de-win-head {border-radius:0; font-family: var(--dfont); }
#de-win-reply {
	background-color: var(--postbackground);
	border-radius:5px !important;
	border: 2px solid var(--stext) !important;
}
#de-win-reply > .de-win-body {
	border: none !important;
	border-radius: 5px;
}
.de-file {
	background-color: var(--background);
	border: none;
	border-radius: 5px;
	margin-left: 2px;
	margin-right:2px;
}
.de-file > .de-file-utils {
	border-radius: 0 0 5px 5px;
}
#captchaDiv {margin: 3px; margin-bottom:4px}
#de-win-reply p {display:none;}

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


span.spoiler {
	background: var(--stext);
	color: var(--stext);
	padding: 0 1px;
}

.spoiler:hover {
	color: var(--dtext);
	background-color: transparent;
}