API tools faq
paste
creacl

Dark Orange Theme for ENDCHAN

creacl
Mar 18th, 2023 (edited)
2,529
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.15 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Кукла -> Общее -> Пользовательский CSS
  3. Dark Orange Theme for ENDCHAN V1.5 [26.03.2023]
  4.  
  5. V1.5:
  6. - цвет спойлеров приведен к теме;
  7. - название медиа в просмотрщике не вылазит за рамки;
  8. - добавлено скругление цветной плашки ID;
  9. */
  10.  
  11. :root { --title: #004a99 ;} /*цвет текста темы*/
  12. :root { --dtext: #d4d4d4 ;} /*цвет основного текста*/
  13. :root { --stext: #a1a1a1 ;} /*цвет вторичного текста*/
  14. :root { --gtext: #789922 ;} /*цвет гринтекста*/
  15. :root { --background: #262626 ;} /*цвет фона*/
  16. :root { --postbackground: #333333 ;} /*цвет фона постов*/
  17. :root { --mpost: #EEDACB ;} /*цвет выделенного поста*/
  18. :root { --link: #dea300 ;} /*цвет акцента*/
  19. :root { --alink: #b38300 ;} /*цвет при наведении на акцент*/
  20. :root { --pcounter: #708c26 ;} /*цвет счетчика постов*/
  21. :root { --border: #d2d2d266;} /*цвет рамок*/
  22.  
  23. :root { --dfont: trebuchet ms,sans-serif;} /*основной шрифт*/
  24. :root { --dfontsize: 15px;} /*размер основного шрифта*/
  25. :root { --bfontsize: 16px;} /*размер шрифта побольше*/
  26. :root { --sfontsize: 13.5px;} /*размер шрифта поменбше*/
  27. :root { --s2fontsize: 11.5px;} /*вообще маленький шрифт жесть*/
  28.  
  29. html {
  30. font-family: var(--dfont); /*шрифт*/
  31. font-size: var( --dfontsize); /*размер шрифта*/
  32. color: var(--dtext); /*цвет шрифта*/
  33. background-color: var(--background);
  34. }
  35.  
  36. header {
  37. background-color: var(--background); /*цвет оглавления доски (/polru)*/
  38. width: 100%;
  39. }
  40.  
  41. body {
  42. font-family: var(--dfont); /*шрифт*/
  43. line-height: 1.3; /*межстрочный интервал*/
  44. background-color: var(--background); /*цвет фона постов*/
  45. color: var(--dtext);
  46. }
  47.  
  48. #threadList #divThreads {
  49. font-size: var( --dfontsize);
  50. margin:auto; width: 75em; /*выравнивание по центру, ширина столбца*/
  51. }
  52.  
  53. nav {
  54. background-color: var(--postbackground); /*цвет верхней панели*/
  55. color: var(--postbackground); /*цвет разделитей верхней панели*/
  56. border-bottom: 0px;
  57. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  58. }
  59. #panelMessage hr {border-width: 0px; margin:0;} /*убрать рамки сверху*/
  60. #de-main hr {border-width: 0px;} /*убрать рамку над "ответить"*/
  61. #postBox {display: none;} /*уменьшить шапку*/
  62. p[align^='right'] {display: none;} /*убрать кнопку expand all images*/
  63. hr { /*настройка рамок*/
  64. height: 0px;
  65. border-width: 1px medium medium;
  66. border-style: solid none none;
  67. border-color: var(--border);
  68. }
  69.  
  70. .opHead { /*оглавление оппоста*/
  71. font-size: var(--sfontsize);
  72. color:var(--stext);
  73. }
  74.  
  75. .labelSubject { /*настройки текста темы*/
  76. font-size: var(--bfontsize);
  77. color:var(--title);
  78. margin-left: 0.4rem;
  79. }
  80.  
  81. .linkName.noEmailName { /*Настройки емейла*/
  82. color:var(--stext);
  83. cursor: default !important;
  84. pointer-events: none;
  85. }
  86.  
  87. .labelId { /*Настройка плашки ID*/
  88. color: white;
  89. 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;
  90. margin-right: 0.2rem;
  91. padding-left: 0.4rem;
  92. padding-right: 0.4rem;
  93. border-radius: 0.5rem;
  94. }
  95.  
  96. .linkSelf, .linkQuote { /*Настройки текста номера поста*/
  97. font-size: var(--dfontsize);
  98. color:var(--stext);
  99. }
  100.  
  101. .panelUploads {
  102. float: none;
  103. display: flex;
  104. flex-flow: row wrap;
  105. box-sizing: border-box;
  106. }
  107.  
  108. .uploadCell {
  109. max-width: 250px;
  110. height: auto;
  111. margin:0.5rem;
  112. }
  113.  
  114. .uploadCell img[src*="-video"] { /*Штриховая рамка mp4/webm*/
  115. border: 1px dashed var(--dtext);
  116. }
  117.  
  118. .uploadCell img { /*настройки пикрилов*/
  119. border-radius: 5px;
  120. }
  121.  
  122. .uploadDetails {
  123. color: var(--stext); /*настройки свойств пикрилов*/
  124. font-size: 0;
  125. margin-bottom:0.1rem;
  126. display: grid;
  127. grid-template-areas:
  128. "A1 A1 A1 A1 A1 A1 A1 A1 A1"
  129. "B1 B2 B3 B3 B3 B3 B3 B3 B3";
  130. }
  131. .originalNameLink { grid-area: A1; font-size: var(--s2fontsize);}
  132. .de-btn-img { grid-area: B1;}
  133. .sizeLabel { grid-area: B2; font-size: var(--s2fontsize);}
  134. .dimensionLabel { grid-area: B3; font-size: var(--s2fontsize);}
  135.  
  136. .de-oppost { /*перетягиваем opHead выше пикрилов*/
  137. display: grid;
  138. flex-wrap: wrap;
  139. }
  140.  
  141. .opHead {
  142. order: -1;
  143. }
  144.  
  145. nav a,
  146. header summary,
  147. .linkReply,
  148. .linkLast50,
  149. .de-link-backref,
  150. .originalNameLink,
  151. .originalNameLink.de-img-name,
  152. .linkPreview,
  153. .quoteLink,
  154. .de-link-postref,
  155. .prevLabel,
  156. .nextLabel,
  157. .delLink,
  158. .de-abtn,
  159. .divMessage a,
  160. .youtube_wrapper,
  161. a[id^='hidepolru'],
  162. td > a,
  163. .small,
  164. .returnLink,
  165. .magratheaLink,
  166. .catalogLink,
  167. .bottomLink,
  168. .topLink,
  169. .replyLink,
  170. #expandAll {
  171. color: var(--link); /*цвет акцента*/
  172. text-decoration: none !important; /*убрать подчеркивание*/
  173. }
  174.  
  175. nav a:hover,
  176. header summary:hover,
  177. .linkReply:hover,
  178. .linkLast50:hover,
  179. .de-link-backref
  180. .originalNameLink:hover,
  181. .originalNameLink.de-img-name:hover,
  182. .linkPreview:hover,
  183. .de-link-postref:hover,
  184. .prevLabel:hover,
  185. .nextLabel:hover,
  186. .delLink:hover,
  187. .de-abtn:hover,
  188. a[id^='hidepolru']:hover,
  189. a:hover,
  190. .returnLink:hover,
  191. .magratheaLink:hover,
  192. .catalogLink:hover,
  193. .bottomLink:hover,
  194. .replyLink:hover,
  195. #expandAll:hover {
  196. color: var(--alink); /*цвет активации акцента*/
  197. }
  198.  
  199. .innerPost { /*настройки постов*/
  200. background-color: var(--postbackground);
  201. border-width: 0px 0px 0px 0px;
  202. border-radius: 5px;
  203. padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  204. }
  205.  
  206. .innerPost > .linkName, .noEmailName, .labelCreated {
  207. font-size: var(--sfontsize);
  208. color:var(--stext);
  209. }
  210.  
  211. .innerPost > .spanId {
  212. font-size: var(--sfontsize);
  213. color:var(--stext);
  214. }
  215.  
  216. .innerPost > .linkSelf, .linkQuote {
  217. font-size: var(--dfontsize);
  218. color:var(--stext);
  219. }
  220.  
  221. .innerPost > a[id^='hidepolru'] {
  222. font-size: var(--sfontsize);
  223. }
  224.  
  225. .divMessage {
  226. font-size: var(--dfontsize);
  227. color:var(--dtext);
  228. margin-left:1rem;
  229. margin-top:0.5rem;
  230. margin-bottom:0.3rem;
  231. }
  232.  
  233. .de-post-counter { /*настройка счетчика постов*/
  234. color:var(--pcounter);
  235. font-size: var(--dfontsize);
  236. }
  237.  
  238. .de-oppost { margin-top:1rem; } /*отступ тредов*/
  239.  
  240. .de-refmap { /*настройки "ответы"*/
  241. font-size: var(--s2fontsize);
  242. font-style: normal;
  243. margin-left: 1rem;
  244. margin-top:0.1rem;
  245. }
  246.  
  247. .labelOmission { /*настройки текста "пропущено Н постов"*/
  248. font-size: var(--sfontsize);
  249. color: var(--stext);
  250. }
  251.  
  252. .labelOmission a { display: none; } /*Скрыть кнопку "Expand thread"*/
  253.  
  254. span.greenText {color: var(--gtext);} /*гринтекст*/
  255.  
  256. .markedPost {
  257. background-color: var(--mpost);
  258. border-width: 0px 0px 0px 0px;
  259. border-radius: 5px;
  260. padding: 0.3rem 0.3rem 0.3rem 0.3rem; /*цвет выделения поста*/
  261. }
  262.  
  263. .de-mypost { /*цвет рамки моего поста*/
  264. box-shadow: -4px 0 2px -2px var(--link) !important;
  265. }
  266.  
  267. .de-mypost-reply::before {
  268. border-left: 5px dotted var(--link) !important;
  269. }
  270.  
  271. .de-new-post { /*выделение нового поста*/
  272. box-shadow: -4px 0 2px -2px var(--gtext) !important;
  273. }
  274.  
  275. .linkPreview { display: none; } /*скрыть кнопку превью*/
  276.  
  277. .hidePost { display: none !important; } /*скрыть кнопку "скрыть пост*/
  278.  
  279. .hideThread { display: none; } /*скрыть кнопку "скрыть тред*/
  280.  
  281. .linkLast50 { display: none; } /*скрыть кнопку "Last 50 posts*/
  282.  
  283. .postCell input[type="checkbox"] { display: none; } /*скрыть чекбоксы постов*/
  284.  
  285. .de-pview input[type="checkbox"] { display: none; } /*скрыть еще чекбоксы постов*/
  286.  
  287. .markedPost input[type="checkbox"] { display: none; } /*скрыть чекбоксы выделеннх постов*/
  288.  
  289. .opHead input[type="checkbox"] { display: none; } /*скрыть чекбоксы выделения тредов*/
  290.  
  291. .de-post-counter-you { display: none; } /*скрыть табличку you*/
  292.  
  293. .divMessage { max-height: initial !important; } /*чтобы длинные сообщения разворачивались полностью, без скролла*/
  294.  
  295. .quoteLink {text-decoration: none;} /*убрать подчеркивание >>ссылок постов*/
  296.  
  297. .de-link-parent { outline: none !important; } /*Убрать рамку вокруг >>ссылок при наведении*/
  298.  
  299. .de-selected { /*Скрыть красную рамку поста, появляющуюся при листании картинок*/
  300. box-shadow: 0px 0 2px -2px rgba(220,0,0,.8), -0px 0 2px -2px rgba(220,0,0,.8) !important;
  301. }
  302. .watchButton { display: none; } /*Скрыть какой-то глаз перед темой*/
  303.  
  304. .imgFlag { /*Обводка флажков*/
  305. border: 1px solid black;
  306. }
  307.  
  308. .contentAction { display: none; } /*Скрыть форму удаления постов*/
  309.  
  310. .hField {display:none;} /*Скрыть пустое поле в форме постинга*/
  311. #de-win-reply table tr:nth-child(6) {display:none;} /*Скрыть встроенную рисовалку*/
  312. .form-post td {padding: 0;} /*Уменьшить рамки*/
  313. .de-win-head {border-radius:0; font-family: var(--dfont); }
  314. #de-win-reply {
  315. background-color: var(--postbackground);
  316. border-radius:5px !important;
  317. border: 2px solid var(--stext) !important;
  318. }
  319. #de-win-reply > .de-win-body {
  320. border: none !important;
  321. border-radius: 5px;
  322. }
  323. .de-file {
  324. background-color: var(--background);
  325. border: none;
  326. border-radius: 5px;
  327. margin-left: 2px;
  328. margin-right:2px;
  329. }
  330. .de-file > .de-file-utils {
  331. border-radius: 0 0 5px 5px;
  332. }
  333. #captchaDiv {margin: 3px; margin-bottom:4px}
  334. #de-win-reply p {display:none;}
  335.  
  336. .de-fullimg-center {
  337. background-color: var(--stext);
  338. border: none !important;
  339. padding: 22px 4px 4px 4px;
  340. border-radius: 5px;
  341. }
  342.  
  343. .de-fullimg-info>.de-btn-img { display: none; }
  344.  
  345. .de-fullimg-info {
  346. position: absolute;
  347. bottom: 100%;
  348. padding: 0px 0px 0.2em 0px;
  349. transform: translateX(-50%);
  350. background-color: transparent;
  351. white-space: nowrap;
  352. line-height: 17px;
  353. text-align: center;
  354. overflow: hidden;
  355. width: 100%;
  356. }
  357.  
  358.  
  359. span.spoiler {
  360. background: var(--stext);
  361. color: var(--stext);
  362. padding: 0 1px;
  363. }
  364.  
  365. .spoiler:hover {
  366. color: var(--dtext);
  367. background-color: transparent;
  368. }
Tags: Endchan dollchan
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!