creacl

Candy Theme for DOLLCHAN

Jan 31st, 2025 (edited)
38
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.92 KB | None | 0 0
  1. /*
  2. Кукла -> Общее -> Пользовательский CSS
  3. Candy Theme for DOLLCHAN V1.1 [19.02.2025]
  4. Для лучшего эффекта на самом сайте рекомендую выбрать тему Light
  5.  
  6. V1.1:
  7. -добавлено обводка флажков;
  8. -добавлено скругденоие вложений;
  9. -цвет рамки ответа на пост сделан под тему;
  10. -цвет спойлеров сделан под тему;
  11. */
  12.  
  13. :root { --dfont: trebuchet ms,sans-serif;} /*основной шрифт*/
  14. :root { --dfontsize: 15px;} /*размер основного шрифта*/
  15. :root { --bfontsize: 16px;} /*размер шрифта побольше*/
  16. :root { --sfontsize: 13.5px;} /*размер шрифта поменбше*/
  17. :root { --s2fontsize: 11.5px;} /*вообще маленький шрифт жесть*/
  18.  
  19. :root { --dtext: #404040 ;} /*цвет основного текста*/
  20. :root { --stext: #6E6E5E ;} /*цвет вторичного текста*/
  21. :root { --title: #2874A6 ;} /*цвет текста темы*/
  22. :root { --pcounter: #809020 ;} /*цвет счетчика постов*/
  23. :root { --link: #E36E26 ;} /*цвет акцента*/
  24. :root { --background: #F3F2EC ;} /*цвет фона*/
  25. :root { --postbackground: #DDDCCC ;} /*цвет фона постов*/
  26. :root { --gtext: #809020 ;} /*цвет гринтекста*/
  27.  
  28. :root {--hr-bg: linear-gradient(90deg, var(--background), var(--link), var(--background)) !important};
  29.  
  30. html {
  31. font-family: var(--dfont); /*шрифт*/
  32. font-size: var( --dfontsize); /*размер шрифта*/
  33. color: var(--dtext); /*цвет шрифта*/
  34. background-color: var(--background); /*цвет фона*/
  35. }
  36.  
  37. body {
  38. font-family: var(--dfont); /*шрифт*/
  39. line-height: 1.3; /*межстрочный интервал*/
  40. background-color: var(--background); /*цвет фона постов*/
  41. color: var(--dtext); /*цвет шрифта*/
  42. }
  43.  
  44. .filetitle { /*настройки текста названия поста*/
  45. font-size: var(--bfontsize); /*размер шрифта*/
  46. color: var(--title); /*цвет шрифта*/
  47. font-weight: bold; /*жырный шрифт*/
  48. }
  49.  
  50. .postername { /*Настройки имени постера-хуя*/
  51. font-size: var(--sfontsize) !important; /*размер шрифта*/
  52. color: var(--stext); /*цвет шрифта*/
  53. font: var(--dfont); /*шрифт*/
  54. font-weight: bold; /*жырный шрифт*/
  55. }
  56.  
  57. .posterdate { /*Настройки времени поста*/
  58. color: var(--stext); /*цвет шрифта*/
  59. font-size: var(--sfontsize); /*размер шрифта*/
  60. }
  61.  
  62. .post-reflink { /*Настройки номера поста*/
  63. color:var(--stext); /*цвет шрифта*/
  64. font-size: var(--sfontsize); /*размер шрифта*/
  65. }
  66.  
  67. .de-post-counter { /*настройка счетчика постов*/
  68. color:var(--pcounter);
  69. font-size: var(--sfontsize);
  70. }
  71.  
  72. .sage::after { /*настройка саги*/
  73. font-weight: bold;
  74. color: var(--dtext);
  75. }
  76.  
  77. .de-menu-item.hover { /*Настройки выделения меню*/
  78. border-radius: 5px;
  79. }
  80.  
  81. a {
  82. color: var(--link); /*цвет акцента*/
  83. }
  84.  
  85. .reply { /*настройки постов*/
  86. background-color: var(--postbackground);
  87. font-size: var( --dfontsize); /*размер шрифта*/
  88. border-width: 0px 0px 0px 0px;
  89. border-radius: 5px;
  90. padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  91. }
  92.  
  93. .unkfunc { /*настройки гринтекста*/
  94. background: inherit;
  95. color: var(--gtext);
  96. }
  97.  
  98. .de-refmap { /*настройки "ответы"*/
  99. font-size: var(--s2fontsize);
  100. font-style: normal;
  101. margin-left: 1rem;
  102. margin-top:0.1rem;
  103. }
  104.  
  105. .de-fullimg-center { /*настройки просмотрщика*/
  106. background-color: var(--stext);
  107. border: none !important;
  108. padding: 22px 4px 4px 4px;
  109. border-radius: 5px;
  110. }
  111.  
  112. .de-fullimg-info>.de-btn-img { display: none; } /*настройки просмотрщика*/
  113.  
  114. .de-fullimg-info { /*настройки просмотрщика*/
  115. position: absolute;
  116. bottom: 100%;
  117. padding: 0px 0px 0.2em 0px;
  118. transform: translateX(-50%);
  119. background-color: transparent;
  120. white-space: nowrap;
  121. line-height: 17px;
  122. text-align: center;
  123. overflow: hidden;
  124. width: 100%;
  125. }
  126.  
  127. .poster-country { /*Настройка флажков*/
  128. border: 1px solid black;
  129. height: 12px;
  130. }
  131.  
  132. .posteruid { /*Настройка плашки ID*/
  133. font-family: var(--dfont); /*шрифт*/
  134. font-size: var( --sfontsize); /*размер шрифта*/
  135. font-weight: bold;
  136. }
  137.  
  138. .rules { /*настройки окна постинга*/
  139. font: var(--dfont); /*шрифт*/
  140. color: var(--stext); /*цвет шрифта*/
  141. font-size: var(--sfontsize); /*размер шрифта*/
  142. }
  143.  
  144.  
  145. .de-textarea { /*настройки окна постинга*/
  146. font: var(--dfont); /*шрифт*/
  147. color: var(--dtext); /*цвет шрифта*/
  148. font-size: var(--sfontsize); /*размер шрифта*/
  149. }
  150.  
  151. button, input[type="submit"] { /*настройки окна постинга*/
  152. font: var(--dfont); /*шрифт*/
  153. color: var(--dtext); /*цвет шрифта*/
  154. font-size: var(--sfontsize); /*размер шрифта*/
  155. }
  156.  
  157. .de-file-off > .de-file-img > div::after { /*настройки окна постинга*/
  158. font: var(--dfont); /*шрифт*/
  159. color: var(--stext); /*цвет шрифта*/
  160. font-size: var(--s2fontsize); /*размер шрифта*/
  161. }
  162.  
  163.  
  164. .postform-input { /*настройки окна постинга*/
  165. font: var(--dfont); /*шрифт*/
  166. color: var(--stext); /*цвет шрифта*/
  167. font-size: var(--sfontsize); /*размер шрифта*/
  168. }
  169.  
  170. .de-link-parent { outline: none !important; } /*Убрать рамку вокруг >>ссылок при наведении*/
  171.  
  172. .thumb-video { /*Штриховая рамка mp4/webm*/
  173. border: 1px dashed var(--dtext);
  174. }
  175.  
  176. .thumb { /*Скругление вложений*/
  177. border-radius: 5px;
  178. }
  179.  
  180.  
  181. .de-mypost { /*цвет рамки моего поста*/
  182. box-shadow: -4px 0 2px -2px var(--link) !important;
  183. }
  184.  
  185. .de-mypost-reply::before { /*цвет рамки ответа на мой пост*/
  186. border-left: 5px dotted var(--link) !important;
  187. }
  188.  
  189. table {border-spacing: 4px;} /*отступ между постами*/
  190.  
  191. span.spoiler {
  192. background: var(--stext);
  193. color: var(--stext);
  194. padding: 0 1px;
  195. }
  196.  
Tags: dollchan
Advertisement
Add Comment
Please, Sign In to add comment