Arctis

4chan

Feb 17th, 2016
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.44 KB | None | 0 0
  1.  @-moz-document domain("boards.4chan.org") {
  2.     /* Relative to the general appearance of 4chan. */
  3.      *{font-family: liberation sans !important;}
  4.      
  5.    .hide-thread-button, .party-hat, #togglePostFormLink, .dateTime, .fa, .fa-edit, .sauce {
  6. display: none !important;
  7. }
  8. .navLinks.mobile{
  9. display: none !important;
  10. }
  11. *{font-family: liberation sans !important;        
  12. #letter-spacing: -.02px !important;}
  13.      body {
  14.         background: #f1f1f1 !important;
  15.         #background: url("https://sr.ht/UUAQ.png");
  16.        # background: url("https://sr.ht/ancr.png");
  17. #background: url(' http://0.0.0.0:8000/bg-min.png');
  18. #background: url('file:///Users/Plez/Downloads/bg.png') !important;
  19.          #background-attachment: fixed;
  20.          #background-position: center center;
  21.          #background-size: cover;
  22.          #height 50vh;
  23.           #background-attachment: fixed !important;
  24.          #background-position: center !important;
  25.          font-family: liberation sans !important;
  26.         color: #616f7c !important;
  27.         margin: auto !important;
  28.         font-size: 14px !important;
  29.          padding-top: 50px !important;
  30.         #letter-spacing: -.02px !important;
  31.     }
  32.      .navLinks,.brackets-wrap.a {
  33.          color: #f1f1f1 !important;
  34.          background: #f1f1f1 !important;
  35.          border: 0px !important;
  36.          border-color: #000000 !important;
  37.          padding: 2px !important;
  38.          border-radius: 0px !important;
  39.          #position: fixed !important;
  40.          #left: 0px !important;
  41.          #top: 80px !important;
  42.      }
  43.     .catalog-small, .catalog-thread {
  44.         background: #f1f1f1 !important;
  45.         padding-top: 5px !important;
  46.         padding-left: 5px !important;
  47.         margin-left: 5% !important;
  48.         margin-right: 5% !important;
  49.     }
  50.      #boardNavDesktopFoot, .watch-thread-link {
  51.          display: none;
  52.      }
  53.     hr {
  54.         padding-top: -5px !important;
  55.         border: 0 !important;
  56.     }
  57.      
  58.     .post.op, .opContainer {
  59.         background: #ffffff !important;
  60. max-width: 100% !important;
  61.         margin-left: 0px !important;
  62.         margin-right: 10px !important;
  63.         margin-top: 6px !important;
  64. margin-bottom: 3px !important;
  65. border-radius: 0px !important;
  66.         padding-right: 20px !important;
  67.     }
  68.     .postMessage{
  69.         margin-left: 20px !important;
  70.     }
  71.      .fileText{
  72.          margin-left: 20px !important;
  73.      }
  74.     /* Links */
  75.     a {
  76.         color: #bebbbb !important;
  77.         font-family: liberation sans !important;
  78.     }
  79.      
  80.     /* Foreground of the header bar */
  81.     #board-list,
  82.     #custom-board-list {
  83.         color: #5c6363 !important;
  84.         font-family: liberation sans !important;
  85.     }
  86.     #header-bar a, #thread-stats, #update-timer {
  87.         color: #d2d2d2 !important;
  88.         border: none !important;
  89.     }
  90.      
  91.     /* Background of the header bar */
  92.     #header-bar.dialog {
  93.         background: #f1f1f1 !important;
  94.         border: 0 !important;
  95.     }
  96.      #index-mode, #index-sort {
  97.          background-color: #ffffff !important;
  98.          color: #2d2d2d !important;
  99.          border: 0px !important;
  100.          border-color: #2d2d2d !important;
  101.      }
  102.     /* Color of the selected board on the header bar. */
  103.     #header-bar a.current {
  104.         color: #2d2d2d !important;
  105.     }
  106.      
  107.     /* Appearance of the menus. */
  108.     #menu.dialog,
  109.     .entry {
  110.         background: #f1f1f1 !important;
  111.         border: 0 !important;
  112.         color: #2d2d2d !important;
  113.         font-family: liberation sans !important;
  114.         font-size: 0.750rem !important;
  115.     }
  116.      
  117.     /* Catalog search and page links, This is not ready. */
  118.     div.navLinks {
  119.         #color: #f1f1f1 !important;
  120.         #background:#f1f1f1 !important;
  121.         font-family: liberation sans !important;
  122.         font-size: 0.750rem !important;
  123.         border: none !important;
  124.         display: inline-block !important;
  125.         margin-bottom: 0 !important;
  126.         margin-left: 5% !important;
  127.         z-index: 1000; !important;
  128.         box-shadow: #95782c 0 0 2px !important;
  129.        
  130.     }
  131.     div.pagelist {
  132.         background:#f1f1f1 !important;
  133.         font-family: liberation sans !important;
  134.         font-size: 0.750rem !important;
  135.         border: none !important;
  136.         display: inline-block !important;
  137.         margin-bottom: 7px !important;
  138.         margin-right: 25% !important;
  139.         margin-left: 25% !important;
  140.        
  141.     }
  142.      
  143.     /* Appearance of the thread updater and thread stats. */
  144.     #index-search.field,
  145.     #updater.dialog,
  146.     #thread-stats.dialog {
  147.         font-family: liberation sans !important;
  148.         font-size: 0.750rem !important;
  149.         background: transparent !important;
  150.         color: #ab7546 !important;
  151.         border-style: none !important;
  152.     }
  153.      
  154.     /* Thread updater menu */
  155.     #index-search.field:hover,
  156.     #updater.dialog:hover {
  157.         background: #f1f1f1 !important;
  158.         color: #2d2d2d !important;
  159.     }
  160.     #index-sort, #index-mode, #index-size {
  161.          display: none !important;
  162.      }
  163.     /* Clean up. */
  164.     .bottomCtrl.desktop,
  165.     #absbot.absBotText,
  166.     .navLinks.desktop,
  167.     .navLinks.navLinksBot.desktop,
  168.         .qr-link-container, .hide-reply-button, #toggleBlotter, #blotter-msgs, #blotter{
  169.         display: none !important;
  170.     }
  171.      
  172.     /* Hide ads? */
  173.     div.center,
  174.     div.topad.center,
  175.     div.middlead.center,
  176.     div.bottomad.center,
  177.     div.ad-plea {
  178.         display: none !important;
  179.     }
  180.      
  181.     /* Display board banner? */
  182.     .boardBanner {
  183.         #display: none !important;
  184.     }
  185.      #bannerCnt {
  186.          display: none !important;
  187.          background: #000000 !important;
  188.          padding: 40px   !important;
  189.          
  190.      }
  191.     .boardTitle {
  192.         text-shadow: none !important;
  193.         display: none !important;
  194.         #z-index: 1000 !important;
  195.         text-align: left !important;
  196.         text-indent: 10px !important;
  197.         color: #536e7e !important;
  198.         border: none !important;
  199.         #align-content:  !important;
  200.         position: fixed !important;
  201.         left: 0% !important;
  202.         top: 0% !important;
  203.         background: url("https://sr.ht/1265.png") top right no-repeat;
  204.         #background: #f1f1f1 !important;
  205.         #background: #000000 !important;
  206.         width: 100% !important;
  207.         #min-height: 10px !important;
  208.         padding-top: 20px !important;
  209.         padding-bottom: 5px !important;
  210.         margin: 0px !important;
  211.         box-shadow: #95782c 0 0 4px !important;
  212.     }
  213.      
  214.     /* Relative to posts. */
  215.     .post.reply {
  216.         #display: !important;
  217.         font-family: liberation sans !important;
  218.         font-size: 14px !important;
  219.         background: #ffffff !important;
  220.         color: #2d2d2d !important;
  221.         width: 100% !important;
  222.         border: 0 !important;
  223.         border-color: #000000 !important;
  224.         padding: 10px !important;
  225.         padding-top: 3px !important;
  226.         box-shadow: #95782c 0 0 0px !important;
  227. margin-bottom: 0px !important;
  228. border-radius: 0px !important;
  229.     -moz-box-sizing: content-box;
  230. box-sizing: content-box;
  231.         max-width: inherit !important;
  232.     }
  233.      
  234.     /* Relative to the thread */
  235.     .thread {
  236.         #background: url("http://theskepticalzone.com/wp/wp-content/uploads/2013/05/Circuit-Board-Pattern-4.jpg") !important;
  237.         margin-top: 0px !important;
  238.         margin-right: 5% !important;
  239.         margin-left: 5% !important;
  240.         background: #f1f1f1 !important;
  241.         padding-bottom: 0px !important;
  242.         #margin-bottom: 5% !important;
  243.         padding-left: 10px !important;
  244.         padding-right: 30px !important;
  245.         #min-height: 1120px !important;
  246.         #box-shadow: #d2d2d2 0 0 0px !important;
  247. border-radius: 0px !important;
  248.        
  249.     }
  250.     div.postContainer.opContainer {
  251.         display: inline-block !important;
  252.         width: 100% !important;
  253.         #margin: auto !important;
  254.         box-shadow: #95782c 0 0 0px !important;
  255.     }
  256.     .inline {
  257.         padding-left: 5px !important;
  258.         padding-right: 5px !important;
  259.         border: 0 !important;
  260.     }
  261.     .inline .post.reply {
  262.         background-color: #f1f1f1 !important;
  263.         border: 0 !important;
  264.     -moz-box-sizing: content-box;
  265. box-sizing: content-box;
  266.         max-width: inherit !important;
  267.     }
  268.      
  269.     /* Post subjects. */
  270.     span.subject {
  271.         color: #2d2d2d !important;
  272.     }
  273.      
  274.     /* Tripcodes. */
  275.     span.postertrip {
  276.         color: #2d2d2d !important;
  277.     }
  278.      
  279.     /* Post numbers. */
  280.     span.postNum a {
  281.         color: #2d2d2d !important;
  282.     }
  283.      
  284.     /* Poster's name. */
  285.     span.name {
  286.         color: #2d2d2d !important;
  287.         font-weight: normal !important;
  288.     }
  289.      
  290.     /* Date and time of the posts. */
  291.     span.dateTime {
  292.         color: #2d2d2d !important;
  293.     }
  294.      
  295.     /* Quote links. */
  296.     a.quotelink {
  297.         color: #2d2d2d !important;
  298.     }
  299.      
  300.     /* Link to posts quoting the current post. */
  301.     a.backlink {
  302.         color: #2d2d2d !important;
  303.     }
  304.      
  305.     /* Greentext. */
  306.     span.quote {
  307.         color: #6D715E !important;
  308.     }
  309.      
  310.     /* Post menu button. */
  311.     .post .menu-button {
  312.         display: none;
  313.         float: right;
  314.         position: relative;
  315.         left: 0px;
  316.     }
  317.      
  318.     /* Hide "hide reply" buttons. */
  319.     .postInfo > input,
  320.     a.hide-post-button {
  321.         display: none !important;
  322.     }
  323.      
  324.     /* Relative to post info, i.e. Post name, tripcode, post date, etc. */
  325.     .postInfo a,
  326.     div.postInfo {
  327.         color: #2d2d2d !important;
  328.         font-size: 12px !important;
  329.     }
  330.      
  331.     /* Relative to file info, i.e. filename, file size, resolution, etc. */
  332.     div.fileText {
  333.         color: #2d2d2d
  334.         font-family: liberation sans !important;
  335.         font-size: 0.750rem !important;
  336.         letter-spacing: 0px !important;
  337.     }
  338.      
  339.     /* Fix post previews. */
  340.     #qp {
  341.         border: 1px !important;
  342.         box-shadow: none !important;
  343.     }
  344.      
  345.      
  346.     /* Relative to the quick reply. */
  347.     #qr {
  348.         background: #f1f1f1 !important;
  349.         color: #2d2d2d !important;
  350.         border: 1px !important;
  351.         border-color: #000000 !important;
  352.         border-radius: 0px !important;
  353.         box-shadow: none !important;
  354.         transition: all 0.2s ease 0s;
  355.     }
  356.     #qr form {
  357.         bottom: 12px !important;
  358.         right: 0% !important;
  359.         width: 300px !important;
  360.         padding: 0px !important;
  361.         margin-top: 11px !important;
  362.         padding-top: 10px !important;
  363.         padding-bottom: 3px !important;
  364.         background: #f1f1f1 !important;
  365.         border: 1px !important;
  366.         border-color: #000000 !important;
  367.         border-radius: 0px !important;
  368.     }
  369.     #dump-button {
  370.         background: #ffffff !important;
  371.         border-color: #ffffff !important;
  372.         color: #2d2d2d !important;
  373.     }
  374.      
  375.     /* Color of the fields. */
  376.     #qr .field {
  377.         background: #ffffff !important;
  378.         border-color: #f1f1f1 !important;
  379.         color: #2d2d2d !important;
  380.         padding: 1px !important;
  381.         margin: 0px !important;
  382.     }
  383.      .input.field {
  384.          border-bottom: none !important;
  385.      }
  386.      
  387.     /* Movable QR? */
  388.     #qr span.move {
  389.         display: none !important;
  390.     }
  391.      
  392.     /* Remove menu */
  393.     #qr select {
  394.         display: none !important;
  395.     }
  396.     .sideArrows {
  397.         display: none !important;
  398.     }
  399.      
  400.     /* Make the name field become invisible when there's something in it... */
  401.     #qr input.field:nth-child(2) {
  402.         background: #ffffff !important;
  403.         color: #2d2d2d !important;
  404.     }
  405.      
  406.     /* ... And then make it visible again when you hover over it. */
  407.     #qr input.field:nth-child(2):hover {
  408.         background: #ffffff !important;
  409.         color: #2d2d2d !important;
  410.     }
  411.      
  412.     /* Remove bar above the fields. */
  413.     #qr > div {
  414.         position: fixed !important;
  415.     }
  416.      
  417.     /* Relative to 4chan X's menu */
  418.     #fourchanx-settings.dialog,
  419.     fieldset legend,
  420.     a.tab-main.tab-selected {
  421.         font-family: liberation sans !important;
  422.         font-size: 11px !important;
  423.         background: #f1f1f1 !important;
  424.         color: #2d2d2d !important;
  425.     }
  426.      
  427.     /*** Animations ***/
  428.      
  429.     /* Change backlinks to >> and animate them. */
  430.     a.backlink {
  431.         /*text-decoration: none !important;*/
  432.         font-size: 0 !important;;
  433.     }
  434.     .backlink:after {
  435.         font-size: 11px !important;
  436.         padding: 1px;
  437.         content: '>>' !important;
  438.        /* text-decoration: none !important;*/
  439.     }
  440.     .backlink:not(:first-child) {
  441.         margin-left: -1.0rem;
  442.         transition: all .1s linear .2s;
  443.         opacity: 0;
  444.     }
  445.      .deadlink {
  446.          color: #bebbbb !important;
  447.      }
  448.     /* Post menu animations. */
  449.     .postContainer:hover .backlink {
  450.         margin-left: 0rem;
  451.         transition-delay: .1s;
  452.         opacity: 100;
  453.     }
  454.     .post.reply a.menu-button {
  455.         opacity: 0;
  456.         transition: all .2s;
  457.     }
  458.     .post.reply:hover .menu-button {
  459.         opacity: 100;
  460.         transition: all .1s;
  461.     }
  462.     /* QR animations. */
  463.     #qr.dialog.has-captcha.autohide,
  464.     #qr.dialog.autohide {
  465.         top: -300px !important;
  466.         height: 21px !important;
  467.         transition: all 0.7s ease 0s;
  468.     }
  469.         /*.quotelink { text-decoration: none !important;
  470.         }*/
  471.  
  472.        
  473.     }
Advertisement
Add Comment
Please, Sign In to add comment