Guest User

Untitled

a guest
Jul 1st, 2020
71
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. /*
  3.  
  4.  
  5. /* Customize colors below */
  6.  
  7.  
  8. /* custom colors */ /*var(--alt-bg)*/
  9. :root {
  10. @import url('file:///home/nein/.cache/wal/colors.css');
  11. --post-bg: #43a89d !important; /* header bg */
  12. --alt-bg: #72c7bc !important; /* bg */
  13. --header-bg: var(--color9) !important; /* post bg */
  14. --main-text: #c6d1cf !important; /* main text */
  15. --secondary-text: #f9a8b9 !important; /* name >text and quote */
  16. --third-text: #ecbbf8 !important; /* date and links */
  17. --title-text: var(--color0) !important; /* board title */
  18. }
  19.  
  20.  
  21. body, html {
  22. background: var(--alt-bg) !important;
  23. background-repeat: repeat !important;
  24. background-attachment: fixed !important;
  25. background-position: center center !important;
  26. margin: 0 auto !important;
  27. }
  28.  
  29. /* header bg - make sure the image is around 2000 x 140 */
  30.  
  31.  
  32. #header-bar::before {
  33. /* default */
  34. /* content: url("http://i.imgur.com/urpV4LK.png") !important;*/
  35. /* merry christmas!
  36. content: url("http://i.imgur.com/RSufmER.jpg") !important;*/
  37. }
  38.  
  39.  
  40. /* remove header title */
  41.  
  42. .div.boardTitle, .yotsuba-b:root div.boardTitle, div.boardTitle {
  43. display: none !important;
  44. margin-top: 40px !important;
  45. }
  46.  
  47. body {
  48. margin-top: 40px !important; /* 40 or 0 probably */
  49. }
  50.  
  51. #bannerCnt {
  52. display: none !important;
  53. margin-top: 45px !important;
  54. }
  55.  
  56. /* img - your bae/waifu/etc goes here */
  57.  
  58. /*
  59. body::after {
  60. content: url("http://i.imgur.com/wWiIpQd.png");
  61. position: fixed !important;
  62. margin: auto !important;
  63. margin-top: 10px !important;
  64. left: 0 !important;
  65. bottom: 0 !important;
  66. margin-left: 100px !important;
  67. z-index: 1 !important;
  68. }
  69. */
  70.  
  71. /* op height */
  72. div.opContainer {
  73. min-height: 225px !important;
  74. }
  75.  
  76. /* header title */
  77.  
  78. .div.boardTitle, .yotsuba-b:root div.boardTitle, div.boardTitle {
  79. text-align: center;
  80. margin-left: 60px !important;
  81. font-family: "Segoe Script", cursive !important;
  82. font-size: 48px !important;
  83. padding: 0px !important;
  84. color: var(--title-text) !important;
  85. text-shadow: 3px 3px 3px rgba(0,0,0,0.3) !important;
  86. }
  87.  
  88.  
  89. body, #qr, #thread-watcher, #thread-watcher .refresh, .menu-button .fa, #watched-threads .watcher-title, #watched-threads .watcher-unread, #thread-watcher a, .entry, #qr textarea.field, .right-box, .field, .globalMessage, div#boardNavDesktop, table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, div#boardNavDesktopFoot, .gal-count, #index-search, .expand-all-shortcut, .subject, div.post div.postInfo span.subject, #custom-board-list, .yotsuba-b:root #board-list a, .yotsuba:root #board-list a {
  90. color: var(--main-text) !important;
  91. }
  92.  
  93.  
  94. /* watcher and name block bg, quote text */
  95. #watcher-link, .warning, div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.nameBlock span.postertrip, .nameBlock, .yotsuba_b_new .backlink, .quotelink, .yotsuba_b_new .backlink a, a:hover, code, blockquote > span.quote, .catalog-thread > .comment > span.quote, .yotsuba:root #board-list a:hover, #watched-threads .watcher-title:hover, .section-main label {
  96. color: var(--secondary-text) !important;
  97. }
  98.  
  99.  
  100. a, div.post div.postInfo span.postNum a:hover, a.deadlink, a.close, .tab-filter, a.tab-main.tab-selected, #qr-no-file, .yotsuba-b:root .entry, #boards a, .boxbar, .deadlink, .gal-name, #qr select, select, kbd, #thread-watcher > .move, .qr-shortcut, span.dateTime, .yotsuba.fixed:root #custom-board-list .current, .yotsuba-b.fixed:root #custom-board-list .current, .yotsuba-b:root #header-bar:hover, .yotsuba-b:root #board-list a:hover, .quotelink:hover, .settings-link, span.menu-button, #thread-stats, .container, .fileText, .yotsuba:root #header-bar, .yotsuba:root #notifications, div.post div.postInfo span.postNum, div.post div.postInfo span.postNum a {
  101. color: var(--third-text) !important;
  102. }
  103.  
  104.  
  105. /* bg colors */
  106.  
  107.  
  108. div.reply, .catalog-mode:root .board, .inline .post {
  109. background: var(--post-bg) !important;
  110. }
  111.  
  112.  
  113. .boxcontent, .top-box, .left-box, .right-box, #recent-images a {
  114. background: var(--post-bg) !important;
  115. }
  116.  
  117.  
  118. #fourchanx-settings.dialog,
  119. fieldset legend, .yotsuba-b:root .suboption-list > div:last-of-type, .dialog:not(#qr):not(#thread-watcher):not(#header-bar), #fourchanx-settings code, kbd, .reply:target, .reply.highlight, .yotsuba-b:root .inline {
  120. background: var(--post-bg) !important;
  121. }
  122.  
  123. #header-bar, .yotsuba-b:root:not(.fixed) #header-bar, span.boardList, .yotsuba:root .suboption-list > div:last-of-type {
  124. background: var(--header-bg) !important;
  125. }
  126.  
  127.  
  128.  
  129. /* quoted bg */
  130. .yotsuba:root .inline, .boxbar, #qr select {
  131. background: var(--alt-bg) !important;
  132. }
  133.  
  134.  
  135.  
  136. #ft li, .right-box, .boxcontent, .top-box, .left-box, #recent-images .boxcontent, #qr select, #archive-board-select, select {
  137. border: none !important;
  138. }
  139.  
  140. .top-box .menubutton, .right-box .menubutton {
  141. background-image: none !important;
  142. }
  143.  
  144. #ft li, #ft ul {
  145. background: none !important;
  146. border: none !important;
  147. }
  148.  
  149.  
  150. /* misc */
  151.  
  152. img:hover {
  153. opacity: 0.3 !important;
  154. transition: 0.4s ease-in-out !important;
  155. }
  156.  
  157. /* unscrollable horizontally, fixes stupid header issues */
  158. body {
  159. overflow-x: hidden !important;
  160. }
  161.  
  162. /* quotes to (you) border color */
  163. .highlight-you:root .quotesYou.opContainer, .highlight-you:root .quotesYou > .reply {
  164. border-top: 1px solid var(--secondary-text) !important;
  165. }
  166.  
  167. /* highlight "selected" posts */
  168. .post.reply.highlight {
  169. border-top: 1px solid var(--secondary-text) !important;
  170. }
  171.  
  172. /* notifications */
  173. .message {
  174. background-color: var(--post-bg) !important;
  175. color: var(--main-text) !important;
  176. text-shadow: none !important;
  177. }
  178.  
  179. /* transition for links */
  180. .yotsuba:root #board-list a, a:hover, #watched-threads .watcher-title:hover {
  181. transition: ease-in-out .2s !important;
  182. }
  183.  
  184. /* hide fields when not hovering - hide yo trip */
  185. #qr input.field {
  186. opacity: 0 !important;
  187. }
  188.  
  189. #qr input.field:hover {
  190. opacity: 1 !important;
  191. }
  192.  
  193.  
  194.  
  195. /* adjust header */
  196.  
  197.  
  198. /*
  199. #header-bar {
  200. height: 200px !important;
  201. background: url("http://i.imgur.com/QMSDOia.png") !important;
  202. background-size: cover !important;
  203. z-index: -10 !important;
  204. }
  205. */
  206.  
  207. /* bg of header items */
  208.  
  209. .centered-links:root #custom-board-list, #thread-stats, .settings-link, span.menu-button, #watcher-link , #shortcut-gallery, #thread-stats, .div.boardTitle, .yotsuba-b:root div.boardTitle, div.boardTitle {
  210. background: rgba(0,0,0,0) !important;
  211. }
  212.  
  213. #header-bar {
  214. background: var(--post-bg) !important;
  215. max-height: 50px !important;
  216. }
  217.  
  218. #header-bar::before {
  219. position: absolute !important;
  220. margin: auto !important;
  221. left: 0 !important;
  222. top: 0 !important;
  223. margin-top: 40px !important;
  224. max-height: 100px !important;
  225. width: 800px !important;
  226. }
  227.  
  228.  
  229. /* thread */
  230. div.thread {
  231. max-width: 1100px !important;
  232. margin: 0 auto !important;
  233. }
  234.  
  235. /*div.thread, .replyContainer, .postContainer {
  236. background: transparent !important;
  237. } */
  238.  
  239.  
  240. div.op {
  241. margin-top: 0px !important;
  242. }
  243.  
  244. .yotsuba:root .watch-thread-link, .watch-thread-link {
  245. background: url("http://puu.sh/oj6ff/fc91658f7b.png") !important;
  246. width: 33px !important;
  247. height: 5px !important;
  248. }
  249.  
  250. /*#fT1834928 {
  251. margin-top: -10px !important;
  252. margin-right: 141px !important;
  253. } */
  254.  
  255. #header-bar {
  256. border: 0 !important;
  257. margin: 0 auto !important;
  258. margin-top: 0px !important;
  259. /* max-width: 1096px !important; */
  260. display: inline-block !important;
  261. }
  262.  
  263. span.boardList {
  264. margin-top: 0px !important;
  265. display: inline-block !important;
  266. }
  267. .hide-board-list-button {
  268. margin-top: 28px !important;
  269. display: inline-block !important;
  270. }
  271.  
  272. /*
  273. #full-board-list, .centered-links:root #header-bar {
  274. z-index: 200 !important;
  275. }
  276. #thread-stats:hover {
  277. z-index: -20 !important;
  278. }
  279. */
  280.  
  281. .yotsuba-b:root #board-list {
  282. max-width: 396px !important;
  283. }
  284.  
  285. /*.centered-links:root #shortcuts, #custom-board-list {
  286. left: 56px !important;
  287. }
  288.  
  289. #shortcuts {
  290. float: none !important;
  291. } */
  292.  
  293. #header-bar a.current, .yotsuba-b:root #board-list a, .section-main label {
  294. text-decoration: none !important;
  295. }
  296.  
  297. .index-refresh-shortcut, span.shortcut:nth-child(5), #shortcut-index-refresh > a:nth-child(1) {
  298. display: none !important;
  299. }
  300.  
  301. div.reply {
  302. box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  303. /*box-shadow: none !important;*/
  304. }
  305. div.reply:hover {
  306. box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
  307. /*box-shadow: none !important;*/
  308. }
  309.  
  310.  
  311. /* reply and op bg colors */
  312.  
  313. .replyContainer {
  314. padding: 0px !important;
  315. }
  316.  
  317. .postContainer.replyContainer {
  318. margin-top: 15px !important;
  319. }
  320.  
  321. .post.reply, .opContainer, .post.reply:hover {
  322. width: 100% !important;
  323. padding: 10px !important;
  324. -moz-box-sizing:border-box!important;
  325. }
  326.  
  327. div.opContainer {
  328. width: 98% !important;
  329. margin: 0 auto !important;
  330. }
  331.  
  332. .opContainer {
  333. padding-bottom: 3px !important;
  334. }
  335.  
  336. span.postNum a:hover {
  337. /* font-family: Open Sans !important;*/
  338. }
  339.  
  340. /* give reply borders */
  341. div.reply, .post.reply, .opContainer {
  342. border: 0px !important;
  343. border-style: solid !important;
  344. }
  345.  
  346.  
  347. div.post blockquote.postMessage {
  348. width: 96% !important;
  349. }
  350.  
  351. /* reply link, backlink location
  352.  
  353. div.post div.postInfo span.postNum a {
  354. visibility: hidden !important;
  355. float:right;
  356. }
  357. div.post div.postInfo span.postNum a:before {
  358. content: url(https://puu.sh/k0oPB/098f590af7.png) !important;
  359. opacity: 0.6 !important;
  360. visibility: visible;
  361. float:right;
  362. margin-left: -9px !important;
  363. margin-top: -10px !important;
  364. width: 8px !important;
  365. } */
  366.  
  367. div.post div.postInfo span.postNum {
  368. padding: 8px !important;
  369. float: right !important;
  370. margin-right: 4px !important;
  371. margin-top: -8px !important;
  372. }
  373.  
  374. span.dateTime {
  375. padding: 4px !important;
  376. right: 27% !important;
  377. margin-top: -4px !important;
  378. }
  379.  
  380. /* menu dropdown */
  381. .fa-angle-down::before, .op .menu-button, .postContainer .menu-button {
  382. content: url("http://i.imgur.com/6aLeXdr.png") !important;
  383. margin-right: 0px;
  384. margin-top: 1px;
  385. float:right;
  386. width: 10px !important;
  387. height: 10px !important;
  388. /*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
  389. }
  390.  
  391. .fa-angle-down::before {
  392. opacity: 0.5 !important;
  393. }
  394.  
  395. /* give image borders */
  396. img {
  397. border: 0px !important;
  398. border-color: var(--alt-bg) !important;
  399. border-style: solid !important;
  400. }
  401.  
  402. /* Replace backlinks by arrow icons */
  403. .backlink:first-child::before {
  404. margin-left: -5px !important;
  405. }
  406. .backlink {
  407. font-size: 0 !important;
  408. }
  409. .backlink:after {
  410. content: url("http://i.imgur.com/7E3vTXf.png") !important;
  411. font-size: 12px !important;
  412. margin-right: 0px !important;
  413. opacity: 0.5 !important;
  414. }
  415. .backlink:after {
  416. margin-left: 8px !important;
  417. }
  418. .backlink:hover::after, .backlink.filtered:hover::after {
  419. opacity: 0.65 !important;
  420. }
  421. .backlink.filtered:after {
  422. opacity: 0.65 !important;
  423. }
  424. .post.op .backlink:first-child {
  425. margin-left: 0px !important;
  426. }
  427.  
  428. /* fonts */
  429. body, .post.reply, .opContainer, #board-list, #custom-board-list, #menu.dialog, .entry, .yotsuba-b:root .suboption-list > div:last-of-type, option, #qr textarea.field, .field, #index-search.field, #updater.dialog, #thread-stats.dialog, #thread-stats, .boardSubtitle, #thread-watcher, div.post div.postInfo span.nameBlock span.postertrip, div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.subject, #qr:not(.captcha-open) .captcha-counter > a, #file-n-submit > input, #watcher-link, .settings-link, .expand-all-shortcut, .qr-shortcut, div#boardNavDesktop, .yotsuba_b_new .backlink, .quotelink, div#boardNavDesktop a, table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, div#boardNavDesktopFoot a, #qr select {
  430. font-family: "Open Sans", "Segoe UI" !important;
  431. font-weight: 600 !important;
  432. font-size: 13px !important;
  433. }
  434.  
  435. /* change the margin depending on whether you show the banner and the header */
  436. hr {
  437. margin-top:0px !important;
  438. padding-top: 0px !important;
  439. border: 0 !important;
  440. }
  441.  
  442. /* buttons */
  443.  
  444. .settings-link.fa-wrench:before, .qr-shortcut:before, #watcher-link:before {
  445. /*font-family: Open Sans !important;
  446. font-weight: 600 !important;*/
  447. font-size: 12px !important;
  448. }
  449.  
  450. #thread-stats {
  451. position: absolute !important;
  452. left: 14px !important;
  453. }
  454.  
  455. /*.qr-shortcut {
  456. margin-left: -45px !important;
  457. }
  458. .qr-shortcut:before {
  459. content: "Reply" !important;
  460. margin-right: 5px !important;
  461. z-index: 3 !important;
  462. } */
  463.  
  464. .settings-link {
  465. position: absolute !important;
  466. right: 15px !important;
  467. }
  468. .settings-link.fa-wrench:before {
  469. content: "Options" !important;
  470. margin-right: 5px !important;
  471. z-index: 3 !important;
  472. }
  473.  
  474. .fa-comment-o {
  475. position: absolute !important;
  476. right: 160px !important;
  477. top: 18px !important;
  478. }
  479.  
  480. /* fade images
  481.  
  482. div.boardBanner, img {
  483. opacity: 0.5 !important;
  484. }
  485.  
  486. div.boardBanner:hover, img.hover, .expanded-image > .post > .file > .fileThumb > .full-image {
  487. opacity: 0.9 !important;
  488. } */
  489.  
  490.  
  491. /* Links */
  492. a, a:hover, div.post div.postInfo span.postNum a:hover, a.quotelink, a.deadlink {
  493. text-decoration: none !important;
  494. }
  495.  
  496. /*.backlink.deadlink:not(.forwardlink), .quotelink.deadlink:not(.forwardlink) {
  497. text-decoration: none !important;
  498. } */
  499.  
  500. /* if you use thread conversations */
  501.  
  502. .threadContainer {
  503. border-left: 1px solid #434359 !important;
  504. }
  505.  
  506. #header-bar .brackets-wrap:after,
  507. #header-bar .brackets-wrap:before,
  508. .shortcut:not(:last-child):after {
  509. content:""!important;
  510. }
  511.  
  512. #update-timer {
  513. color: transparent !important;
  514. }
  515.  
  516. a.current:nth-child(5), .yotsuba.fixed:root #custom-board-list .current:hover, .yotsuba-b.fixed:root #custom-board-list .current {
  517. border-bottom: 0px;
  518. }
  519.  
  520. /*#nav-links {
  521. right:0;
  522. padding:0px;
  523. position:fixed;
  524. bottom:0;
  525. z-index:10;
  526. }*/
  527.  
  528. .navLinks {
  529. margin-top: 50px !important;
  530. }
  531.  
  532. #index-size, #index-sort, #index-mode {
  533. border: none !important;
  534. }
  535.  
  536. span.navLinks:nth-child(1) {
  537. display: none;
  538. }
  539.  
  540. div.sideArrows,
  541. .qr-link-container,
  542. .boardSubtitle,
  543. .bottomCtrl.desktop,
  544. #absbot.absBotText,
  545. .navLinks.desktop,
  546. .navLinks.navLinksBot.desktop {
  547. display: none !important;
  548. }
  549.  
  550. div.center:nth-child(16), div.center:nth-child(6) {
  551. display: none !important;
  552. }
  553.  
  554. div.center:nth-child(4) {
  555. border: none !important;
  556. }
  557.  
  558. .yotsuba:root .hide-post-button,
  559. .yotsuba-b:root .hide-post-button {
  560. display: none !important;
  561. }
  562.  
  563. #unread-line {
  564. border:0!important;
  565. height:1px!important;
  566. margin-top:-10px!important;
  567. }
  568.  
  569. .inline {
  570. padding-left: 15px !important;
  571. padding-right: 15px !important;
  572. border: 0 !important;
  573. }
  574.  
  575. /* overlay and menu */
  576.  
  577. #overlay {
  578. background: rgba(0,0,0,0.7) !important;
  579. }
  580.  
  581.  
  582. #fourchanx-settings legend {
  583. font-family: "Pacifico", "Segoe Script" !important;
  584. font-size: 25px !important;
  585. font-weight: 200 !important;
  586. }
  587.  
  588. :root a.backlink,
  589. :root .backlink-container > a.backlink.deadlink,
  590. .warning,
  591. :root a.replylink:hover,
  592. :root a:not(.entry):hover {
  593. /* background: url(http://i.imgur.com/lFuGnSO.png) center no-repeat !important; */
  594. /* content: url('http://i.imgur.com/lFuGnSO.png') !important;*/
  595. }
  596.  
  597. :root a.backlink {
  598. margin-left: 5px !important;
  599. }
  600.  
  601. .postInfo > input,
  602. a.hide-reply-button > span {
  603. display: none !important;
  604. }
  605.  
  606. .fileText a {
  607. text-decoration: none;
  608. }
  609.  
  610. #qp, kbd {
  611. border: 0 !important;
  612. box-shadow: none !important;
  613. }
  614.  
  615. .close.fa.fa-times{
  616. display: none !important;
  617. }
  618.  
  619. #qr.dialog.has-captcha.autohide{
  620. border: 0px solid #6b454f !important;
  621. }
  622.  
  623. #qr.autohide:not(:hover):not(.has-focus) {
  624. max-height:21px;
  625. transition:max-height 0.7s ease 1s;
  626. }
  627.  
  628. #qr > form {
  629. padding-top:4px!important;
  630. }
  631.  
  632. #qr {
  633. background: var(--header-bg) !important;
  634. box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.3);
  635. border-radius: 0px !important;
  636. transition: all 0.2s ease 0s;
  637. transition:max-height 0.4s ease;
  638. z-index:1!important;
  639. }
  640.  
  641. #qr > div, #qr {
  642. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  643. }
  644.  
  645. #qr label input[type="checkbox"] {
  646. opacity: 0.4 !important;
  647. }
  648.  
  649. #qr label input[type="checkbox"]:hover {
  650. opacity: 0.7 !important;
  651. }
  652.  
  653. #qr .textarea textarea {
  654. max-height:184px;
  655. transition:none!important;
  656. }
  657.  
  658. .field, #qr option:hover,
  659. #dump-button:hover,
  660. :root .field:hover,
  661. #menu .entry.focused,
  662. :root .field:focus, #file-n-submit > input {
  663. background: var(--header-bg) !important;
  664. border-color: var(--header-bg) !important;
  665. color: var(--main-text) !important;
  666. }
  667.  
  668. #qr form {
  669. bottom: 10px !important;
  670. right: 0% !important;
  671. width: 300px !important;
  672. border: 1px var(--header-bg) !important;
  673. padding: 0px !important;
  674. padding-top: 0px !important;
  675. padding-bottom: 0px !important;
  676. background: var(--header-bg) !important;
  677. border-color: var(--post-bg) !important;
  678. border-radius: 0px !important;
  679. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  680. }
  681.  
  682. #dump-button {
  683. background: var(--header-bg) !important;
  684. border-color: var(--post-bg) !important;
  685. color: var(--main-text) !important;
  686. }
  687.  
  688. #qr .field, .field {
  689. background: var(--header-bg) !important;
  690. border: 1px var(--header-bg) !important;
  691. color: var(--main-text) !important;
  692. }
  693.  
  694. .replyContainer {
  695. padding: 10px !important;
  696. }
  697.  
  698. .fileText {
  699. opacity: 0 !important;
  700. max-height: 0px !important;
  701. transition: .4s ease-out !important;
  702. }
  703.  
  704. .file:hover .fileText, .file.image-expanded .fileText {
  705. opacity: 1 !important;
  706. max-height: 22px !important;
  707. }
  708.  
  709. /* info box block */
  710.  
  711. .fileText {
  712. margin-top: 0px !important;
  713. margin-left: -3px !important;
  714. padding: 4px !important;
  715. max-width: 440px !important;
  716. }
  717.  
  718.  
  719. /* name block */
  720.  
  721. div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.nameBlock span.postertrip, .nameBlock {
  722. padding: 4px !important;
  723. margin-left: -3px !important;
  724. }
  725.  
  726. .warning {
  727. padding: 4px !important;
  728. margin-left: -3px !important;
  729. }
  730.  
  731. /* time block */
  732.  
  733. /* replies block */
  734.  
  735. .container {
  736. padding: 4px !important;
  737. margin-left: -3px !important;
  738. }
  739.  
  740. /* subject block */
  741.  
  742. .subject, div.post div.postInfo span.subject {
  743. padding: 4px !important;
  744. margin-left: -3px !important;
  745. }
  746.  
  747. #thread-stats {
  748. padding: 6px !important;
  749. margin-left: -13px !important;
  750. }
  751.  
  752. .expand-all-shortcut {
  753. padding: 6px !important;
  754. margin-top: -3px !important;
  755. margin-left: -168px !important;
  756. display: none !important;
  757. }
  758.  
  759. .expand-all-shortcut {
  760. position: absolute !important;
  761. }
  762.  
  763. .contract-all-shortcut {
  764. margin-left: -160px !important;
  765. top: 10px !important;
  766. display: none !important;
  767. }
  768.  
  769. /*.qr-shortcut {
  770. display: inline-block !important;
  771. background: url('https://puu.sh/k0xOW/ddda4484a4.png');
  772. position: fixed !important;
  773. top: 0 !important;
  774. margin-left: 1140px !important;
  775. margin-top: 182px !important;
  776. } */
  777.  
  778. /*.qr-shortcut {
  779. padding: 6px !important;
  780. margin-left: -107px !important;
  781. opacity: 1 !important;
  782. margin-top: -3px !important;
  783. position: absolute !important;
  784. } */
  785.  
  786. #fourchanx-settings.dialog,
  787. fieldset legend, .yotsuba-b:root .suboption-list > div:last-of-type, .dialog:not(#qr):not(#thread-watcher):not(#header-bar), #fourchanx-settings code, kbd {
  788. border: none !important;
  789. }
  790.  
  791. #fourchanx-settings fieldset {
  792. border: 0px solid;
  793. border-radius: 3px;
  794. }
  795.  
  796. /* hide notifications */
  797.  
  798. #blotter, .globalMessage {
  799. display: none !important ;
  800. }
  801.  
  802. #toggleMsgBtn {
  803. opacity: 0 !important;
  804. }
  805. #toggleMsgBtn:hover {
  806. opacity: 0.8 !important;
  807. }
  808.  
  809. div.post div.postInfo span.postNum {
  810. opacity: 0.8 !important;
  811. }
  812. div.post div.postInfo span.postNum:hover {
  813. opacity: 0.5 !important;
  814. }
  815.  
  816. .qr-shortcut {
  817. position: absolute !important;
  818. margin-left: 800px !important;
  819. margin-top: 300px !important;
  820. font-size: 0px !important;
  821. background: transparent !important;
  822. color: var(--post-bg) !important;
  823. opacity: 1 !important;
  824. }
  825. .qr-shortcut:after {
  826. position: absolute !important;
  827. content: url('https://puu.sh/l7Ee0/18e02e57cd.png');
  828. margin-right: 0px !important;
  829. font-size: 0px !important;
  830. color: var(--post-bg) !important;
  831. right: 0 !important;
  832. bottom: 0 !important;
  833. }
  834.  
  835. .gal-prev, .gal-next, .gal-count, .gal-name {
  836. background: transparent !important;
  837. border: none !important;
  838. }
  839.  
  840. #a-gallery {
  841. background: rgba(20, 21, 31, 0.7) none repeat scroll 0% 0% !important;
  842. }
  843.  
  844. .gal-prev::after {
  845. border-right: 12px solid var(--secondary-text) !important;
  846. }
  847.  
  848. .gal-next::after {
  849. border-left: 12px solid var(--secondary-text) !important;
  850. }
  851.  
  852. /* old qr */
  853. table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field {
  854. background: transparent !important;
  855. border: none !important;
  856. }
  857.  
  858. #bannerCnt {
  859. border: none;
  860. /* height: 50px !important; */
  861. padding: 0px !important;
  862. opacity: 0.6 !important;
  863. box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.3);
  864. }
  865. #bannerCnt:hover {
  866. opacity: 0.5 !important;
  867. }
  868.  
  869. .qr-link-container + #togglePostFormLink, #appchan-gal {
  870. display: none !important;
  871. }
  872.  
  873. div.thread {
  874. background: transparent !important;
  875. }
  876.  
  877. /* op */
  878. .opContainer {
  879. background: var(--post-bg) !important;
  880. box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  881. }
  882.  
  883. a.fileThumb, div.post div.file .fileThumb img {
  884. float: right !important;
  885. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  886. }
  887.  
  888. /* catalog */
  889.  
  890. .board {
  891. margin: 0 auto !important;
  892. max-width: 1500px !important;
  893. margin-top: 20px !important;
  894. }
  895.  
  896. .catalog-mode:root .board {
  897. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  898. }
  899.  
  900. .navLinks {
  901. background: var(--post-bg) !important;
  902. padding: 0px !important;
  903. margin: 0 auto !important;
  904. max-width: 1540px !important;
  905. margin-top: 60px !important;
  906. box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  907. }
  908.  
  909. .catalog-mode:root .board {
  910. padding: 25px !important;
  911. }
  912.  
  913. .catalog-stats {
  914. background: var(--alt-bg) !important;
  915. padding: 5px !important;
  916. }
  917. .catalog-thread > .subject {
  918. background: var(--header-bg) !important;
  919. padding: 5px !important;
  920. }
  921. .catalog-thread > .comment {
  922. background: var(--header-bg) !important;
  923. padding: 5px !important;
  924. }
  925.  
  926.  
  927. /* catalog hover */
  928. .catalog-reply, .catalog-post.catalog-post:hover {
  929. background: var(--alt-bg) !important;
  930. border: none !important;
  931. }
  932.  
  933. .catalog-post.catalog-post:hover {
  934. box-shadow: 2px 2px 6px 8px rgba(0,0,0,0.2) !important;
  935. }
  936.  
  937. div.navLinks {
  938. padding: 5px !important;
  939. }
  940.  
  941. .bottomlink, .archlistlink, .indexlink {
  942. display: none !important;
  943. }
  944.  
  945. .brackets-wrap::after, .brackets-wrap::before {
  946. content: "" !important;
  947. }
  948. #index-search, #index-size, #index-sort, #index-mode {
  949. background: var(--header-bg) !important;
  950. }
  951.  
  952. span.postNum.desktop a[title="Link to this post"] {
  953. font-size: 0px !important;
  954. }
  955.  
  956. span.postNum.desktop a[title="Link to this post"]:after {
  957. content: "#" !important;
  958. font-size: 12px !important;
  959. }
  960.  
  961. .centered-links:root #custom-board-list {
  962. top: 13px !important;
  963. padding: 10px !important;
  964. }
  965.  
  966. #thread-stats, .settings-link {
  967. padding: 15px !important;
  968. /*top: -1px !important;*/
  969. }
  970.  
  971. span.menu-button {
  972. padding: 15px !important;
  973. top: 0px !important;
  974. left: 1% !important;
  975. width: 3px !important;
  976. }
  977.  
  978. #watcher-link {
  979. padding: 15px !important;
  980. margin-left: -115px !important;
  981. /* margin-top: -4px !important;*/
  982. opacity: 1 !important;
  983. position: absolute !important;
  984. }
  985.  
  986. #shortcut-gallery {
  987. padding: 15px !important;
  988. margin-left: -109px !important;
  989. margin-top: -4px !important;
  990. opacity: 1 !important;
  991. position: absolute !important;
  992. display: none !important;
  993. }
  994.  
  995. #header-bar .menu-button i {
  996. margin-top: -2px !important;
  997. }
  998.  
  999. div.post div.postInfo span.nameBlock:after {
  1000. content: "||" !important;
  1001. }
  1002.  
  1003. span.postNum.desktop a[title="Link to this post"]:after {
  1004. opacity: 0.8 !important;
  1005. }
  1006.  
  1007.  
  1008. /* remove skellington (gtfo out of here 4chin w/ this shiiiiiit)*/
  1009.  
  1010. #skellington {
  1011. display: none !important;
  1012. }
  1013.  
  1014. #thread-watcher {
  1015. border: none !important;
  1016. position: fixed !important;
  1017. top: 0 !important;
  1018. left: 0 !important;
  1019. z-index: 999 !important;
  1020. left: -16% !important;
  1021. top: 5% !important;
  1022. cursor: default !important;
  1023. background: var(--post-bg) !important;
  1024. box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
  1025. height: 93% !important;
  1026. width: 15% !important;
  1027. transition: ease-in-out .3s !important;
  1028. padding: 20px !important;
  1029. }
  1030.  
  1031. #thread-watcher:hover {
  1032. left: 0% !important;
  1033. transition: ease-in-out .3s !important;
  1034. }
  1035.  
  1036. /* div.boardBanner {
  1037. width: 700px !important;
  1038. height: 100px !important;
  1039. margin: 0 auto !important;
  1040. } */
  1041.  
  1042. #header-bar::before {
  1043. z-index: -1 !important;
  1044. }
  1045.  
  1046. div.boardBanner > div.boardTitle {
  1047. z-index: 9999 !important;
  1048. }
  1049.  
  1050.  
  1051.  
  1052. /*
  1053. .fourchan-x:root body, .fixed.top-header body {
  1054. z-index: -1 !important;
  1055. }
  1056. */
  1057.  
  1058. /* dropdowns */
  1059.  
  1060. select {
  1061. text-align: center !important;
  1062. width: 130px !important;
  1063. height: 23px !important;
  1064. }
  1065.  
  1066. #index-options select {
  1067. margin-right: 10px !important;
  1068. }
  1069.  
  1070.  
  1071. /*
  1072. #menu {
  1073. z-index: 99999 !important;
  1074. margin-right: 50px !important;
  1075. margin-top: 0px !important;
  1076. position: absolute !important;
  1077. right: 0 !important;
  1078. top: 0 !important;
  1079. max-width: 200px !important;
  1080. }
  1081. */
  1082.  
  1083. .dialog.submenu {
  1084. margin-top: -40px !important;
  1085. z-index: 99999 !important;
  1086. padding: 0px !important;
  1087. }
  1088.  
  1089. #full-board-list {
  1090. z-index: 99999 !important;
  1091. margin-top: -40px !important;
  1092. position: fixed !important;
  1093. right: 0 !important;
  1094. top: 0 !important;
  1095. padding: 10px !important;
  1096. }
  1097.  
  1098.  
  1099. #header-bar, #header-bar::before, .yotsuba:root:not(.fixed) #header-bar {
  1100. min-width: 100% !important;
  1101. top: 0 !important;
  1102. /* comment this next line to fix the J hotkey not working and/or to have the header show always */
  1103. position: absolute !important;
  1104. }
  1105.  
  1106.  
  1107.  
  1108. /* Only show date/dropdown arrow/quotelinks on hover
  1109.  
  1110. div.post div.postInfo span.postNum a {
  1111. opacity: 0 !important;
  1112. transition: .2s ease-out !important;
  1113. }
  1114. div.post div.postInfo span.postNum a:hover {
  1115. opacity: 1 !important;
  1116. transition: .2s ease-out !important;
  1117. }
  1118.  
  1119. span.dateTime {
  1120. opacity: 0 !important;
  1121. position: absolute !important;
  1122. transition: .2s ease-out;
  1123. }
  1124. span.dateTime:hover {
  1125. opacity: 1 !important;
  1126. transition: .2s ease-out;
  1127. }
  1128. */
  1129. .fa-angle-down::before, .op .menu-button, .postContainer .menu-button {
  1130. transition: .2s ease-out;
  1131. opacity: 0.5 !important;
  1132. }
  1133. .fa-angle-down:hover, .op .menu-button:hover, .postContainer .menu-button:hover {
  1134. transition: .2s ease-out;
  1135. opacity: 1 !important;
  1136. }
  1137.  
  1138.  
  1139. /* remove christmas hats */
  1140.  
  1141. .hats-enabled:root .catalog-small > .catalog-thread::after, .party-hat {
  1142. display: none !important;
  1143. }
  1144. }
RAW Paste Data