Advertisement
Arctis

4chan css pink/grey

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