API tools faq
paste
Advertisement
Guest User

Untitled

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