API tools faq
paste
Advertisement
Guest User

Untitled

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