API tools faq
paste
Guest User

Untitled

a guest
Oct 5th, 2026
13
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.62 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2. --bg: rgb(21, 32, 43);
  3. --postbg: #192734;
  4. --postbghighlight: rgb(19, 29, 40);
  5. --border: rgba(56, 68, 77, 0.4);
  6. --text: #ccc;
  7. --alttext: #7d7d7d;
  8. --link: #c3672a;
  9. --hover: #a74300;
  10. --title: #6995c5;
  11. --postnum: #789922;
  12. --spoiler: #000000;
  13. --btnbg: #192734;
  14. --btnborder: rgb(56, 68, 77);
  15. --btnbghover: rgb(21, 32, 43);
  16. /* обводка постов: поставь, например, 1px solid var(--border), если захочешь вернуть */
  17. --post-outline: none;
  18. }
  19.  
  20. body, html, .b-page__content, .light-theme {
  21. background-color: var(--bg) !important;
  22. color: var(--text) !important;
  23. font-family: 'Trebuchet MS', sans-serif !important;
  24. font-size: 15px !important;
  25. line-height: 1.3 !important;
  26. }
  27.  
  28. input:focus, textarea:focus, aside.sidebar {
  29. background-color: var(--bg) !important;
  30. }
  31.  
  32. header .fixed-nav.fixed a, header .top-nav ul li a, span.spoiler:hover, .sidebar .boards-list .name, .board-description, div.pages a.selected, .bb__header {
  33. color: var(--text) !important;
  34. }
  35.  
  36. * {
  37. border-radius: 0px !important;
  38. }
  39.  
  40. h1, header div.subtitle, .board-name {
  41. font-family: 'Trebuchet MS', sans-serif !important;
  42. color: var(--title) !important;
  43. }
  44.  
  45. a, .mainpage .box-wrap fieldset a {
  46. color: var(--link) !important;
  47. text-decoration: none !important;
  48. cursor: pointer !important;
  49. }
  50.  
  51. span.spoiler:hover a {
  52. color: var(--link) !important;
  53. }
  54.  
  55. a:hover, .mainpage .box-wrap fieldset a:hover, header .fixed-nav.fixed a:hover, header .top-nav ul li a:hover {
  56. color: var(--hover) !important;
  57. }
  58.  
  59. header, header .fixed-nav.fixed, header .top-nav, .bb__row {
  60. background-color: var(--postbg) !important;
  61. border-bottom: 1px solid var(--border) !important;
  62. }
  63.  
  64. .board-description, .threads-grid .mix, div.pages, .pager, .bb__header {
  65. background-color: var(--postbg) !important;
  66. border: 1px solid var(--border) !important;
  67. }
  68.  
  69. .bb__header, .embedded {
  70. border-radius: 3px !important;
  71. }
  72.  
  73. .bb__row:hover {
  74. background-color: var(--postbghighlight) !important;
  75. }
  76.  
  77. hr {
  78. border-top: 1px solid var(--postbg) !important;
  79. }
  80.  
  81. .bb__header {
  82. border-bottom: none !important;
  83. }
  84.  
  85. /* =====================================================
  86. ПОСТЫ (новая svelte-вёрстка: article.post, .post__*)
  87. ===================================================== */
  88.  
  89. article.post {
  90. display: table !important;
  91. box-sizing: border-box !important;
  92. min-width: 0 !important;
  93. max-width: 75vw !important;
  94. margin: 2px 0 6px 0 !important;
  95. padding: 6px 8px !important;
  96. background-color: var(--postbg) !important;
  97. border: var(--post-outline) !important;
  98. box-shadow: none !important;
  99. outline: none !important;
  100. color: var(--text) !important;
  101. }
  102.  
  103. article.post:has(.post__file) {
  104. min-width: min(550px, 100%) !important;
  105. }
  106.  
  107. article.post:target,
  108. article.post.highlighted,
  109. article.post--highlight {
  110. background-color: var(--postbghighlight) !important;
  111. }
  112.  
  113. article.post--you {
  114. border-left: 2px dashed var(--link) !important;
  115. }
  116.  
  117. /* clearfix: текст обтекает картинку, но пост её не теряет */
  118. article.post::after {
  119. content: "" !important;
  120. display: table !important;
  121. clear: both !important;
  122. }
  123.  
  124. /* ---------- шапка поста ---------- */
  125.  
  126. article.post .post__intro {
  127. display: flex !important;
  128. justify-content: flex-start !important;
  129. align-items: baseline !important;
  130. flex-wrap: wrap !important;
  131. gap: 8px !important;
  132. padding: 0 0 4px 0 !important;
  133. margin: 0 !important;
  134. font-size: 0.9em !important;
  135. color: var(--alttext) !important;
  136. }
  137.  
  138. article.post .post__left,
  139. article.post .post__right {
  140. display: flex !important;
  141. flex-wrap: wrap !important;
  142. align-items: baseline !important;
  143. gap: 6px !important;
  144. margin: 0 !important;
  145. padding: 0 !important;
  146. }
  147.  
  148. article.post .post__left > *,
  149. article.post .post__right > * {
  150. margin: 0 !important;
  151. }
  152.  
  153. article.post .post__counter,
  154. article.post .post__name,
  155. article.post .post__time,
  156. article.post .post__num {
  157. color: var(--alttext) !important;
  158. font-weight: normal !important;
  159. }
  160.  
  161. article.post .post__name {
  162. color: var(--postnum) !important;
  163. }
  164.  
  165. article.post .post__no {
  166. color: var(--alttext) !important;
  167. }
  168.  
  169. article.post .post__no:hover {
  170. color: var(--hover) !important;
  171. }
  172.  
  173. /* кнопки [−], Кляуза, Ответить -> обычный серый текст без рамок */
  174. article.post .post__hide,
  175. article.post .post__report,
  176. article.post .post__reply-btn {
  177. background: transparent !important;
  178. border: none !important;
  179. box-shadow: none !important;
  180. outline: none !important;
  181. padding: 0 !important;
  182. margin: 0 !important;
  183. height: auto !important;
  184. min-height: 0 !important;
  185. font: inherit !important;
  186. font-size: inherit !important;
  187. font-weight: normal !important;
  188. color: var(--alttext) !important;
  189. cursor: pointer !important;
  190. appearance: none !important;
  191. }
  192.  
  193. article.post .post__hide:hover,
  194. article.post .post__report:hover,
  195. article.post .post__reply-btn:hover {
  196. background: transparent !important;
  197. color: var(--hover) !important;
  198. }
  199.  
  200. /* ---------- файлы / картинки ---------- */
  201.  
  202. article.post .post__files {
  203. float: left !important;
  204. display: flex !important;
  205. flex-direction: row !important;
  206. flex-wrap: wrap !important;
  207. gap: 16px !important;
  208. margin: 4px 15px 4px 0 !important;
  209. padding: 0 !important;
  210. }
  211.  
  212. article.post .post__file {
  213. display: flex !important;
  214. flex-direction: column !important;
  215. align-items: flex-start !important;
  216. width: max-content !important;
  217. max-width: 100% !important;
  218. margin: 0 !important;
  219. padding: 0 !important;
  220. background: transparent !important;
  221. border: none !important;
  222. }
  223.  
  224. /* инфо о файле — над картинкой */
  225. article.post .post__file-bar {
  226. order: -1 !important;
  227. display: flex !important;
  228. flex-direction: row !important;
  229. flex-wrap: wrap !important;
  230. align-items: center !important;
  231. gap: 6px !important;
  232. margin: 0 0 4px 0 !important;
  233. padding: 0 !important;
  234. max-width: 250px !important;
  235. background: transparent !important;
  236. border: none !important;
  237. opacity: 1 !important;
  238. }
  239.  
  240. article.post .post__file-size {
  241. color: var(--alttext) !important;
  242. font-size: 11px !important;
  243. line-height: 1 !important;
  244. white-space: nowrap !important;
  245. }
  246.  
  247. article.post .post__file-dl {
  248. display: inline-flex !important;
  249. align-items: center !important;
  250. color: var(--link) !important;
  251. }
  252.  
  253. article.post .post__file-link {
  254. position: relative !important;
  255. margin: 0 !important;
  256. padding: 0 !important;
  257. background: transparent !important;
  258. border: none !important;
  259. }
  260.  
  261. article.post .post__thumb {
  262. display: block !important;
  263. width: auto !important;
  264. height: auto !important;
  265. max-width: 250px !important;
  266. max-height: 250px !important;
  267. object-fit: contain !important;
  268. margin: 0 !important;
  269. border: none !important;
  270. opacity: 1 !important;
  271. transition: none !important;
  272. cursor: pointer !important;
  273. }
  274.  
  275. /* кнопка поиска по картинке — маленькая, без рамки */
  276. article.post .post__search {
  277. background: rgba(0, 0, 0, 0.55) !important;
  278. border: none !important;
  279. color: var(--text) !important;
  280. padding: 2px !important;
  281. cursor: pointer !important;
  282. }
  283.  
  284. /* ---------- текст и ответы ---------- */
  285.  
  286. article.post .post__body {
  287. display: block !important;
  288. margin: 0 !important;
  289. padding: 4px 0 0 0 !important;
  290. color: var(--text) !important;
  291. word-break: break-word !important;
  292. overflow-wrap: anywhere !important;
  293. }
  294.  
  295. article.post .post__body > *:first-child {
  296. margin-top: 0 !important;
  297. }
  298.  
  299. article.post .post__body .quote,
  300. article.post .post__body .greentext,
  301. article.post .post__body span.quote {
  302. color: var(--postnum) !important;
  303. }
  304.  
  305. article.post .post__refs {
  306. clear: both !important;
  307. display: block !important;
  308. margin: 6px 0 0 0 !important;
  309. padding: 0 !important;
  310. font-size: 0.85em !important;
  311. color: var(--alttext) !important;
  312. }
  313.  
  314. article.post .post__refs::before {
  315. content: "Ответы: ";
  316. font-style: italic;
  317. }
  318.  
  319. article.post .post__ref {
  320. margin-right: 6px !important;
  321. font-style: italic !important;
  322. }
  323.  
  324. /* ---------- прочее ---------- */
  325.  
  326. .omitted {
  327. color: var(--alttext) !important;
  328. font-size: 0.9em !important;
  329. }
  330.  
  331. span.spoiler {
  332. background-color: var(--spoiler) !important;
  333. color: transparent !important;
  334. transition: none !important;
  335. }
  336.  
  337. span.spoiler a {
  338. color: transparent !important;
  339. transition: none !important;
  340. }
  341.  
  342. input, textarea, select, .post-form input, .post-form textarea, .act-button, input[type="submit"], button, .format-text button {
  343. background-color: var(--btnbg) !important;
  344. border: 1px solid var(--btnborder) !important;
  345. color: var(--text) !important;
  346. appearance: none !important;
  347. }
  348.  
  349. input, textarea, select, .post-form input, .post-form textarea {
  350. padding: 4px !important;
  351. font-family: 'Trebuchet MS', sans-serif !important;
  352. }
  353.  
  354. input[type="checkbox"], input[type="radio"] {
  355. appearance: auto !important;
  356. background-color: transparent !important;
  357. border: none !important;
  358. padding: 0 !important;
  359. cursor: pointer !important;
  360. margin: 3px !important;
  361. }
  362.  
  363. input:focus, textarea:focus {
  364. border-color: var(--link) !important;
  365. outline: none !important;
  366. }
  367.  
  368. .act-button, input[type="submit"], button, .format-text button {
  369. cursor: pointer !important;
  370. padding: 4px 6px !important;
  371. }
  372.  
  373. .act-button:hover, input[type="submit"]:hover, button:hover, input.submit-post:hover {
  374. background-color: var(--btnbghover) !important;
  375. }
  376.  
  377. form.post-form {
  378. border: none !important;
  379. padding: 4px !important;
  380. min-width: 450px !important;
  381. }
  382.  
  383. form.post-form input[type="text"],
  384. form.post-form input[type="password"] {
  385. min-height: auto !important;
  386. margin-bottom: 2px !important;
  387. }
  388.  
  389. input.submit-post {
  390. min-height: auto !important;
  391. margin-left: 2px !important;
  392. }
  393.  
  394. textarea#body {
  395. margin: 1px 0 !important;
  396. width: 100% !important;
  397. box-sizing: border-box !important;
  398. }
  399.  
  400. div.format-text {
  401. padding: 12px 0px 4px 0px !important;
  402. gap: 4px !important;
  403. }
  404.  
  405. div.newpost {
  406. padding: 10px 0 !important;
  407. text-align: center !important;
  408. }
  409.  
  410. .newpost a.act-button {
  411. background-color: transparent !important;
  412. border: none !important;
  413. font-size: 1.2rem !important;
  414. line-height: 2 !important;
  415. padding: 4px 12px !important;
  416. display: inline-block !important;
  417. opacity: 1 !important;
  418. transition: none !important;
  419. box-shadow: none !important;
  420. color: var(--link) !important;
  421. }
  422.  
  423. .newpost a.act-button:hover {
  424. background-color: transparent !important;
  425. color: var(--hover) !important;
  426. }
  427.  
  428. .newpost a.act-button .text {
  429. color: inherit !important;
  430. font-size: inherit !important;
  431. font-weight: normal !important;
  432. }
  433.  
  434. .newpost a.act-button .icon, .newpost a.act-button img {
  435. display: none !important;
  436. }
  437.  
  438. div.dropzone {
  439. background-color: transparent !important;
  440. border: 2px dashed var(--btnborder) !important;
  441. min-height: auto !important;
  442. margin-top: 4px !important;
  443. overflow: hidden !important;
  444. padding: 0 !important;
  445. appearance: none !important;
  446. }
  447.  
  448. div.file-hint {
  449. border: none !important;
  450. color: var(--alttext) !important;
  451. font-family: "Trebuchet MS", sans-serif !important;
  452. font-size: 20px !important;
  453. text-transform: uppercase !important;
  454. padding: 9px 0px !important;
  455. margin: 0 !important;
  456. top: 0 !important;
  457. bottom: 0 !important;
  458. }
  459.  
  460. div.file-hint:hover {
  461. filter: brightness(1.2);
  462. }
  463.  
  464. div.no-pic-warning {
  465. background-color: var(--postbghighlight) !important;
  466. border: 1px solid var(--border) !important;
  467. box-shadow: none !important;
  468. padding: 8px 12px !important;
  469. color: var(--alttext) !important;
  470. }
  471.  
  472. aside.sidebar {
  473. top: 0px !important;
  474. border-right: 1px solid var(--postbg) !important;
  475. padding: 0 !important;
  476. margin-right: 4px !important;
  477. }
  478.  
  479. .sidebar .boards-list .name {
  480. background-color: var(--border) !important;
  481. border: none !important;
  482. font-size: 13.5px !important;
  483. font-weight: normal !important;
  484. margin: 0px 0px 5px 0px !important;
  485. padding: 1px 2px !important;
  486. }
  487.  
  488. .sidebar .boards-list ul {
  489. padding: 0px 0px 0px 15px !important;
  490. margin: 0 !important;
  491. }
  492.  
  493. .sidebar .boards-list ul li {
  494. margin: 0 !important;
  495. padding: 0 !important;
  496. }
  497.  
  498. .sidebar .boards-list ul li a {
  499. font-size: 13.5px !important;
  500. line-height: 17.55px !important;
  501. padding: 0px !important;
  502. display: inline !important;
  503. transition: none !important;
  504. }
  505.  
  506. div.pages, .pager {
  507. padding: 8px !important;
  508. font-size: 0.9em !important;
  509. }
  510.  
  511. div.pages a.selected {
  512. font-weight: bold !important;
  513. }
  514.  
  515. div.ui-dialog.ui-corner-all {
  516. background-color: var(--postbg) !important;
  517. border: 1px solid var(--border) !important;
  518. padding: 0 !important;
  519. box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  520. }
  521.  
  522. div.ui-dialog-titlebar.ui-widget-header {
  523. background-color: var(--spoiler) !important;
  524. border: none !important;
  525. padding: 2px !important;
  526. margin: 0 0 1px 0 !important;
  527. text-align: center !important;
  528. }
  529.  
  530. span.ui-dialog-title {
  531. color: var(--text) !important;
  532. font-weight: normal !important;
  533. font-size: 14px !important;
  534. float: none !important;
  535. margin: 0 !important;
  536. }
  537.  
  538. div.gosuslugi-enter {
  539. display: none !important;
  540. }
  541.  
  542. div.search-btn-container {
  543. transform: translate(70px, -7px) !important;
  544. }
  545. /* ===== Всплывающие посты ===== */
  546.  
  547. .pv {
  548. box-sizing: border-box !important;
  549. padding: 0 !important;
  550. background: var(--postbg) !important;
  551. color: var(--text) !important;
  552.  
  553. border: none !important;
  554. outline: none !important;
  555. border-radius: 0 !important;
  556. box-shadow: 0 4px 14px rgba(0, 0, 0, .35) !important;
  557.  
  558. /* Убираем заданные через style ограничения размеров */
  559. max-width: min(750px, calc(100vw - 16px)) !important;
  560. max-height: min(650px, 80vh) !important;
  561. overflow: auto !important;
  562. overscroll-behavior: contain !important;
  563.  
  564. /* Без анимации перемещения окна */
  565. transition: none !important;
  566. animation: none !important;
  567. }
  568.  
  569. /* Отменяем табличную ширину, внешние отступы и минимум 550px */
  570. .pv article.post,
  571. .pv article.post:has(.post__file) {
  572. display: flow-root !important;
  573. box-sizing: border-box !important;
  574. width: auto !important;
  575. min-width: 0 !important;
  576. max-width: 100% !important;
  577.  
  578. margin: 0 !important;
  579. padding: 8px 10px !important;
  580.  
  581. background: var(--postbg) !important;
  582. border: none !important;
  583. outline: none !important;
  584. box-shadow: none !important;
  585. }
  586.  
  587. /* Полный текст вместо обрезанного превью */
  588. .pv article.post .post__body--clamp {
  589. display: block !important;
  590. -webkit-line-clamp: unset !important;
  591. line-clamp: unset !important;
  592. max-height: none !important;
  593. overflow: visible !important;
  594. text-overflow: clip !important;
  595. }
  596.  
  597. .pv article.post .post__intro {
  598. margin-bottom: 4px !important;
  599. }
  600.  
  601. .pv article.post .post__refs:empty {
  602. display: none !important;
  603. }
  604. /* Всплывающий пост закреплён относительно экрана */
  605. .pv {
  606. position: fixed !important;
  607. transition: none !important;
  608. animation: none !important;
  609. }
  610. .pv {
  611. overscroll-behavior: auto !important;
  612. }
  613. /* Оранжевая полоска слева у своих постов */
  614. article.post.post--mine,
  615. .pv article.post.post--mine {
  616. border-left: 2px solid #c3672a !important;
  617. }
  618.  
  619. header.site-header {
  620. /* Оставляем видимыми 6 пикселей панели */
  621. --header-strip: 6px;
  622.  
  623. position: fixed !important;
  624. top: 0 !important;
  625. right: 0 !important;
  626. bottom: auto !important;
  627. left: 0 !important;
  628. z-index: 1000 !important;
  629.  
  630. box-sizing: border-box !important;
  631. width: 100% !important;
  632. max-width: none !important;
  633. height: auto !important;
  634. min-height: 0 !important;
  635. margin: 0 !important;
  636. padding: 4px 10px 8px !important;
  637.  
  638. display: flex !important;
  639. flex-direction: row !important;
  640. justify-content: space-between !important;
  641. align-items: center !important;
  642. flex-wrap: wrap !important;
  643. gap: 4px 16px !important;
  644.  
  645. background: var(--postbg, #192734) !important;
  646. color: var(--text, #ccc) !important;
  647. border: none !important;
  648. border-bottom: 1px solid var(--link, #c3672a) !important;
  649. border-radius: 0 !important;
  650. box-shadow: none !important;
  651.  
  652. font-family: 'Trebuchet MS', sans-serif !important;
  653. font-size: 13px !important;
  654. line-height: 20px !important;
  655.  
  656. /* Перекрываем обычное скрытие панели при прокрутке */
  657. transform: translateY(calc(-100% + var(--header-strip))) !important;
  658. translate: none !important;
  659. opacity: 1 !important;
  660. visibility: visible !important;
  661. pointer-events: auto !important;
  662.  
  663. transition: none !important;
  664. animation: none !important;
  665. }
  666.  
  667. /* Раскрываем мышью или при навигации клавишей Tab */
  668. header.site-header:hover,
  669. header.site-header:focus-within {
  670. transform: translateY(0) !important;
  671. }
  672.  
  673. /* Компактные группы кнопок */
  674. header.site-header .site-header__group {
  675. display: flex !important;
  676. flex-direction: row !important;
  677. align-items: center !important;
  678. flex-wrap: wrap !important;
  679. flex: 0 1 auto !important;
  680. gap: 4px 10px !important;
  681.  
  682. min-width: 0 !important;
  683. margin: 0 !important;
  684. padding: 0 !important;
  685. background: transparent !important;
  686. border: none !important;
  687. }
  688.  
  689. /* Ссылки и кнопки настроек без больших рамок */
  690. header.site-header .site-header__link,
  691. header.site-header .site-header__board {
  692. display: inline-block !important;
  693. width: auto !important;
  694. height: auto !important;
  695. min-width: 0 !important;
  696. min-height: 0 !important;
  697. margin: 0 !important;
  698. padding: 0 !important;
  699.  
  700. background: transparent !important;
  701. border: none !important;
  702. box-shadow: none !important;
  703.  
  704. font: inherit !important;
  705. color: var(--link, #c3672a) !important;
  706. text-decoration: none !important;
  707. white-space: nowrap !important;
  708. cursor: pointer !important;
  709. transition: none !important;
  710. }
  711.  
  712. header.site-header .site-header__link:hover,
  713. header.site-header .site-header__board:hover {
  714. color: var(--hover, #a74300) !important;
  715. }
  716.  
  717. /* Список досок */
  718. header.site-header .site-header__boards {
  719. font: inherit !important;
  720. color: var(--alttext, #7d7d7d) !important;
  721. }
  722.  
  723. header.site-header .site-header__sep {
  724. margin: 0 3px !important;
  725. color: var(--alttext, #7d7d7d) !important;
  726. }
  727.  
  728. /* Переключатель темы: компактная кнопка с прежней функцией */
  729. header.site-header .theme-toggle {
  730. display: inline-flex !important;
  731. align-items: center !important;
  732. justify-content: center !important;
  733. position: relative !important;
  734.  
  735. width: 26px !important;
  736. height: 22px !important;
  737. min-width: 0 !important;
  738. min-height: 0 !important;
  739. margin: 0 !important;
  740. padding: 0 !important;
  741.  
  742. background: transparent !important;
  743. border: none !important;
  744. box-shadow: none !important;
  745. cursor: pointer !important;
  746. transition: none !important;
  747. }
  748.  
  749. header.site-header .theme-toggle__knob {
  750. position: static !important;
  751. display: inline-block !important;
  752. width: auto !important;
  753. height: auto !important;
  754. margin: 0 !important;
  755. padding: 0 !important;
  756. transform: none !important;
  757. translate: none !important;
  758. background: transparent !important;
  759. box-shadow: none !important;
  760. font-size: 14px !important;
  761. line-height: 1 !important;
  762. transition: none !important;
  763. animation: none !important;
  764. }
  765.  
  766. aside.sidebar {
  767. box-sizing: border-box !important;
  768. width: 190px !important;
  769. max-width: 190px !important;
  770. min-width: 0 !important;
  771. padding: 0 !important;
  772.  
  773. background: var(--bg) !important;
  774. color: var(--text) !important;
  775. border-right: 1px solid var(--border) !important;
  776. box-shadow: none !important;
  777.  
  778. font-family: 'Trebuchet MS', sans-serif !important;
  779. font-size: 13px !important;
  780. line-height: 17px !important;
  781.  
  782. text-align: left !important;
  783. text-indent: 0 !important;
  784. align-items: stretch !important;
  785. }
  786.  
  787. /* Секции и их содержимое — без центрирования */
  788. aside.sidebar .sidebar__section,
  789. aside.sidebar .sidebar__title,
  790. aside.sidebar .sidebar__list,
  791. aside.sidebar .sidebar__list > li,
  792. aside.sidebar .sidebar__link {
  793. box-sizing: border-box !important;
  794. text-align: left !important;
  795. text-indent: 0 !important;
  796.  
  797. font-family: 'Trebuchet MS', sans-serif !important;
  798. font-size: 13px !important;
  799. font-weight: normal !important;
  800. line-height: 17px !important;
  801. letter-spacing: normal !important;
  802. text-transform: none !important;
  803. }
  804.  
  805. /* Секция занимает всю ширину, без боковых зазоров */
  806. aside.sidebar .sidebar__section {
  807. display: block !important;
  808. align-self: stretch !important;
  809. width: 100% !important;
  810. max-width: none !important;
  811. min-width: 0 !important;
  812.  
  813. margin: 0 0 8px !important;
  814. padding: 0 !important;
  815.  
  816. background: transparent !important;
  817. border: none !important;
  818. box-shadow: none !important;
  819. }
  820.  
  821. /* Плашка от края до края, текст у левого края */
  822. aside.sidebar .sidebar__title {
  823. display: block !important;
  824. width: 100% !important;
  825. max-width: none !important;
  826. min-width: 0 !important;
  827.  
  828. margin: 0 0 3px !important;
  829. padding: 1px 0 !important;
  830.  
  831. background: var(--border) !important;
  832. color: var(--text) !important;
  833. border: none !important;
  834. border-radius: 0 !important;
  835. box-shadow: none !important;
  836. }
  837.  
  838. /* Список также без отступа слева */
  839. aside.sidebar .sidebar__list {
  840. display: block !important;
  841. width: 100% !important;
  842. max-width: none !important;
  843. min-width: 0 !important;
  844.  
  845. margin: 0 !important;
  846. padding: 0 !important;
  847. list-style: none !important;
  848. }
  849.  
  850. aside.sidebar .sidebar__list > li {
  851. display: block !important;
  852. width: 100% !important;
  853. margin: 0 !important;
  854. padding: 0 !important;
  855.  
  856. list-style: none !important;
  857. background: transparent !important;
  858. border: none !important;
  859. }
  860.  
  861. /* Ссылки начинаются у левого края строки */
  862. aside.sidebar .sidebar__link {
  863. display: block !important;
  864. width: 100% !important;
  865. min-width: 0 !important;
  866. margin: 0 !important;
  867. padding: 0 !important;
  868.  
  869. background: transparent !important;
  870. border: none !important;
  871. box-shadow: none !important;
  872.  
  873. color: var(--link) !important;
  874. text-decoration: none !important;
  875. white-space: normal !important;
  876. overflow-wrap: break-word !important;
  877. transition: none !important;
  878. }
  879.  
  880. /* Верхняя строка: Назад и кнопка скрытия */
  881. aside.sidebar .sidebar__top {
  882. display: flex !important;
  883. align-items: center !important;
  884. justify-content: space-between !important;
  885. align-self: stretch !important;
  886. gap: 6px !important;
  887.  
  888. margin: 0 !important;
  889. padding: 8px 4px 4px 0 !important;
  890. background: transparent !important;
  891. border: none !important;
  892. }
  893.  
  894. aside.sidebar .sidebar__back,
  895. aside.sidebar .sidebar__toggle,
  896. aside.sidebar .sidebar__post {
  897. width: auto !important;
  898. height: auto !important;
  899. min-width: 0 !important;
  900. min-height: 0 !important;
  901.  
  902. background: transparent !important;
  903. border: none !important;
  904. box-shadow: none !important;
  905.  
  906. font-family: 'Trebuchet MS', sans-serif !important;
  907. font-size: 13px !important;
  908. font-weight: normal !important;
  909. line-height: 17px !important;
  910. text-align: left !important;
  911.  
  912. color: var(--link) !important;
  913. cursor: pointer !important;
  914. transition: none !important;
  915. }
  916.  
  917. aside.sidebar .sidebar__back,
  918. aside.sidebar .sidebar__toggle {
  919. margin: 0 !important;
  920. padding: 0 !important;
  921. }
  922.  
  923. /* Кнопка отправки */
  924. aside.sidebar .sidebar__post {
  925. display: flex !important;
  926. align-items: center !important;
  927. justify-content: flex-start !important;
  928. gap: 5px !important;
  929.  
  930. margin: 2px 0 8px !important;
  931. padding: 2px 0 !important;
  932. }
  933.  
  934. aside.sidebar .sidebar__post svg {
  935. width: 13px !important;
  936. height: 13px !important;
  937. flex-shrink: 0 !important;
  938. }
  939.  
  940. /* Наведение */
  941. aside.sidebar .sidebar__link:hover,
  942. aside.sidebar .sidebar__back:hover,
  943. aside.sidebar .sidebar__toggle:hover,
  944. aside.sidebar .sidebar__post:hover {
  945. background: transparent !important;
  946. color: var(--hover) !important;
  947. }
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!