Advertisement
Guest User

Untitled

a guest
Dec 24th, 2018
692
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.02 KB | None | 0 0
  1. /*
  2.     create the file
  3.     $LOCATION_OF_YOUR_FIREFOX_PROFILE/chrome/userContent.css
  4.     and put the following into it:
  5. */
  6.  
  7. @-moz-document domain(news.ycombinator.com) {
  8.  
  9.     a, .votearrow
  10.     {
  11.         transition:             box-shadow  0.25s ease-in-out,
  12.                                 color       0.125s ease-in-out,
  13.                                 text-shadow 0.25s ease-in-out,
  14.                                 border      0.125s ease-in-out,
  15.                                 background  0.125s ease-in-out;
  16.     }
  17.  
  18.     table
  19.     {
  20.         border-collapse:    separate;
  21.         border-spacing:     0;
  22.         width:              100%;
  23.     }
  24.  
  25.     .athing,
  26.     .fatitem td
  27.      {
  28.  
  29.         border:             1px groove hsl(60, 5%, 84%) !important;
  30.         background:         linear-gradient(hsl(60, 5%, 94%) 0%, hsl(60, 5%, 91%) 100%) !important;
  31.         padding:            0.125em 0.5em !important;
  32.         border-radius:      0 !important;
  33.         box-shadow:         inset 1px 1px 1px hsl(60, 5%, 99%),
  34.                             inset -1px -1px 2px hsl(60, 5%, 88%),
  35.                             1px 1px 2px hsla(0, 0%, 0%, 0.1) !important;
  36.         margin:             0;
  37.     }
  38.  
  39.     .fatitem td[colspan="2"],
  40.     .fatitem td[align="right"]
  41.      {
  42.         border:             none !important;
  43.         background:         none !important;
  44.         padding:            none !important;
  45.         border-radius:      0 !important;
  46.         box-shadow:         none !important;
  47.     }
  48.  
  49.     tr.athing + tr
  50.     {
  51.         font-size:          1.1em !important;
  52.         background:         linear-gradient(hsl(60, 5%, 94%) 0%, hsl(60, 5%, 91%) 100%) !important;
  53.         border-radius:      0 !important;
  54.         box-shadow:         inset -1px -1px 1px hsl(60, 5%, 92%),
  55.                             inset -1px 0px 1px hsl(60, 5%, 98%),
  56.                             1px 1px 2px hsla(0, 0%, 0%, 0.1) !important;
  57.         margin:             0;
  58.     }
  59.  
  60.     tr.athing + tr td
  61.     {
  62.         padding-top:        0.25em !important;
  63.         padding-bottom:     0.25em !important;
  64.     }
  65.  
  66.     tr.spacer,
  67.     tr[style="height:10px"]
  68.     {
  69.         display:            none !important;
  70.     }
  71.  
  72.     .comment
  73.     {
  74.         width:              50em;
  75.         font-size:          1.2em;
  76.         border:             1px groove hsl(60, 10%, 78%);
  77.         background:         linear-gradient(hsl(60, 10%, 97%) 0%, hsl(60, 10%, 93%) 100%);
  78.         margin:             0 0 .15em 0;
  79.         padding:            0.5em 2em;
  80.         border-radius:      0.2em;
  81.         box-shadow:         inset 1px 1px 1px hsl(60, 10%, 99%),
  82.                             inset -1px -1px 2px hsl(60, 10%, 88%),
  83.                             1px 1px 2px hsla(0, 0%, 0%, 0.05);
  84.     }
  85.  
  86.     .cdd, .cce, .cbe, .cae, .c9c, .c88, .c82, .c73, .c5a
  87.     {
  88.         color:              #904 !important;
  89.     }
  90.  
  91.     .cdd:before, .cce:before, .cbe:before, .cae:before, .c9c:before, .c88:before, .c82:before, .c73:before, .c5a:before
  92.     {
  93.         color:              #ccc;
  94.         display:            block;
  95.         font-size:          0.8em;
  96.     }
  97.  
  98.     .cdd:before { content:      "(-8) "; }
  99.     .cce:before { content:      "(-7) "; }
  100.     .cbe:before { content:      "(-6) "; }
  101.     .cae:before { content:      "(-5) "; }
  102.     .c9c:before { content:      "(-4) "; }
  103.     .c88:before { content:      "(-3) "; }
  104.     .c82:before { content:      "(-3) "; }
  105.     .c73:before { content:      "(-2) "; }
  106.     .c5a:before { content:      "(-1) "; }
  107.  
  108.     .storylink
  109.     {
  110.         font-size:          1.35em;
  111.     }
  112.  
  113.     .subtext
  114.     {
  115.         padding:            .15em 2em .25em 2em !important;
  116.         border:             none !important;
  117.     }
  118.  
  119.     .score
  120.     {
  121.         font-size:          1.15em !important;
  122.         color:              #000 !important;
  123.     }
  124.  
  125.     a[href^="item?id="]
  126.     {
  127.         font-size:          1.3em !important;
  128.     }
  129.  
  130.     a
  131.     {
  132.         color:              #34c !important;
  133.         text-shadow:        -1px -.5px .5px hsla(60, 0%, 95%, 0.75),
  134.                             -.5px -1px .5px hsla(60, 0%, 95%, 0.65),
  135.                             1px .5px .5px hsla(220, 0%, 0%, 0.25),
  136.                             .5px 1px .5px hsla(220, 0%, 0%, 0.15);
  137.         text-decoration:    none !important;
  138.     }
  139.  
  140.     a:hover
  141.     {
  142.         background:         #fe0 !important;
  143.     }
  144.  
  145.     a:visited
  146.     {
  147.         color:              #183 !important;
  148.     }
  149.  
  150.     .votelinks
  151.     {
  152.         width:              1px !important;
  153.     }
  154.  
  155.     .votelinks a:hover
  156.     {
  157.         background:         none !important;
  158.     }
  159.  
  160.     .votearrow
  161.     {
  162.         background-image:   none !important;
  163.         margin-right:       12px !important;
  164.         height:             16px !important;
  165.         width:              16px !important;
  166.     }
  167.  
  168.     .votearrow[title="upvote"]
  169.     {
  170.         opacity:            0.6;
  171.         box-shadow:         inset 0 0 2px #080,
  172.                             0 0 2px #080,
  173.                             0 0 1px #484;
  174.     }
  175.  
  176.     .votearrow:hover[title="upvote"]
  177.     {
  178.         opacity:            1;
  179.         box-shadow:         inset 0 0 8px 5px #0c0,
  180.                             0 0 3px 2px #080,
  181.                             0 0 2px 1px #484;
  182.     }
  183.  
  184.     .votearrow[title="downvote"]
  185.     {
  186.         opacity:            0.6;
  187.         box-shadow:         inset 0 0 2px #f00,
  188.                             0 0 2px #f00,
  189.                             0 0 1px #fcc;
  190.     }
  191.  
  192.     .votearrow:hover[title="downvote"]
  193.     {
  194.         opacity:            1;
  195.         box-shadow:         inset 0 0 8px 5px #f00,
  196.                             0 0 3px 2px #f00,
  197.                             0 0 2px 1px #f88;
  198.     }
  199.  
  200.     .nosee .votearrow
  201.     {
  202.         visibility:         visible !important;
  203.         box-shadow:         inset 0 0 5px 3px #fe0,
  204.                             0 0 3px 2px #fe0,
  205.                             0 0 2px 1px #fe4;
  206.     }
  207.  
  208.     font[color="#ff6600"]
  209.     {
  210.         font-size:          2em !important;
  211.         background:         #fe0 !important;
  212.         color:              #440 !important;
  213.         border-radius:      1em;
  214.         padding:            0 .25em;
  215.     }
  216.  
  217.     form textarea, input, button
  218.     {
  219.         width:              100% !important;
  220.         padding:            0.25em 1em !important;
  221.     }
  222. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement