Arctis

4chan css black/white

Jan 9th, 2015
478
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.51 KB | None | 0 0
  1.  @-moz-document domain("boards.4chan.org") {
  2.     /* Relative to the general appearance of 4chan. */
  3.     body {
  4.         background: #f1f1f1!important;
  5.         font-family: liberation sans !important;
  6.         color: #2d2d2d !important;
  7.         margin: auto !important;
  8.         font-size: 13px !important;
  9.     }
  10.     hr {
  11.         padding-top: 5px !important;
  12.         border: 0 !important;
  13.     }
  14.      
  15.     /* Links */
  16.     a {
  17.         color: #2d2d2d !important;
  18.     }
  19.      
  20.     /* Foreground of the header bar */
  21.     #board-list,
  22.     #custom-board-list {
  23.         color: #5c6363 !important;
  24.         font-family: liberation sans !important;
  25.     }
  26.     #header-bar a, #thread-stats, #update-timer {
  27.         color: #5c6363 !important;
  28.         border: none !important;
  29.     }
  30.      
  31.     /* Background of the header bar */
  32.     #header-bar.dialog {
  33.         background: #2d2d2d !important;
  34.         border: 0 !important;
  35.     }
  36.      
  37.     /* Color of the selected board on the header bar. */
  38.     #header-bar a.current {
  39.         color: #bebbbb !important;
  40.     }
  41.      
  42.     /* Appearance of the menus. */
  43.     #menu.dialog,
  44.     .entry {
  45.         background: #f1f1f1 !important;
  46.         border: 0 !important;
  47.         color: #2d2d2d !important;
  48.         font-family: liberation sans !important;
  49.         font-size: 0.750rem !important;
  50.     }
  51.      
  52.     /* Catalog search and page links, This is not ready. */
  53.     div.navLinks,
  54.     div.pagelist {
  55.         background: transparent !important;
  56.         font-family: liberation sans !important;
  57.         font-size: 0.750rem !important;
  58.         border: 0 !important;
  59.         display: inline-block !important;
  60.         margin-bottom: 0 !important;
  61.     }
  62.      
  63.     /* Appearance of the thread updater and thread stats. */
  64.     #index-search.field,
  65.     #updater.dialog,
  66.     #thread-stats.dialog {
  67.         font-family: liberation sans !important;
  68.         font-size: 0.750rem !important;
  69.         background: transparent !important;
  70.         color: #ab7546 !important;
  71.         border-style: none !important;
  72.     }
  73.      
  74.     /* Thread updater menu */
  75.     #index-search.field:hover,
  76.     #updater.dialog:hover {
  77.         background: #f1f1f1 !important;
  78.         color: #2d2d2d !important;
  79.     }
  80.      
  81.     /* Clean up. */
  82.     .bottomCtrl.desktop,
  83.     #absbot.absBotText,
  84.     .navLinks.desktop,
  85.     .navLinks.navLinksBot.desktop,
  86.         .qr-link-container, .hide-reply-button, #toggleBlotter, #blotter-msgs, #blotter{
  87.         display: none !important;
  88.     }
  89.      
  90.     /* Hide ads? */
  91.     div.center,
  92.     div.topad.center,
  93.     div.middlead.center,
  94.     div.bottomad.center,
  95.     div.ad-plea {
  96.         display: none !important;
  97.     }
  98.      
  99.     /* Display board banner? */
  100.     .boardBanner {
  101.         display: none !important;
  102.     }
  103.      
  104.     /* Relative to posts. */
  105.     .post.reply {
  106.         font-family: liberation sans !important;
  107.         font-size: 13px !important;
  108.         background: #ffffff !important;
  109.         color: #2d2d2d !important;
  110.         width: 100% !important;
  111.         border: 0 !important;
  112.         border-color: #000000 !important;
  113.         padding: 6px !important;
  114.         box-shadow: #bebbbb 0 0 2px !important;
  115.     }
  116.      
  117.     /* Relative to the thread */
  118.     .thread {
  119.         margin-top: -10px !important;
  120.         margin-right: 30px !important;
  121.         margin-left: 15px !important;
  122.     }
  123.     div.postContainer.opContainer {
  124.         display: inline-block !important;
  125.         width: 100% !important;
  126.         margin: auto !important;
  127.     }
  128.     .inline {
  129.         padding-left: 15px !important;
  130.         padding-right: 15px !important;
  131.         border: 0 !important;
  132.     }
  133.     .inline .post.reply {
  134.         background-color: #f1f1f1 !important;
  135.         border: 0 !important;
  136.     }
  137.      
  138.     /* Post subjects. */
  139.     span.subject {
  140.         color: #2d2d2d !important;
  141.     }
  142.      
  143.     /* Tripcodes. */
  144.     span.postertrip {
  145.         color: #2d2d2d !important;
  146.     }
  147.      
  148.     /* Post numbers. */
  149.     span.postNum a {
  150.         color: #2d2d2d !important;
  151.     }
  152.      
  153.     /* Poster's name. */
  154.     span.name {
  155.         color: #2d2d2d !important;
  156.         font-weight: normal !important;
  157.     }
  158.      
  159.     /* Date and time of the posts. */
  160.     span.dateTime {
  161.         color: #2d2d2d !important;
  162.     }
  163.      
  164.     /* Quote links. */
  165.     a.quotelink {
  166.         color: #2d2d2d !important;
  167.     }
  168.      
  169.     /* Link to posts quoting the current post. */
  170.     a.backlink {
  171.         color: #2d2d2d !important;
  172.     }
  173.      
  174.     /* Greentext. */
  175.     span.quote {
  176.         color: #6D715E !important;
  177.     }
  178.      
  179.     /* Post menu button. */
  180.     .post .menu-button {
  181.         float: right;
  182.         position: relative;
  183.         left: 0px;
  184.     }
  185.      
  186.     /* Hide "hide reply" buttons. */
  187.     .postInfo > input,
  188.     a.hide-post-button {
  189.         display: none !important;
  190.     }
  191.      
  192.     /* Relative to post info, i.e. Post name, tripcode, post date, etc. */
  193.     .postInfo a,
  194.     div.postInfo {
  195.         color: #2d2d2d !important;
  196.         font-size: 12px !important;
  197.     }
  198.      
  199.     /* Relative to file info, i.e. filename, file size, resolution, etc. */
  200.     div.fileText {
  201.         color: #2d2d2d
  202.         font-family: liberation sans !important;
  203.         font-size: 0.750rem !important;
  204.     }
  205.      
  206.     /* Fix post previews. */
  207.     #qp {
  208.         border: 0 !important;
  209.         box-shadow: none !important;
  210.     }
  211.      
  212.      
  213.     /* Relative to the quick reply. */
  214.     #qr {
  215.         background: #f1f1f1 !important;
  216.         color: #2d2d2d !important;
  217.         border: none !important;
  218.         border-radius: 2px !important;
  219.         box-shadow: none !important;
  220.         transition: all 0.2s ease 0s;
  221.     }
  222.     #qr form {
  223.         bottom: 12px !important;
  224.         right: 0% !important;
  225.         width: 300px !important;
  226.         padding: 4px !important;
  227.         margin-top: 23px !important;
  228.         padding-top: 10px !important;
  229.         padding-bottom: 3px !important;
  230.         background: #f1f1f1 !important;
  231.         border-color: #ffffff !important;
  232.         border-radius: 4px !important;
  233.     }
  234.     #dump-button {
  235.         background: #ffffff !important;
  236.         border-color: #ffffff !important;
  237.         color: #2d2d2d !important;
  238.     }
  239.      
  240.     /* Color of the fields. */
  241.     #qr .field {
  242.         background: #ffffff !important;
  243.         border-color: #ffffff !important;
  244.         color: #2d2d2d !important;
  245.     }
  246.      
  247.     /* Movable QR? */
  248.     #qr span.move {
  249.         display: none !important;
  250.     }
  251.      
  252.     /* Remove menu */
  253.     #qr select {
  254.         display: none !important;
  255.     }
  256.     .sideArrows {
  257.         display: none !important;
  258.     }
  259.      
  260.     /* Make the name field become invisible when there's something in it... */
  261.     #qr input.field:nth-child(2) {
  262.         background: #ffffff !important;
  263.         color: #2d2d2d !important;
  264.     }
  265.      
  266.     /* ... And then make it visible again when you hover over it. */
  267.     #qr input.field:nth-child(2):hover {
  268.         background: #ffffff !important;
  269.         color: #2d2d2d !important;
  270.     }
  271.      
  272.     /* Remove bar above the fields. */
  273.     #qr > div {
  274.         position: fixed !important;
  275.     }
  276.      
  277.     /* Relative to 4chan X's menu */
  278.     #fourchanx-settings.dialog,
  279.     fieldset legend,
  280.     a.tab-main.tab-selected {
  281.         font-family: liberation sans !important;
  282.         font-size: 11px !important;
  283.         background: #f1f1f1 !important;
  284.         color: #2d2d2d !important;
  285.     }
  286.      
  287.     /*** Animations ***/
  288.      
  289.     /* Change backlinks to >> and animate them. */
  290.     a.backlink {
  291.         /*text-decoration: none !important;*/
  292.         font-size: 0 !important;;
  293.     }
  294.     .backlink:after {
  295.         font-size: 11px !important;
  296.         padding: 1px;
  297.         content: '>>' !important;
  298.        /* text-decoration: none !important;*/
  299.     }
  300.     .backlink:not(:first-child) {
  301.         margin-left: -1.0rem;
  302.         transition: all .1s linear .2s;
  303.         opacity: 0;
  304.     }
  305.     /* Post menu animations. */
  306.     .postContainer:hover .backlink {
  307.         margin-left: 0rem;
  308.         transition-delay: .1s;
  309.         opacity: 100;
  310.     }
  311.     .post.reply a.menu-button {
  312.         opacity: 0;
  313.         transition: all .2s;
  314.     }
  315.     .post.reply:hover .menu-button {
  316.         opacity: 100;
  317.         transition: all .1s;
  318.     }
  319.     /* QR animations. */
  320.     #qr.dialog.has-captcha.autohide,
  321.     #qr.dialog.autohide {
  322.         top: -300px !important;
  323.         height: 21px !important;
  324.         transition: all 0.7s ease 0s;
  325.     }
  326.         /*.quotelink { text-decoration: none !important;
  327.         }*/
  328.     }
Advertisement
Add Comment
Please, Sign In to add comment