// Makaba Dark Theme for ENDCHAN V1.5 [29.07.23], GOYDA-Edition || <<!! Endchan layout + color !!>>
// Внизу страницы:
layout -> Makaba*
color -> Makaba Dark*

html, body {
font-family: Verdana, sans-serif;
color: #ccc;
line-height: 1.3;
}

iframe {
background-color: #ccc;
}

nav,
.boardsCell:nth-of-type(odd) span {
background-color: rgb(21, 32, 43);
color: #ccc;
}

.boardsCell:nth-of-type(odd) span,
#boardsCellHeader span {
  background-color: #192734;
}

#boardsCellHeader span {
  border: none;
}

.boardPages {
  background-color: rgb(21, 32, 43);
  border: none;
  color: #c3672a;
}

nav a,
header summary,
.de-link-backref,
.originalNameLink,
.linkPreview,
.quoteLink,
.de-link-postref,
.prevLabel,
.nextLabel,
.delLink,
.de-abtn,
.sizeLabel,
.dimensionLabel,
.divMessage a,
.youtube_wrapper,
a[id^='hidepolru'],
td > a,
.small,
.returnLink,
.magratheaLink,
.catalogLink,
.bottomLink,
.topLink,
.replyLink,
.boardsLink,
.linkReply,
.linkLast50,
.linkFullText,
.labelOmission > a,
.labelLastEdit,
#linkManagement,
#linkModeration,
#divPages > a,
.divPages > a,
.divPages > span > a,
#expandAll,
#divControls,
.linkBoard,
.indicatorInactive  a,
.col1 a,
.settings a,
#pageScroll a,
.linkEdit {
color: #c3672a;
}

.spanPages:not([class]):not([id]) + a#linkPrevious::before {
  color: red;
  content: "[";
}

nav a:hover,
header summary:hover,
.de-link-backref:hover,
.linkPreview:hover,
.de-link-postref:hover,
.prevLabel:hover,
.nextLabel:hover,
.delLink:hover,
.de-abtn:hover,
.sizeLabel:hover,
.dimensionLabel:hover,
a[id^='hidepolru']:hover,
td > a:hover,
.returnLink:hover,
.magratheaLink:hover,
.catalogLink:hover,
.bottomLink:hover,
#expandAll:hover,
#divMessage > a,
.bottomNav > a,
p > a,
.panelBacklinks > a {
color: #a74300;
}

.divPages,
#linkManagement + span {
  color: #a74300 !important;
}

html, header {
background-color: rgb(21, 32, 43);
}

.labelCreated, .innerPost span, .linkSelf, .linkQuote {
color: #5d5d5d;
}

iframe, #document, .divMessage {
color: #ccc;
}

body {
font-size: 1rem;
background-color: rgb(21, 32, 43);
}

.divMessage { font-size: 0.9rem; }
.de-refmap { font-size: 0.7rem; }
.de-pview { font-size: 0.8rem; }

.innerPost {
background-color: #192734;
color: #ccc;
border-color: rgb(19 29 40);
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
border-radius: 5px;
padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}

span.greenText {
color: #789922;
}

.de-video-obj {
display: inline-block;
}

.de-video-obj ~ .divMessage {
display: block;
}

.uploadCell {
width: fit-content;
}

.de-refmap {
color: #ccc;
max-width: 100%;
margin-left: 1rem;
min-width: 30%;
}

.originalNameLink {
display: none;
}

.de-menu-item {
color: #ccc;
}

.contentAction {
border: none;
}

.panelUploads {
width: fit-content !important;
display: inline-block;
float: left;
}

.divMessage {
margin: 1rem;
display: block;
max-width: 75%;
}

.innerPost  {
display: flex;
flex-wrap: wrap;
column-gap: 0.2rem;
width: fit-content;
}

.postCell .innerPost div:nth-child(2n) {
flex-basis: 100%;
}

.innerPost > img {
height: 12px;
}

.innerOP {
min-height: 14rem;
}

.labelSubject {
color: #6995c5 !important;
margin-right: 1rem;
}

.de-oppost {
display: grid;
flex-wrap: wrap;
}

.opHead {
order: -1;
}

.opUploadPanel {
width: fit-content !important;
}

.de-video-player {
width: 360px;
height: 270px;
}

.youtube_wrapper {
color: #c3672a !important;
}

.panelUploads .imgLink[href ^='//www.youtube']{
  display: none;
}

.de-menu {
display: flex;
flex-direction: column;
color: #ccc !important;
}

.de-menu-item {
color: #ccc !important;
}

.de-win-head {
width: 23rem;
}

.de-win-inpost {
display: flex;
flex-direction: column;
}

.imgLink img, .uploadCell img {
max-width: 14rem;
height: auto;
margin-left: 1rem;
}

.uploadDetails {
margin-left: 1rem;
}

.labelOmission > a {
  margin-left: 0.5rem;
}

.labelRole,
.purpleText {
  color: #ff0000 !important;
}

#de-pform {
  display: flex;
}

.spoiler {
  color: #F5F5F5 !important;
  background-color: #888 !important;
}

.imgExpanded {
    max-width: 100% !important;
}

#topBox iframe {
  color: #ccc;
}

#topBox,
.infoBox {
  border: none
}