API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 22nd, 2016
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.73 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document domain("4chan.org") {
  2.  
  3. /* custom colors */ /*var(--alt-bg)*/
  4. :root {
  5. --post-bg: #1c1c1c !important; /* tab bg */
  6. --alt-bg: #1c1c1c !important; /* tab bg */
  7. --header-bg: #1c1c1c !important; /* tab bg */
  8. --light-bg: #1c1c1c !important; /* tab bg */
  9. --main-text: #c0c0c0 !important; /* tab fg */
  10. --secondary-text: #59bdbb !important; /* selected tab fg*/
  11. --third-text: #c0c0c0 !important; /* hover tab fg & url bar fg*/
  12. --forth-text: #8fcac9 !important; /* green text*/
  13. }
  14.  
  15. body, html {
  16.  
  17.  
  18. /* background: url('https://puu.sh/lR6yz/bf70d6b5ea.png') !important;*/
  19. background: var(--alt-bg) !important;
  20. background-repeat: repeat !important;
  21. background-attachment: fixed !important;
  22. background-position: center center !important;
  23. margin: auto !important;
  24. background-color: var(--alt-bg) !important;
  25. }
  26.  
  27. /* ~~~~~ customize colors to your liking ~~~~~ */
  28.  
  29. /* block bg colors */
  30.  
  31. /* qr and date block bg */
  32. .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 {
  33. color: var(--third-text) !important;
  34. }
  35.  
  36. /* quote bg */
  37. div.post div.postInfo span.postNum, div.post div.postInfo span.postNum a {
  38. color: var(--third-text) !important;
  39. }
  40.  
  41. /* watcher and name block bg, quote text */
  42. #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 {
  43. color: var(--secondary-text) !important;
  44. }
  45.  
  46. /* EAI and subject block bg */
  47. .expand-all-shortcut, .subject, div.post div.postInfo span.subject, #custom-board-list, .yotsuba-b:root #board-list a, .yotsuba:root #board-list a {
  48. color: var(--main-text) !important;
  49. }
  50.  
  51. /* text colors */
  52. /* main text */
  53. 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 {
  54. color: var(--main-text) !important;
  55. }
  56.  
  57. /* links & quoted */
  58. 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 {
  59. color: var(--third-text) !important;
  60. }
  61.  
  62. /* green text */
  63. blockquote > span.quote, .catalog-thread > .comment > span.quote, .yotsuba:root #board-list a:hover, #watched-threads .watcher-title:hover {
  64. color: var(--forth-text) !important;
  65. }
  66.  
  67. /* bg colors */
  68. /* reply bg */
  69. div.reply, .catalog-mode:root .board, .inline .post {
  70. background: var(--post-bg) !important;
  71. }
  72.  
  73. /* chat style reply - make the border color match the reply bg color
  74. .replyContainer:after {
  75. content: ' '!important;
  76. float: left !important;
  77. width: 0 !important;
  78. height: 0 !important;
  79. margin-left: 0px !important;
  80. margin-top: -8px !important;
  81. border: 15px solid !important;
  82. }
  83. .opContainer:after {
  84. content: ' '!important;
  85. float: left !important;
  86. width: 0 !important;
  87. height: 0 !important;
  88. margin-left: -10px !important;
  89. margin-top: -8px !important;
  90. border: 20px solid !important;
  91. }*/
  92.  
  93. /* header bg and main site bg */
  94. .boxcontent, .top-box, .left-box, .right-box, #recent-images a {
  95. background: var(--post-bg) !important;
  96. }
  97.  
  98.  
  99. /* menus, watcher, linked posts and qr bg */
  100. #thread-watcher, #fourchanx-settings.dialog,
  101. 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 {
  102. background: var(--post-bg) !important;
  103. }
  104.  
  105. #header-bar, .yotsuba-b:root:not(.fixed) #header-bar, span.boardList, .yotsuba:root .suboption-list > div:last-of-type {
  106. background: var(--header-bg) !important;
  107. }
  108.  
  109. /* quoted bg */
  110. .yotsuba:root .inline, .boxbar, #qr select, select {
  111. background: var(--alt-bg) !important;
  112. }
  113.  
  114. #ft li, .right-box, .boxcontent, .top-box, .left-box, #recent-images .boxcontent, #qr select, #archive-board-select, select {
  115. border: none !important;
  116. }
  117.  
  118. .top-box .menubutton, .right-box .menubutton {
  119. background-image: none !important;
  120. }
  121.  
  122. #ft li, #ft ul {
  123. background: none !important;
  124. border: none !important;
  125. }
  126.  
  127.  
  128. /* misc */
  129.  
  130. /* quotes to (you) border color */
  131. .highlight-you:root .quotesYou.opContainer, .highlight-you:root .quotesYou > .reply {
  132. border-top: 1px solid var(--secondary-text) !important;
  133. }
  134.  
  135. /* notifications */
  136. .message {
  137. background-color: var(--post-bg) !important;
  138. color: var(--main-text) !important;
  139. text-shadow: none !important;
  140. }
  141.  
  142. /* transition for links */
  143. .yotsuba:root #board-list a, a:hover, #watched-threads .watcher-title:hover {
  144. transition: ease-in-out .2s !important;
  145. }
  146.  
  147. /* waifu
  148. body::after {
  149. content: url('https://puu.sh/l8I5S/792d7fc13d.png');
  150. position: fixed !important;
  151. margin: auto !important;
  152. left: 0 !important;
  153. bottom: 0 !important;
  154. margin-left: 0px !important;
  155. z-index: 1 !important;
  156. } */
  157.  
  158. #qr input.field {
  159. opacity: 0 !important;
  160. }
  161.  
  162. #qr input.field:hover {
  163. opacity: 1 !important;
  164. }
  165.  
  166. /* thread */
  167. div.thread {
  168. width: 1100px !important;
  169. /*margin-left: 400px !important;*/
  170. margin: 0 auto !important;
  171. /* 120 for header, 30 w/o */
  172. margin-top: 65px !important;
  173. }
  174.  
  175. /*div.thread, .replyContainer, .postContainer {
  176. background: transparent !important;
  177. } */
  178.  
  179. #skellington, a.entry:nth-child(1) {
  180. display: none !important;
  181. }
  182.  
  183. div.op {
  184. margin-top: 0px !important;
  185. }
  186.  
  187. .yotsuba:root .watch-thread-link, .watch-thread-link {
  188. background: url("http://puu.sh/oj6ff/fc91658f7b.png") !important;
  189. width: 33px !important;
  190. height: 5px !important;
  191. }
  192.  
  193. /*#fT1834928 {
  194. margin-top: -10px !important;
  195. margin-right: 141px !important;
  196. } */
  197.  
  198. #header-bar {
  199. border: 0 !important;
  200. height: 40px !important;
  201. margin: 0 auto !important;
  202. margin-top: 0px !important;
  203. /* max-width: 1096px !important; */
  204. display: inline-block !important;
  205. }
  206.  
  207. span.boardList {
  208. margin-top: 0px !important;
  209. display: inline-block !important;
  210. }
  211. .hide-board-list-button {
  212. margin-top: 28px !important;
  213. display: inline-block !important;
  214. }
  215.  
  216. #full-board-list, .centered-links:root #header-bar {
  217. z-index: 200 !important;
  218. }
  219. #thread-stats:hover {
  220. z-index: -20 !important;
  221. }
  222.  
  223. .yotsuba-b:root #board-list {
  224. max-width: 396px !important;
  225. }
  226.  
  227. /*.centered-links:root #shortcuts, #custom-board-list {
  228. left: 56px !important;
  229. }
  230.  
  231. #shortcuts {
  232. float: none !important;
  233. } */
  234.  
  235. #header-bar a.current, .yotsuba-b:root #board-list a {
  236. text-decoration: none !important;
  237. }
  238.  
  239. .index-refresh-shortcut, span.shortcut:nth-child(5) {
  240. display: none !important;
  241. }
  242.  
  243. div.reply {
  244. #box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  245. /*box-shadow: none !important;*/
  246. }
  247. div.reply:hover {
  248. #box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  249. /*box-shadow: none !important;*/
  250. }
  251.  
  252.  
  253. /* reply and op bg colors */
  254.  
  255. .replyContainer {
  256. padding: 0px !important;
  257. }
  258.  
  259. .postContainer.replyContainer {
  260. margin-top: 15px !important;
  261. }
  262.  
  263. .post.reply, .opContainer, .post.reply:hover {
  264. width: 100% !important;
  265. padding: 10px !important;
  266. -moz-box-sizing:border-box!important;
  267. }
  268.  
  269. div.opContainer {
  270. width: 98% !important;
  271. margin: 0 auto !important;
  272. }
  273.  
  274. .opContainer {
  275. padding-bottom: 3px !important;
  276. }
  277.  
  278. span.postNum a:hover {
  279. font-family: Tamsyn7x13 !important;*/
  280. }
  281.  
  282. /* give reply borders */
  283. div.reply, .post.reply, .opContainer {
  284. border: 0px !important;
  285. border-style: solid !important;
  286. }
  287.  
  288. /* op height */
  289. div.opContainer {
  290. min-height: 180px !important;
  291. }
  292.  
  293. div.post blockquote.postMessage {
  294. width: 96% !important;
  295. }
  296.  
  297. /* reply link, backlink location
  298.  
  299. div.post div.postInfo span.postNum a {
  300. visibility: hidden !important;
  301. float:right;
  302. }
  303. div.post div.postInfo span.postNum a:before {
  304. content: url(https://puu.sh/k0oPB/098f590af7.png) !important;
  305. opacity: 0.6 !important;
  306. visibility: visible;
  307. float:right;
  308. margin-left: -9px !important;
  309. margin-top: -10px !important;
  310. width: 8px !important;
  311. } */
  312.  
  313. div.post div.postInfo span.postNum {
  314. padding: 8px !important;
  315. float: right !important;
  316. margin-right: 4px !important;
  317. margin-top: -8px !important;
  318. }
  319.  
  320. span.dateTime {
  321. padding: 4px !important;
  322. right: 27% !important;
  323. margin-top: -4px !important;
  324. }
  325.  
  326. /* menu dropdown */
  327. .fa-angle-down::before, .op .menu-button, .postContainer .menu-button {
  328. /*content: url(https://puu.sh/k0rck/835a18128d.png) !important;*/
  329. content: url(https://puu.sh/kJK7r/66df022a75.png) !important;
  330. margin-right: 0px;
  331. margin-top: 1px;
  332. float:right;
  333. width: 10px !important;
  334. height: 10px !important;
  335. /*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
  336. }
  337.  
  338. .fa-angle-down::before {
  339. opacity: 0.5 !important;
  340. }
  341.  
  342. /* give image borders */
  343. img {
  344. border: 0px !important;
  345. border-color: var(--alt-bg) !important;
  346. border-style: solid !important;
  347. }
  348.  
  349. /* Replace backlinks by arrow icons */
  350. .backlink:first-child::before {
  351. margin-left: -5px !important;
  352. }
  353. .backlink {
  354. font-size: 0 !important;
  355. }
  356. .backlink:after {
  357. content: url(https://puu.sh/kJKfz/74c060c9c7.png) !important;
  358. font-size: 12px !important;
  359. margin-right: 0px !important;
  360. opacity: 0.5 !important;
  361. }
  362. .backlink:after {
  363. margin-left: 8px !important;
  364. }
  365. .backlink:hover::after, .backlink.filtered:hover::after {
  366. opacity: 0.65 !important;
  367. }
  368. .backlink.filtered:after {
  369. opacity: 0.65 !important;
  370. }
  371. .post.op .backlink:first-child {
  372. margin-left: 0px !important;
  373. }
  374.  
  375. /* fonts */
  376. 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 {
  377. font-family: Tamsyn7x13 !important;
  378. font-weight: 600 !important;*/
  379. font-size: 13px !important;
  380. }
  381.  
  382. /* change the margin depending on whether you show the banner and the header */
  383. hr {
  384. margin-top:0px !important;
  385. padding-top: 0px !important;
  386. border: 0 !important;
  387. }
  388.  
  389. /* buttons */
  390.  
  391. .settings-link.fa-wrench:before, .qr-shortcut:before, #watcher-link:before {
  392. font-family: Tamsyn7x13 !important;
  393. font-weight: 600 !important;*/
  394. font-size: 12px !important;
  395. }
  396.  
  397. #thread-stats {
  398. position: absolute !important;
  399. left: 14px !important;
  400. }
  401.  
  402. /*.qr-shortcut {
  403. margin-left: -45px !important;
  404. }
  405. .qr-shortcut:before {
  406. content: "Reply" !important;
  407. margin-right: 5px !important;
  408. z-index: 3 !important;
  409. } */
  410.  
  411. .settings-link {
  412. position: absolute !important;
  413. right: 19px !important;
  414. }
  415. .settings-link.fa-wrench:before {
  416. content: "Options" !important;
  417. margin-right: 5px !important;
  418. z-index: 3 !important;
  419. }
  420.  
  421. /* fade images
  422.  
  423. div.boardBanner, img {
  424. opacity: 0.5 !important;
  425. }
  426.  
  427. div.boardBanner:hover, img.hover, .expanded-image > .post > .file > .fileThumb > .full-image {
  428. opacity: 0.9 !important;
  429. } */
  430.  
  431.  
  432. /* Links */
  433. a, a:hover, div.post div.postInfo span.postNum a:hover, a.quotelink, a.deadlink {
  434. text-decoration: none !important;
  435. }
  436.  
  437. /*.backlink.deadlink:not(.forwardlink), .quotelink.deadlink:not(.forwardlink) {
  438. text-decoration: none !important;
  439. } */
  440.  
  441. /* if you use thread conversations */
  442.  
  443. .threadContainer {
  444. border-left: 1px solid #434359 !important;
  445. }
  446.  
  447. #header-bar .brackets-wrap:after,
  448. #header-bar .brackets-wrap:before,
  449. .shortcut:not(:last-child):after {
  450. content:""!important;
  451. }
  452.  
  453. #update-timer {
  454. color: transparent !important;
  455. }
  456.  
  457. a.current:nth-child(5), .yotsuba.fixed:root #custom-board-list .current:hover, .yotsuba-b.fixed:root #custom-board-list .current {
  458. border-bottom: 0px;
  459. }
  460.  
  461. /*#nav-links {
  462. right:0;
  463. padding:0px;
  464. position:fixed;
  465. bottom:0;
  466. z-index:10;
  467. }*/
  468.  
  469. .navLinks {
  470. margin-top: 50px !important;
  471. }
  472.  
  473. #index-size, #index-sort, #index-mode {
  474. border: none !important;
  475. }
  476.  
  477. span.navLinks:nth-child(1) {
  478. display: none;
  479. }
  480.  
  481. div.sideArrows,
  482. .qr-link-container,
  483. .boardSubtitle,
  484. .bottomCtrl.desktop,
  485. #absbot.absBotText,
  486. .navLinks.desktop,
  487. .navLinks.navLinksBot.desktop {
  488. display: none !important;
  489. }
  490.  
  491. div.center:nth-child(16), div.center:nth-child(6) {
  492. display: none !important;
  493. }
  494.  
  495. div.center:nth-child(4) {
  496. border: none !important;
  497. }
  498.  
  499. .yotsuba:root .hide-post-button,
  500. .yotsuba-b:root .hide-post-button {
  501. display: none !important;
  502. }
  503.  
  504. #unread-line {
  505. border:0!important;
  506. height:1px!important;
  507. margin-top:-10px!important;
  508. }
  509.  
  510. .inline {
  511. padding-left: 15px !important;
  512. padding-right: 15px !important;
  513. border: 0 !important;
  514. }
  515.  
  516. :root a.backlink,
  517. :root .backlink-container > a.backlink.deadlink,
  518. .warning,
  519. :root a.replylink:hover,
  520. :root a:not(.entry):hover {
  521. /* background: url(http://i.imgur.com/lFuGnSO.png) center no-repeat !important; */
  522. /* content: url('http://i.imgur.com/lFuGnSO.png') !important;*/
  523. }
  524.  
  525. :root a.backlink {
  526. margin-left: 5px !important;
  527. }
  528.  
  529. .postInfo > input,
  530. a.hide-reply-button > span {
  531. display: none !important;
  532. }
  533.  
  534. .fileText a {
  535. text-decoration: none;
  536. }
  537.  
  538. #qp, kbd {
  539. border: 0 !important;
  540. box-shadow: none !important;
  541. }
  542.  
  543. .close.fa.fa-times{
  544. display: none !important;
  545. }
  546.  
  547. #qr.dialog.has-captcha.autohide{
  548. #box-shadow: 1px -2px 4px #161721 !important;
  549. border: 0px solid #6b454f !important;
  550. }
  551.  
  552. #qr.autohide:not(:hover):not(.has-focus) {
  553. max-height:21px;
  554. transition:max-height 0.7s ease 1s;
  555. }
  556.  
  557. #qr > form {
  558. padding-top:4px!important;
  559. }
  560.  
  561. #qr {
  562. background: var(--header-bg) !important;
  563. border-radius: 0px !important;
  564. transition: all 0.2s ease 0s;
  565. transition:max-height 0.4s ease;
  566. z-index:1!important;
  567. }
  568.  
  569. #qr > div {
  570. #box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  571. }
  572.  
  573. #qr label input[type="checkbox"] {
  574. opacity: 0.4 !important;
  575. }
  576.  
  577. #qr label input[type="checkbox"]:hover {
  578. opacity: 0.7 !important;
  579. }
  580.  
  581. #qr .textarea textarea {
  582. max-height:184px;
  583. transition:none!important;
  584. }
  585.  
  586. .field, #qr option:hover,
  587. #dump-button:hover,
  588. :root .field:hover,
  589. #menu .entry.focused,
  590. :root .field:focus, #file-n-submit > input {
  591. background: var(--header-bg) !important;
  592. border-color: var(--header-bg) !important;
  593. color: var(--main-text) !important;
  594. }
  595.  
  596. #qr form {
  597. bottom: 10px !important;
  598. right: 0% !important;
  599. width: 300px !important;
  600. border: 1px var(--header-bg) !important;
  601. padding: 0px !important;
  602. padding-top: 0px !important;
  603. padding-bottom: 0px !important;
  604. background: var(--header-bg) !important;
  605. border-color: var(--post-bg) !important;
  606. border-radius: 0px !important;
  607. #box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  608. }
  609.  
  610. #dump-button {
  611. background: var(--header-bg) !important;
  612. border-color: var(--post-bg) !important;
  613. color: var(--main-text) !important;
  614. }
  615.  
  616. #qr .field, .field {
  617. background: var(--header-bg) !important;
  618. border: 1px var(--header-bg) !important;
  619. color: var(--main-text) !important;
  620. }
  621.  
  622. .replyContainer {
  623. padding: 10px !important;
  624. }
  625.  
  626. .fileText {
  627. opacity: 0 !important;
  628. max-height: 0px !important;
  629. transition: .4s ease-out !important;
  630. }
  631.  
  632. .file:hover .fileText, .file.image-expanded .fileText {
  633. opacity: 1 !important;
  634. max-height: 22px !important;
  635. }
  636.  
  637. /* info box block */
  638.  
  639. .fileText {
  640. margin-top: 0px !important;
  641. margin-left: -3px !important;
  642. padding: 4px !important;
  643. max-width: 440px !important;
  644. }
  645.  
  646.  
  647. /* name block */
  648.  
  649. div.post div.postInfo span.nameBlock span.name, div.post div.postInfo span.nameBlock span.postertrip, .nameBlock {
  650. padding: 4px !important;
  651. margin-left: -3px !important;
  652. }
  653.  
  654. .warning {
  655. padding: 4px !important;
  656. margin-left: -3px !important;
  657. }
  658.  
  659. /* time block */
  660.  
  661. /* replies block */
  662.  
  663. .container {
  664. padding: 4px !important;
  665. margin-left: -3px !important;
  666. }
  667.  
  668. /* subject block */
  669.  
  670. .subject, div.post div.postInfo span.subject {
  671. padding: 4px !important;
  672. margin-left: -3px !important;
  673. }
  674.  
  675. #thread-stats {
  676. padding: 6px !important;
  677. margin-left: -13px !important;
  678. }
  679.  
  680. .expand-all-shortcut {
  681. padding: 6px !important;
  682. margin-top: -3px !important;
  683. margin-left: -168px !important;
  684. display: none !important;
  685. }
  686.  
  687. .expand-all-shortcut {
  688. position: absolute !important;
  689. }
  690.  
  691. .contract-all-shortcut {
  692. margin-left: -160px !important;
  693. top: 10px !important;
  694. display: none !important;
  695. }
  696.  
  697. /*.qr-shortcut {
  698. display: inline-block !important;
  699. background: url('https://puu.sh/k0xOW/ddda4484a4.png');
  700. position: fixed !important;
  701. top: 0 !important;
  702. margin-left: 1140px !important;
  703. margin-top: 182px !important;
  704. } */
  705.  
  706. /*.qr-shortcut {
  707. padding: 6px !important;
  708. margin-left: -107px !important;
  709. opacity: 1 !important;
  710. margin-top: -3px !important;
  711. position: absolute !important;
  712. } */
  713.  
  714. #fourchanx-settings.dialog,
  715. fieldset legend, .yotsuba-b:root .suboption-list > div:last-of-type, .dialog:not(#qr):not(#thread-watcher):not(#header-bar), #fourchanx-settings code, kbd {
  716. border: none !important;
  717. }
  718.  
  719. #fourchanx-settings fieldset {
  720. border: 0px solid;
  721. border-radius: 3px;
  722. }
  723.  
  724. /* hide notifications */
  725.  
  726. #blotter, .globalMessage {
  727. display: none !important ;
  728. }
  729.  
  730. #toggleMsgBtn {
  731. opacity: 0 !important;
  732. }
  733. #toggleMsgBtn:hover {
  734. opacity: 0.8 !important;
  735. }
  736.  
  737. div.post div.postInfo span.postNum {
  738. opacity: 0.8 !important;
  739. }
  740. div.post div.postInfo span.postNum:hover {
  741. opacity: 0.5 !important;
  742. }
  743.  
  744. .qr-shortcut {
  745. position: absolute !important;
  746. margin-left: 800px !important;
  747. margin-top: 300px !important;
  748. font-size: 0px !important;
  749. background: transparent !important;
  750. color: var(--post-bg) !important;
  751. opacity: 1 !important;
  752. }
  753. .qr-shortcut:after {
  754. position: absolute !important;
  755. content: url('https://puu.sh/l7Ee0/18e02e57cd.png');
  756. margin-right: 0px !important;
  757. font-size: 0px !important;
  758. color: var(--post-bg) !important;
  759. right: 0 !important;
  760. bottom: 0 !important;
  761. }
  762.  
  763. .gal-prev, .gal-next, .gal-count, .gal-name {
  764. background: transparent !important;
  765. border: none !important;
  766. }
  767.  
  768. #a-gallery {
  769. background: rgba(20, 21, 31, 0.7) none repeat scroll 0% 0% !important;
  770. }
  771.  
  772. .gal-prev::after {
  773. border-right: 12px solid var(--secondary-text) !important;
  774. }
  775.  
  776. .gal-next::after {
  777. border-left: 12px solid var(--secondary-text) !important;
  778. }
  779.  
  780. /* old qr */
  781. table.postForm > tbody > tr > td:first-child, input[type="text"], input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field {
  782. background: transparent !important;
  783. border: none !important;
  784. }
  785.  
  786. .div.boardTitle, .yotsuba-b:root div.boardTitle, div.boardTitle {
  787. display: none !important;
  788. color: var(--third-text) !important;
  789. text-shadow: none !important;
  790. padding: 5px !important;
  791. background: var(--alt-bg) !important;
  792. #box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.3);
  793. width: 350px !important;
  794. margin: auto !important;
  795. margin-top: 25px !important;
  796. }
  797.  
  798. #bannerCnt {
  799. border: none;
  800. margin-top: 30px !important;
  801. padding: 0px !important;
  802. opacity: 0.6 !important;
  803. #box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.3);
  804. display: none !important;
  805. }
  806. #bannerCnt:hover {
  807. opacity: 0.5 !important;
  808. }
  809.  
  810. .qr-link-container + #togglePostFormLink, #appchan-gal {
  811. display: none !important;
  812. }
  813.  
  814. div.thread {
  815. background: transparent !important;
  816. }
  817.  
  818. /* op */
  819. .opContainer {
  820. background: var(--post-bg) !important;
  821. #box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  822. }
  823.  
  824. a.fileThumb, div.post div.file .fileThumb img {
  825. float: right !important;
  826. #box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  827. }
  828.  
  829. /* catalog */
  830.  
  831. .board {
  832. margin: 0 auto !important;
  833. max-width: 1500px !important;
  834. margin-top: 20px !important;
  835. }
  836.  
  837. .catalog-mode:root .board {
  838. #box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  839. }
  840.  
  841. .navLinks {
  842. background: var(--header-bg) !important;
  843. padding: 0px !important;
  844. margin: 0 auto !important;
  845. max-width: 1540px !important;
  846. margin-top: 60px !important;
  847. #box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  848. }
  849.  
  850. .catalog-mode:root .board {
  851. padding: 25px !important;
  852. }
  853.  
  854. .catalog-stats {
  855. background: var(--alt-bg) !important;
  856. padding: 5px !important;
  857. }
  858. .catalog-thread > .subject {
  859. background: var(--header-bg) !important;
  860. padding: 5px !important;
  861. }
  862. .catalog-thread > .comment {
  863. background: var(--header-bg) !important;
  864. padding: 5px !important;
  865. }
  866.  
  867. div.navLinks {
  868. padding: 5px !important;
  869. }
  870.  
  871. .bottomlink, .archlistlink, .indexlink {
  872. display: none !important;
  873. }
  874.  
  875. .brackets-wrap::after, .brackets-wrap::before {
  876. content: "" !important;
  877. }
  878. #index-search, #index-size, #index-sort, #index-mode {
  879. background: var(--post-bg) !important;
  880. }
  881.  
  882. #thread-watcher {
  883. border: none !important;
  884. #box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
  885. }
  886.  
  887. span.postNum.desktop a[title="Link to this post"] {
  888. font-size: 0px !important;
  889. }
  890.  
  891. span.postNum.desktop a[title="Link to this post"]:after {
  892. content: "// " !important;
  893. font-size: 12px !important;
  894. }
  895.  
  896. .centered-links:root #custom-board-list {
  897. top: 9px !important;
  898. background: var(--light-bg) !important;
  899. padding: 17px !important;
  900. }
  901.  
  902. #thread-stats, .settings-link {
  903. background: var(--light-bg) !important;
  904. padding: 15px !important;
  905. top: 0 !important;
  906. }
  907.  
  908. span.menu-button {
  909. background: var(--light-bg) !important;
  910. padding: 15px !important;
  911. top: -2px !important;
  912. left: 1% !important;
  913. width: 3px !important;
  914. }
  915.  
  916. #watcher-link {
  917. background: var(--light-bg) !important;
  918. padding: 15px !important;
  919. margin-left: -127px !important;
  920. margin-top: -2px !important;
  921. opacity: 1 !important;
  922. position: absolute !important;
  923. }
  924.  
  925. #header-bar .menu-button i {
  926. margin-top: -2px !important;
  927. }
  928.  
  929. /* Only show date/dropdown arrow/quotelinks on hover */
  930.  
  931. div.post div.postInfo span.postNum a {
  932. opacity: 0 !important;
  933. transition: .2s ease-out !important;
  934. }
  935. div.post div.postInfo span.postNum a:hover {
  936. opacity: 1 !important;
  937. transition: .2s ease-out !important;
  938. }
  939.  
  940. span.dateTime {
  941. opacity: 0 !important;
  942. position: absolute !important;
  943. transition: .2s ease-out;
  944. }
  945. span.dateTime:hover {
  946. opacity: 1 !important;
  947. transition: .2s ease-out;
  948. }
  949.  
  950. .fa-angle-down::before, .op .menu-button, .postContainer .menu-button {
  951. transition: .2s ease-out;
  952. opacity: 0 !important;
  953. }
  954. .fa-angle-down:hover, .op .menu-button:hover, .postContainer .menu-button:hover {
  955. transition: .2s ease-out;
  956. opacity: 1 !important;
  957. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!