Advertisement
Gomuboy

Zairyou for OneeChan

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