API tools faq
paste
Gomuboy

Custom Zairyou for OneeChan - SFW

Gomuboy
Jan 12th, 2016
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.62 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Search .post.op to change OP post color
  3. Search .top-header:not(.autohide) #board-list::before  to change sidebar color
  4. Search #GlobalMessage to change announcement color.
  5. Search #full-board-list a to change actual board color
  6. */
  7.  
  8. @import url('https://fonts.googleapis.com/css?family=Amble:300,300italic,400,400italic,700,700italic');
  9. @namespace url(http://www.w3.org/1999/xhtml);
  10.  
  11. @-moz-document domain("boards.4chan.org"), regexp("https?://boards\\.4chan\\.org\\/(.|..|...|....)\\/catalog"), regexp("https?://.*.(google.com/recaptcha/api2).*") {}
  12.    
  13. @-moz-document domain("boards.4chan.org") {
  14.  
  15.   /*
  16.    
  17.       MAIN LAYOUT
  18.  
  19.   */
  20.  
  21.   div.center,
  22.   h1,
  23.   hr,
  24.   table#blotter.desktop,
  25.   a.entry.unwatch-thread,
  26.   #thread-watcher .move > .close,
  27.   #copyright,
  28.   #hideBtn,
  29.   #qr-file-button,
  30.   #qr .close,
  31.   #qr #autohide,
  32.   #absbot,
  33.   #qp .menu-button,
  34.   #board-list .current ~ .current,
  35.   #thread-watcher .refresh,
  36.   #thread-watcher .fa.fa-times,
  37.   #qr select,
  38.   #qr.dialog.reply-to-thread.has-captcha.captcha-v2.autohide,
  39.   .cataloglink a[href*="archive"],
  40.   .postInfo input[type="checkbox"],
  41.   .inline .menu-button,
  42.   .ad-plea,
  43.   .captcha-counter,
  44.   .boardBanner > img,
  45.   .boardTitle,
  46.   .boardSubtitle,
  47.   .has-submenu::after,
  48.   .deleteform,
  49.   .extButton,
  50. /*   .boardBanner, */
  51.   .sideArrows,
  52.   .hide-thread-button,
  53.   .hide-reply-button,
  54.   .fa-plus-square-o::before,
  55.   .hide-reply-button.stub a::before,
  56.   .postForm,
  57.   .postingMode,
  58.   .stylechanger,
  59.   .webm-title,
  60.   .txt-no,
  61.     .txt-ctrl,
  62.   #togglePostFormLink {
  63.     display: none !important;
  64.   }
  65.  
  66.   body {
  67.     margin-left: 280px !important;
  68.     margin-right: 0px !important;
  69.   }
  70.  
  71.   *:active, *:focus {
  72.     outline: none !important;
  73.   }
  74.  
  75.   .board {
  76.     margin-top: 97px !important;
  77.     margin-right: 123px !important;
  78.     margin-left: 99px !important;
  79.     margin-bottom: 10px !important;
  80.   }
  81.  
  82.   /*
  83.    
  84.       4chan updates
  85.    
  86.   */
  87.  
  88.   div.navLinks.desktop {
  89.     margin-top: 0px !important;
  90.   }
  91.      
  92.   /*
  93.    
  94.     TOP BAR + SIDE BAR
  95.    
  96.   */  .top-header:not(.autohide) #board-list::after,
  97.   .top-header.autohide #board-list::after,
  98.   #board-list::after {           /*   this is the header bar at the top   */            
  99.     display: inline !important;
  100.     content: "" !important;
  101.     background-size: cover !important;
  102.     background-position: 50% 50% !important;
  103.  
  104.     background-image: url('https://i.imgur.com/whsN4Wb.png') !important;
  105.    
  106.     position: absolute !important;
  107.     top: -69px !important;
  108.     left: 100px !important;
  109.     min-width: 1920px !important;
  110.     height: 64px !important;
  111.     z-index: 3 !important;
  112.     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  113.   }
  114.  
  115.   .top-header.autohide #board-list::before {
  116.        width: 0px !important;
  117.     }
  118.  
  119.   .top-header:not(.autohide) #board-list::before {       /*   this is the white part of the sidebar   */  
  120.     content: "" !important;
  121.     position: fixed !important;
  122.     height: 100% !important;
  123.     width: 256px !important;
  124. /*     border-right: 1px solid #dedede !important; */
  125.     top: 65px !important;
  126.     left: 0px !important;
  127.     right: auto !important;
  128.     bottom: auto !important;
  129.     z-index: 3 !important;
  130.     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  131. background: #bcc7bc !important;
  132.   }
  133.  
  134.  
  135.  
  136.   .boardBanner {    /*   banner */
  137.     width: 0px !important;
  138.     position: fixed !important;
  139.     z-index: 999 !important;
  140.     left: 0px !important;
  141.     top: 64px !important;
  142.   }
  143.  
  144.   #bannerCnt {
  145.     border: none !important;
  146.   }
  147.  
  148.   .top-header:not(.autohide) #bannerCnt img {
  149.     width: 256px !important;
  150.   }
  151.  
  152.   .top-header.autohide #bannerCnt img {
  153.     width: 0px !important;
  154.   }
  155.  
  156.   .top-header.autohide #custom-board-list::before {
  157.     width: 0 !important;
  158.     height: 0 !important;
  159.     content: "" !important;
  160.   }
  161.  
  162.   .top-header:not(.autohide) #custom-board-list::before {
  163.     text-align: center !important;
  164.     content: "Choose Your Fate" !important;
  165.     width: 256px !important;
  166.     font-size: 12pt !important;
  167.     position: fixed !important;
  168.     padding: 9px 0 9px 0 !important;
  169.     top: 162px !important;
  170.     left: 0 !important;
  171.     z-index: 5 !important;
  172.   }
  173.  
  174.     #custom-board-list {
  175.     display: inline !important;
  176.     white-space: normal !important;
  177.     position: relative !important;
  178.     top: 135px !important;
  179.     left: 106px !important;
  180.     z-index: 4 !important;
  181.   }
  182.  
  183.   #header-bar {
  184.     top: 60px !important;
  185.     height: 0px !important;
  186.     width: 247px !important;
  187.     box-shadow: none !important;
  188.   }
  189.  
  190.   #notifications {
  191.     position: fixed !important;
  192.     top: 71px !important;
  193.     right: 8px !important;
  194.     left: auto !important;
  195.     height: auto !important;
  196.     width: auto !important;
  197.     float: right !important;
  198.   }
  199.  
  200.   .notification {
  201.     padding: 24px !important;
  202.     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  203.     margin-bottom: 8px !important;
  204.     width: auto !important;
  205.   }
  206.  
  207.   .notification .message {
  208.     padding: 0px  !important;
  209.     text-align: left  !important;
  210.     position: relative !important;
  211.     font-size: 12pt !important;
  212.     width: 100% !important;
  213.     text-shadow: none !important;
  214.     font-weight: 400 !important;
  215.   }
  216.  
  217.   #notifications .close.fa.fa-times {
  218.     box-shadow: none !important;
  219.     width: 500px !important;
  220.     height: 54px !important;
  221.     opacity: 0 !important;
  222.     z-index: 10 !important;
  223.   }
  224.  
  225.   #shortcuts {
  226.     position: fixed !important;
  227.     top: 22px !important;
  228.     right: 25px !important;
  229.     font-size: 13px !important;
  230.     z-index: 3 !important;
  231.   }
  232.  
  233.   #board-list a {
  234.     padding-right: 50px !important;
  235.     white-space: pre;
  236.   }
  237.  
  238.   #header-bar.autohide #board-list::before,
  239.   #header-bar.autohide {
  240.     transform: none !important;
  241.     transition: none !important;
  242.   }
  243.  
  244.   #header-bar.autohide #board-list a,
  245.   #header-bar.autohide #shortcuts::after,
  246.   .autohide #thread-watcher.dialog,
  247.   .autohide #thread-stats,
  248.   .autohide #update-timer,
  249.   .autohide #update-status.new {
  250.     position: fixed !important;
  251.     left: -500px !important;
  252.   }
  253.  
  254.   .top-header.autohide .show-board-list-button {
  255.     display: none !important;
  256.   }
  257.  
  258.   .top-header:not(.autohide) .show-board-list-button {
  259.     display:inherit!important;
  260.     position:fixed!important;
  261.     top: 169px !important;
  262.     left:-39px!important;
  263.     z-index:499!important;
  264.     width: 246px !important;
  265.   }
  266.    
  267.   .autohide body {
  268.     margin-left: 24px !important;
  269.   }
  270.  
  271.   #header-bar.autohide {
  272.     position: fixed !important;
  273.     top: -10px !important;
  274.   }
  275.    
  276.   #board-list {
  277.     position: fixed !important;
  278.     left: -100px !important;
  279.     top: 69px !important;
  280.     height: 100% !important;
  281.     width: 158px !important;
  282.     text-align: left !important;
  283.    
  284.   }
  285.  
  286.   #full-board-list a {
  287.     white-space:normal!important;
  288.     margin:0!important;
  289.     margin-right:-50px!important;
  290.     display: inline !important;
  291.     font-weight: normal !important;
  292.     font-size: 12px !important;
  293. color: #885b8e !important;
  294.   }
  295.    
  296.   #full-board-list {
  297.     display:inline !important;
  298.     visibility: hidden !important;
  299.     position:fixed!important;
  300.     top:-100px!important;
  301.     left:265px!important;
  302.     width: 519px !important;
  303.     text-align: center !important;
  304.     transition: all 0.5s ease;
  305.     z-index: -10 !important;
  306.     font-size: 12pt !important;
  307.     padding-left: 11px !important;
  308.     padding-right: 1px !important;
  309.     padding-top: 12px !important;
  310.     padding-bottom: 17px !important;
  311.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  312. background-color: #bcc7bc !important;
  313. border: solid 5px #bcc7bc !important;
  314. color:transparent !important;
  315.   }
  316.  
  317.   #full-board-list:not([Hidden]) {
  318.     visibility: visible !important;
  319.     top: 72px !important;
  320.     bottom: auto !important;
  321.     transition: all 0.5s ease;
  322.   }
  323.  
  324.  
  325.   .hide-board-list-button {
  326.     display:inherit!important;
  327.     font-size:9pt!important;
  328.     position:fixed!important;
  329.     top: 43px !important;
  330.     left:110px!important;
  331.     z-index:500!important;
  332.     width:10px!important;
  333.     padding:0!important;
  334. background-color: #bcc7bc !important;
  335.   }
  336.  
  337.   .fixed:root:not(.centered-links) #full-board-list > .boardList {
  338.       display: inline;
  339.   }
  340.  
  341.   .fixed:root:not(.centered-links) #header-bar {
  342.       white-space: normal;
  343.   }
  344.  
  345.   #board-list .current {
  346.     border-bottom: none !important;
  347.     padding-right: 50px !important;
  348.   }
  349.  
  350.   #delform {
  351.     border: none !important;
  352.   }
  353.  
  354.   .post {
  355.     font-size: 14px !important;
  356.   }
  357.  
  358.   .postContainer {
  359.     position: relative !important;
  360.     margin-top: 16px !important;
  361.     margin-bottom: 16px !important;
  362.     padding: 0px !important;
  363.     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  364.   }
  365.  
  366.   #a-gallery {
  367.     z-index: 999 !important;
  368.   }
  369.    
  370.   .post.op {
  371.     margin-top: -3px !important;
  372.     padding: 10px 16px 16px 16px !important;
  373.     width: calc(100% - 32px) !important;
  374. background: #bcc7bc !important;
  375.   }
  376.  
  377.   .expanded-image,
  378.   .threadOP {
  379.     clear: none !important;
  380.   }
  381.  
  382.   .threadContainer {
  383.     padding-left:20px!important;
  384.     margin-left:0px!important;
  385.   }
  386.  
  387.   .summary {
  388.     position:absolute!important;
  389.     left: 380px!important;
  390.     margin-top:-32px!important;
  391.     z-index:1!important;
  392.     font-size:9pt!important;
  393.   }
  394.    
  395.   .post.reply {
  396.     border-right: none !important;
  397.     border-bottom: none !important;
  398.     width: calc(100% - 32px) !important;
  399.     padding: 16px !important;
  400.   }
  401.  
  402.   #qp {
  403.     box-shadow: none !important;
  404.     border: none !important;
  405.     min-width: 500px !important;
  406.     max-width: 850px !important;
  407. z-index: 100 !important;
  408.   }
  409.  
  410.   #qp .postContainer {
  411.     border: 1px solid rgba(0,0,0,.1) !important;
  412.   }
  413.  
  414.   #qp .post.op{
  415.     margin: 0 !important;
  416.   }
  417.  
  418.   #qp .yourPost .post.reply {
  419.     border-left:none!important;
  420.   }
  421.  
  422.   .inline.crosspost .postContainer.replyContainer{
  423.     border: 1px solid !important;
  424.   }
  425.  
  426.   .inline {
  427.     box-shadow: none !important;
  428.     border: none !important;
  429.     margin: 0px !important;
  430.     margin-left: 10px !important;
  431.     width: calc(100% - 20px) !important;
  432.   }
  433.  
  434.   .inline .opContainer,
  435.   .inline .postContainer{
  436.     border: 1px solid rgba(0,0,0,.1) !important;
  437.     box-shadow: none !important;
  438.   }
  439.  
  440.   .backlink,
  441.   .inline .backlink,
  442.   .postMessage a,
  443.   #credits a {
  444.     text-decoration: none !important;
  445.   }
  446.  
  447.   .op {
  448.     display: table !important;
  449.     height: 100% !important;
  450.     width: 100% !important;
  451.     padding-bottom:0px!important;
  452.   }
  453.    
  454.    
  455.   .opContainer {
  456.     height: 100% !important;
  457.   }
  458.    
  459.   .watch-thread-link {
  460.     margin-top: -15px !important;
  461.     margin-right: 22px !important;
  462.     opacity: 0.4 !important;
  463.     width: 0 !important;
  464.   }
  465.  
  466.   .watch-thread-link::after {
  467.     content: url('https://raw.githubusercontent.com/commit-sudoku/zairyou/master/res/img/heart-outline.png');
  468.   }
  469.  
  470.   .watch-thread-link.watched {
  471.     opacity: 0.4 !important;
  472.     width: 0 !important;
  473.   }
  474.  
  475.   .watch-thread-link.watched::after {
  476.     content: url('https://raw.githubusercontent.com/commit-sudoku/zairyou/master/res/img/heart.png');
  477.   }
  478.  
  479.    
  480.   .op .postInfo {
  481.     padding-top: 1px !important;
  482.     width: auto !important;
  483.     display: block !important;
  484.   }
  485.    
  486.   .postInfo {
  487.     width: auto !important;
  488.   }
  489.  
  490.   .fileText {
  491.     font-size: 12px !important;
  492.     margin-left: 6px !important;
  493.     margin-top: 2px !important;
  494.     margin-bottom: -2px !important;
  495.   }
  496.  
  497.   .op .fileText {
  498.     padding-bottom: 1px !important;
  499.     margin-left: 5px !important;
  500.   }
  501.  
  502.   .fileText,
  503.   .file a {
  504.     text-decoration: none !important;
  505.   }
  506.  
  507.   .file-oekaki i.fa::before {
  508.       font-size: 0 !important;
  509.     }
  510.              
  511.     .file-oekaki::after {
  512.       font-size: 12px;
  513.         content: "編集";
  514.         margin-right: 1px;
  515.         margin-left: -6px;
  516.     }
  517.              
  518.     .file-info a[target="_blank"] {
  519.          margin-right: -4px !important;
  520.     }
  521.  
  522.   .postMessage {
  523.     margin-left: 5px !important;
  524.     margin-top: 6px !important;
  525.     margin-bottom: 0px !important;
  526.   }
  527.    
  528.   .fileThumb > img:first-child {
  529.     margin-right: -5px !important;
  530.     margin-left: -14px !important;
  531.     margin-top: 4px !important;
  532.   }
  533.  
  534.   .expanded-image > .post > .file > .fileThumb > .full-image {
  535.     display: inline !important;
  536.     margin-left: -14px !important;
  537.     margin-right: -25px !important;
  538.     margin-top: 4px !important;
  539.   }
  540.    
  541.   .fileDeleted {
  542.     padding-left:17px!important;
  543.   }
  544.  
  545.   .fileDeletedRes {
  546.     padding-top: 8px !important;
  547.     padding-left: 17px !important;
  548.   }
  549.  
  550.   #index-search {
  551.     margin-left: 190px !important;
  552.   }
  553.  
  554.   .navLinks,
  555.   .cataloglink{
  556.     font-size: 0 !important;
  557.   }
  558.    
  559.   .cataloglink a::after,
  560.   .navLinks.navLinksBot a[href*="catalog"]::before {
  561.     content: "カタログ" !important;
  562.     position: fixed !important;
  563.     right: 15px !important;
  564.     top: 22px !important;
  565.     z-index: 36 !important;
  566.     display: none !important;
  567.   }
  568.  
  569.   .gallery-link > .dialog.submenu {
  570.     top: -3px !important;
  571.   }
  572.  
  573.   .settings-link {
  574.     top: 22px !important;
  575.     right: 19px !important;
  576.     font-size: 0 !important;
  577.   }
  578.  
  579.   .settings-link.fa-wrench:before {
  580.     content: url("https://i.imgur.com/FYoPsyG.png");
  581.     z-index: 3 !important;  
  582.     top: 2px !important;
  583.   }
  584.  
  585.   #menu.dialog:not(.left) {
  586.     font-size: 12pt !important;
  587.     min-width: 140px !important;
  588.     height: auto !important;
  589.     z-index: 100 !important;
  590.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
  591.   }
  592.    
  593.   .shortcut.brackets-wrap .menu-button.active #menu.dialog:not(.left), #thread-watcher.dialog .move .menu-button.active #menu.dialog:not(.left) {
  594.     right: 8px !important;
  595.     top: 72px !important;
  596.     left: auto !important;
  597.     bottom: auto !important;
  598.   }
  599.  
  600.   .shortcut.brackets-wrap .menu-button.active #menu.dialog:not(.left), #thread-watcher.dialog .move .menu-button.active #menu.dialog .entry.has-submenu.focused .dialog.submenu {
  601.    width: 184px !important;
  602.   }
  603.    
  604.   #menu.dialog:not(.left) .submenu {
  605.     font-size: 12pt !important;
  606.     min-width: 184px !important;
  607.     margin-right: 10px !important;
  608.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
  609.   }
  610.  
  611.   #header-bar .menu-button::after {
  612.     content: none !important;
  613.   }
  614.  
  615.   .entry input[type="checkbox"], .entry input[type="radio"] {
  616.     float: right !important;
  617.   }
  618.  
  619.   #header-bar .menu-button i {
  620.     font-size: 0pt !important;
  621.     position: fixed !important;
  622.     right: 10px !important;
  623.     top: 22px !important;
  624.     z-index: 10 !important;
  625.     transition: 0.5s color ease;
  626.     border-style: solid !important;
  627.     border-style: solid !important;
  628.     border-width: 5px 6px 5px 0 !important;
  629.     border-color: transparent #ffffff transparent !important;
  630.   }
  631.  
  632.   #header-bar .menu-button i::before {
  633.     font-style: normal !important;
  634.     content: "a" !important;
  635.     position: fixed !important;
  636.     width: 0 !important;
  637.     height: 0 !important;
  638.     top: 22px !important;
  639.     right: 10px !important;
  640.     font-size: 0 !important;   
  641.   }
  642.  
  643.   #thread-watcher::before {
  644.     margin-top: -36px !important;
  645.     text-align: center !important;
  646.     content: "見てのスレッド" !important;
  647.     width: 256px !important;
  648.     padding: 9px 0 9px 0 !important;
  649.     font-size: 12pt !important;
  650.     font-weight: normal !important;
  651.     position: absolute !important;
  652.     left: 0 !important;
  653.     z-index: 40 !important;
  654.     border-bottom: 1px solid #dedede !important;
  655.     border-top: 1px solid #dedede !important;
  656.   }
  657.  
  658.   #thread-watcher {
  659.     position: fixed !important;
  660.     display: inline !important;
  661.     padding-top: 36px !important;
  662.     left: 0 !important;
  663.     min-width: 256px !important;
  664.     max-width: 256px!important;
  665.     box-shadow: none !important;
  666.     height: auto !important;
  667.     white-space:pre!important;
  668.     margin-right:15px!important;
  669.     z-index: 500 !important;
  670.   }
  671.  
  672.   #thread-watcher {
  673.     margin-top:4px !important;
  674.     padding-right:15px!important;
  675.     padding-bottom:1px!important;
  676.   }
  677.  
  678.   #thread-watcher a {
  679.     margin-left: -3px!important;
  680.     width: 243px !important;
  681.     white-space: nowrap !important;
  682.     overflow: hidden !important;
  683.     text-overflow: ellipsis !important;
  684.   }
  685.  
  686.   #thread-watcher > .move {
  687.     height: 40px !important;
  688.     width: 256px !important;
  689.     margin-top: -38px !important;
  690.     z-index: 800 !important;
  691.     position: absolute !important;
  692.   }
  693.      
  694.   #thread-watcher .menu-button,
  695.   #thread-watcher .menu-button:hover,
  696.   #thread-watcher .menu-button::after{
  697.     content: "++++++++++++++++++++++++++++++++++++" !important;
  698.   /*   height:20px !important; */
  699.     width: 120px !important;
  700.     top: 12px !important;
  701.     left: -30px !important;
  702.   }
  703.      
  704.   #thread-watcher a.entry:nth-child(1),
  705.   #thread-watcher a.entry:nth-child(2),
  706.   #thread-watcher a.entry:nth-child(3) {
  707.     font-size: 12pt !important;
  708.     opacity: 1 !important;
  709.     left: 3px !important;
  710.     top: 2px !important;
  711.     width: 140px !important;
  712.   }
  713.      
  714.   #thread-watcher span.entry {
  715.     font-size: 12pt !important;
  716.     margin-top: 1px !important;
  717.     margin-bottom: -1px !important;
  718.     height: 20px !important;
  719.     width: 115px !important;
  720.   }
  721.  
  722.   #thread-watcher label {
  723.     max-width: 170px !important;
  724.     margin-right: -15px !important;
  725.     height: 18px !important;
  726.   }
  727.  
  728.   .closed {
  729.     margin-top: 59px !important;
  730.     margin-bottom: -63px !important;
  731.     margin-left: 100px !important;
  732.     padding-top:0px!important;
  733.     padding-bottom:0px!important;
  734.     font-size: 12pt !important;
  735.     font-weight: 300 !important;
  736.   }
  737.  
  738.   #unread-line {
  739.     display:block!important;
  740.     margin-top: -2px!important;
  741.     margin-bottom: -3px !important;
  742.     padding-bottom:1px!important;
  743.     border-top: 1px solid !important;
  744.     height:1px !important;
  745.   }
  746.  
  747.   /*
  748.    
  749.       Global Message
  750.    
  751.   */
  752.  
  753.   .hide-announcement {
  754.     width: 100% !important;
  755.     z-index: 5 !important;
  756.     text-decoration: none !important;
  757.     cursor: pointer !important;
  758.     font-size: 0 !important;
  759.     bottom: 0px !important;
  760.   }
  761.  
  762.   .hide-announcement::after {
  763.     display: block !important;
  764.     margin-top: 14px !important;
  765.     content: "Hide me gently. . .";
  766.     font-size: 14px !important;
  767.   }
  768.  
  769.   #globalMessage {
  770.     margin-right: 123px !important;
  771.     margin-left: 99px !important;
  772.     margin-top: 96px !important;
  773.     margin-bottom: -78px !important;
  774.     z-index: 0 !important;
  775.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
  776.     padding: 32px 16px !important;
  777.     font-weight: normal !important;
  778.     font-size: 14px !important;
  779. background: #bcc7bc !important;
  780.   }
  781.  
  782.   #globalMessage h3 {
  783.     font-size: 14px !important;
  784.     font-weight: normal !important;
  785.     margin: 2px !important;
  786.   }
  787.  
  788.   #globalMessage strong, h2 {
  789.     margin: 2px !important;
  790.     font-size: 14px !important;
  791.     font-weight: normal !important;
  792.   }
  793.  
  794.   /*
  795.    
  796.       Main Colours
  797.    
  798.   */
  799.  
  800.   #header-bar {
  801.     border-right: 1px solid #dedede !important;
  802.   }
  803.  
  804.   #custom-board-list a {
  805.    padding-top: 3px !important;
  806.    padding-bottom: 2px !important;
  807.    display: block !important;
  808.    font-weight: normal !important;
  809.    font-size: 14px !important;
  810.   }
  811.  
  812.   .watcher-title,
  813.   .watcher-unread {
  814.    padding-top: 1px !important;
  815.    padding-bottom: 0px !important;
  816.    display: block !important;
  817.    font-weight: normal !important;
  818.    font-size: 14px !important;
  819.   }
  820.  
  821.   #watched-threads {
  822.     padding-top: 12px !important;
  823.     width: 253px;
  824.   }
  825.  
  826.   .postertrip {
  827.     font-size: 12pt !important;
  828.   }
  829.  
  830.   .capcode {
  831.     font-size: 12pt !important;
  832.   }
  833.    
  834.   .ip-counter{
  835.     font-size: 12pt !important;
  836.   }
  837.  
  838.   .post.op .postInfo.desktop .name {
  839.     font-size: 12pt !important;
  840.     font-weight: bold !important;
  841.     margin-left: -2px !important;
  842.   }
  843.   .name {
  844.     font-size: 12pt !important;
  845.     font-weight: bold !important;
  846.     margin-left: -4px !important;
  847.   }
  848.  
  849.   .useremail {
  850.     font-style: italic !important;
  851.     text-decoration: none !important;
  852.   }
  853.  
  854.   a.useremail[href*='sage'] .name,
  855.   a.useremail[href*='Sage'] .name,
  856.   a.useremail[href*='SAGE'] .name,
  857.   a.useremail[href*='sage'] .postertrip,
  858.   a.useremail[href*='Sage'] .postertrip,
  859.   a.useremail[href*='SAGE'] .postertrip {
  860.     font-weight: normal !important;
  861.   }
  862.  
  863.   a.useremail[href*='sage'] .name:hover,
  864.   a.useremail[href*='Sage'] .name:hover,
  865.   a.useremail[href*='SAGE'] .name:hover,
  866.   a.useremail[href*='sage'] .postertrip:hover,
  867.   a.useremail[href*='Sage'] .postertrip:hover,
  868.   a.useremail[href*='SAGE'] .postertrip:hover {
  869.     transition: all 0.3s ease 0s;
  870.   }
  871.  
  872.   .nameBlock a:hover::after {
  873.     content: "(" attr(href) ")";
  874.     margin-left: 3px;
  875.     transition: all 0.3s ease 0s;
  876.   }
  877.  
  878.   .dateTime {
  879.     font-size: 12pt !important;
  880.     padding-left: 4px !important;
  881.     padding-right: 4px !important;
  882.   }
  883.  
  884.   .postNum a {
  885.     font-size: 12pt !important;
  886.   }
  887.  
  888.   .posteruid {
  889.     font-size: 0px !important;
  890.    
  891.   }
  892.  
  893.   .hand.painted {
  894.     font-size: 12pt !important;
  895.     padding: 0px 4px 0px 4px !important;
  896.   }
  897.    
  898.   span.postNum.desktop a[title="Link to this post"] {
  899.     font-size: 0px !important;
  900.   }
  901.  
  902.   span.postNum.desktop a[title="Link to this post"]:after {
  903.     content: "#" !important;
  904.     font-size: 12pt !important;
  905.   }
  906.  
  907.   .container {
  908.     display: inline !important;
  909.     margin-left: -5px !important;
  910.     top: 20px !important;
  911.   }
  912.  
  913.   .quotelink.inlined,
  914.   .backlink.inlined,
  915.   .inlined {
  916.     font-style: normal !important;
  917.     font-weight: 500 !important;
  918.     opacity: 1 !important;
  919.   }
  920.  
  921.   .warning,
  922.   .postMessage strong {
  923.     font-weight: normal !important;
  924.     font-size: 12pt !important;
  925.     margin-right: 5px !important;
  926.   }
  927.  
  928.   .backlink.deadlink:not(.forwardlink),
  929.   .quotelink.deadlink:not(.forwardlink) {
  930.     text-decoration: none !important;
  931.   }
  932.  
  933.   .backlink {
  934.     font-size: 0 !important;
  935.   }
  936.  
  937.   .backlink:first-of-type {
  938.     margin-left: 13px !important;
  939.   }
  940.      
  941.   .backlink:after {
  942.     content: url('https://raw.githubusercontent.com/commit-sudoku/zairyou/master/res/img/backlink.png') !important;
  943.     font-size: 9pt !important;
  944.     margin-right: 5px !important;
  945.   }
  946.  
  947.   .backlink:hover::after,
  948.   .backlink.inlined::after {
  949.     content: url('https://raw.githubusercontent.com/commit-sudoku/zairyou/master/res/img/backlink_hover.png') !important;
  950.   }
  951.  
  952.   .highlight-own:root .yourPost > .post.reply {
  953.     box-shadow: 0 0 0 1px rgba(65, 131, 173, .5)!important;
  954.     border: none !important;
  955.   }
  956.  
  957.   .highlight-you:root .quotesYou > .post.reply {
  958.     box-shadow: 0 0 0 1px rgba(173, 69, 65, .5)!important;
  959.     border: none !important;  
  960.   }
  961.    
  962.   .quotelink.forwardlink {
  963.     border-bottom: 1px dotted !important;
  964.   /*   text-decoration: underline !important;
  965.     text-decoration-style: dotted !important; */
  966.   }
  967.  
  968.   .exblock.reply,
  969.   .reply.post.highlight,
  970.   .reply.post:target,
  971.   .post.reply.qphl,
  972.   .post.op.qphl {
  973.     outline: 1px solid rgba(173, 69, 65, .5) !important;
  974.     -moz-outline-radius: 5px !important;
  975.   }
  976.  
  977.   .quote a,
  978.   .prettyprint a,
  979.   .prettyprint a:hover {
  980.     cursor: text !important;
  981.   }
  982.  
  983.   .prettyprint {
  984.     font-size: 9pt !important;
  985.     border: solid 1px rgba(95,95,95,.5) !important;
  986.     max-width: 700px!important;
  987.   }
  988.  
  989.   /*
  990.    
  991.       Settings screen
  992.    
  993.   */
  994.  
  995.   #options.reply.dialog {
  996.     border: none !important;
  997.     z-index: 5 !important;
  998.   }
  999.  
  1000.   #options.reply.dialog label {
  1001.     text-decoration: none !important;
  1002.     font-style: italic !important;
  1003.   }
  1004.  
  1005.   #optionsbar {
  1006.     border-bottom: 1px solid #eceef0 !important;
  1007.     margin: -5px !important;
  1008.     padding: 5px !important;
  1009.   }
  1010.  
  1011.   .dialog {
  1012.     border: transparent !important;
  1013.   }
  1014.  
  1015.   .dialog a,
  1016.   .dialog label {
  1017.     text-decoration: none !important;
  1018.   }
  1019.    
  1020.   #arc-sort{
  1021.     border-bottom:1px dotted;
  1022.     cursor:pointer;
  1023.   }
  1024.  
  1025.  
  1026.   #optionsContent > input:checked + div,
  1027.   #updater:hover > div,
  1028.   #updater .move,
  1029.   #qr.dump #replies,
  1030.   .hasSubMenu.focused > .subMenu {
  1031.     display: block;
  1032.   }
  1033.  
  1034.   /*
  1035.    
  1036.     QUICK REPLY
  1037.    
  1038.   */
  1039.  
  1040.  
  1041.   #qr > form {
  1042.       max-height: calc(100vh - 75px);
  1043. overflow: unset !important;
  1044.   }
  1045.    
  1046.   #qr.dialog {
  1047.     padding: 5px !important;
  1048.     position: fixed !important;
  1049.     display: inline !important;
  1050.     visibility: hidden !important;
  1051.     top: -216px !important;
  1052.     right: 8px !important;
  1053.     left: auto !important;
  1054.     bottom: auto !important;
  1055.     height: auto !important;
  1056.     width: 304px !important;
  1057.     box-shadow: none !important;
  1058.     z-index: 2 !important;
  1059.     transition: all 0.5s ease !important;
  1060.     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  1061.   }
  1062.  
  1063.   #qr.dialog.has-captcha:not([Hidden]),
  1064.   #qr.dialog:not([Hidden]) {
  1065.     visibility: visible !important;
  1066.     top: 72px !important;
  1067.   }
  1068.  
  1069.   #qr.dialog.has-captcha {
  1070.     top:-298px !important;
  1071.     transition: all 0.9s ease;
  1072.   }
  1073.    
  1074.   #qr .move {
  1075.     position: fixed !important;
  1076.     float: right !important;
  1077.     left: 151px !important;
  1078.     bottom: -2px !important;
  1079.     margin-top: 0px !important;
  1080.     font-size: 0px !important;
  1081.     height: 25px !important;
  1082.     max-width: 15px !important;
  1083.     min-width: 15px !important;
  1084.     cursor: default !important;
  1085.   }
  1086.  
  1087.   #qr > div {
  1088.     max-width: 400px !important;
  1089.     width: 400px !important;
  1090.   }
  1091.  
  1092.   textarea.field {
  1093.     height: 20em !important;
  1094.     margin-bottom: 0px !important;
  1095.   }
  1096.  
  1097.   .field {
  1098.     border: none !important;
  1099.   }
  1100.  
  1101.   .field:hover {
  1102.     box-shadow: none !important;
  1103.   }
  1104.    
  1105.   .field:focus,
  1106.   input:focus,
  1107.   input[type="text"]:focus,
  1108.   input[type="password"]:focus,
  1109.   input:focus:not([type]),
  1110.   textarea:focus{
  1111.     box-shadow: none !important;
  1112.   }
  1113.  
  1114.   #qr-filename-container {
  1115.     box-shadow: none !important;
  1116.     border: none !important;
  1117.     margin-top: 2px !important;
  1118.     overflow: hidden !important;
  1119.     max-height: 20px !important;
  1120.     min-width: 74.3% !important;
  1121.     max-width: 74.3% !important;
  1122.   }
  1123.  
  1124.   #qr.has-spoiler .has-file #qr-filename-container {
  1125.     min-width: 74% !important;
  1126.     max-width: 74% !important;
  1127.   }
  1128.  
  1129.   #qr-spoiler-label {
  1130.     max-height: 18px !important;
  1131.     min-height: 18px !important;
  1132.     margin-top: 1px !important;
  1133.     margin-left: -13.1px !important;
  1134.   }
  1135.  
  1136.   #qr-spoiler-label input {
  1137.     top: 2px !important;
  1138.   }
  1139.  
  1140.   #qr-filename {
  1141.     min-width: 86.4% !important;
  1142.     max-width: 86.4% !important;
  1143.     text-overflow: ellipsis !important;
  1144.   }
  1145.  
  1146.   #file-n-submit {
  1147.     height: 20px !important;
  1148.     margin-top: -1px !important;
  1149.     border: none !important;
  1150.   }
  1151.  
  1152.   #file-n-submit input {
  1153.     width: 25.9% !important;
  1154.   }
  1155.  
  1156.   #file-n-submit.has-file input {
  1157.     margin-left: -1.5px !important;
  1158.     width: 26.4% !important;
  1159.   }
  1160.  
  1161.   #qr-filerm {
  1162.     bottom: 2px !important;
  1163.     right: 10px !important;
  1164.   }
  1165.  
  1166.   #qr [type=file] [type=text]:focus {
  1167.     border: 1px solid grey !important;
  1168.   }
  1169.  
  1170.   textarea,
  1171.   .field,
  1172.   #qr [type=file] [type=text] {
  1173.     -moz-appearance: none !important;
  1174.     font-size: 12px !important;
  1175.     vertical-align: middle !important;
  1176.   }
  1177.  
  1178.   select,
  1179.   textarea:not(:focus),
  1180.   .field:not(:focus) {
  1181.     box-shadow: none;
  1182.   }
  1183.  
  1184.   #qr [type=file] [type=text] {
  1185.     float: right !important;
  1186.   }
  1187.  
  1188.   input[type="submit"] {
  1189.     margin-top: 1px !important;
  1190.     text-align: center !important;
  1191.     margin-left: -1px !important;
  1192.     padding-bottom:1px!important;
  1193.     width: 25.2% !important;
  1194.     cursor: pointer !important;
  1195.     border: none !important;
  1196.     border-top: none !important;
  1197.     border-image: none !important;
  1198.     -moz-appearance: none !important;
  1199.     box-shadow: none !important;
  1200.   }
  1201.  
  1202.   input[type="submit"] {
  1203.     border-top:none!important;
  1204.     border: none !important;
  1205.   }
  1206.  
  1207.   input[name="name"],
  1208.   input[name="email"],
  1209.   input[name="sub"] {
  1210.     border-top: none !important;
  1211.     max-height: 24px !important;
  1212.     min-height: 24px !important;
  1213.   }
  1214.  
  1215.   input[name="sub"] {
  1216.     border-right: 1px solid #dedede !important;
  1217.   }
  1218.  
  1219.   .persona {
  1220.     max-height: 20px !important;
  1221.     min-height: 20px !important;
  1222.     margin-bottom: 4px !important;
  1223.   }
  1224.  
  1225.   #replies > div {
  1226.     border-top: 1px solid rgba(0, 0, 0, .094) !important;
  1227.     border-left: 1px solid #dedede !important;
  1228.     border-right: 1px solid #dedede !important;
  1229.   }
  1230.  
  1231.   #dump-list-container {
  1232.     margin-bottom: -1px !important;
  1233.     border-left: 1px solid #dedede !important;
  1234.     border-right: 1px solid #dedede !important;
  1235.     box-shadow: 0px 1px 1px rgba(0, 0, 0, .095) inset;
  1236.   }
  1237.  
  1238.   .qr-preview {
  1239.     margin-bottom: 1px !important;
  1240.   }
  1241.  
  1242.   .party-hat {
  1243.     left: 375px !important;
  1244.     z-index: 1 !important;
  1245.   }
  1246.  
  1247.  
  1248.   /*
  1249.    
  1250.       MENU BUTTON
  1251.    
  1252.   */
  1253.  
  1254.   .postContainer .menu-button {
  1255.     float: right !important;
  1256.     margin-right: 8px !important;
  1257. /*     margin-top: 5px !important; */
  1258.     font-size: 0 !important;
  1259.   }
  1260.  
  1261.   .menu-button::after {
  1262.     width: 50px !important;
  1263.     height: 20px !important;
  1264.   }
  1265.  
  1266.   .post.op .menu-button,
  1267.   .postContainer .menu-button {
  1268.     opacity: 0 !important;
  1269.   }
  1270.  
  1271.   .post.op:hover .menu-button,
  1272.   .postContainer:hover .menu-button {
  1273.     opacity: 1 !important;
  1274.   }
  1275.    
  1276.   #menu.reply.dialog {
  1277.     display: block !important;
  1278.     margin-left: 0 !important;
  1279.     margin-top: -1px !important;
  1280.     border: 1px solid #ccc !important;
  1281.   }
  1282.    
  1283.   .subMenu {
  1284.     left: -105px !important;
  1285.     width: 100px !important;
  1286.   }  
  1287.  
  1288.   .entry,
  1289.   .entry a,
  1290.   .subMenu {
  1291.     font-size: 12pt !important;
  1292.     border:none!important;
  1293.   }
  1294.  
  1295.   .stub {
  1296.     padding: 16px !important;
  1297.   }
  1298.  
  1299.   .show-reply-button {
  1300.     font-size: 12pt !important;
  1301.     font-weight: 800 !important;
  1302.     margin-left: 6px !important;
  1303.   }
  1304.  
  1305.   .show-reply-button:after {
  1306.     font-size: 12pt !important;
  1307.     font-weight: 400 !important;
  1308.     margin-left: 8px !important;
  1309.     content: "post has been hidden" !important;
  1310.   }
  1311.  
  1312.   /*
  1313.    
  1314.       UPDATER
  1315.    
  1316.   */
  1317.  
  1318.   #thread-stats {
  1319.     position: fixed !important;
  1320.     left: 5px !important;
  1321.     right: auto !important;
  1322.     bottom: 4px !important;
  1323.     top: auto !important;
  1324.     border: none !important;
  1325.     z-index: 4 !important;
  1326.     font-size: 9pt !important;
  1327.     text-align: left !important;
  1328.   }
  1329.  
  1330.   #update-timer {
  1331.     position: fixed !important;
  1332.     left: 240px !important;
  1333.     right: auto !important;
  1334.     bottom: 4px !important;
  1335.     text-align: left !important;
  1336.     top: auto !important;
  1337.     border: none !important;
  1338.     z-index: 4 !important;
  1339.     font-size: 9pt !important;
  1340.   }
  1341.  
  1342.   #update-status.new {
  1343.     text-align: left !important;
  1344.     position: fixed !important;
  1345.     left: 220px !important;
  1346.     right: auto !important;
  1347.     bottom: 4px !important;
  1348.     top: auto !important;
  1349.     border: none !important;
  1350.     z-index: 4 !important;
  1351.     font-size: 9pt !important;
  1352.   }
  1353.  
  1354.   #update-status:not(.empty) + #update-timer:not(.empty):not(.loading) {
  1355.     margin-left: 0px !important;
  1356.   }
  1357.  
  1358.   /*  
  1359.  
  1360.       DUBS
  1361.       TRIPS
  1362.       QUADS
  1363.       QUINTS
  1364.       SEXTS
  1365.       SEPTS
  1366.       OCTS
  1367.       NONS
  1368.  
  1369.   */
  1370.  
  1371.   .postNum a[href$="00');"]:after, .postNum a[href$="11');"]:after, .postNum a[href$="22');"]:after, .postNum a[href$="33');"]:after, .postNum a[href$="44');"]:after,
  1372.   .postNum a[href$="55');"]:after, .postNum a[href$="66');"]:after, .postNum a[href$="77');"]:after, .postNum a[href$="88');"]:after, .postNum a[href$="99');"]:after {
  1373.    content: " ✔" !important;
  1374.    font-weight: bold !important;
  1375.    font-size: 14px !important;
  1376.    position: relative !important;
  1377.    top: -1px !important;
  1378.   }
  1379.  
  1380.   .postNum a[href$="000');"]:after, .postNum a[href$="111');"]:after, .postNum a[href$="222');"]:after, .postNum a[href$="333');"]:after, .postNum a[href$="444');"]:after,
  1381.   .postNum a[href$="555');"]:after, .postNum a[href$="666');"]:after, .postNum a[href$="777');"]:after, .postNum a[href$="888');"]:after, .postNum a[href$="999');"]:after {
  1382.    content: " ✔✔✔" !important;
  1383.   }
  1384.  
  1385.   .postNum a[href$="0000');"]:after, .postNum a[href$="1111');"]:after, .postNum a[href$="2222');"]:after, .postNum a[href$="3333');"]:after, .postNum a[href$="4444');"]:after,
  1386.   .postNum a[href$="5555');"]:after, .postNum a[href$="6666');"]:after, .postNum a[href$="7777');"]:after, .postNum a[href$="8888');"]:after, .postNum a[href$="9999');"]:after {
  1387.    content: " ✔✔✔✔" !important;
  1388.   }
  1389.  
  1390.   .postNum a[href$="00000');"]:after, .postNum a[href$="11111');"]:after, .postNum a[href$="22222');"]:after, .postNum a[href$="33333');"]:after,  .postNum a[href$="44444');"]:after,
  1391.   .postNum a[href$="55555');"]:after, .postNum a[href$="66666');"]:after, .postNum a[href$="77777');"]:after, .postNum a[href$="88888');"]:after, .postNum a[href$="99999');"]:after {
  1392.    content: " ✔✔✔✔✔" !important;
  1393.   }
  1394.  
  1395.   .postNum a[href$="000000');"]:after, .postNum a[href$="111111');"]:after, .postNum a[href$="222222');"]:after, .postNum a[href$="333333');"]:after, .postNum a[href$="444444');"]:after,
  1396.   .postNum a[href$="555555');"]:after, .postNum a[href$="666666');"]:after, .postNum a[href$="777777');"]:after, .postNum a[href$="888888');"]:after, .postNum a[href$="999999');"]:after {
  1397.    content: " ✔✔✔✔✔✔" !important;
  1398.   }
  1399.  
  1400.   .postNum a[href$="0000000');"]:after, .postNum a[href$="1111111');"]:after, .postNum a[href$="2222222');"]:after, .postNum a[href$="3333333');"]:after, .postNum a[href$="4444444');"]:after,
  1401.   .postNum a[href$="5555555');"]:after, .postNum a[href$="6666666');"]:after, .postNum a[href$="7777777');"]:after, .postNum a[href$="8888888');"]:after, .postNum a[href$="9999999');"]:after {
  1402.    content: " ✔✔✔✔✔✔✔" !important;
  1403.   }
  1404.  
  1405.   .postNum a[href$="00000000');"]:after, .postNum a[href$="11111111');"]:after, .postNum a[href$="22222222');"]:after, .postNum a[href$="33333333');"]:after, .postNum a[href$="44444444');"]:after,
  1406.   .postNum a[href$="55555555');"]:after, .postNum a[href$="66666666');"]:after, .postNum a[href$="77777777');"]:after, .postNum a[href$="88888888');"]:after, .postNum a[href$="99999999');"]:after {
  1407.    content: " ✔✔✔✔✔✔✔✔" !important;
  1408.   }
  1409.  
  1410.   .postNum a[href$="000000000');"]:after, .postNum a[href$="111111111');"]:after, .postNum a[href$="222222222');"]:after, .postNum a[href$="333333333');"]:after, .postNum a[href$="444444444');"]:after,
  1411.   .postNum a[href$="555555555');"]:after, .postNum a[href$="666666666');"]:after, .postNum a[href$="777777777');"]:after, .postNum a[href$="888888888');"]:after, .postNum a[href$="999999999');"]:after {
  1412.    content: " ✔✔✔✔✔✔✔✔✔" !important;
  1413.   }
  1414.  
  1415.   /*  
  1416.  
  1417.       EMBEDDING
  1418.  
  1419.   */
  1420.  
  1421.   #embedding {
  1422.     opacity: 1;
  1423.     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
  1424.     padding-top: 0px !important;
  1425.     padding-bottom: 10px !important;
  1426.     padding-right: 10px !important;
  1427.     padding-left: 10px !important;
  1428.   }
  1429.  
  1430.   #embedding div {
  1431.     font-size: 0px !important;
  1432.     margin-top: 0px !important;
  1433.   }
  1434.  
  1435.   #embedding .jump {
  1436.     font-size: 0px !important;
  1437.     margin-top: 5px !important;
  1438.     margin-right: 10px !important;
  1439.   }
  1440.  
  1441.   #embedding .jump:after {
  1442.     font-size: 20px !important;
  1443.     content: ">>" !important;
  1444.   }
  1445.  
  1446.   #embedding .close {
  1447.     font-size: 0px !important;
  1448.     margin-top: 2px !important;
  1449.   }
  1450.  
  1451.   #embedding .close:after {
  1452.     font-size: 24px !important;
  1453.     content: "×" !important;
  1454.   }
  1455.  
  1456.   #embedding .move {
  1457.     height: 32px !important;
  1458.   }
  1459. }
  1460.  
  1461. @-moz-document regexp("http(|s):\/\/boards\.4chan\.org\/(.|..|...|....|.....)\/") {
  1462.  
  1463.   .page-num, .pages.cataloglink, .next, .prev {
  1464.     display: none !important;
  1465.   }
  1466.  
  1467.   .pagelist {
  1468.     float: none !important;
  1469.     width: 100% !important;
  1470.     height:20px!important;
  1471.     margin: 0 auto 0 auto!important;
  1472.     padding: 0 !important;
  1473.     font-size: 9pt !important;
  1474.     color: transparent !important;
  1475.     background: transparent !important;
  1476.     border: none !important;
  1477.     white-space: nowrap !important;
  1478.     padding-top: 13px !important;
  1479.     padding-bottom: 18px !important;
  1480.   }
  1481.  
  1482.   .pages {
  1483.     text-align: center !important;
  1484.     float: none !important;
  1485.     font-size: 0px !important;
  1486.   }
  1487.  
  1488.   .pages a {
  1489.     color: #000 !important;
  1490.     font-size: 14px !important;
  1491.     padding-left: 4px !important;
  1492.     padding-right: 4px !important;
  1493.   }
  1494.  
  1495.   .subject {
  1496.     position: inherit !important;
  1497.     font-weight: normal !important;
  1498.     margin-right: 7px !important;
  1499.     margin-left: -2px !important;
  1500.     font-size: 12pt !important;
  1501.     text-transform: none !important;
  1502.     z-index: 2 !important;
  1503.   }
  1504.  
  1505.   .subject:empty {
  1506.     margin-right: 0px !important;
  1507.   }
  1508.  
  1509.   #boardNavDesktopFoot,
  1510.   #boardNavDesktopFoot .current {
  1511.     display:inline!important;
  1512.     position:absolute!important;
  1513.     font-size: 0 !important;
  1514.     top:0px!important;
  1515.   }
  1516.  
  1517.   #boardNavDesktopFoot .current::after {
  1518.     position: fixed !important;
  1519.     top: 19px !important;
  1520.     left: 28px !important;
  1521.     font-size: 16pt !important;
  1522.     content: attr(title) !important;
  1523.     color: #fff !important;
  1524.     font-weight: 600 !important;
  1525.     text-transform: uppercase !important;
  1526.     z-index: 36 !important;
  1527.   }
  1528.  
  1529.   .summary {
  1530.     position: absolute !important;
  1531.     right: 150px !important;
  1532.     margin-top: -48px !important;
  1533.     z-index: 1 !important;
  1534.     font-size: 9pt !important;
  1535.     text-align: right !important;
  1536.   }
  1537.  
  1538.   .postNum.desktop span {
  1539.     font-size: 0 !important;
  1540.   }
  1541.  
  1542.   .replylink {
  1543.     text-transform: uppercase !important;
  1544.     font-size: 0px !important;
  1545.     margin-left: -2px !important;
  1546.     margin-right: 0px !important;
  1547.   }
  1548.  
  1549.   .catalog-thread {
  1550.     background: #fff !important;
  1551.     border-radius: 5px !important;
  1552.     padding: 16px !important;
  1553.     margin: 16px !important;
  1554.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
  1555.   }
  1556.  
  1557.   .navLinks {
  1558.    margin: 0 auto !important;
  1559.    margin-bottom: -33px !important;  
  1560.    margin-top: -19px !important;  
  1561.    width: 768px !important;
  1562.   }
  1563.  
  1564.   #index-search {
  1565.     font-family: Amble !important;
  1566.     margin-top: -8px !important;
  1567.     margin-left: 0px !important;
  1568.     margin-right: -1px !important;
  1569.     border: 1px solid #5F5F5F !important;
  1570.     padding: 10px !important;
  1571.     min-height: 38px !important;
  1572.     width: 253px !important;
  1573.   }
  1574.  
  1575.   #index-sort, #index-mode {
  1576.     color: #000 !important;
  1577.     float: none !important;
  1578.     top: 115px !important;
  1579.     font-family: Amble !important;
  1580.     border: 1px solid #5F5F5F !important;
  1581.     text-transform: uppercase !important;
  1582.     font-size: 12px !important;
  1583.     padding: 10px !important;
  1584.     width: 256px !important;
  1585.   }
  1586.  
  1587.   #index-mode {
  1588.     margin-right: -1px !important;
  1589.     margin-top: 115px !important;
  1590.   }
  1591.    
  1592.   #index-size {
  1593.     color: #000 !important;
  1594.     float: right !important;
  1595.     margin-right: 5px !important;
  1596.     margin-top: -1px !important;
  1597.     top: 115px !important;
  1598.     font-family: Amble !important;
  1599.     border: 1px solid #5F5F5F !important;
  1600.     text-transform: uppercase !important;
  1601.     font-size: 12px !important;
  1602.   }
  1603. }
  1604.  
  1605. @-moz-document regexp("http(|s):\/\/boards\.4chan\.org\/(.|..|...|....|.....)\/thread/.*") { /* CATALOG */
  1606.    
  1607.   #boardNavDesktopFoot,
  1608.   #boardNavDesktopFoot .current {
  1609.     display:inline!important;
  1610.     position:absolute!important;
  1611.     font-size: 0 !important;
  1612.     top:0px!important;
  1613.   }
  1614.  
  1615.   #boardNavDesktopFoot .current::before {
  1616.     position: fixed !important;
  1617.     top: 19px !important;
  1618.     left: 28px !important;
  1619.     font-size: 16pt !important;
  1620.     content: attr(title) !important;
  1621.     font-weight: 600 !important;
  1622.     text-transform: uppercase !important;
  1623.     z-index: 36 !important;
  1624.   }
  1625.  
  1626.   #globalToggle,
  1627.   #first-run,
  1628.   #globalMessage,
  1629.   #toggleMsgBtn,
  1630.   #filters-ctrl,
  1631.   #qf-clear.button,
  1632.   #styleSwitcher {
  1633.     display: none !important;
  1634.   }
  1635.  
  1636.   #content {
  1637.     position: inherit !important;
  1638.   }
  1639.  
  1640.   .btn-wrap {
  1641.     font-size: 0 !important;
  1642.   }
  1643.  
  1644.   #settings  {
  1645.     width: 100% !important;
  1646.   }
  1647.  
  1648.   #settings,
  1649.   #threads,
  1650.   #info .navLinks,
  1651.   #content .navLinks {
  1652.     text-align: center !important;
  1653.   }
  1654.  
  1655.   .thumb {
  1656.     box-shadow: none !important;
  1657.   }
  1658.  
  1659.   .extended-small .thread {
  1660.     padding: 16px !important;
  1661.     margin: 16px !important;
  1662.     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
  1663.   }
  1664.    
  1665.   .ctrl-wrap {
  1666.     text-transform: uppercase !important;
  1667.     padding: 0 8px !important;
  1668.     font-size: 12px !important;
  1669.   }
  1670.  
  1671.   #teaser-ctrl, #size-ctrl, #order-ctrl {
  1672.     border: 1px solid #000 !important;
  1673.     text-transform: uppercase !important;
  1674.     font-size: 12px !important;
  1675.   }
  1676.    
  1677.   #ctrl,
  1678.   #qf-ctrl.button {
  1679.     text-transform: uppercase;
  1680.     font-size: 12px !important;
  1681.     text-decoration: none !important;
  1682.     margin-top: 79px !important;
  1683.     margin-left : auto !important;
  1684.     margin-right : auto !important;
  1685.   }
  1686.  
  1687.   #qf-box {
  1688.     border: none !important;
  1689.     outline: 1px solid #000 !important;
  1690.   }
  1691.  
  1692.   input:focus,
  1693.   textarea:focus {
  1694.     border: none !important;
  1695.   }
  1696.  
  1697.   #settingsWindowLink {
  1698.     font-size: 0 !important;
  1699.   }
  1700.  
  1701.   #settingsWindowLink::after {
  1702.     content: "Catalog Settings" !important;
  1703.     position: fixed !important;
  1704.     bottom: 5px !important;
  1705.     left: 8px !important;
  1706.     font-size: 9pt !important;
  1707.     font-weight: normal !important;
  1708.   }
  1709.  
  1710.    .party-hat {
  1711.     left: 0px !important;
  1712.     z-index: 1 !important;
  1713.   }
  1714. }
  1715.  
  1716.  
  1717.  
  1718.  
  1719.  
  1720. @-moz-document regexp("https?://.*.(google.com/recaptcha/api2).*") { /*    RECAPTCHA    */
  1721.    
  1722.   .rc-anchor-center-container {
  1723.       border: solid 2px white !important;
  1724.       width: 299px !important;
  1725.   }
  1726.  
  1727.   .rc-anchor-checkbox-label {
  1728.     position: fixed !important;
  1729.     text-align: left !important;
  1730.     margin-top: -35px !important;
  1731.     margin-left: 93px !important;
  1732.     z-index: 1 !important;
  1733.     font-size: 0px !important;
  1734.   }
  1735.  
  1736.   .rc-anchor-checkbox-label:after {
  1737.     content: "ロボットではない" !important;
  1738.     font-size: 14px !important;
  1739.   }
  1740.    
  1741.   .rc-anchor-checkbox {
  1742.     margin: 0px 12px 22px 135px !important;
  1743.     z-index: 2 !important;
  1744.   }
  1745.    
  1746.   .recaptcha-checkbox-border {
  1747.   }
  1748.    
  1749.   .rc-anchor-normal-footer {
  1750.     display: none !important;
  1751.   }
  1752.  
  1753.   .rc-anchor.rc-anchor-normal.rc-anchor-light {
  1754.     border: none !important;
  1755.   }
  1756.  
  1757.   .rc-button-default:focus {
  1758.     box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2) inset !important;
  1759.   }
  1760.  
  1761.   .rc-imageselect-checkbox {
  1762.     opacity: 0 !important;
  1763. }
  1764.  
  1765. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!