gavin19

Naut 4 dark expanded

Mar 12th, 2017
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.65 KB | None | 0 0
  1. /* --- Dark Mode --- */
  2. /* Background Color */
  3. body {
  4.     background-color: #1C1E22 !important;
  5. }
  6. /* Card Color */
  7. .link,
  8. input:not([type="submit"]),
  9. textarea,
  10. .side,
  11. .side .titlebox .md h4 a,
  12. .wiki-page .wiki-page-content .md.wiki h4 .comments-page .side .linkinfo,
  13. .commentarea .thing,
  14. .stylesheet-customize-container .pretty-form,
  15. #images,
  16. .submit-page .roundfield,
  17. .linefield,
  18. .btn,
  19. button,
  20. .drop-choices,
  21. .hover-bubble,
  22. .search-page .searchpane,
  23. .content.submit .info-notice,
  24. .submit-page #newlink.submit.content .tabmenu.formtab a,
  25. .flairselector:before,
  26. .flairselector,
  27. .comments-page .side .linkinfo,
  28. .wiki-page .pageactions,
  29. .wiki-page .wikititle,
  30. .wiki-page .wiki-page-content,
  31. .search-page .menuarea,
  32. .sitetable .nav-buttons {
  33.     background-color: #1A2126 !important;
  34. }
  35. .res-commentBoxes .comment,
  36. .res-commentBoxes .comment .comment .comment,
  37. .res-commentBoxes .comment .comment .comment .comment .comment,
  38. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment,
  39. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  40.     background-color: #1A2126 !important;
  41. }
  42. /* Secondary Card Color */
  43. #search #searchexpando,
  44. .commentarea>.usertext,
  45. .search-page .searchfacets,
  46. .link.last-clicked,
  47. .titlebox .tagline:after,
  48. .submit-page #newlink.submit.content .tabmenu.formtab a:hover,
  49. .top-page .content .menuarea .drop-choices.lightdrop a.choice:hover,
  50. .md code,
  51. .md pre,
  52. .pretty-form textarea,
  53. .btn:hover,
  54. button:hover,
  55. .btn:active,
  56. button:active,
  57. .new-comment .usertext-body {
  58.     background-color: #25282C !important;
  59. }
  60. .res-commentBoxes .comment .comment,
  61. .res-commentBoxes .comment .comment .comment .comment,
  62. .res-commentBoxes .comment .comment .comment .comment .comment .comment,
  63. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,
  64. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  65.     background-color: #121212 !important;
  66. }
  67. /* Border Color */
  68. .link .entry,
  69. .side .titlebox .md h4 a,
  70. .wiki-page .wiki-page-content .md.wiki h4,
  71. .link .usertext .md,
  72. input:not([type="submit"]),
  73. textarea,
  74. .btn,
  75. button,
  76. .roundfield textarea,
  77. .roundfield input[type=text],
  78. .top-page .content .menuarea .drop-choices.lightdrop,
  79. .roundfield input[type=url],
  80. .roundfield input[type=password],
  81. .roundfield input[type=number],
  82. .md code,
  83. .md pre,
  84. .wiki-page .wiki-page-content hr,
  85. .expando-button,
  86. .expando-button.image,
  87. .expando-button.video-muted,
  88. .search-page #search input[type=text],
  89. .footer .col,
  90. .linefield textarea,
  91. .linefield input[type=text],
  92. .linefield input[type=password],
  93. .comment .child,
  94. .comment .showreplies,
  95. .linkinfo .shortlink input,
  96. .sitetable .nav-buttons,
  97. input:hover,
  98. textarea:hover,
  99. .pretty-form textarea {
  100.     border-color: #25282C !important;
  101. }
  102. /* Grey Text Color */
  103. body,
  104. .link .domain a,
  105. .link .entry .buttons li a,
  106. .link .entry .tagline,
  107. .flair,
  108. .titlebox .tagline,
  109. .bottommenu,
  110. .tagline .stickied-tagline,
  111. .comment .flat-list li a,
  112. .comment .entry .tagline,
  113. .comment .expand,
  114. .comment .entry,
  115. .comments-page .side .linkinfo .date,
  116. .usertext .bottom-area a,
  117. .commentarea .menuarea span.dropdown-title.lightdrop,
  118. .commentarea .menuarea .toggle a,
  119. .help-hoverable,
  120. .search-page .menuarea,
  121. .link .score,
  122. .sitetable .nav-buttons .nextprev,
  123. .gray,
  124. .linefield,
  125. .top-page .content .menuarea .drop-choices.lightdrop a.choice,
  126. .wiki-page .pageactions .wikiaction,
  127. .wiki-page .wiki-page-content em,
  128. .searchfacets h4.title,
  129. .link .entry .buttons li .redditSingleClick {
  130.     color: #868b95;
  131. }
  132. /* Black Text Color */
  133. .link .entry .tagline a,
  134. .titlebox h1 a,
  135. .md h1,
  136. .md h2,
  137. .titlebox span.subscribers,
  138. .titlebox .users-online,
  139. .titlebox .number,
  140. .side .titlebox .md h4 a,
  141. .wiki-page .wiki-page-content .md.wiki h4,
  142. .side .md .-blocks,
  143. .side .md .-lists,
  144. .side .md pre,
  145. .side .md blockquote,
  146. .side .md table,
  147. .side .md p,
  148. .side .md ul,
  149. .side .md ol,
  150. .side #moderation_tools .title h1,
  151. .sidecontentbox .title h1,
  152. .sidecontentbox .more a,
  153. .flat-vert.title,
  154. .md h3,
  155. .comment .usertext .md,
  156. .comment .score,
  157. .comment .author,
  158. .comments-page .side .linkinfo,
  159. #search #searchexpando,
  160. .commentarea .panestack-title .title,
  161. .hover-bubble,
  162. .search-page #search label,
  163. .search-page .menuarea,
  164. .search-page .menuarea .dropdown.lightdrop .selected,
  165. .submit-page .roundfield .title,
  166. .submit-page .roundfield,
  167. .submit-page #newlink.submit.content .tabmenu.formtab a,
  168. #sr-header-area .drop-choices a.choice,
  169. .comments-page .side .linkinfo .score,
  170. .pretty-form,
  171. input:not([type="submit"]),
  172. textarea,
  173. .link .usertext .md,
  174. .btn:hover,
  175. button:hover,
  176. .btn,
  177. button,
  178. .hover-bubble.multi-selector strong,
  179. .wiki-page .wikititle,
  180. .wiki-page-content .md h1,
  181. .wiki-page-content .md h6,
  182. .wiki-page .wiki-page-content .wiki.md,
  183. .wiki-page .wiki-page-content .wiki.md h2,
  184. input:focus,
  185. textarea:focus,
  186. .pretty-form textarea,
  187. .wiki-page .pageactions .wikiaction-current {
  188.     color: #d2d2d2 !important;
  189. }
  190. .res .commentarea .comment {
  191.     background: #1A2126 !important;
  192. }
  193. .res .commentarea .comment .comment {
  194.     background: #121212 !important;
  195. }
  196. .res .commentarea .comment .comment .comment {
  197.     background: #1A2126 !important;
  198. }
  199. .res .commentarea .comment .comment .comment .comment {
  200.     background: #121212 !important;
  201. }
  202. .res .commentarea .comment .comment .comment .comment .comment {
  203.     background: #1A2126 !important;
  204. }
  205. .res .commentarea .comment .comment .comment .comment .comment .comment {
  206.     background: #121212 !important;
  207. }
  208. .res .commentarea .comment .comment .comment .comment .comment .comment .comment {
  209.     background: #1A2126 !important;
  210. }
  211. .res .commentarea .comment .comment .comment .comment .comment .comment .comment .comment {
  212.     background: #121212 !important;
  213. }
  214. .res .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  215.     background: #1A2126 !important;
  216. }
  217. .res .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  218.     background: #121212 !important;
  219. }
  220. .res .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  221.     background: #1A2126 !important;
  222. }
  223. .res .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  224.     background: #121212 !important;
  225. }
  226. .comment {
  227.     background: #1A2126 !important;
  228. }
  229. .comment .comment {
  230.     background: #121212 !important;
  231. }
  232. .comment .comment .comment {
  233.     background: #1A2126 !important;
  234. }
  235. .comment .comment .comment .comment {
  236.     background: #121212 !important;
  237. }
  238. .comment .comment .comment .comment .comment {
  239.     background: #1A2126 !important;
  240. }
  241. .comment .comment .comment .comment .comment .comment {
  242.     background: #121212 !important;
  243. }
  244. .comment .comment .comment .comment .comment .comment .comment {
  245.     background: #1A2126 !important;
  246. }
  247. .comment .comment .comment .comment .comment .comment .comment .comment {
  248.     background: #121212 !important;
  249. }
  250. .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  251.     background: #1A2126 !important;
  252. }
  253. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  254.     background: #121212 !important;
  255. }
  256. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  257.     background: #1A2126 !important;
  258. }
  259. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  260.     background: #121212 !important;
  261. }
  262. .commentarea {
  263.     background-color: #1C1E22 !important;
  264. }
  265. /* Misc Fixes - Don't touch this */
  266. .btn,
  267. button {
  268.     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  269.     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  270. }
  271. .btn:hover,
  272. button:hover {
  273.     box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42);
  274.     -webkit-box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42);
  275. }
  276. .btn:active,
  277. button:active {
  278.     box-shadow: none;
  279. }
  280. .side .titlebox .md h4 a,
  281. .wiki-page .wiki-page-content .md.wiki h4 {
  282.     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);
  283. }
  284. .side .titlebox h4 a:hover,
  285. .wiki-page .wiki-page-content .md.wiki h4:hover {
  286.     box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);
  287. }
  288. .search-page input[type="text"] {
  289.     color: #fff;
  290. }
  291. .new-comment .usertext-body {
  292.     background-color: rgba(229, 239, 255, 0.1);
  293.     border: 0px solid;
  294. }
  295. #srList {
  296.     background-color: #1A2126 !important;
  297. }
  298. tr:hover {
  299.     background-color: #121212 !important;
  300. }
  301. div.md textarea,
  302. div.roundfield-content textarea,
  303. #url,
  304. #sr-autocomplete,
  305. div.RESDialogSmall.livePreview,
  306. div.RESDialogSmall.livePreview h3,
  307. #alert_message,
  308. div.RESDialogContents {
  309.     background-color: #141414 !important;
  310. }
  311. tbody tr td {
  312.     color: #ffffff !important;
  313.     border-color: #ffffff !important;
  314. }
  315. div.RESDialogContents {
  316.     color: #f5f5f5 !important;
  317. }
  318. /* Break */
  319. div.content {
  320.     margin-top: 16px !important;
  321.     background-color: #1A2126 !important;
  322. }
  323. a.login-required.access-required {
  324.     color: #fff !important;
  325.     background-color: #673AB7 !important;
  326. }
  327. div.sidecontentbox,
  328. form.toggle.flairtoggle,
  329. div.titlebox,
  330. div.NERPageMarker,
  331. div.neverEndingReddit,
  332. div.account-activity-box,
  333. ul.content,
  334. #search label {
  335.     background-color: #1A2126 !important;
  336. }
  337. form.login-form.login-form-side,
  338. div.thing.noncollapsed.odd.comment,
  339. div.thing.noncollapsed.even.comment {
  340.     border-style: none;
  341.     background-color: #1A2126 !important;
  342. }
  343. div.listing-chooser.initialized {
  344.     margin-top: 80px;
  345.     background-color: #1A2126 !important;
  346. }
  347. .listing-chooser li.selected {
  348.     box-shadow: -30px 0 30px -15px rgba(0, 0, 0, 0.8) inset, 0 2px 6px -1px rgba(0, 0, 0, 0.2) !important;
  349. }
  350. ul.global li,
  351. ul.other li,
  352. ul.multis li,
  353. div.grippy,
  354. div.grippy::before,
  355. div.grippy::after {
  356.     border-style: none !important;
  357.     background-color: #141414 !important;
  358. }
  359. a.give-gold.login-required.access-required {
  360.     color: #868b95 !important;
  361.     background-color: transparent !important;
  362. }
  363. div.goldvertisement {
  364.     border-style: none !important;
  365. }
  366. div.inner,
  367. div.progress p {
  368.     color: #fff !important;
  369. }
  370. /* --- End Addon --- */
  371. a:link.title,
  372. a:hover.title,
  373. span.trophy-name,
  374. span.trophy-description,
  375. span.score.likes {
  376.     color: #ECEFF1 !important;
  377. }
  378. div.dropdown.lightdrop span.selected,
  379. div.drop-choices.lightdrop.inuse a.choice {
  380.     color: #ECEFF1 !important;
  381.     border-style: none;
  382. }
  383. usertext-body.may-blank-within.md-container,
  384. .usertext.border.usertext-body {
  385.     background-color: rgba(0, 0, 0, 0.3) !important;
  386. }
  387. #REScommentNavToggle {
  388.     background-color: transparent !important;
  389. }
  390. h3.RESHoverTitle,
  391. div.RESCloseButton,
  392. div.RESHover.RESHoverInfoCard.RESDialogSmall,
  393. div.RESDialogSmall h3 {
  394.     background-color: #171717 !important;
  395.     border-style: none !important;
  396. }
  397. div.multi-list label:hover {
  398.     background-color: transparent;
  399. }
  400. div.modal-content {
  401.     background-color: #121212 !important;
  402. }
  403. aside.sidebar {
  404.     color: #FFF;
  405. }
  406. .message.new > .entry {
  407.     background-color: rgba(0, 0, 0, 0.2) !important;
  408.     border: none !important;
  409. }
  410. .message.message-parent .entry.md {
  411.     color: #ECEFF1 !important;
  412. }
  413. div.md p {
  414.     color: white !important;
  415. }
  416. div.sidebox.robin_sidebox {
  417.     display: none
  418. }
  419. #RESSubredditGroupDropdown {
  420.     background-color: grey !important;
  421. }
  422. #editShortcutDialog {
  423.     background: #121212 !important;
  424.     color: white;
  425. }
  426. #editShortcutDialog #sortButton {
  427.     border: none !important;
  428.     color: #FFF !important;
  429. }
  430. .titlebox form.toggle,
  431. .leavemoderator {
  432.     background: transparent;
  433. }
  434. .titlebox:before {
  435.     color: #eeeeee !important;
  436. }
  437. div.searchpane.raisedbox {
  438.     border-style: none !important;
  439. }
  440. .listing-page .comment {
  441.     background-color: transparent !important;
  442. }
  443. .reddit-infobar.with-icon {
  444.     background: #121212 !important;
  445. }
  446. .api-help .contents .overview code,
  447. .api-help .parameters {
  448.     color: #fff !important;
  449.     background-color: #171717 !important;
  450. }
  451. .content.api-help {
  452.     max-width: 1280px !important;
  453. }
  454. .api-help .toc {
  455.     width: 23em;
  456. }
  457. .md {
  458.     color: #fff !important;
  459. }
  460. .api-help .contents .introduction strong,
  461. .api-help .contents .introduction {
  462.     color: #fff !important;
  463. }
  464. #moresearchinfo {
  465.     background-color: #1a1a1a !important;
  466. }
  467. li.flairsample-right:hover {
  468.     background-color: rgba(0, 0, 0, 0.3);
  469. }
  470. li.rec-item {
  471.     background-color: #141414 !important;
  472.     border-style: none !important;
  473. }
  474. form.form-bar.c-clearfix {
  475.     background-color: transparent !important;
  476.     border-style: none;
  477. }
  478. button.c-btn.c-btn-primary {
  479.     border-style: none;
  480. }
  481. #header-bottom-left {
  482.     background: none !important;
  483. }
  484. blockquote ul li {
  485.     display: none !important;
  486. }
  487. div.md h3 {
  488.     background-color: transparent !important;
  489.     color: white !important;
  490. }
  491. div.md ul {
  492.     background-color: #121212 !important;
  493.     color: white !important;
  494. }
  495. div.md blockquote {
  496.     background-color: transparent !important;
  497. }
  498. div.md blockquote h1 {
  499.     color: white !important;
  500. }
  501. #RESConsoleContent {
  502.     background-color: #1a1a1a;
  503.     color: #e6e6e6;
  504. }
  505. #allOptionsContainer {
  506.     background-color: #1a1a1a;
  507. }
  508. div.RESDialogTopBar {
  509.     background-color: #1a1a1a;
  510.     color: #e6e6e6;
  511. }
  512. div.md p {
  513.     color: #d6d6d6;
  514. }
  515. div.optionContainer {
  516.     background-color: #1a1a1a;
  517.     border-style: none;
  518. }
  519. div.optionContainer.advanced {
  520.     background-color: #1a1a1a;
  521.     border-style: none;
  522. }
  523. div.optionContainer.table.highlight {
  524.     background-color: #1a1a1a;
  525.     border-style: none;
  526. }
  527. h3.categoryButton {
  528.     background-color: #1a1a1a !important;
  529.     border-style: none;
  530.     color: #e6e6e6;
  531. }
  532. li.moduleButton.enabled {
  533.     color: #e6e6e6;
  534. }
  535. span.RESCloseButton {
  536.     background-color: #000000;
  537. }
  538. li.SearchRES-result-item:hover {
  539.     background-color: rgba(0, 0, 0, .3) !important;
  540. }
  541. span.SearchRES-result-title {
  542.     color: #e6e6e6 !important;
  543. }
  544. /* Scrollbar Chrome*/
  545. *::-webkit-scrollbar {
  546.     width: 10px ! important;
  547.     height: 10px ! important;
  548.     background: #1e1e1e ! important;
  549.     border: 1px solid #252525 ! important;
  550. }
  551. *::-webkit-scrollbar-button {
  552.     display: none ! important;
  553. }
  554. *::-webkit-scrollbar-thumb,
  555. *::-webkit-scrollbar-track {
  556.     border: 0 ! important;
  557.     box-shadow: none ! important;
  558. }
  559. *::-webkit-scrollbar-thumb {
  560.     min-height: 28px ! important;
  561.     background: #333333 ! important;
  562. }
  563. *::-webkit-scrollbar-corner,
  564. *::-webkit-scrollbar-track {
  565.     background: #1e1e1e ! important;
  566. }
  567. .side .titlebox h1.redditname:before {
  568.     background: #673ab7;
  569. }
  570. #header {
  571.     background-color: #263238 !important;
  572. }
Advertisement
Add Comment
Please, Sign In to add comment