API tools faq
paste
Guest User

reddit colored (expand bar, colored comments, and more)

a guest
Jul 25th, 2020
337
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.56 KB | None | 0 0
raw download clone embed print report
  1. body, textarea {
  2.     font-family: "Bookerly"; // replace by any other nice font you like
  3. }
  4.  
  5. /* so the fullscreen button can be selected */
  6.  
  7. div.expando iframe {
  8.     margin-left: -50px;
  9. }
  10.  
  11. body {
  12.     min-width: 100px !important;
  13. }
  14.  
  15.  
  16. /* remove rank */
  17.  
  18. body>.content .link .rank,
  19. .rank-spacer {
  20.     width: unset;
  21.     display: none;
  22. }
  23.  
  24.  
  25. /* remove subreddit subtitle */
  26.  
  27. div.create .spacer {
  28.     display: none;
  29. }
  30.  
  31.  
  32. /* hmm */
  33.  
  34. #header-bottom-left {
  35.     padding-top: 5px;
  36. }
  37.  
  38. .listing-chooser {
  39.     top: 56px !important;
  40. }
  41.  
  42. .liveupdate-app .md-container {
  43.     min-width: unset;
  44. }
  45.  
  46. .content {
  47.     padding-right: 10px;
  48. }
  49.  
  50. .profile-page a.expand {
  51.     display: none;
  52. }
  53.  
  54. .pinnable-content.pinned .dismiss-pinnable {
  55.     top: 100px;
  56. }
  57.  
  58. .trending-subreddits .rank-spacer,
  59. .trending-subreddits .midcol-spacer {
  60.     display: none;
  61. }
  62.  
  63. .mobile-web-redirect-bar,
  64. .awardings-bar,
  65. .hohoho-header,
  66. .listingsignupbar.infobar,
  67. .onboardingbar,
  68. .redesign-beta-optin,
  69. .premium-banner-outer {
  70.     display: none;
  71. }
  72.  
  73.  
  74. /* remove ugly low res arrow submit button thingies */
  75.  
  76. .morelink .nub {
  77.     background: transparent;
  78.     background-image: none;
  79. }
  80.  
  81. .morelink:hover .nub,
  82. .mlhn {
  83.     background: transparent;
  84.     background-image: none;
  85. }
  86.  
  87.  
  88. /*
  89. Make expander that overlays on the whole left side
  90. */
  91.  
  92. .comment .expand {
  93.     display: block;
  94.     position: absolute;
  95.     height: 100%;
  96.     width: 19px;
  97.     text-align: center;
  98.     background-color: #bdbdbd26;
  99.     padding: 0px 0;
  100.     top: 0;
  101.     left: 0;
  102.     line-height: 2.5em;
  103.     text-decoration: none;
  104.     transition: background-color 200ms;
  105.     color: #0000;
  106.     /*
  107.    
  108.     color: white;
  109.     */
  110. }
  111.  
  112. .comment.collapsed .expand {
  113.     color: #383838;
  114. }
  115.  
  116. .comment .expand:hover {
  117.     text-decoration: none;
  118.     background-color: #94949436!important;
  119. }
  120.  
  121. .expand:after {
  122.     transition: background-color 200ms
  123. }
  124.  
  125. div.expando {
  126.     padding-right: 17px;
  127. }
  128.  
  129.  
  130. /* user bar icons (comment-dots & envelope from font awesome) */
  131.  
  132. #chat,
  133. #mail {
  134.     vertical-align: bottom !important;
  135.     margin: 0;
  136.     width: 15px;
  137.     height: 15px;
  138.     background-size: cover;
  139. }
  140.  
  141. #mail.havemail {
  142.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23ff5700" d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 48v40.805l-134.587 106.5c-16.84 13.247-50.2 45.072-73.413 44.7-23.208.375-56.58-31.46-73.413-44.7L48 152.805V112h416zM48 400V214.398l104.938 82.646C174.795 314.25 213.072 352.23 256 352c42.717.23 80.51-37.2 103.053-54.947L464 214.4V400H48z"/></svg>') !important;
  143.     background-position: center;
  144.     background-repeat: no-repeat;
  145. }
  146.  
  147. #mail.nohavemail {
  148.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23bebebe" d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 48v40.805l-134.587 106.5c-16.84 13.247-50.2 45.072-73.413 44.7-23.208.375-56.58-31.46-73.413-44.7L48 152.805V112h416zM48 400V214.398l104.938 82.646C174.795 314.25 213.072 352.23 256 352c42.717.23 80.51-37.2 103.053-54.947L464 214.4V400H48z"/></svg>') !important;
  149.     background-position: center;
  150.     background-repeat: no-repeat;
  151. }
  152.  
  153. #chat {
  154.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23bebebe" d="M144 208a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zm112 0a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zm112 0a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"/></svg>') !important;
  155.     background-position: center;
  156.     background-repeat: no-repeat;
  157. }
  158.  
  159. #chat.active {
  160.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23ff7500" d="M144 208a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zm112 0a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zm112 0a31.97 31.97 0 1 0 0 64 31.97 31.97 0 1 0 0-64zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"/></svg>') !important;
  161.     background-position: center;
  162.     background-repeat: no-repeat;
  163. }
  164.  
  165.  
  166. /* dropdown icons */
  167.  
  168. .dropdown .selected {
  169.     background: none no-repeat scroll center right;
  170.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="21"><path d="M15.18 5.93H3.942l5.62 6.233z" fill="gray" paint-order="normal"/></svg>') !important;
  171. }
  172.  
  173.  
  174. /*  Grippy */
  175.  
  176. .grippy::before {
  177.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="260" width="24" fill="%23369"><path d="M6.164 19.8L17.696 8.58v22.44z" paint-order="normal"/><circle cx="11.93" cy="66.099" r="3.372" paint-order="normal"/><circle r="3.372" cy="193.711" cx="11.93" paint-order="normal"/><circle cx="11.93" cy="161.808" r="3.372" paint-order="normal"/><circle r="3.372" cy="177.759" cx="11.93" paint-order="normal"/><circle cx="11.93" cy="145.856" r="3.372" paint-order="normal"/><circle r="3.372" cy="129.905" cx="11.93" paint-order="normal"/><circle cx="11.93" cy="113.953" r="3.372" paint-order="normal"/><circle r="3.372" cy="98.002" cx="11.93" paint-order="normal"/><circle cx="11.93" cy="82.05" r="3.372" paint-order="normal"/><path d="M6.303 240.2l11.532 11.22v-22.44z" paint-order="normal"/></svg>') !important;
  178.     background-size: 6px !important;
  179. }
  180.  
  181.  
  182. /*
  183. Arrows
  184. */
  185.  
  186. .arrow.up {
  187.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.917 1.503l-8.41 9.14c.422.028.878.004 1.313.012l3.906.003v7.84h6.536V10.66l5.23-.005-8.575-9.15z" fill="%23ececec" stroke="%23c6c6c6" stroke-width="1.5" stroke-linejoin="round"/></svg>') !important;
  188.     background-position: center;
  189.     background-repeat: no-repeat;
  190. }
  191.  
  192. .arrow.down {
  193.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10.083 18.497l8.41-9.14c-.422-.028-.878-.004-1.313-.012-1.3-.002-2.606.004-3.906-.003v-7.84H6.737V9.34l-5.23.005 8.575 9.15z" fill="%23ececec" stroke="%23c6c6c6" stroke-width="1.5" stroke-linejoin="round"/></svg>') !important;
  194.     background-position: center;
  195.     background-repeat: no-repeat;
  196. }
  197.  
  198. .arrow.upmod {
  199.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.917 1.503l-8.41 9.14c.422.028.878.004 1.313.012l3.906.003v7.84h6.536V10.66l5.23-.005-8.575-9.15z" fill="%23FF8B60" stroke="%23FF8B60" stroke-width="1.5" stroke-linejoin="round"/></svg>') !important;
  200.     background-position: center;
  201.     background-repeat: no-repeat;
  202. }
  203.  
  204. .arrow.downmod {
  205.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10.083 18.497l8.41-9.14c-.422-.028-.878-.004-1.313-.012-1.3-.002-2.606.004-3.906-.003v-7.84H6.737V9.34l-5.23.005 8.575 9.15z" fill="%239494FF" stroke="%239494FF" stroke-width="1.5" stroke-linejoin="round"/></svg>') !important;
  206.     background-position: center;
  207.     background-repeat: no-repeat;
  208. }
  209.  
  210.  
  211. /*
  212. Logo
  213. */
  214.  
  215. .redditname {
  216.     font-variant: unset;
  217.     text-overflow: ellipsis !important;
  218.     max-width: 10ch !important;
  219.     white-space: nowrap !important;
  220.     overflow: hidden !important;
  221.     display: inline-block
  222. }
  223.  
  224.  
  225. /* need no logo on front page */
  226.  
  227. #header-img-a {
  228.     display: none;
  229. }
  230.  
  231.  
  232. /*
  233. #header-img:after {
  234.     content: "/r/" !important;
  235.     color: #369;
  236. }
  237. */
  238.  
  239. #header-img:before {
  240.     content: "reddit " !important;
  241.     line-height: initial;
  242.     color: #369;
  243.     font-size: 14.4px;
  244. }
  245.  
  246. #header-img {
  247.     line-height: 0;
  248.     color: transparent;
  249.     font-size: 0;
  250.     display: initial !important;
  251.     font-weight: bold;
  252.     padding-left: 5px;
  253.     background-image: none !important;
  254.     background-size: 0px 0px !important;
  255.     height: 20px !important;
  256.     width: 1px !important;
  257.     /*
  258.     display: block;
  259.     -moz-box-sizing: border-box;
  260.     box-sizing: border-box;
  261.     background-repeat: no-repeat;
  262.     background-size: 20px 20px;
  263.     padding-left: 20px;
  264.     margin-right: 20px;
  265.    
  266.     // the above commented part was previously not here
  267.     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%23369" cx="10" cy="10" r="10"></circle><path fill="%23FFF" d="M16.67,10A1.46,1.46,0,0,0,14.2,9a7.12,7.12,0,0,0-3.85-1.23L11,4.65,13.14,5.1a1,1,0,1,0,.13-0.61L10.82,4a0.31,0.31,0,0,0-.37.24L9.71,7.71a7.14,7.14,0,0,0-3.9,1.23A1.46,1.46,0,1,0,4.2,11.33a2.87,2.87,0,0,0,0,.44c0,2.24,2.61,4.06,5.83,4.06s5.83-1.82,5.83-4.06a2.87,2.87,0,0,0,0-.44A1.46,1.46,0,0,0,16.67,10Zm-10,1a1,1,0,1,1,1,1A1,1,0,0,1,6.67,11Zm5.81,2.75a3.84,3.84,0,0,1-2.47.77,3.84,3.84,0,0,1-2.47-.77,0.27,0.27,0,0,1,.38-0.38A3.27,3.27,0,0,0,10,14a3.28,3.28,0,0,0,2.09-.61A0.27,0.27,0,1,1,12.48,13.79Zm-0.18-1.71a1,1,0,1,1,1-1A1,1,0,0,1,12.29,12.08Z"></path></svg>');
  268.    
  269.     height: 20px;
  270.     width: 20px;
  271.     */
  272.     background-position: 0px 0px;
  273.     margin-bottom: 1px;
  274.     margin-left: 1px;
  275.     margin-top: 0px;
  276.     padding-bottom: 2px;
  277. }
  278.  
  279.  
  280. /*
  281. Colored comment borders
  282. */
  283.  
  284. .commentarea>.sitetable>.comment>.entry {
  285.     border-left-color: #D81B60;
  286. }
  287.  
  288. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  289.     border-left-color: #FB8C00;
  290. }
  291.  
  292. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  293.     border-left-color: #FDD835;
  294. }
  295.  
  296. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  297.     border-left-color: #43A047;
  298. }
  299.  
  300. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  301.     border-left-color: #039BE5;
  302. }
  303.  
  304. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  305.     border-left-color: #3949AB;
  306. }
  307.  
  308. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  309.     border-left-color: #8E24AA;
  310. }
  311.  
  312. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  313.     border-left-color: #D81B60;
  314. }
  315.  
  316. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  317.     border-left-color: #FB8C00;
  318. }
  319.  
  320. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  321.     border-left-color: #FDD835;
  322. }
  323.  
  324. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  325.     border-left-color: #43A047;
  326. }
  327.  
  328. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  329.     border-left-color: #039BE5;
  330. }
  331.  
  332. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  333.     border-left-color: #3949AB;
  334. }
  335.  
  336. .commentarea>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.child>.sitetable>.comment>.entry {
  337.     border-left-color: #8E24AA;
  338. }
  339.  
  340.  
  341. /*
  342.   .commentarea .child .comment
  343.   {
  344.     border-left: 1px solid #cecece !important;
  345.   }
  346. */
  347.  
  348.  
  349. /*
  350. * {
  351.     box-sizing: border-box;
  352.     -moz-box-sizing: border-box;
  353. }
  354. */
  355.  
  356. body:not(.comments-page) .side .spacer+.spacer+.spacer+.spacer,
  357. body.submit-page .side .spacer+.spacer,
  358. body.search-page .side .spacer+.spacer+.spacer,
  359. body.comments-page .side .spacer+.spacer+.spacer+.spacer+.spacer {
  360.     padding-bottom: 30px;
  361.     margin-bottom: 30px !important;
  362. }
  363.  
  364. body:not(.comments-page) .side .spacer+.spacer+.spacer+.spacer+.spacer,
  365. body.submit-page .side .spacer+.spacer+.spacer,
  366. body.search-page .side .spacer+.spacer+.spacer+.spacer,
  367. body.comments-page .side .spacer+.spacer+.spacer+.spacer+.spacer+.spacer {
  368.     background: white;
  369. }
  370.  
  371. body:not(.comments-page) .side .spacer:first-child+.spacer+.spacer+.spacer+.spacer,
  372. body.submit-page .side .spacer:first-child+.spacer+.spacer,
  373. body.search-page .side .spacer:first-child+.spacer+.spacer+.spacer,
  374. body.comments-page .side .spacer:first-child+.spacer+.spacer+.spacer+.spacer+.spacer {
  375.     padding: 0px;
  376. }
  377.  
  378. .comments-page .thing a.title:visited {
  379.     color: #444;
  380. }
  381.  
  382. .commentarea {
  383.     padding: 8px;
  384.     color: #555;
  385.     /* RES */
  386.     /* Parent Comments */
  387. }
  388.  
  389. .commentarea .comment-visits-box {
  390.     border: none;
  391.     border-radius: 0px;
  392.     background: #DBDBDB;
  393.     padding: 10px 24px;
  394. }
  395.  
  396. .commentarea .panestack-title {
  397.     border-bottom: none;
  398.     text-align: left;
  399.     margin: 0px auto;
  400. }
  401.  
  402. .commentarea .panestack-title .title {
  403.     font-size: 18px;
  404. }
  405.  
  406. .commentarea .panestack-title #REScommentSubToggle {
  407.     /*
  408.     padding: 4px 12px;
  409.     background: #DBDBDB;
  410.     -webkit-transition: background 0.2s;
  411.     transition: background 0.2s;
  412.     color: #666;
  413.     */
  414.     box-sizing: content-box;
  415.     padding: 6px 16px;
  416.     outline: none;
  417.     border: none;
  418.     -webkit-transition: all 0.2s;
  419.     transition: all 0.2s;
  420.     border-radius: 2px;
  421.     background: #3F51B5;
  422.     font-weight: normal;
  423.     font-size: 14px;
  424.     color: white;
  425.     /*
  426.     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  427.     */
  428. }
  429.  
  430. .commentarea .panestack-title #REScommentSubToggle:hover {
  431.     /*
  432.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  433.     */
  434.     background: #303F9F;
  435.     -webkit-transform: translateY(-2px);
  436.     -ms-transform: translateY(-2px);
  437.     transform: translateY(-2px);
  438. }
  439.  
  440. .commentarea .menuarea {
  441.     display: block;
  442.     overflow: visible;
  443.     text-align: left;
  444.     margin: 0px auto !important;
  445. }
  446.  
  447. .commentarea .menuarea .loadFlat {
  448.     margin-left: 12px;
  449. }
  450.  
  451. .commentarea .menuarea>.spacer:first-child {
  452.     display: block;
  453.     height: 10px;
  454.     width: 100%;
  455. }
  456.  
  457. .panestack-title>span:nth-child(1) {
  458.     display: none;
  459. }
  460.  
  461. .commentarea .menuarea>.spacer+.spacer {
  462.     width: 100%;
  463. }
  464.  
  465. .commentarea .menuarea .toggle .togglebutton,
  466. .commentarea .menuarea #REScommentNavToggle [id^='nav'] {
  467.     font-size: 12px;
  468.     font-weight: normal;
  469.     -webkit-transition: color 0.15s;
  470.     transition: color 0.15s;
  471. }
  472.  
  473. .commentarea .menuarea .toggle .togglebutton:hover,
  474. .commentarea .menuarea #REScommentNavToggle [id^='nav']:hover {
  475.     color: black;
  476. }
  477.  
  478. .commentarea .menuarea form.toggle:first-child {
  479.     margin-left: 0px;
  480. }
  481.  
  482. .commentarea .menuarea .spacer .dropdown {
  483.     border: 1px solid #DDD;
  484.     margin-left: 4px;
  485.     padding: 5px;
  486.     padding-left: 12px;
  487.     text-decoration: none;
  488.     -webkit-transition: background 0.2s;
  489.     transition: background 0.2s;
  490.     background: rgba(0, 0, 0, 0.1);
  491. }
  492.  
  493. .commentarea .menuarea .spacer .dropdown:hover {
  494.     background: rgba(0, 0, 0, 0.2);
  495.     cursor: pointer;
  496. }
  497.  
  498. .commentarea .menuarea .spacer .dropdown .selected {
  499.     text-decoration: none;
  500.     font-weight: normal;
  501. }
  502.  
  503. .commentarea .menuarea .spacer .drop-choices {
  504.     margin-top: 14px;
  505.     background: transparent;
  506. }
  507.  
  508. .commentarea .menuarea .spacer .drop-choices>*:first-child {
  509.     border-top-left-radius: 2px;
  510.     border-top-right-radius: 2px;
  511. }
  512.  
  513. .commentarea .menuarea .spacer .drop-choices>*:last-child {
  514.     border-bottom-right-radius: 2px;
  515.     border-bottom-left-radius: 2px;
  516. }
  517.  
  518. .commentarea .menuarea .spacer .drop-choices a {
  519.     background: rgba(60, 60, 60, 0.9);
  520.     padding: 6px 24px;
  521.     color: #EEE;
  522.     text-align: left;
  523. }
  524.  
  525. .commentarea .menuarea .spacer .drop-choices a:hover {
  526.     background: rgba(60, 60, 60, 0.95);
  527. }
  528.  
  529. .commentarea>.usertext {
  530.     overflow: visible;
  531.     margin-top: 20px;
  532. }
  533.  
  534. .commentarea .usertext-edit {
  535.     max-width: 600px !important;
  536.     margin: 20px auto;
  537. }
  538.  
  539. .commentarea .usertext-edit>* {
  540.     width: initial;
  541. }
  542.  
  543. .commentarea .usertext-edit .md textarea {
  544.     width: 100%;
  545.     margin: 5px 0;
  546. }
  547.  
  548. .commentarea .usertext-edit .bottom-area #RESBigEditorPop {
  549.     box-sizing: content-box;
  550.     padding: 6px 16px;
  551.     outline: none;
  552.     border: none;
  553.     -webkit-transition: all 0.2s;
  554.     transition: all 0.2s;
  555.     border-radius: 2px;
  556.     background: #3F51B5;
  557.     font-weight: normal;
  558.     font-size: 14px;
  559.     color: white;
  560.     /*
  561.     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  562.     */
  563. }
  564.  
  565. .commentarea .usertext-edit .bottom-area #RESBigEditorPop:hover {
  566.     /*
  567.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  568.     */
  569.     background: #303F9F;
  570.     -webkit-transition: all 0.2s;
  571.     -webkit-transform: translateY(-2px);
  572.     -ms-transform: translateY(-2px);
  573.     transform: translateY(-2px);
  574. }
  575.  
  576. .commentarea .usertext-edit .bottom-area .usertext-buttons button {
  577.     box-sizing: content-box;
  578.     padding: 6px 16px;
  579.     outline: none;
  580.     border: none;
  581.     -webkit-transition: all 0.2s;
  582.     transition: all 0.2s;
  583.     border-radius: 2px;
  584.     background: #3F51B5;
  585.     font-weight: normal;
  586.     font-size: 14px;
  587.     color: white;
  588.     /*
  589.     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  590.     */
  591. }
  592.  
  593. .commentarea .usertext-edit .bottom-area .usertext-buttons button:hover {
  594.     /*
  595.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  596.     */
  597.     background: #303F9F;
  598.     -webkit-transform: translateY(-2px);
  599.     -ms-transform: translateY(-2px);
  600.     transform: translateY(-2px);
  601. }
  602.  
  603. .commentarea>.sitetable>.comment {
  604.     background: #DBDBDB;
  605.     padding: 16px;
  606.     border-radius: 2px;
  607.     border: none !important;
  608.     margin: 0px !important;
  609.     overflow: visible;
  610. }
  611.  
  612. .commentarea .comment {
  613.     border-left: 2px solid #FF5252;
  614.     overflow: visible !important;
  615.     border: none !important;
  616.     background: none !important;
  617.     padding: 0px !important;
  618.     margin: 0px !important;
  619. }
  620.  
  621. .commentarea .comment .child {
  622.     margin-left: 20px;
  623.     margin-top: 0px;
  624.     border-left: none;
  625. }
  626.  
  627. .commentarea .comment.collapsed .entry {
  628.     padding-bottom: 14px;
  629. }
  630.  
  631. .commentarea .comment.new-comment .entry .usertext-body {
  632.     background: none;
  633.     border: none;
  634.     margin: 0px;
  635.     padding: 0px;
  636. }
  637.  
  638. .commentarea .comment.new-comment .entry,
  639. .commentarea .comment.new-comment .entry.RES-keyNav-activeElement {
  640.     border-left-color: #FF5252;
  641. }
  642.  
  643. .commentarea .comment .entry {
  644.     /* here comment boxboxbox */
  645.     position: relative;
  646.     overflow: visible;
  647.     /*
  648.     padding: 14px 18px 12px 18px;
  649.    
  650.     then, padding: 7px 9px 6px 9px;
  651.     */
  652.     padding: 7px 9px 6px 26px;
  653.     margin: 2px;
  654.     margin-top: 0px;
  655.     margin-left: 20px;
  656.     background: white;
  657.     border-left: 4px solid #7a7a7a;
  658.     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  659.     -webkit-transition: all 0.2s;
  660.     transition: all 0.2s;
  661. }
  662.  
  663. .commentarea .comment .entry.RES-keyNav-activeElement {
  664.     background: white !important;
  665.     /*
  666.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  667.     */
  668.     -webkit-transform: translateY(-3px);
  669.     -ms-transform: translateY(-3px);
  670.     transform: translateY(-3px);
  671.     border-left-color: #3F51B5 !important;
  672. }
  673.  
  674. .commentarea .comment .entry .flat-list.buttons {
  675.     position: relative;
  676. }
  677.  
  678. .commentarea .comment .entry .usertext {
  679.     clear: none;
  680.     margin-top: 6px;
  681. }
  682.  
  683. .md-container,
  684. .md-container .md {
  685.     min-width: 100%;
  686.     background-color: transparent !important;
  687.     border: none !important;
  688.     font-size: 13px !important;
  689. }
  690.  
  691. .commentarea .comment .entry .usertext .md-container {
  692.     display: inline-block;
  693.     position: relative;
  694. }
  695.  
  696. .commentarea .comment .entry .usertext .md-container .md {
  697.     background: none !important;
  698. }
  699.  
  700. .commentarea .comment .entry .tagline {
  701.     /* font-size: 10px; */
  702.     line-height: 16px;
  703.     height: 16px;
  704.     display: inline-block;
  705.     font-size: 12px !important;
  706. }
  707.  
  708. .commentarea .comment .entry .tagline span,
  709. .commentarea .comment .entry .tagline .author,
  710. .commentarea .comment .entry .tagline .usertext-edit {
  711.     position: relative;
  712. }
  713.  
  714. .commentarea .comment .entry .tagline .author.submitter {
  715.     padding: 1px 6px;
  716.     border-radius: 0px;
  717.     font-weight: 100;
  718.     background: #85afd5 !important;
  719.     -webkit-transition: background 0.15s;
  720.     transition: background 0.15s;
  721.     color: white;
  722. }
  723.  
  724. .commentarea .comment .entry .tagline .author.submitter:hover {
  725.     background: #3F7DB5 !important;
  726. }
  727.  
  728. .commentarea .comment .entry .tagline blockquote {
  729.     color: #777;
  730. }
  731.  
  732. .commentarea .comment .entry .tagline .author {
  733.     font-size: 12px;
  734.     font-weight: normal;
  735. }
  736.  
  737. .commentarea .comment .entry .tagline .submitter {
  738.     color: #af882a;
  739. }
  740.  
  741. .commentarea .comment .entry .tagline time::after {
  742.     display: none;
  743. }
  744.  
  745. .commentarea .comment .comment {
  746.     margin-left: 4px !important;
  747. }
  748.  
  749. .commentarea .expand {
  750.     margin-right: 4px;
  751. }
  752.  
  753.  
  754. /*
  755.  * SIDEBAR
  756.  *
  757.  */
  758.  
  759. .side {
  760.     position: fixed !important;
  761.     top: 30px !important;
  762.     right: -400px !important;
  763.     z-index: 1000 !important;
  764.     float: right !important;
  765.     overflow-y: auto !important;
  766.     padding: 10px 20px 10px 10px !important;
  767.     width: 300px !important;
  768.     height: 100% !important;
  769.     border: 1px solid #3465A4 !important;
  770.     background: #F9F9F9 !important;
  771.     transition-duration: 0.4s !important;
  772. }
  773.  
  774. .side::before {
  775.     position: fixed !important;
  776.     top: -3px !important;
  777.     right: 0% !important;
  778.     z-index: 5;
  779.     margin-right: 0px !important;
  780.     padding-top: 8px !important;
  781.     padding-right: 5px !important;
  782.     padding-left: 0px !important;
  783.     min-width: 30px !important;
  784.     max-width: 30px !important;
  785.     height: 25px !important;
  786.     background: #ffffff80!important;
  787.     color: #888888;
  788.     content: "◨";
  789.     text-align: center !important;
  790.     font-size: 14px !important;
  791.     transition: 0.5s color ease;
  792. }
  793.  
  794. .side:hover::before {
  795.     background: #F9F9F9 !important;
  796.     color: #888888;
  797.     border-bottom: 1px solid #3465A4 !important;
  798.     transition: 0.5s color ease;
  799. }
  800.  
  801. .side:hover {
  802.     position: fixed !important;
  803.     right: -20px !important;
  804. }
  805.  
  806.  
  807. /*
  808.  * CONTENT
  809.  *
  810.  
  811.  
  812. .content {
  813.   margin: 10px auto !important;
  814.   padding: 5px 20px;
  815.   max-width: 900px !important;
  816. }*/
  817.  
  818.  
  819. /*
  820.  * POSTS
  821.  *
  822.  
  823.  
  824. .link {
  825.   margin: 20px auto !important;
  826.   padding: 3px !important;
  827. }
  828.  
  829. .midcol {
  830.   margin-top: 0;
  831.   margin-left: 0;
  832. }
  833.  
  834. .link .rank {
  835.   display: none;
  836. }*/
  837.  
  838.  
  839. /*
  840.  * COMMENT PAGE
  841.  *
  842.  
  843.  
  844. .entry {
  845.   padding-left: 5px;
  846. }
  847.  
  848. .link .usertext-body .md {
  849.   border-radius: 0;
  850. }
  851.  
  852. .comment .expand {
  853.   color: #222222;
  854. }
  855.  
  856. .tagline .stickied-tagline,
  857. .search-result-meta .stickied-tagline {
  858.   color: #7ABC84;
  859. }
  860.  
  861. .link .usertext-body .md {
  862.   border: none;
  863. }
  864.  
  865. .panestack-title {
  866.   border-bottom: none;
  867. }
  868.  
  869. .morecomments a {
  870.   color: #3465A4;
  871. }
  872.  
  873. .panestack-title a.title-button.gold {
  874.   border: 1px solid #F7D56F;
  875.   border-radius: 0;
  876.   background-color: #F9F9F9;
  877. }
  878. */
  879.  
  880.  
  881. /* SIMPLIFY TOP BAR */
  882.  
  883. #sr-more-link,
  884. .sr-list>span:nth-child(2),
  885. ul.sr-bar:nth-child(3) {
  886.     display: none;
  887. }
  888.  
  889.  
  890. /* NEW REDDIT BUTTON */
  891.  
  892. .redesign-beta-optin {
  893.     display: none;
  894. }
  895.  
  896.  
  897. /* TOP AD */
  898.  
  899. .organic-listing {
  900.     display: none;
  901. }
  902.  
  903.  
  904. /* FOOTER
  905. .debuginfo,
  906. .footer-parent {
  907.     display: none;
  908. }*/
  909.  
  910.  
  911. /* HEADER */
  912.  
  913. table#srList {
  914.     border-collapse: separate !important;
  915. }
  916.  
  917.  
  918. /* POSTS */
  919.  
  920. .RESSubscriptionButton .res-icon {
  921.     display: none;
  922. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!