API tools faq
paste
Advertisement
Guest User

Untitled

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