Advertisement
MicroWazzle

Untitled

Oct 21st, 2019
361
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.31 KB | None | 0 0
  1. /* Designed for STYLUS:
  2. /* https://add0n.com/stylus.html
  3. */
  4. ::-moz-selection,
  5. ::selection
  6. {
  7.     color: #b0b0b0 !important;
  8. }
  9. *,
  10. *:before,
  11. *:after
  12. {
  13.     background-color: transparent !important;
  14.     border: none !important;
  15.     color: #bbb !important;
  16. }
  17.  
  18. /* Default links */
  19. a,
  20. a em,
  21. .md a
  22. {
  23.     color: #409b9b !important;
  24.     transition: .4s !important;
  25. }
  26.  
  27. a:hover,
  28. a em:hover,
  29. .md a:hover
  30. {
  31.     color: #1abebe !important;
  32.     transition: .4s !important;
  33. }
  34.  
  35. .icon,
  36. .icon:before,
  37. .icon:hover
  38. {
  39.     color: inherit !important;
  40.     transition: .4s !important;
  41. }
  42.  
  43. a[data-click-id="timestamp"],
  44. a[data-click-id="body"]:visited h2
  45. {
  46.     color: #777 !important;
  47. }
  48.  
  49. a[data-click-id="body"] h2
  50. {
  51.     color: #aaa !important;
  52. }
  53.  
  54. .scrollerItem
  55. {
  56.     box-shadow: none !important;
  57. }
  58.  
  59. /*Backgrounds*/
  60. .morelink,
  61. .morelink a,
  62. .morelink:hover a,
  63. .fancy-toggle-button a,
  64. .usertext button,
  65. button
  66. {
  67.     background: transparent !important;
  68.     transition: .4s !important;
  69. }
  70.  
  71. /*#000*/
  72. code
  73. {
  74.     background-color: #000 !important;
  75.     border-radius: 2px!important;
  76.     box-shadow: 0px 0px 5px 0px #333;
  77. }
  78. /*RES Highlighting Boxes */
  79. .RES-keyNav-activeElement,
  80. .res-nightmode .entry.res-selected,
  81. .link .usertext .md,
  82. .res-nightmode .RESNotification
  83. {
  84.     background: #000 !important;
  85.     border-radius: 4px!important;
  86.     box-shadow: 0px 0px 2px 0px #333;
  87. }
  88. /*Highlight Boxes - Text Line only (Border removal for compatibility)*/
  89. .res-nightmode .entry.res-selected .md-container
  90. {
  91.     background: #000 !important;
  92.     border-radius: 4px!important;
  93. }
  94. /*Load More Comments Thingy*/
  95. .entry.unvoted.selected
  96. {
  97.     background: #0000 !important;
  98.     border-radius: 4px!important;
  99. }
  100.  
  101. /*RES Floater Upper Right Hand Corner*/
  102. .res-floater-visibleAfterScroll:hover,
  103. .res-floater-list > li > *
  104. {
  105.     background-color: #000 !important;
  106.     border-radius: 4px!important;
  107.     box-shadow: 0px 0px 3px 0px #555;
  108.     transition:.4s;
  109. }
  110. .res-wheel-browse:hover
  111. {
  112.     cursor:crosshair!important;
  113. }
  114.  
  115. /*Borders*/
  116. .noncollapsed comment
  117. {
  118.     box-shadow: 0px 0px 10px 10px #fff;
  119.     transition: opacity 1s !important;
  120. }
  121.  
  122. /*RES Voting Floater*/
  123. .res-floater-visibleAfterScroll
  124. {
  125.     background: #161616 !important;
  126.     border-radius: 10px!important;
  127.     box-shadow: 0px 0px 15px 0px #151515;
  128.     transition: 1s !important;
  129. }
  130. .res-floater-visibleAfterScroll:hover
  131. {
  132.     background: #151515 !important;
  133.     border-radius: 10px!important;
  134.     box-shadow: 0px 0px 3px 3px #111;
  135. }
  136.  
  137. /*#111*/
  138. html,
  139. body,
  140. body > div,
  141. header,
  142. div[data-redditstyle],
  143. div[style^="left:"] div[role="button"],
  144. #header,
  145. #lightbox,
  146. #hamburgers,
  147. #sr-more-link,
  148. #overlayScrollContainer,
  149. #SHORTCUT_FOCUSABLE_DIV > div:first-child,
  150. .res-nightmode body,
  151. .TMMvbwyeh9yuHKmQWHrE3,
  152. ._1HSQGYlfPWzs40LP4_oFi5,
  153. ._2KotRmn9DgdA58Ikji2mnV,
  154. ._2R3RlhymCOkPrz9TusvcPq,
  155. ._3WeRItzSNTP8PlJhYPlcOV,
  156. .RaDn8d65cHW3dCPgTkSRN,
  157. ._2wJ9IK0tQpgSzeHzXJyT3D,
  158. ._3iLNO7R8VMvJ4Dn89SVFVg,
  159. ._m7PpFuKATP9fZF4xKf9R,
  160. ._197SqY-gDtObhzjz9SlSEp,
  161. ._3RzIwmCawx9KWuyuEKa-3s,
  162. ._3DQXGvoE1SM3Kmz20of7Iz,
  163. ._1oYEKCssGFjqxQ9jJMNj5G,
  164. ._2v9AoSifv20X3GQbcYnxmn,
  165. ._1AjUa6WOfWNHT6Hgt6TPmK,
  166. .nSJCQrnLY07CzwT8tTsNO,
  167. .EjdBJNEwygtHMKiHd3Bnv,
  168. .RrvkJ7ntzKYyaCOxMJ1RM,
  169. .tVQ1dB4n0mAWdcQNxFq-K,
  170. ._1MHCyMQAMeqRqf5DPWWeq3,
  171. ._m7PpFuKATP9fZF4xKf9R
  172. {
  173.     background-color: #111 !important;
  174. }
  175. #alert_message .drop-choices,
  176. .hover-bubble,
  177. .modal-dialog,
  178. .Art,
  179. .res-nightmode .desktop-onboarding__col_sign-up_image,
  180. .RESDialogSmall,
  181. .RESDropdownOptions,
  182. .RESNotification
  183. {
  184.     background: #111 !important;
  185. }
  186. /*#111 fill w/borders*/
  187. ._3ks0MaOGG46svtYF11UgzA,
  188. .res-floater-list,
  189. .res-floater-visibleAfterScroll,
  190. .res-nightmode .reddit-infobar,
  191. .res-commentNavToggle-choices,
  192. .drop-choices.lightdrop,
  193. .author-tooltip__head
  194. {
  195.     background-color: #111 !important;
  196.     border-radius: 4px!important;
  197.     box-shadow: 0px 0px 3px 0px #555;
  198. }
  199. /*#191919*/
  200. /* Inputs and buttons */
  201. input,
  202. textarea,
  203. div[contenteditable="true"],
  204. .linkinfo .shortlink input,
  205. .new-comment .usertext-body,
  206. #infobar,
  207. .infobar.listingsignupbar
  208. {
  209.     background: #191919 !important;
  210.     color: #999 !important;
  211.     font-weight: normal !important;
  212. }
  213.  
  214. /*#222*/
  215. #header-quicklinks-popular:hover,
  216. #header-quicklinks-all:hover,
  217. #header-quicklinks-oc:hover,
  218. .morelink:hover,
  219. ._1x6pySZ2CoUnAfsFhGe7J1:hover,
  220. .fancy-toggle-button a:hover,
  221. .usertext button:hover,
  222. button:hover
  223. {
  224.     background: #222 !important;
  225.     color: #ccc !important;
  226.     transition: .4s !important;
  227. }
  228. #srList,
  229. ._1ekaLCxKd98FlrNC_Oo2rT
  230. {
  231.     background-color: #222 !important;
  232. }
  233. /*#222 Selected for Transition (Buttons, mainly)*/
  234. ._2MgAHlPDdKvXiG-Qbz5cbC,
  235. ._1YWXCINvcuU7nk0ED-bta8,
  236. ._1YWXCINvcuU7nk0ED-bta8,
  237. ._2KotRmn9DgdA58Ikji2mnV,
  238. .PH-V9ggsF2mi5JTDmDqdR,
  239. ._1YWXCINvcuU7nk0ED-bta8,
  240. ._2wJ9IK0tQpgSzeHzXJyT3D,
  241. ._3iLNO7R8VMvJ4Dn89SVFVg,
  242. ._3X4hbg4asgVvLaVYU6dUzs,
  243. ._3LwUIE7yX7CZQKmD2L87vf,
  244. ._3oyS3dPRsa51zDEONlIdts,
  245. ._6Ej82J4aTDK36LLOcpFbC,
  246. .RESCloseButton
  247. {
  248.     transition: .4s ease-in-out !important;
  249. }
  250. ._2MgAHlPDdKvXiG-Qbz5cbC:hover,
  251. ._1YWXCINvcuU7nk0ED-bta8:focus,
  252. ._1YWXCINvcuU7nk0ED-bta8:hover,
  253. ._2KotRmn9DgdA58Ikji2mnV:hover,
  254. .PH-V9ggsF2mi5JTDmDqdR:hover,
  255. ._1YWXCINvcuU7nk0ED-bta8:hover,
  256. ._2wJ9IK0tQpgSzeHzXJyT3D:hover,
  257. ._3iLNO7R8VMvJ4Dn89SVFVg:hover,
  258. ._3X4hbg4asgVvLaVYU6dUzs:hover,
  259. ._3LwUIE7yX7CZQKmD2L87vf:hover,
  260. ._3oyS3dPRsa51zDEONlIdts:hover,
  261. ._1HunhFR-0b-AYs0WG9mU_P:hover,
  262. ._2nelDm85zKKmuD94NequP0:hover,
  263. ._3UhcBirLMXHSbN5vYYBGSF:hover,
  264. .RESCloseButton:hover,
  265. .wLV79_wV-ziNiWmf3Y7OV._33qmTi-steAtfFkONvaiX3:hover
  266. {
  267.     background-color: #222 !important;
  268.     transition: .4s ease-in-out !important;
  269. }
  270.  
  271. /*#333*/
  272. #RESConsoleContainer,
  273. #RESShortcutsAddFormContainer,
  274. .guider,
  275. .guiders_button
  276. {
  277.     background: #333 !important;
  278. }
  279.  
  280. .res-fancy-toggle-button
  281. {
  282.     background: #333 !important;
  283.     transition: .4s;
  284. }
  285.  
  286. /*#555*/
  287. .res-fancy-toggle-button:hover
  288. {
  289.     background: #555 !important;
  290.     transition: .4s;
  291. }
  292.  
  293. /*Popups and selected Section Borders*/
  294. #alert_message,
  295. .side,
  296. .author-tooltip.hover-bubble.author-tooltip_common.anchor-bottom-left,
  297. .RESDialogSmall,
  298. .RESDropdownOptions,
  299. .RESNotification,
  300. .RrvkJ7ntzKYyaCOxMJ1RM,
  301. ._197SqY-gDtObhzjz9SlSEp,
  302. ._1HSQGYlfPWzs40LP4_oFi5/*Main Dropdown*/
  303. ,
  304. ._1FUNcfOeszr8eruqLxCMcR,
  305. ._1MHCyMQAMeqRqf5DPWWeq3,
  306. ._m7PpFuKATP9fZF4xKf9R,
  307. .EjdBJNEwygtHMKiHd3Bnv,
  308. .nSJCQrnLY07CzwT8tTsNO,
  309. .TMMvbwyeh9yuHKmQWHrE3,
  310. tVQ1dB4n0mAWdcQNxFq-K
  311. {
  312.     border-radius: 4px 4px 4px 4px!important;
  313.     box-shadow: 0px 0px 3px 0px #555;
  314. }
  315.  
  316. /* Hide subreddits top bar */
  317. /*[[sr-top-bar]]*/
  318. .sr-list > .separator,
  319. .sr-list > .separator + .sr-bar,
  320. #sr-more-link
  321. {
  322.     display: none !important;
  323. }
  324.  
  325. #sr-header-area
  326. {
  327.     height: 10 !important;
  328. }
  329.  
  330. .sr-bar,
  331. .dropdown.srdrop
  332. {
  333.     float: left !important;
  334.     margin-left: 0.5em;
  335. }
  336.  
  337. /* Hide annoying stuff */
  338. .give-gold-button,
  339. .goldvertisement,
  340. .embed-comment,
  341. .nub
  342. {
  343.     display: none !important;
  344. }
  345.  
  346. /* RES */
  347. .res-nightmode .arrow
  348. {
  349.     filter: none !important;
  350. }
  351.  
  352. /* User Tags (Sorry - Black & White for now) */
  353. .hasTag
  354. {
  355.     background-color: #888 !important;
  356. }
  357.  
  358. /* Voting Buttons, Arrows & Misc Colors */
  359. .voteButton,
  360. .voteButton:hover,
  361. ._2UH-_HmB6X-2cCsOZVDtC5:hover
  362. {
  363.     background-color: transparent !important;
  364. }
  365. /* Toggle Buttons Background On*/
  366. ._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI
  367. {
  368.     background-color: #666 !important;
  369. }
  370. /* Toggle Button Heads */
  371. ._2FKpII1jz0h6xCAw1kQAvS
  372. {
  373.     background-color: #888 !important;
  374. }
  375. /*Admin Highlight*/
  376. .icon-admin
  377. {
  378.     color: #f008 !important;
  379. }
  380.  
  381. ._1vh4u-B3eHXE3-ko0huS20
  382. {
  383.     background-color: #0f08 !important;
  384. }
  385. /*OP Highlight*/
  386. ._zMIUk6t-WDI7fxfkvD02
  387. {
  388.     background-color: #00f8 !important;
  389. }
  390.  
  391. /*Spoiler Fix*/
  392. /*Spoiler Indicator, Left*/
  393. blockquote,
  394. .md-spoiler-text,
  395. .md blockquote
  396. {
  397.     border-left: solid 4px #444 !important;
  398. }
  399. /*Spoiler Cover Color*/
  400. .md .md-spoiler-text:not(.notrevealed)
  401. {
  402.     background: #222 !important;
  403.     transition: 1s;
  404. }
  405. /*Spoiler Cover After*/
  406. .md .md-spoiler-text.revealed
  407. {
  408.     background: #5555551a !important;
  409.     box-shadow: 0 0 5px 0 #5555551a;
  410.     transition: 1s;
  411. }
  412. /* Spoiler Fix - Word >!...!< */
  413. /*Before*/
  414. span.md-spoiler-text:not(.revealed)
  415. {
  416.     color: #222 !important;
  417.     transition: 1s!important;
  418. }
  419. /*After */
  420. .md .md-spoiler-text
  421. {
  422.     color: #fff !important;
  423.     transition: 1s!important;
  424. }
  425.  
  426.  
  427. /* Top bar */
  428. #header-img,
  429. #mail,
  430. .sidebox.create .spacer a,
  431. .markdownEditor
  432. {
  433.     filter: invert(80%) hue-rotate(180deg) !important;
  434. }
  435. /*Deleted Posts*/
  436. .thing.spam
  437. {
  438.     background-color: #200 !important;
  439. }
  440.  
  441. .tabmenu .selected a
  442. {
  443.     color: #999 !important;
  444. }
  445. /* Side bar */
  446. .listing-chooser-collapsed .grippy
  447. {
  448.     width: 1px !important;
  449. }
  450.  
  451. .listing-chooser-collapsed .listing-chooser
  452. {
  453.     padding-right: 1px !important;
  454. }
  455.  
  456. .listing-chooser li.selected
  457. {
  458.     box-shadow: none !important;
  459. }
  460.  
  461. .grippy:after
  462. {
  463.     display: none !important;
  464. }
  465. /*Logo + Icons Treatment*/
  466. svg
  467. {
  468.     filter: saturate(.8) brightness(.8) contrast(.8) !important;
  469.     transition: .4s !important;
  470. }
  471. svg:after,
  472. svg:focus,
  473. svg:hover
  474. {
  475.     filter: saturate(1) brightness(1) contrast(1) !important;
  476.     transition: .4s !important;
  477. }
  478.  
  479.  
  480. /* Listing */
  481. .thing .title
  482. {
  483.     color: #aaa !important;
  484.     transition: .4s !important;
  485. }
  486.  
  487. .title:visited
  488. {
  489.     color: #777 !important;
  490. }
  491.  
  492. .thing .title:hover
  493. {
  494.     color: #ccc !important;
  495.     transition: .4s !important;
  496. }
  497.  
  498. .arrow
  499. {
  500.     filter: brightness(45%);
  501. }
  502.  
  503. .arrow.upmod,
  504. .arrow.downmod
  505. {
  506.     filter: brightness(50%) contrast(120%);
  507. }
  508.  
  509. .link .score.likes
  510. {
  511.     color: #f77 !important;
  512. }
  513.  
  514. .link .score.dislikes
  515. {
  516.     color: #7070c2 !important;
  517. }
  518.  
  519. .expando-button
  520. {
  521.     filter: brightness(55%) contrast(180%);
  522.     background-color: transparent !important;
  523. }
  524.  
  525. .moderator,
  526. .green
  527. {
  528.     color: #3a3 !important;
  529. }
  530.  
  531. .admin,
  532. .nsfw-stamp *
  533. {
  534.     color: #a66 !important;
  535. }
  536.  
  537. .pagename a,
  538. .trophy-name
  539. {
  540.     color: #999 !important;
  541. }
  542.  
  543. .RESLoadingSpinner
  544. {
  545.     background: #999 !important;
  546. }
  547.  
  548.  
  549. .buttons li
  550. {
  551.     padding: 0 !important;
  552. }
  553.  
  554. .buttons a
  555. {
  556.     margin-right: 8px !important;
  557.     color: #888 !important;
  558.     transition: .4s !important;
  559. }
  560.  
  561. .buttons a:visited
  562. {
  563.     color: #666 !important;
  564. }
  565.  
  566. .buttons a:hover
  567. {
  568.     color: #aaa !important;
  569.     transition: .4s !important;
  570. }
  571.  
  572. .pagename,
  573. .tabmenu li,
  574. .link .midcol,
  575. .buttons a,
  576. .subreddit
  577. {
  578.     font-weight: normal !important;
  579. }
  580.  
  581. .search-expando.collapsed:before,
  582. .comment-fade
  583. {
  584.     display: none !important;
  585. }
  586.  
  587. .recommended-link
  588. {
  589.     border-color: #333 !important;
  590. }
  591. /* Comments */
  592. blockquote,
  593. .res-nightmode .md blockquote,
  594. pre,
  595. .gold-accent
  596. {
  597.     background-color: #11111152 !important;
  598. }
  599.  
  600. .md td
  601. {
  602.     border: solid 1px #333 !important;
  603. }
  604.  
  605. hr
  606. {
  607.     border-bottom: solid 1px #333 !important;
  608. }
  609.  
  610. .comment .author,
  611. .morecomments a
  612. {
  613.     font-weight: normal !important;
  614. }
  615.  
  616. #header svg
  617. {
  618.     filter: invert(90%) hue-rotate(180deg);
  619. }
  620.  
  621. #overlayFixedContent + div
  622. {
  623.     background: rgba(0, 0, 0, 0.7) !important;
  624. }
  625.  
  626. div[data-slot]
  627. {
  628.     display: none !important;
  629. }
  630.  
  631. /*Reddit Gif Player*/
  632. /*Native Player Controls Background - Darker than vanilla*/
  633. .reddit-video-controller-root.playback-controls
  634. {
  635.     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) !important;
  636.     transition: ease-out .4s !important;
  637. }
  638. ._3YDPJHFl8YQG4TIAGQwHwK
  639. {
  640.     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) !important;
  641.     transition: ease-out .15s !important;
  642. }
  643. /*Volume Container*/
  644. .volume-slider-container,
  645. ._3nTkqMMtsoqxVmhplDRef3,
  646. /*Options Menu*/
  647. .submenu,
  648. ._1s7GuSZPqjgn0QP60a6asr,
  649. /*Slidebar Preview Thumb Background*/
  650. .seek-bar-floating,
  651. .seek-bar-time,
  652. .AZ2rAoFxu6aiCBbBq02Sr
  653. {
  654.     background: #000000d6 !important;
  655.     border-radius: 4px;
  656. }
  657. /*Buttons Hover-background removal - new Reddit*/
  658. ._3QOPLw8PZipW3i8kDxod81:not(.using-keys) button:hover
  659. {
  660.     background: #0000 !important;
  661. }
  662. /*Volume Button*/
  663. .volume-slider-thumb,
  664. ._320cReGqgLhY1pPA-fM8Z7
  665. {
  666.     background: #ffffffd6 !important;
  667. }
  668. /*Volume Slider*/
  669. .volume-slider-track,
  670. .gzyVgIvE9b8wMmHefFf6i
  671. {
  672.     background: #ffffff36 !important;
  673. }
  674. /*Loading/Buffer Indicator*/
  675. .seek-bar-buffered,
  676. .seek-bar-lookahead,
  677. ._4UI_04IgDx06P4biEkiF3
  678. {
  679.     background: #ffffff6b !important;
  680. }
  681. /*Play Progress Indicator*/
  682. .seek-bar-progress,
  683. ._3fnsfWuIyofBJBBCbeOZzM
  684. {
  685.     background: #fff !important;
  686. }
  687. /*old.reddit Play Progress Button Removal*/
  688. .seek-bar-thumb.seek-bar-progress
  689. {
  690.     display: none !important;
  691. }
  692.  
  693. /*RES Gif Player - Streamable*/
  694. /*Player Controls Background*/
  695. .res-video-interface
  696. {
  697.     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) !important;
  698. }
  699. /*Progress Bar*/
  700. .res-video-progress
  701. {
  702.     background: #0000006d !important;
  703.     height: 3px !important;
  704.     padding: 0px !important;
  705. }
  706. /*Progres Indicator*/
  707. /*Color*/
  708. .res-video-position
  709. {
  710.     background: #f00 !important;
  711. }
  712. /*Progres Indicator Hover Button*/
  713. .res-video-position-thumb
  714. {
  715.     background: #ffffff80 !important;
  716. }
  717. /*Volume Control Background*/
  718. .res-video-volume-level
  719. {
  720.     background: #00000080 !important;
  721. }
  722. /*Volume Indicator*/
  723. .res-video-volume-percentage
  724. {
  725.     background: #ffffff80 !important;
  726. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement