Advertisement
Guest User

Untitled

a guest
Aug 18th, 2019
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 114.75 KB | None | 0 0
  1. /* source https://b.thumbs.redditmedia.com/6OltOW6Xbz1dZNVKJfoWSbtycXGThq6mGDiNtEeOQTw.css */
  2. body {
  3. background:#1a1a1a;
  4. color:#ddd
  5. }
  6. .comment .usertext .md p>a:visited,.md a,.res.res-nightmode .tagline a,a,h2 a:visited {
  7. color:#3498db;
  8. -webkit-transition:color .15s ease-in-out;
  9. -moz-transition:color .15s ease-in-out;
  10. -o-transition:color .15s ease-in-out;
  11. transition:color .15s ease-in-out
  12. }
  13. a:hover {
  14. text-decoration:none!important
  15. }
  16. .md {
  17. color:#ddd
  18. }
  19. .md blockquote {
  20. padding:5px;
  21. margin-left:0;
  22. background:#292929;
  23. border:1px solid #3c3c3c;
  24. border-left-width:3px;
  25. color:#ccc
  26. }
  27. .md blockquote blockquote {
  28. background:#262626;
  29. border-color:#3c3c3c
  30. }
  31. .md blockquote blockquote blockquote {
  32. background:#292929;
  33. border-color:#3c3c3c
  34. }
  35. .md code,.md pre {
  36. background:#2c2c2c;
  37. border-color:#3c3c3c;
  38. border-radius:0;
  39. color:#ccc
  40. }
  41. .link .usertext .md *>code,.link .usertext .md pre,.usertext.border div.md *>code,.usertext.border div.md pre {
  42. background:#2c2c2c
  43. }
  44. .new-comment div.md *>code,.new-comment div.md pre {
  45. background:#282828
  46. }
  47. .usertext.grayed .usertext-body {
  48. padding:0;
  49. background:0 0
  50. }
  51. .md del,.usertext.grayed .usertext-body .md {
  52. color:#888
  53. }
  54. .md table {
  55. margin:1em 0;
  56. font-size:12px
  57. }
  58. .titlebox .md table {
  59. font-size:11px;
  60. width:100%
  61. }
  62. .md table td,.md table th {
  63. padding:5px 8px;
  64. border:1px solid #2d2d2d
  65. }
  66. .md table th {
  67. background:#292929
  68. }
  69. .md table tbody tr:nth-of-type(odd) {
  70. background:#252525
  71. }
  72. .md table tbody tr:nth-of-type(even) {
  73. background:#292929
  74. }
  75. .md hr {
  76. height:1px;
  77. background:#2d2d2d
  78. }
  79. .linefield input[type=text],.linefield textarea,.pretty-form input[type=text],.pretty-form textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number],.roundfield textarea,input[type=text],input[type=url],input[type=password],input[type=number],textarea {
  80. background:#292929;
  81. border:1px solid #393939;
  82. box-shadow:none;
  83. font-family:sans-serif;
  84. color:#eee
  85. }
  86. .link .usertext-edit textarea {
  87. padding:5px 7px
  88. }
  89. .comment .usertext-edit textarea,.commentarea>.usertext .usertext-edit textarea {
  90. padding:3px 5px
  91. }
  92. .stylesheet-customize-container textarea {
  93. font-family:"Bitstream Vera Sans Mono",Consolas,monospace
  94. }
  95. .linefield input[type=text]:hover,.pretty-form textarea:active,.pretty-form textarea:focus,.pretty-form textarea:hover,input[type=text]:active,input[type=text]:focus,input[type=text]:hover,input[type=url]:active,input[type=url]:focus,input[type=url]:hover,textarea:active,textarea:focus,textarea:hover {
  96. border-color:#494949;
  97. outline:0
  98. }
  99. #header {
  100. height:90px;
  101. background:#202020;
  102. border-bottom:1px solid #101010
  103. }
  104. #header:before {
  105. content:"";
  106. height:1px;
  107. position:absolute;
  108. top:21px;
  109. left:0;
  110. right:0;
  111. background:#272727
  112. }
  113. #sr-header-area,#sr-header-area a#sr-more-link {
  114. height:20px;
  115. background:#1a1a1a;
  116. border-bottom:1px solid #101010;
  117. font-family:sans-serif;
  118. line-height:22px
  119. }
  120. #sr-header-area .sr-list .separator {
  121. visibility:hidden
  122. }
  123. #sr-header-area .selected {
  124. padding-right:0
  125. }
  126. #sr-header-area .selected,#sr-header-area .selected a,#sr-header-area a {
  127. background:0 0;
  128. color:#444;
  129. -webkit-transition:color .3s;
  130. -moz-transition:color .3s;
  131. -o-transition:color .3s;
  132. transition:color .3s
  133. }
  134. #sr-header-area .drop-choices.srdrop.inuse a,#sr-header-area:hover .selected,#sr-header-area:hover .selected a,#sr-header-area:hover a {
  135. color:#777
  136. }
  137. #sr-header-area .drop-choices.srdrop.inuse a:hover,#sr-header-area .selected a:hover,#sr-header-area .selected:hover,#sr-header-area a:hover {
  138. color:#fff
  139. }
  140. #sr-header-area .drop-choices.srdrop.inuse {
  141. padding:1px;
  142. margin:-1px 0 0;
  143. background:#2b2b2b;
  144. border:1px solid #101010;
  145. border-top:0;
  146. border-left:0;
  147. box-shadow:0 0 1px rgba(16,16,16,.5)
  148. }
  149. #sr-header-area .drop-choices.srdrop.inuse a {
  150. background:#252525
  151. }
  152. #sr-header-area .drop-choices.srdrop.inuse a:hover {
  153. background:#202020
  154. }
  155. #sr-header-area .drop-choices.srdrop.inuse .choice.bottom-option {
  156. border-color:#333;
  157. color:#999
  158. }
  159. #header-bottom-left {
  160. position:absolute;
  161. bottom:0;
  162. left:0;
  163. right:0;
  164. background:#202020;
  165. border-bottom:1px solid #272727
  166. }
  167. #header-img-a #header-img {
  168. width:80px;
  169. height:28px;
  170. margin:0
  171. }
  172. #header-img-a,#header-img.default-header {
  173. width:80px;
  174. height:28px;
  175. display:inline-block;
  176. margin:0 30px 0 0;
  177. position:relative;
  178. bottom:17px;
  179. left:15px;
  180. vertical-align:bottom
  181. }
  182. .pagename {
  183. margin:0 15px 0 0;
  184. display:inline-block;
  185. font-family:lato,verdana,sans-serif;
  186. font-size:12px;
  187. font-variant:normal;
  188. font-weight:400;
  189. letter-spacing:1px;
  190. line-height:46px;
  191. text-transform:uppercase;
  192. color:#fb8500
  193. }
  194. .messages-page .pagename,.profile-page .pagename {
  195. color:#eee
  196. }
  197. body.with-listing-chooser #header .pagename {
  198. margin-left:0!important;
  199. position:static
  200. }
  201. .pagename a {
  202. display:inline-block;
  203. color:#eee
  204. }
  205. .pagename a:hover {
  206. color:#fff
  207. }
  208. .pagename a:before {
  209. content:"/R/";
  210. color:#bbb
  211. }
  212. #header .tabmenu {
  213. margin:0;
  214. line-height:46px;
  215. text-align:center
  216. }
  217. body.with-listing-chooser #header .tabmenu,body.with-listing-chooser #header .tabmenu li:first-child.selected {
  218. margin-left:0
  219. }
  220. #header .tabmenu li,#header .tabmenu li a {
  221. padding:0;
  222. margin:0;
  223. display:inline-block;
  224. background:0 0
  225. }
  226. #header .tabmenu li a {
  227. margin:0 10px;
  228. font-family:lato,verdana,sans-serif;
  229. font-size:12px;
  230. font-weight:400;
  231. letter-spacing:1px;
  232. text-transform:uppercase;
  233. color:#bbb;
  234. -webkit-transition:.3s color,.2s background-position;
  235. -moz-transition:.3s color,.2s background-position;
  236. -o-transition:.3s color,.2s background-position;
  237. transition:.3s color,.2s background-position;
  238. position:relative
  239. }
  240. #header .tabmenu li a:hover {
  241. color:#eee
  242. }
  243. #header .tabmenu li.selected a {
  244. position:relative;
  245. border:none;
  246. color:#fb8500
  247. }
  248. #header .tabmenu li.selected a:hover {
  249. color:#fb8500
  250. }
  251. #header .tabmenu li a:after,#header .tabmenu li.selected a:after {
  252. content:"";
  253. width:16px;
  254. height:10px;
  255. margin:0 auto;
  256. position:absolute;
  257. right:0;
  258. bottom:-2px;
  259. left:0;
  260. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat
  261. }
  262. #header .tabmenu li a:after {
  263. background-position:center 10px;
  264. -webkit-transition:.2s background-position ease-in-out;
  265. -moz-transition:.2s background-position ease-in-out;
  266. -o-transition:.2s background-position ease-in-out;
  267. transition:.2s background-position ease-in-out
  268. }
  269. #header .tabmenu li a:hover:after,#header .tabmenu li.selected a:after {
  270. background-position:center 0
  271. }
  272. #header .tabmenu li a[href$="/ads/"]:after {
  273. right:4px
  274. }
  275. #header-bottom-right {
  276. height:40px;
  277. padding:0 15px 0 8px;
  278. bottom:0;
  279. background:#1d1d1d;
  280. border-top:1px solid #272727;
  281. border-bottom:1px solid #222;
  282. border-radius:0;
  283. font-family:lato,verdana,sans-serif;
  284. font-size:11px;
  285. font-weight:400;
  286. letter-spacing:1px;
  287. line-height:40px;
  288. text-transform:uppercase
  289. }
  290. .gold-only #header #header-bottom-right {
  291. background:#1d1d1d
  292. }
  293. #header-bottom-right:before {
  294. content:"";
  295. width:21px;
  296. height:40px;
  297. display:block;
  298. position:absolute;
  299. left:-21px;
  300. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -367px no-repeat;
  301. border-bottom:1px solid #222
  302. }
  303. #header-bottom-right .user,#header-bottom-right a,.gold-only #header #header-bottom-right a {
  304. color:#bbb
  305. }
  306. #header-bottom-right a:hover,.gold-only #header #header-bottom-right a:hover {
  307. color:#eee
  308. }
  309. #header-bottom-right .pref-lang {
  310. font-weight:400
  311. }
  312. #header-bottom-right .user a.login-required {
  313. margin-left:5px;
  314. color:#fb8500
  315. }
  316. .loggedin #header-bottom-right .user {
  317. color:#1d1d1d
  318. }
  319. #header-bottom-right .user .userkarma {
  320. border:none;
  321. color:#ddd
  322. }
  323. #header-bottom-right .separator {
  324. visibility:hidden
  325. }
  326. #header-bottom-right #mail,#header-bottom-right #modmail,.gold-only #header #header-bottom-right #mail.havemail,.gold-only #header #header-bottom-right #modmail.havemail {
  327. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat
  328. }
  329. #header-bottom-right #mail {
  330. top:1px
  331. }
  332. #header-bottom-right #mail.nohavemail {
  333. background-position:0 -50px
  334. }
  335. #header-bottom-right #mail.havemail {
  336. background-position:-16px -50px
  337. }
  338. .gold-only #header #header-bottom-right #mail.havemail {
  339. background-position:-32px -50px
  340. }
  341. #header-bottom-right #modmail {
  342. top:-3px
  343. }
  344. #header-bottom-right #modmail.nohavemail {
  345. background-position:0 -30px
  346. }
  347. #header-bottom-right #modmail.havemail {
  348. background-position:-16px -30px
  349. }
  350. .gold-only #header #header-bottom-right #modmail.havemail {
  351. background-position:-32px -30px
  352. }
  353. #header-bottom-right a.message-count {
  354. background:0 0;
  355. color:#fb8500
  356. }
  357. .gold-only #header #header-bottom-right .message-count,.gold-only #header #header-bottom-right .message-count:hover {
  358. background:0 0;
  359. color:#cd9930
  360. }
  361. .side {
  362. margin:24px 8px 80px 0;
  363. position:relative;
  364. background-color:transparent
  365. }
  366. .side .spacer {
  367. margin:0 0 7px
  368. }
  369. .side #search {
  370. border:1px solid #101010
  371. }
  372. #search input[type=text] {
  373. width:298px;
  374. padding:7px 15px;
  375. background:#202020;
  376. border:1px solid #272727;
  377. font-size:12px;
  378. color:#eee
  379. }
  380. #search input[type=text]:active,#search input[type=text]:focus,#search input[type=text]:hover {
  381. background-color:#242424;
  382. outline:0
  383. }
  384. .side #search input[type=submit] {
  385. margin-left:-28px
  386. }
  387. .side #searchexpando {
  388. padding:10px 15px 0;
  389. margin:0;
  390. background:#1e1e1e;
  391. border:1px solid #272727;
  392. border-top:1px solid #181818;
  393. border-radius:0;
  394. font-family:sans-serif;
  395. font-size:11px;
  396. color:#ddd
  397. }
  398. .side #searchexpando #moresearchinfo {
  399. padding-bottom:5px;
  400. border-color:#444
  401. }
  402. .sidebox.create,.sidebox.submit {
  403. border:1px solid #101010;
  404. border-radius:1px
  405. }
  406. .morelink {
  407. height:31px;
  408. background:#393939;
  409. border:1px solid #494949;
  410. border-radius:1px;
  411. line-height:31px
  412. }
  413. .morelink:hover {
  414. background:#444;
  415. border-color:#555
  416. }
  417. .morelink a {
  418. font-family:lato,verdana,sans-serif;
  419. font-size:12px;
  420. font-weight:400;
  421. letter-spacing:1px;
  422. text-transform:uppercase;
  423. color:#eee
  424. }
  425. .morelink:hover a {
  426. color:#fff
  427. }
  428. .disabled .morelink,.disabled .morelink:hover {
  429. background:#292929;
  430. border-color:#333
  431. }
  432. .disabled .morelink a {
  433. color:grey
  434. }
  435. .morelink+.spacer,.nub {
  436. display:none
  437. }
  438. .titlebox {
  439. width:296px;
  440. position:relative;
  441. left:1px;
  442. background:#202020;
  443. border:1px solid #272727;
  444. font-family:sans-serif;
  445. color:#ddd
  446. }
  447. .rounded {
  448. border-radius:0
  449. }
  450. .titlebox.filtered-details,.titlebox.gold-accent {
  451. padding:0
  452. }
  453. .profile-page .titlebox,.titlebox.filtered-details {
  454. background:#222
  455. }
  456. .titlebox>h1 {
  457. padding:10px 15px;
  458. margin:0;
  459. position:relative;
  460. background:#222;
  461. border-bottom:1px solid #272727;
  462. font-family:sans-serif;
  463. font-size:18px;
  464. font-variant:normal;
  465. color:#eee
  466. }
  467. .profile-page .titlebox>h1:before {
  468. content:"";
  469. height:1px;
  470. position:absolute;
  471. bottom:-2px;
  472. left:0;
  473. right:0;
  474. background:#181818
  475. }
  476. .titlebox>h1 a {
  477. color:#eee
  478. }
  479. .side .fancy-toggle-button {
  480. width:296px;
  481. height:30px;
  482. display:block;
  483. margin:0;
  484. background:#202020;
  485. border:1px solid #181818;
  486. border-left:0;
  487. border-right:0;
  488. border-radius:0;
  489. line-height:30px
  490. }
  491. .titlebox .fancy-toggle-button .option.active {
  492. display:inline-block
  493. }
  494. .titlebox .fancy-toggle-button .option.add,.titlebox .fancy-toggle-button .option.remove {
  495. height:30px;
  496. padding:0 15px;
  497. position:relative;
  498. top:-1px;
  499. background:#202020;
  500. border:none;
  501. border-radius:0;
  502. font-size:11px;
  503. font-weight:400;
  504. line-height:30px;
  505. text-transform:capitalize;
  506. color:#999
  507. }
  508. .titlebox .fancy-toggle-button .option.add {
  509. font-weight:700;
  510. color:#27ae60
  511. }
  512. .titlebox .fancy-toggle-button .option:active,.titlebox .fancy-toggle-button .option:focus {
  513. outline:0
  514. }
  515. .profile-page .titlebox h1+div {
  516. border-bottom:1px solid #272727
  517. }
  518. .subscribers,.users-online {
  519. height:30px;
  520. padding:0 15px;
  521. display:block;
  522. margin-top:-31px;
  523. position:absolute;
  524. right:0;
  525. background:#202020;
  526. font-size:11px;
  527. line-height:30px;
  528. color:#999
  529. }
  530. .users-online,.users-online:before {
  531. display:none;
  532. content:none
  533. }
  534. .subscribers:hover+.users-online,.users-online:hover {
  535. display:block
  536. }
  537. .users-online:after {
  538. content:"";
  539. width:7px;
  540. height:7px;
  541. display:block;
  542. position:absolute;
  543. top:11px;
  544. left:3px;
  545. background:#4bda4b;
  546. border-radius:50%;
  547. -webkit-animation:users 2s infinite;
  548. -moz-animation:users 2s infinite;
  549. -o-animation:users 2s infinite;
  550. animation:users 2s infinite
  551. }
  552. @-webkit-keyframes users {
  553. 0% {
  554. background:#4bda4b
  555. }
  556. 50% {
  557. background:#369b36
  558. }
  559. 100% {
  560. background:#4bda4b
  561. }
  562. }
  563. @-moz-keyframes users {
  564. 0% {
  565. background:#4bda4b
  566. }
  567. 50% {
  568. background:#369b36
  569. }
  570. 100% {
  571. background:#4bda4b
  572. }
  573. }
  574. @-o-keyframes users {
  575. 0% {
  576. background:#4bda4b
  577. }
  578. 50% {
  579. background:#369b36
  580. }
  581. 100% {
  582. background:#4bda4b
  583. }
  584. }
  585. @keyframes users {
  586. 0% {
  587. background:#4bda4b
  588. }
  589. 50% {
  590. background:#369b36
  591. }
  592. 100% {
  593. background:#4bda4b
  594. }
  595. }
  596. .titlebox .leavemoderator,.titlebox .toggle.leavecontributor-button,.titlebox .toggle.sr_style_toggle {
  597. padding:8px 15px;
  598. background:#222;
  599. border-top:1px solid #272727;
  600. border-bottom:1px solid #181818;
  601. font-family:sans-serif;
  602. color:#777
  603. }
  604. .titlebox .leavemoderator,.titlebox .toggle.leavecontributor-button {
  605. font-size:0
  606. }
  607. .titlebox .leavemoderator:before,.titlebox .toggle.leavecontributor-button:before {
  608. width:auto;
  609. height:15px;
  610. display:inline-block;
  611. margin-right:6px;
  612. float:none;
  613. position:relative;
  614. top:-1px;
  615. vertical-align:middle;
  616. font-size:11px;
  617. line-height:17px;
  618. text-indent:20px;
  619. color:#777
  620. }
  621. .titlebox .leavemoderator:before {
  622. content:"Moderator";
  623. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -127px no-repeat
  624. }
  625. .titlebox .toggle.leavecontributor-button:before {
  626. content:"Approved submitter";
  627. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -147px no-repeat
  628. }
  629. .titlebox .leavemoderator a,.titlebox .toggle.leavecontributor-button a {
  630. font-size:11px
  631. }
  632. .titlebox .leavemoderator>a,.titlebox .toggle.leavecontributor-button>a {
  633. display:inline-block;
  634. margin-left:5px;
  635. vertical-align:middle
  636. }
  637. .titlebox .toggle.leavecontributor-button .option.active.error {
  638. display:block;
  639. margin:3px 0 0 20px
  640. }
  641. .titlebox .toggle.sr_style_toggle {
  642. padding:8px 15px 10px;
  643. font-size:11px
  644. }
  645. .titlebox .toggle.flairtoggle {
  646. padding:8px 15px;
  647. margin:0;
  648. background:#202020;
  649. border-top:1px solid #272727;
  650. font-size:11px
  651. }
  652. .titlebox .tagline {
  653. padding:4px 15px 10px;
  654. margin:0;
  655. position:relative;
  656. background:#202020;
  657. border-bottom:1px solid #181818;
  658. font-size:11px;
  659. color:#202020
  660. }
  661. .titlebox .tagline a.author,.titlebox .tagline a.flairselectbtn {
  662. font-size:11px;
  663. color:#3498db
  664. }
  665. .titlebox .tagline>.flair {
  666. background-color:#393939;
  667. border-color:#393939;
  668. font-size:10px;
  669. color:#bbb
  670. }
  671. .titlebox>.karma {
  672. margin:8px 1px 0 15px;
  673. display:inline-block;
  674. color:#eee
  675. }
  676. .titlebox>.comment-karma {
  677. margin-top:5px
  678. }
  679. .karma-breakdown {
  680. margin:10px 15px
  681. }
  682. #per-sr-karma {
  683. width:264px;
  684. margin:10px 0 10px 16px
  685. }
  686. #per-sr-karma tr td {
  687. color:#bbb
  688. }
  689. .titlebox .snoovatar-link {
  690. margin:10px 15px;
  691. border-radius:1px;
  692. background:#393939!important;
  693. border:1px solid #181818!important;
  694. line-height:31px
  695. }
  696. .titlebox .snoovatar-link:before {
  697. content:none
  698. }
  699. .snoovatar-link a {
  700. display:block;
  701. border:1px solid #494949;
  702. border-radius:1px;
  703. color:#eee!important
  704. }
  705. .snoovatar-link a:before {
  706. content:"";
  707. width:20px;
  708. height:20px;
  709. display:inline-block;
  710. margin-right:8px;
  711. position:relative;
  712. top:5px;
  713. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -103px no-repeat
  714. }
  715. .titlebox .usertext-body .md,.titlebox div.usertext .md {
  716. padding:5px 15px;
  717. background:#222;
  718. border-top:1px solid #272727;
  719. border-bottom:1px solid #272727;
  720. font-size:12px;
  721. color:#ddd
  722. }
  723. .titlebox>h1+.usertext>.md {
  724. border-top:1px solid #181818;
  725. border-bottom:0
  726. }
  727. .titlebox>.users-online+.usertext .md {
  728. border-top:1px solid #272727
  729. }
  730. .titlebox .md h1,.titlebox .md h2,.titlebox .md h3,.titlebox .md h4,.titlebox .md h5,.titlebox .md h6 {
  731. margin:.5em 0;
  732. font-weight:700;
  733. color:#eee
  734. }
  735. .titlebox .md h1 {
  736. font-size:18px
  737. }
  738. .titlebox .md h1 a {
  739. color:#3498DB
  740. }
  741. .titlebox .md h2 {
  742. font-size:17px
  743. }
  744. .titlebox .md h3 {
  745. font-size:16px
  746. }
  747. .titlebox .md h4 {
  748. font-size:15px
  749. }
  750. .titlebox .md h5 {
  751. font-size:14px
  752. }
  753. .titlebox .md h6 {
  754. font-size:14px;
  755. font-weight:400
  756. }
  757. .titlebox .md>p {
  758. margin:1em 0
  759. }
  760. .titlebox .md ol,.titlebox .md ul {
  761. margin:.5em 0;
  762. padding-left:20px
  763. }
  764. .titlebox .md>blockquote {
  765. margin:1em 0
  766. }
  767. .linkinfo {
  768. padding:0;
  769. margin:0 1px;
  770. position:relative;
  771. background:#222;
  772. border:1px solid #272727;
  773. border-radius:0;
  774. font-family:sans-serif
  775. }
  776. .linkinfo .date {
  777. padding:15px 0 0;
  778. margin:0;
  779. font-size:12px;
  780. font-weight:700;
  781. text-indent:15px;
  782. color:#eee
  783. }
  784. .linkinfo .date span {
  785. font-size:0;
  786. color:#222
  787. }
  788. .linkinfo .date span:after {
  789. content:"This post was submitted on ";
  790. font-size:12px;
  791. font-weight:400;
  792. color:#eee
  793. }
  794. .linkinfo .score {
  795. padding:10px 0 5px;
  796. margin-left:15px;
  797. font-size:11px;
  798. color:#999
  799. }
  800. .linkinfo .score .number {
  801. margin-right:3px;
  802. vertical-align:-2px;
  803. font-size:18px;
  804. font-weight:400;
  805. color:#eee
  806. }
  807. .linkinfo .score .word {
  808. display:none
  809. }
  810. .linkinfo .shortlink {
  811. margin-top:10px;
  812. font-size:0;
  813. border-top:1px solid #272727
  814. }
  815. .linkinfo .shortlink input {
  816. width:266px;
  817. height:32px;
  818. padding:0 15px;
  819. margin:0;
  820. background:#202020;
  821. border:none;
  822. border-top:1px solid #181818;
  823. font-size:11px;
  824. line-height:31px;
  825. color:#999
  826. }
  827. .linkinfo .shortlink input:hover {
  828. color:#eee
  829. }
  830. .side .titlebox .bottom {
  831. min-height:11px;
  832. padding:8px 15px;
  833. background:#202020;
  834. border-top:1px solid #181818;
  835. font-size:11px;
  836. color:#999
  837. }
  838. .profile-page .side .titlebox>.bottom {
  839. margin-top:10px;
  840. position:relative
  841. }
  842. .profile-page .titlebox .gold-expiration-info+.bottom {
  843. margin-top:0
  844. }
  845. .profile-page .titlebox .bottom:before {
  846. content:"";
  847. height:1px;
  848. display:block;
  849. position:absolute;
  850. top:-2px;
  851. left:0;
  852. right:0;
  853. background:#272727
  854. }
  855. .profile-page .titlebox .gold-expiration-info+.bottom:before {
  856. background:#2b2b2b
  857. }
  858. .bottom .flair {
  859. display:none;
  860. font-size:10px
  861. }
  862. .titlebox .bottom .age {
  863. font-size:0
  864. }
  865. .titlebox .bottom .age time {
  866. padding-left:14px;
  867. height:11px;
  868. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -166px no-repeat;
  869. font-size:11px
  870. }
  871. .profile-page .titlebox .bottom img {
  872. display:none
  873. }
  874. .profile-page .titlebox .bottom a[href*=compose] {
  875. padding-left:19px;
  876. position:relative
  877. }
  878. .profile-page .titlebox .bottom a[href*=compose]:before {
  879. content:"";
  880. width:15px;
  881. height:10px;
  882. display:block;
  883. position:absolute;
  884. top:2px;
  885. left:0;
  886. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -50px no-repeat
  887. }
  888. .sidecontentbox {
  889. border:1px solid #101010;
  890. font-family:sans-serif
  891. }
  892. .sidecontentbox>.title {
  893. padding:10px 15px;
  894. background:#222;
  895. border:1px solid #272727
  896. }
  897. .sidecontentbox>.title h1 {
  898. font-size:12px;
  899. font-weight:700;
  900. text-transform:lowercase;
  901. color:#eee
  902. }
  903. .sidecontentbox .collapse-button {
  904. position:relative;
  905. top:-1px;
  906. background:#393939;
  907. border:none;
  908. border-radius:1px;
  909. line-height:8px;
  910. color:#bbb
  911. }
  912. .sidecontentbox .content {
  913. background:#202020;
  914. border:1px solid #272727;
  915. border-top:1px solid #181818;
  916. padding:10px 15px
  917. }
  918. .sidecontentbox .content a {
  919. background-color:transparent;
  920. font-size:12px
  921. }
  922. .sidecontentbox a.helplink {
  923. margin:12px 15px 0 0
  924. }
  925. .sidecontentbox .more {
  926. margin:15px 0 0;
  927. display:inline-block;
  928. border:1px;
  929. border-radius:1px;
  930. text-align:left
  931. }
  932. .sidecontentbox .more a[href$="/about/moderators"] {
  933. padding:3px 6px 4px;
  934. display:inline-block;
  935. background:#393939;
  936. border:1px solid #494949;
  937. border-radius:1px;
  938. font-size:11px;
  939. color:#eee
  940. }
  941. .sidecontentbox .content button.expand-summary {
  942. margin-top:8px;
  943. background:#393939;
  944. border:1px solid #494949;
  945. border-radius:1px;
  946. color:#eee
  947. }
  948. .sidecontentbox .content button.expand-summary:hover,.sidecontentbox .more a[href$="/about/moderators"]:hover {
  949. background:#444;
  950. border-color:#555
  951. }
  952. .sidecontentbox a.helplink~ul.content>li {
  953. max-width:266px;
  954. overflow:hidden;
  955. white-space:nowrap
  956. }
  957. .sidecontentbox .flair {
  958. font-size:10px
  959. }
  960. .trophy-name {
  961. color:#eee!important
  962. }
  963. .trophy-description {
  964. color:#bbb
  965. }
  966. .trophy-table+p {
  967. color:#202020
  968. }
  969. .gadget .midcol {
  970. width:25px;
  971. margin:1px 4px 0 -3px
  972. }
  973. .gadget .right a,.gadget a.reddit-comment-link {
  974. font-size:11px
  975. }
  976. .account-activity-box a {
  977. padding:8px 10px;
  978. display:block;
  979. background:#222;
  980. border:1px solid #272727;
  981. font-family:sans-serif;
  982. font-size:11px;
  983. color:#ddd
  984. }
  985. body>.content {
  986. margin:24px 315px 80px 8px
  987. }
  988. body.with-listing-chooser>.content {
  989. margin-left:152px;
  990. transition:margin-left .25s ease-in-out
  991. }
  992. body.with-listing-chooser.listing-chooser-collapsed>.content {
  993. margin-left:23px
  994. }
  995. .trending-subreddits {
  996. padding:8px 10px;
  997. margin:8px 1px -6px;
  998. position:relative;
  999. background:#1e1e1e;
  1000. border:1px solid #272727;
  1001. border-bottom:1px solid #181818
  1002. }
  1003. body.compressed-display .trending-subreddits {
  1004. margin-left:1px
  1005. }
  1006. .trending-subreddits .midcol-spacer,.trending-subreddits .rank-spacer {
  1007. display:none
  1008. }
  1009. .trending-subreddits strong {
  1010. color:#27ae60
  1011. }
  1012. .trending-subreddits strong:before {
  1013. width:15px;
  1014. height:11px;
  1015. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -38px -65px no-repeat
  1016. }
  1017. .trending-subreddits .comments {
  1018. font-weight:400;
  1019. color:#637481
  1020. }
  1021. .trending-subreddits .comments:hover {
  1022. color:#9ab2ca
  1023. }
  1024. body>.content>.menuarea {
  1025. padding:10px 15px;
  1026. margin:0 1px;
  1027. background:#222;
  1028. border:1px solid #272727;
  1029. font-family:sans-serif;
  1030. font-size:11px;
  1031. text-transform:uppercase;
  1032. color:#999;
  1033. position:relative;
  1034. overflow:visible
  1035. }
  1036. .menuarea .dropdown.lightdrop .selected {
  1037. padding-left:21px;
  1038. padding-right:0;
  1039. background:url("https://a.thumbs.redditmedia.com/UKO5Yt3_710n8nhGIrFV1vaGEp8JAq6NiAfv68qhyk0.png") center left no-repeat;
  1040. text-decoration:none;
  1041. color:#eee
  1042. }
  1043. .menuarea .dropdown.lightdrop .selected:hover {
  1044. cursor:pointer
  1045. }
  1046. .menuarea .drop-choices.lightdrop {
  1047. min-width:80px;
  1048. padding:0;
  1049. margin:8px 0 0 -1px;
  1050. background:#2d2d2d;
  1051. border:1px solid #353535;
  1052. box-shadow:0 0 3px rgba(16,16,16,.5)
  1053. }
  1054. .menuarea .drop-choices.lightdrop:after {
  1055. content:"";
  1056. width:12px;
  1057. height:8px;
  1058. display:block;
  1059. position:absolute;
  1060. top:-8px;
  1061. left:5px;
  1062. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -413px no-repeat
  1063. }
  1064. .menuarea .drop-choices.lightdrop a {
  1065. padding:3px 6px;
  1066. font-weight:700;
  1067. color:#ddd;
  1068. transition:all .1s ease-in-out
  1069. }
  1070. .menuarea .drop-choices.lightdrop a:hover {
  1071. background:#252525;
  1072. color:#eee
  1073. }
  1074. .menuarea .separator {
  1075. visibility:hidden
  1076. }
  1077. .menuarea .flat-list a {
  1078. font-weight:400;
  1079. color:#bbb
  1080. }
  1081. .menuarea .flat-list a:hover {
  1082. color:#eee
  1083. }
  1084. .menuarea .flat-list li.selected a,.menuarea .flat-list li.selected a:hover {
  1085. color:#fb8500
  1086. }
  1087. #siteTable_organic.organic-listing,.account-activity-box,.content .sitetable.linklisting,.messages-page .content>.sitetable.listing {
  1088. border:1px solid #101010
  1089. }
  1090. .listing-page>.content>.infobar.gold-accent~.sitetable.linklisting,.menuarea~.sitetable.linklisting,.messages-page .content>.sitetable.listing,body>.content>.infobar~.sitetable.linklisting,body>.content>.menuarea+style+.sitetable.linklisting {
  1091. border-top:none
  1092. }
  1093. .commentarea .sitetable.linklisting {
  1094. border:none
  1095. }
  1096. .menuarea+.spacer>#siteTable_organic.organic-listing {
  1097. border-top-color:#181818
  1098. }
  1099. .content>.infobar {
  1100. padding:0;
  1101. margin:0;
  1102. display:block;
  1103. background:#252525;
  1104. border-radius:0;
  1105. border:1px solid #101010;
  1106. font-family:sans-serif
  1107. }
  1108. .content>.infobar .md {
  1109. max-width:none;
  1110. padding:8px 15px;
  1111. border:1px solid #2b2b2b;
  1112. font-size:13px
  1113. }
  1114. .content>.infobar.gold-accent {
  1115. border-radius:0
  1116. }
  1117. .content>.infobar.gold-accent .md {
  1118. color:#cd9930
  1119. }
  1120. .link {
  1121. padding:9px 10px;
  1122. margin:0;
  1123. background:#202020;
  1124. border:1px solid #272727;
  1125. border-bottom:1px solid #181818
  1126. }
  1127. .single-page .link {
  1128. padding-bottom:15px
  1129. }
  1130. .link.last-clicked {
  1131. padding-top:10px;
  1132. margin-top:-1px;
  1133. position:relative;
  1134. background:#1E1E1E;
  1135. border:1px solid #272727;
  1136. border-bottom:1px solid #181818;
  1137. overflow:visible
  1138. }
  1139. .sitetable.linklisting>.link.last-clicked:first-of-type {
  1140. padding-top:9px;
  1141. margin-top:0
  1142. }
  1143. .link.last-clicked:before {
  1144. content:"";
  1145. height:1px;
  1146. display:block;
  1147. position:absolute;
  1148. top:0;
  1149. left:0;
  1150. right:0;
  1151. background:#181818
  1152. }
  1153. .sitetable.linklisting>.link.last-clicked:first-of-type:before {
  1154. content:none
  1155. }
  1156. .link.compressed {
  1157. margin-bottom:0
  1158. }
  1159. .link.compressed .entry {
  1160. padding-left:10px
  1161. }
  1162. .link.promotedlink.promoted,.organic-listing .link,.organic-listing .link.promotedlink {
  1163. padding:9px 10px;
  1164. background:#202020;
  1165. border:1px solid #272727;
  1166. border-bottom:1px solid #181818
  1167. }
  1168. .organic-listing .link,.organic-listing .link.promotedlink {
  1169. border-bottom-color:#272727
  1170. }
  1171. .organic-listing .link {
  1172. padding-right:60px!important
  1173. }
  1174. .listing-page .sitetable.linklisting>.thing:nth-last-of-type(2),.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
  1175. border-bottom:1px solid #272727
  1176. }
  1177. .content>.infobar.gold-accent~.sitetable.linklisting>.thing:first-of-type,.listing-page>.content>.infobar~.sitetable.linklisting>.link:first-of-type,.listing-page>.content>.menuarea~.sitetable.linklisting>.link:first-of-type,.menuarea~.sitetable.linklisting>.thing:first-of-type {
  1178. border-top:1px solid #181818
  1179. }
  1180. .menuarea+.spacer>#siteTable_organic.organic-listing .link {
  1181. border-top:none
  1182. }
  1183. .link .rank {
  1184. padding:3px;
  1185. margin-top:10px;
  1186. margin-right:3px;
  1187. background:#1e1e1e;
  1188. border:1px solid #1a1a1a;
  1189. border-radius:1px;
  1190. font-size:11px;
  1191. font-family:sans-serif;
  1192. text-align:center;
  1193. color:#666
  1194. }
  1195. .link.last-clicked .rank {
  1196. background:#232323;
  1197. border-color:#292929
  1198. }
  1199. .organic-listing .link .rank {
  1200. visibility:hidden
  1201. }
  1202. .link.compressed .rank {
  1203. margin-top:1px;
  1204. margin-right:5px
  1205. }
  1206. .link.promoted .rank,.link.stickied .rank {
  1207. position:relative;
  1208. visibility:visible
  1209. }
  1210. .link.promoted .rank {
  1211. min-width:2.2ex
  1212. }
  1213. .link.promoted .rank:after {
  1214. content:"AD";
  1215. color:#2b678f;
  1216. margin-left:-1px
  1217. }
  1218. .link.stickied .rank:after {
  1219. content:"S";
  1220. color:#19927b;
  1221. margin-left:-1px
  1222. }
  1223. .menuarea~.sitetable .link.stickied .rank:after {
  1224. content:none
  1225. }
  1226. .link .midcol,.link.compressed .midcol {
  1227. margin:0 15px 0 5px
  1228. }
  1229. .link .score {
  1230. font-family:sans-serif;
  1231. font-size:13px;
  1232. color:#888
  1233. }
  1234. .link.compressed .score {
  1235. margin-right:5px;
  1236. font-family:verdana,arial,helvetica,sans-serif;
  1237. font-size:10px
  1238. }
  1239. .link .score.likes {
  1240. color:#fb8500
  1241. }
  1242. .link .score.dislikes {
  1243. color:#7178e1
  1244. }
  1245. .arrow.down,.arrow.downmod,.arrow.up,.arrow.upmod {
  1246. margin:0 auto;
  1247. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat
  1248. }
  1249. .arrow.down {
  1250. background-position:0 -15px
  1251. }
  1252. .arrow.downmod {
  1253. background-position:-15px -15px
  1254. }
  1255. .arrow.up {
  1256. background-position:-30px -15px
  1257. }
  1258. .arrow.upmod {
  1259. background-position:-45px -15px
  1260. }
  1261. .arrow.up,.arrow.upmod {
  1262. margin-bottom:-2px
  1263. }
  1264. .arrow.down,.arrow.downmod {
  1265. margin-top:2px
  1266. }
  1267. .link.compressed .arrow.down,.link.compressed .arrow.downmod {
  1268. margin-top:1px
  1269. }
  1270. .unvotable-message {
  1271. padding-left:0;
  1272. border:none;
  1273. color:#637481
  1274. }
  1275. .link .thumbnail {
  1276. margin-bottom:0;
  1277. margin-right:9px;
  1278. position:relative
  1279. }
  1280. .link .thumbnail.default,.link.over18 .thumbnail.nsfw,.link.self .thumbnail {
  1281. background-image:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png")!important
  1282. }
  1283. .link.self .thumbnail {
  1284. background-position:center -438px
  1285. }
  1286. .link .thumbnail.default {
  1287. background-position:center -488px
  1288. }
  1289. .link.over18 .thumbnail.nsfw {
  1290. max-height:50px;
  1291. background-position:center -538px
  1292. }
  1293. .link .thumbnail:before {
  1294. content:"";
  1295. display:block;
  1296. position:absolute;
  1297. top:0;
  1298. bottom:0;
  1299. left:0;
  1300. right:0;
  1301. background:rgba(30,30,30,.2)
  1302. }
  1303. .link .thumbnail.default:before,.link.over18 .thumbnail.nsfw:before,.link.self .thumbnail:before {
  1304. content:none
  1305. }
  1306. .link .title {
  1307. margin-bottom:2px;
  1308. font-family:sans-serif
  1309. }
  1310. .link.compressed .title {
  1311. margin:0 5px 0 0
  1312. }
  1313. .single-page .link.compressed .title {
  1314. margin-bottom:2px
  1315. }
  1316. .gadget .reddit-link-title,.link a.title,.single-page .link a.title:visited,.single-page .link.visited a.title {
  1317. color:#b5c4cd
  1318. }
  1319. .gadget .reddit-link-title:hover,.link a.title:hover,.single-page .link a.title:visited:hover,.single-page .link.visited a.title:hover {
  1320. color:#ccd8de
  1321. }
  1322. .link a.title:visited,.link.visited a.title {
  1323. color:#808c94
  1324. }
  1325. .link a.title:visited:hover,.link.visited a.title:hover {
  1326. color:#97a3aa
  1327. }
  1328. .link.stickied a.title,.link.stickied a.title:visited,.link.stickied.visited a.title {
  1329. color:#18af92
  1330. }
  1331. .link.stickied a.title:hover,.single-page .link.stickied a.title:hover {
  1332. color:#33c2a6
  1333. }
  1334. .link .domain {
  1335. margin-left:-5px;
  1336. color:#202020
  1337. }
  1338. .link.last-clicked .domain {
  1339. color:#1e1e1e
  1340. }
  1341. .link .domain a {
  1342. vertical-align:text-bottom;
  1343. color:#445059
  1344. }
  1345. .domain a:hover,.link a.title:hover~.domain a {
  1346. color:#879bb1
  1347. }
  1348. .gadget small,.sponsored-tagline,.tagline {
  1349. color:#637481
  1350. }
  1351. .sponsored-tagline {
  1352. font-weight:400
  1353. }
  1354. .tagline a {
  1355. color:#3498db
  1356. }
  1357. .tagline a.friend,a.friend {
  1358. color:#e78c5d
  1359. }
  1360. .comment.collapsed .tagline>a.submitter,.comment.collapsed .tagline>a.submitter:hover,.tagline a.submitter,a.submitter {
  1361. color:#3498db
  1362. }
  1363. .comment.collapsed .tagline>a.moderator,.comment.collapsed .tagline>a.moderator:hover,.tagline .stickied-tagline,.tagline a.moderator,a.moderator {
  1364. color:#18af92
  1365. }
  1366. .comment.collapsed .tagline>a.admin,.comment.collapsed .tagline>a.admin:hover,.tagline a.admin,a.admin {
  1367. color:#e04232
  1368. }
  1369. .comment.collapsed .tagline>a.alum,.comment.collapsed .tagline>a.alum:hover,.tagline a.alum,a.alum {
  1370. color:#d32a4d
  1371. }
  1372. .link .tagline a.admin,.link .tagline a.alum {
  1373. font-weight:400
  1374. }
  1375. .single-page .link .tagline a.admin,.single-page .link .tagline a.alum,.single-page .link .userattrs .alum,.single-page .link .userattrs a.admin {
  1376. font-weight:700
  1377. }
  1378. .tagline .userattrs {
  1379. color:#202020
  1380. }
  1381. .link.last-clicked .tagline .userattrs {
  1382. color:#1e1e1e
  1383. }
  1384. .comment .tagline .userattrs {
  1385. color:#222
  1386. }
  1387. .tagline .userattrs .alum,.tagline .userattrs a {
  1388. width:12px;
  1389. padding:0;
  1390. display:inline-block;
  1391. border:none;
  1392. border-radius:1px;
  1393. font-weight:700;
  1394. text-align:center;
  1395. color:#101010
  1396. }
  1397. .link .userattrs .alum,.link .userattrs a {
  1398. font-weight:400
  1399. }
  1400. .comment.collapsed .tagline .userattrs .alum,.comment.collapsed .tagline .userattrs a {
  1401. width:auto;
  1402. background:0 0
  1403. }
  1404. .tagline .userattrs>.alum:first-of-type,.tagline .userattrs>a:first-of-type {
  1405. margin-left:-5px
  1406. }
  1407. .tagline .userattrs a.friend {
  1408. background:#e78c5d
  1409. }
  1410. .comment.collapsed .tagline .userattrs a.friend,.comment.collapsed .tagline .userattrs a.friend:hover {
  1411. color:#e78c5d
  1412. }
  1413. .tagline .userattrs a.submitter {
  1414. background:#3498db
  1415. }
  1416. .comment.collapsed .tagline .userattrs a.submitter,.comment.collapsed .tagline .userattrs a.submitter:hover {
  1417. color:#3498db
  1418. }
  1419. .tagline .userattrs a.moderator {
  1420. background:#18af92
  1421. }
  1422. .comment.collapsed .tagline .userattrs a.moderator,.comment.collapsed .tagline .userattrs a.moderator:hover {
  1423. color:#18af92
  1424. }
  1425. .tagline .userattrs a.admin {
  1426. background:#e04232
  1427. }
  1428. .comment.collapsed .tagline .userattrs a.admin,.comment.collapsed .tagline .userattrs a.admin:hover {
  1429. color:#e04232
  1430. }
  1431. .tagline .userattrs .alum {
  1432. background:#d32a4d
  1433. }
  1434. .comment.collapsed .tagline .userattrs .alum {
  1435. color:#d32a4d
  1436. }
  1437. .tagline .userattrs .cakeday {
  1438. width:11px;
  1439. height:8px;
  1440. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -39px -95px no-repeat
  1441. }
  1442. .link .entry .expando-button {
  1443. width:20px;
  1444. height:20px;
  1445. margin:4px 8px 0 0;
  1446. border:1px solid #1a1a1a;
  1447. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat #252525!important;
  1448. transition:background-color .15s ease-in-out,background-position .15s ease-in-out
  1449. }
  1450. .link .expando-button:hover {
  1451. cursor:pointer
  1452. }
  1453. .link .entry .expando-button.selftext.collapsed {
  1454. background-position:0 -302px!important
  1455. }
  1456. .link .entry .expando-button.selftext.expanded {
  1457. background-position:0 -282px!important
  1458. }
  1459. .link .entry .expando-button.video-muted.collapsed,.link .entry .expando-button.video.collapsed {
  1460. background-position:0 -342px!important
  1461. }
  1462. .link .entry .expando-button.video-muted.expanded,.link .entry .expando-button.video.expanded {
  1463. background-position:0 -322px!important
  1464. }
  1465. .link .entry .expando-button.image.collapsed,.link .entry .expando-button.image.expanded {
  1466. background-position:-30px -282px!important
  1467. }
  1468. .link .entry .expando .error {
  1469. font-family:sans-serif;
  1470. font-size:12px
  1471. }
  1472. .link .usertext .md {
  1473. padding:0;
  1474. margin:10px 1px 5px
  1475. }
  1476. .link .usertext-body .md {
  1477. padding:5px 8px;
  1478. position:relative;
  1479. background:#252525;
  1480. border:1px solid #101010;
  1481. border-radius:0;
  1482. font-family:sans-serif;
  1483. color:#ddd;
  1484. z-index:1
  1485. }
  1486. .link .md h1,.link .md h2,.link .md h3,.link .md h4,.link .md h5 {
  1487. font-weight:700
  1488. }
  1489. .link .entry .flat-list {
  1490. padding:0
  1491. }
  1492. .single-page .link .flat-list.buttons {
  1493. padding-left:1px
  1494. }
  1495. .entry .buttons li a {
  1496. font-weight:400;
  1497. color:#637481
  1498. }
  1499. .link .entry .buttons li.first a {
  1500. font-weight:700;
  1501. color:#3498db
  1502. }
  1503. .entry .buttons li a:hover,.link .entry .buttons li.first a:hover {
  1504. color:#9ab2ca
  1505. }
  1506. .link .entry .buttons li .option.error>a {
  1507. color:#e74c3c
  1508. }
  1509. .link.stickied .entry .buttons li.first a {
  1510. color:#18af92
  1511. }
  1512. .link.stickied .entry .buttons li a:hover {
  1513. color:#a8cac3
  1514. }
  1515. .link .entry .buttons li a:active,.link .entry .buttons li a:focus {
  1516. outline:0
  1517. }
  1518. .flat-list.buttons .pretty-button.negative,.flat-list.buttons .pretty-button.neutral,.flat-list.buttons .pretty-button.positive,.flat-list.buttons li.reported-stamp {
  1519. padding:1px 4px;
  1520. background:#353535;
  1521. border:0!important;
  1522. border-radius:3px;
  1523. line-height:normal
  1524. }
  1525. .flat-list.buttons li.reported-stamp {
  1526. margin-left:5px;
  1527. color:#f6e69f
  1528. }
  1529. .flat-list.buttons .pretty-button.neutral {
  1530. color:#bbb
  1531. }
  1532. .flat-list.buttons .pretty-button.negative {
  1533. color:#fa6157
  1534. }
  1535. .flat-list.buttons .pretty-button.positive {
  1536. color:#27ae60
  1537. }
  1538. .flat-list.buttons .pretty-button.neutral.pressed {
  1539. background:#999
  1540. }
  1541. .flat-list.buttons .pretty-button.negative.pressed {
  1542. background:#fa6157
  1543. }
  1544. .flat-list.buttons .pretty-button.positive.pressed {
  1545. background:#27ae60
  1546. }
  1547. .flat-list.buttons .pretty-button.pressed {
  1548. color:#101010
  1549. }
  1550. .flat-list.buttons .big-mod-buttons .status-msg {
  1551. color:#637481
  1552. }
  1553. .flat-list.buttons>li>b {
  1554. font-weight:400;
  1555. color:#637481
  1556. }
  1557. ul.report-reasons {
  1558. margin-top:3px;
  1559. background:#252525;
  1560. border:1px solid #2d2d2d;
  1561. border-radius:0
  1562. }
  1563. .entry .buttons li.nsfw-stamp {
  1564. padding-right:0
  1565. }
  1566. .nsfw-stamp acronym {
  1567. padding:0;
  1568. background:0 0;
  1569. border:none!important;
  1570. border-radius:0;
  1571. font-weight:700;
  1572. color:#e74c3c
  1573. }
  1574. .action-form {
  1575. background:#252525;
  1576. border:1px solid #2b2b2b;
  1577. border-radius:0;
  1578. font-family:sans-serif
  1579. }
  1580. .pretty-form.sharelink {
  1581. padding-top:10px;
  1582. margin-top:10px;
  1583. font-family:sans-serif
  1584. }
  1585. .action-form input[type=text],.pretty-form.sharelink input[type=text] {
  1586. background:#292929;
  1587. border:1px solid #393939;
  1588. box-shadow:none;
  1589. color:#eee
  1590. }
  1591. .action-form input[type=text] {
  1592. background:#2d2d2d;
  1593. border-color:#3d3d3d
  1594. }
  1595. .pretty-form.sharelink .little.gray {
  1596. font-size:11px;
  1597. font-weight:400;
  1598. color:#999
  1599. }
  1600. .sharetable.preftable button {
  1601. margin-top:5px;
  1602. background:#393939;
  1603. border:1px solid #494949;
  1604. border-radius:1px;
  1605. color:#eee
  1606. }
  1607. .commentarea {
  1608. padding:5px 5px 10px;
  1609. background:#222;
  1610. border:1px solid #272727;
  1611. position:relative;
  1612. margin:-1px 1px 0
  1613. }
  1614. .commentarea .sitetable.nestedlisting {
  1615. margin:0 10px
  1616. }
  1617. .commentarea .panestack-title {
  1618. padding:10px;
  1619. margin:0;
  1620. border:none;
  1621. font-family:sans-serif
  1622. }
  1623. .commentarea .panestack-title .title {
  1624. font-size:14px;
  1625. font-weight:700;
  1626. text-transform:capitalize;
  1627. color:#eee
  1628. }
  1629. .panestack-title a.title-button.gold {
  1630. padding:0;
  1631. background:0 0;
  1632. border:none;
  1633. color:#cd9930
  1634. }
  1635. .commentarea .menuarea {
  1636. margin:10px;
  1637. text-transform:uppercase;
  1638. font-family:sans-serif;
  1639. font-size:11px;
  1640. color:#888
  1641. }
  1642. .commentarea .panestack-title+.menuarea {
  1643. margin-top:0
  1644. }
  1645. .commentarea .menuarea .error,.commentarea .menuarea .error>a {
  1646. color:#e74c3c
  1647. }
  1648. .contest-mode.infobar {
  1649. padding:0;
  1650. margin:10px 0 -10px;
  1651. background:0 0;
  1652. border:none;
  1653. font-size:11px;
  1654. text-transform:none
  1655. }
  1656. .contest-mode.infobar strong {
  1657. font-style:italic;
  1658. text-transform:uppercase;
  1659. color:#bbb
  1660. }
  1661. .commentarea .menuarea .toggle.set_subreddit_sticky-button .option,.commentarea .menuarea .toggle.set_subreddit_sticky-button .option.active a {
  1662. color:#18af92
  1663. }
  1664. .comment .usertext-edit {
  1665. margin-bottom:10px
  1666. }
  1667. .commentarea .comment {
  1668. padding-top:1px;
  1669. padding-left:0;
  1670. margin-left:0
  1671. }
  1672. .comment.collapsed {
  1673. padding-top:0;
  1674. padding-bottom:0;
  1675. margin-bottom:10px
  1676. }
  1677. .comment .child,.comment .showreplies {
  1678. padding-left:10px;
  1679. margin-left:20px;
  1680. margin-bottom:10px;
  1681. border-color:#333
  1682. }
  1683. .commentarea .sitetable.nestedlisting>.comment {
  1684. padding-top:10px;
  1685. margin-top:1px;
  1686. position:relative;
  1687. border-top:1px solid #2a2a2a
  1688. }
  1689. .commentarea .sitetable.nestedlisting>.comment:before {
  1690. position:absolute;
  1691. content:"";
  1692. display:block;
  1693. height:1px;
  1694. background:#1a1a1a;
  1695. top:-2px;
  1696. left:0;
  1697. right:0
  1698. }
  1699. .commentarea .sitetable.nestedlisting>.comment.collapsed {
  1700. padding-top:9px;
  1701. margin-bottom:11px
  1702. }
  1703. .commentarea .sitetable.nestedlisting>.comment:nth-last-of-type(2) {
  1704. border-bottom:none
  1705. }
  1706. .comment.collapsed .tagline,.comment.collapsed .tagline a {
  1707. color:#637381
  1708. }
  1709. .comment.collapsed .tagline a:hover {
  1710. color:#9ab2ca
  1711. }
  1712. .comment a.expand,.comment.collapsed a.expand,.message .entry .tagline a.expand {
  1713. padding:0;
  1714. margin-right:4px;
  1715. color:#637481;
  1716. transition:color .15s ease-in-out
  1717. }
  1718. .comment a.expand:hover,.comment.collapsed a.expand:hover,.message .entry .tagline a.expand:hover {
  1719. color:#9ab2ca
  1720. }
  1721. .comment .md {
  1722. background:0 0;
  1723. border:1px solid #292929;
  1724. border:none;
  1725. font-family:sans-serif;
  1726. color:#ddd
  1727. }
  1728. .comment .flat-list.buttons {
  1729. margin-left:-1px
  1730. }
  1731. .deepthread:after {
  1732. content:none
  1733. }
  1734. .deepthread a,.morecomments a {
  1735. padding:0 2px 1px 4px;
  1736. background:#2d2d2d;
  1737. border-radius:2px;
  1738. font-size:10px;
  1739. font-weight:700;
  1740. color:#9ab2ca
  1741. }
  1742. .morecomments a .gray {
  1743. color:#637481
  1744. }
  1745. .deepthread a:hover,.morecomments a:hover {
  1746. background:#303030;
  1747. color:#b6c9dc
  1748. }
  1749. .deepthread a:after {
  1750. content:"";
  1751. width:24px;
  1752. height:7px;
  1753. padding-right:2px;
  1754. margin-left:5px;
  1755. display:inline-block;
  1756. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -34px -85px no-repeat
  1757. }
  1758. .single-page.comments-page .commentarea>.infobar {
  1759. padding:8px 10px;
  1760. margin:10px;
  1761. background:#252525;
  1762. border:1px solid #2b2b2b;
  1763. font-family:sans-serif;
  1764. font-size:12px
  1765. }
  1766. .comment .usertext.border .usertext-body {
  1767. padding:0 7px;
  1768. margin:5px 0 0;
  1769. background:#202020;
  1770. border:1px solid #1b1b1b
  1771. }
  1772. .gold-accent.comment-visits-box {
  1773. padding:0;
  1774. margin-left:10px;
  1775. background:0 0;
  1776. border-radius:0;
  1777. border:none;
  1778. font-family:sans-serif;
  1779. color:#cd9930
  1780. }
  1781. .new-comment .usertext-body {
  1782. margin:5px 10px 0 0;
  1783. padding-left:5px;
  1784. background:#292929;
  1785. border:1px solid #303030
  1786. }
  1787. .new-comment .usertext-body .md {
  1788. margin:5px 0;
  1789. padding:0
  1790. }
  1791. .sitetable.linklisting .comment {
  1792. padding:10px 15px;
  1793. margin:0;
  1794. background:#202020;
  1795. border:1px solid #272727;
  1796. border-bottom-color:#181818
  1797. }
  1798. .menuarea~.sitetable.linklisting>.comment:first-of-type {
  1799. border-top-color:#181818
  1800. }
  1801. .sitetable.linklisting .comment.collapsed {
  1802. padding-top:9px
  1803. }
  1804. .sitetable.linklisting .comment .parent {
  1805. margin:0 0 6px 22px;
  1806. color:#637481
  1807. }
  1808. .sitetable.linklisting .comment .parent a {
  1809. font-weight:400
  1810. }
  1811. .sitetable.linklisting .comment .parent a.title {
  1812. font-size:10px;
  1813. color:#b5c4cd
  1814. }
  1815. .sitetable.linklisting .comment .midcol,.sitetable.linklisting .message .midcol {
  1816. margin-top:2px
  1817. }
  1818. .sitetable.linklisting.comment.collapsed .tagline {
  1819. margin-top:-2px
  1820. }
  1821. .sitetable.linklisting .comment>.child {
  1822. margin:0
  1823. }
  1824. .thing.reported {
  1825. border-left:3px solid #e3d493!important
  1826. }
  1827. .thing.spam {
  1828. border-left:3px solid #fa6157!important
  1829. }
  1830. .sitetable.linklisting .link.spam {
  1831. background:#202020
  1832. }
  1833. .sitetable.linklisting .comment.reported,.sitetable.linklisting .comment.spam {
  1834. padding-left:13px
  1835. }
  1836. .sitetable.linklisting .link.reported,.sitetable.linklisting .link.spam {
  1837. padding-left:8px
  1838. }
  1839. .commentarea .comment.reported,.commentarea .comment.spam {
  1840. padding-left:10px;
  1841. margin-left:-13px;
  1842. background:0 0
  1843. }
  1844. .thing.spam.banned-user {
  1845. opacity:.5
  1846. }
  1847. .thing.spam.banned-user:hover {
  1848. opacity:1
  1849. }
  1850. .comment.spam>.child {
  1851. padding-left:10px;
  1852. margin-left:20px;
  1853. background:0 0
  1854. }
  1855. .message.spam>.child {
  1856. background:0 0
  1857. }
  1858. .sitetable>.message {
  1859. background:#202020
  1860. }
  1861. .content>.sitetable>.message {
  1862. padding:10px 15px;
  1863. margin:0;
  1864. background:#202020;
  1865. border:1px solid #272727;
  1866. border-bottom:1px solid #181818;
  1867. -webkit-transition:all .1s ease-in-out
  1868. }
  1869. .menuarea~.sitetable>.message:nth-of-type(1) {
  1870. border-top:1px solid #181818
  1871. }
  1872. .message .subject,.message.message-parent .subject {
  1873. margin-bottom:5px;
  1874. font-family:sans-serif
  1875. }
  1876. .message.was-comment .subject {
  1877. margin-bottom:7px
  1878. }
  1879. .message .subject .subject-text {
  1880. color:#eee
  1881. }
  1882. .message .subject a.title {
  1883. color:#b5c4cd
  1884. }
  1885. .message .subject .correspondent {
  1886. padding:0;
  1887. background:#393939;
  1888. border:1px solid #181818;
  1889. border-radius:1px
  1890. }
  1891. .message .subject .correspondent a {
  1892. padding:2px 5px;
  1893. display:block;
  1894. border:1px solid #444;
  1895. border-radius:1px;
  1896. color:#eee
  1897. }
  1898. .message .subject .correspondent a.author {
  1899. margin-right:0
  1900. }
  1901. .message .subject .expand-btn {
  1902. margin:8px 10px 5px 0;
  1903. font-family:verdana,sans-serif
  1904. }
  1905. .message.message-parent .entry,.message.message-reply .entry {
  1906. padding-bottom:0;
  1907. margin-left:1px;
  1908. margin-bottom:10px;
  1909. border-left:1px dashed #494949
  1910. }
  1911. .message.new>.entry {
  1912. padding:5px 10px;
  1913. background:#252525;
  1914. border-color:#303030;
  1915. margin-left:0;
  1916. border-left:3px solid #fb8500
  1917. }
  1918. .message.spam>.entry {
  1919. border-left:none
  1920. }
  1921. .message .entry a.parent-link {
  1922. padding:0;
  1923. margin:5px 0 0;
  1924. display:inline-block
  1925. }
  1926. .message.message-parent .tagline,.message.message-reply .tagline {
  1927. margin-bottom:5px;
  1928. color:#637481
  1929. }
  1930. .message.message-parent.recipient>.entry .head,.message.message-reply.recipient>.entry .head {
  1931. font-weight:400;
  1932. color:#637481
  1933. }
  1934. .message.new>.entry .head {
  1935. font-weight:400;
  1936. color:#e74c3c
  1937. }
  1938. .message.collapsed>.entry .head>a[id^=more] {
  1939. font-size:10px!important;
  1940. font-weight:400!important
  1941. }
  1942. .message .entry .md {
  1943. padding:5px 8px;
  1944. margin:5px 1px;
  1945. position:relative;
  1946. background:#252525;
  1947. border:1px solid #303030;
  1948. font-family:sans-serif;
  1949. color:#ddd;
  1950. z-index:1
  1951. }
  1952. .message.message-parent .entry .md,.message.message-reply .entry .md {
  1953. color:#6ebf83
  1954. }
  1955. .message.message-parent.recipient>.entry .md,.message.recipient>.entry .md {
  1956. color:#ddd
  1957. }
  1958. .message.gold-auto blockquote {
  1959. margin-bottom:2px;
  1960. background:#2b2b2b;
  1961. border:1px solid #333;
  1962. color:#bbb
  1963. }
  1964. .message .usertext-edit .md {
  1965. margin:5px 0
  1966. }
  1967. .message .entry .flat-list.buttons {
  1968. margin-left:0
  1969. }
  1970. .message.gold {
  1971. max-width:none;
  1972. border-radius:0
  1973. }
  1974. .message.gold .subject {
  1975. max-width:36em;
  1976. text-shadow:none
  1977. }
  1978. .message.gold .entry .md {
  1979. max-width:50em;
  1980. text-shadow:none
  1981. }
  1982. .compose-page .content>h1 {
  1983. width:500px;
  1984. padding:10px 15px;
  1985. margin:0;
  1986. position:relative;
  1987. background:#222;
  1988. border:1px solid #272727;
  1989. font-family:sans-serif;
  1990. font-size:15px;
  1991. font-weight:700;
  1992. text-transform:capitalize;
  1993. color:#eee
  1994. }
  1995. .compose-page .content>form>.spacer {
  1996. margin:0
  1997. }
  1998. .compose-page .content>form .roundfield {
  1999. padding:10px 15px;
  2000. margin:0;
  2001. position:relative;
  2002. background:#202020;
  2003. border:1px solid #272727;
  2004. border-top:none;
  2005. border-bottom:none;
  2006. border-radius:0;
  2007. font-family:sans-serif
  2008. }
  2009. .compose-page .content>form>.spacer:first-of-type .roundfield {
  2010. border-top:1px solid #181818
  2011. }
  2012. .compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield {
  2013. border-bottom:1px solid #272727
  2014. }
  2015. .compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield:before {
  2016. border-bottom:1px solid #101010;
  2017. bottom:-2px
  2018. }
  2019. .compose-page .content>form .roundfield .title {
  2020. font-size:16px;
  2021. font-weight:700;
  2022. text-transform:capitalize;
  2023. color:#eee
  2024. }
  2025. .compose-page .content>form .roundfield .gray {
  2026. font-size:12px;
  2027. color:#bbb
  2028. }
  2029. .compose-page #compose-message .status {
  2030. font-size:11px
  2031. }
  2032. .sitetable #noresults {
  2033. padding:10px 15px;
  2034. margin:0;
  2035. border:1px solid #272727;
  2036. background:#202020;
  2037. font-family:sans-serif;
  2038. color:#999
  2039. }
  2040. .single-page .sitetable #noresults {
  2041. padding:10px 0 0;
  2042. background:0 0;
  2043. border:none;
  2044. border-top:1px solid #272727
  2045. }
  2046. .commentarea #noresults {
  2047. padding:0 10px 5px;
  2048. background:0 0
  2049. }
  2050. .menuarea~.sitetable.linklisting>#noresults,.messages-page .sitetable #noresults {
  2051. border-top:1px solid #181818
  2052. }
  2053. .nextprev {
  2054. height:30px;
  2055. padding:0 15px;
  2056. margin:0;
  2057. display:block;
  2058. background:#222;
  2059. border:1px solid #272727;
  2060. font-family:sans-serif;
  2061. font-size:11px;
  2062. line-height:31px;
  2063. text-transform:uppercase;
  2064. color:#999
  2065. }
  2066. .nextprev a {
  2067. padding:1px 0;
  2068. background:0 0;
  2069. border:none;
  2070. border-radius:0;
  2071. font-weight:700;
  2072. color:#eee
  2073. }
  2074. .nextprev>a:first-of-type {
  2075. margin-left:2px
  2076. }
  2077. .nextprev a:hover {
  2078. background:0 0;
  2079. border:none
  2080. }
  2081. .nextprev .separator {
  2082. margin:0;
  2083. visibility:hidden
  2084. }
  2085. .nav-buttons .next-suggestions {
  2086. padding:8px 15px;
  2087. margin:0;
  2088. display:block;
  2089. background:#202020;
  2090. border:1px solid #272727;
  2091. border-top:1px solid #181818;
  2092. text-transform:uppercase;
  2093. font-size:11px;
  2094. font-family:sans-serif;
  2095. color:#999
  2096. }
  2097. .nav-buttons .next-suggestions a {
  2098. padding:0;
  2099. background:0 0;
  2100. border:none;
  2101. font-weight:700
  2102. }
  2103. .organic-listing .nextprev {
  2104. height:auto;
  2105. padding:0;
  2106. margin:0;
  2107. background:#1d1d1d;
  2108. border-top:1px solid #222;
  2109. border-right:1px solid #222;
  2110. border-bottom:1px solid #272727;
  2111. border-left:1px solid #272727;
  2112. line-height:normal
  2113. }
  2114. .organic-listing .nextprev:before {
  2115. content:"";
  2116. width:14px;
  2117. height:27px;
  2118. display:block;
  2119. position:absolute;
  2120. top:-1px;
  2121. left:-14px;
  2122. background:url("https://b.thumbs.redditmedia.com/4EG2wyTGyNV_jNUH4qQWRgDNnAKrnFEvdkF3u2en71c.png") no-repeat
  2123. }
  2124. .organic-listing .nextprev .arrow.next,.organic-listing .nextprev .arrow.prev {
  2125. width:25px;
  2126. height:25px;
  2127. padding:0;
  2128. margin:0;
  2129. position:relative;
  2130. background:url("https://b.thumbs.redditmedia.com/L1i1riU-rO4PHFrd94uh4n6_mlRZHcyrtAisO82lPMg.png") -9999px -9999px no-repeat;
  2131. border:none
  2132. }
  2133. .organic-listing .nextprev .arrow.next:active,.organic-listing .nextprev .arrow.prev:active {
  2134. top:0;
  2135. bottom:0
  2136. }
  2137. .organic-listing .nextprev .arrow.prev:active {
  2138. background-position:2px 4px
  2139. }
  2140. .organic-listing .nextprev .arrow.next:active {
  2141. background-position:-17px 4px
  2142. }
  2143. .organic-listing .nextprev .arrow.prev {
  2144. background-position:2px 3px
  2145. }
  2146. .organic-listing .nextprev .arrow.next {
  2147. background-position:-17px 3px
  2148. }
  2149. .footer-parent {
  2150. padding:40px 0;
  2151. transition:margin-left .25s ease-in-out
  2152. }
  2153. .footer,.footer .col {
  2154. border:none
  2155. }
  2156. .footer .flat-vert.title {
  2157. font-family:sans-serif;
  2158. font-size:14px;
  2159. text-transform:capitalize;
  2160. color:#666
  2161. }
  2162. .footer .flat-vert li a {
  2163. font-family:sans-serif;
  2164. color:#aaa
  2165. }
  2166. .footer .flat-vert li a:hover {
  2167. color:#eee
  2168. }
  2169. .footer .flat-vert li a.buygold,.footer .flat-vert li a.buygold:hover {
  2170. font-weight:400;
  2171. color:#cd9930
  2172. }
  2173. .footer-parent p.bottommenu {
  2174. font-family:sans-serif;
  2175. font-size:11px;
  2176. color:grey
  2177. }
  2178. .footer-parent p.bottommenu a {
  2179. text-decoration:none;
  2180. color:#3498DB
  2181. }
  2182. body>.debuginfo {
  2183. background:#1e1e1e;
  2184. border-top:1px solid #252525;
  2185. position:relative
  2186. }
  2187. body.with-listing-chooser>.debuginfo {
  2188. margin-left:153px;
  2189. border-left:1px solid #252525;
  2190. transition:margin-left .25s ease-in-out
  2191. }
  2192. body.with-listing-chooser.listing-chooser-collapsed>.debuginfo {
  2193. margin-left:23px
  2194. }
  2195. body>.debuginfo:after {
  2196. content:"Carbon by /u/ggitaliano";
  2197. padding:3px 0 0 5px;
  2198. float:left;
  2199. font-family:sans-serif;
  2200. color:#666
  2201. }
  2202. .submit-page .content>.submit.content {
  2203. width:520px;
  2204. padding:0;
  2205. margin:0;
  2206. background:0 0;
  2207. border:none
  2208. }
  2209. .submit-page .content>h1 {
  2210. display:none
  2211. }
  2212. .submit-page>.content ul.tabmenu.formtab {
  2213. width:520px;
  2214. padding:0;
  2215. margin:0;
  2216. border:1px solid #101010;
  2217. border-bottom:none
  2218. }
  2219. .submit-page>.content ul.tabmenu.formtab li a {
  2220. width:238px;
  2221. height:35px;
  2222. padding:0 10px;
  2223. display:inline-block;
  2224. background:#202020;
  2225. border:1px solid #272727;
  2226. font-family:lato,sans-serif;
  2227. font-size:12px;
  2228. font-weight:400;
  2229. letter-spacing:1px;
  2230. line-height:35px;
  2231. text-align:center;
  2232. text-transform:uppercase;
  2233. color:#888;
  2234. -webkit-transition:background .15s ease-in-out,color .15s ease-in-out;
  2235. -moz-transition:background .15s ease-in-out,color .15s ease-in-out;
  2236. -o-transition:background .15s ease-in-out,color .15s ease-in-out;
  2237. transition:background .15s ease-in-out,color .15s ease-in-out
  2238. }
  2239. .submit-page>.content ul.tabmenu.formtab li.selected a {
  2240. background:#282828;
  2241. border:1px solid #303030!important;
  2242. color:#fb8500
  2243. }
  2244. .submit-page>.content ul.tabmenu.formtab li a:hover {
  2245. color:#eee
  2246. }
  2247. .submit-page>.content ul.tabmenu.formtab li.selected a:hover {
  2248. color:#fb8500
  2249. }
  2250. .submit-page>.content ul.tabmenu.formtab li.selected+li a {
  2251. border-left-color:#202020
  2252. }
  2253. .submit-page>.content ul.tabmenu.formtab>li:first-of-type a {
  2254. border-right-color:#202020
  2255. }
  2256. .submit-page>.content .formtabs-content {
  2257. width:520px;
  2258. padding-top:0;
  2259. margin-top:0;
  2260. border-top:1px solid #181818;
  2261. border-bottom:1px solid #181818;
  2262. border-left:1px solid #101010;
  2263. border-right:1px solid #101010
  2264. }
  2265. .submit-page .formtabs-content .spacer {
  2266. margin:0
  2267. }
  2268. .submit-page .formtabs-content .infobar {
  2269. padding:10px;
  2270. margin-bottom:0;
  2271. background:#252525;
  2272. border:1px solid #2d2d2d;
  2273. font-size:11px;
  2274. font-family:sans-serif;
  2275. color:#ddd
  2276. }
  2277. .submit-page .tabmenu.formtab+.formtabs-content .infobar {
  2278. border-top:none
  2279. }
  2280. .submit-page .formtabs-content .roundfield {
  2281. background:#202020;
  2282. border:1px solid #272727;
  2283. border-top:none;
  2284. border-bottom:none;
  2285. border-radius:0;
  2286. width:498px;
  2287. padding:10px
  2288. }
  2289. .submit-page #sr-autocomplete-area {
  2290. z-index:9
  2291. }
  2292. .submit-page .formtabs-content .roundfield#title-field {
  2293. padding-top:10px;
  2294. border-top:1px solid #181818
  2295. }
  2296. .submit-page .formtabs-content .roundfield span.title {
  2297. font-family:sans-serif;
  2298. font-size:16px;
  2299. font-weight:700;
  2300. text-transform:capitalize;
  2301. color:#eee
  2302. }
  2303. .submit-page .formtabs-content .roundfield .gray {
  2304. font-family:sans-serif;
  2305. font-size:12px;
  2306. color:#bbb
  2307. }
  2308. .submit-page .formtabs-content .roundfield#text-field,.submit-page .formtabs-content .roundfield#url-field {
  2309. margin-bottom:-10px
  2310. }
  2311. .submit-page .roundfield #suggest-title button {
  2312. padding:0;
  2313. margin-top:0;
  2314. background:0 0;
  2315. border:none;
  2316. font-family:sans-serif;
  2317. color:#3498db
  2318. }
  2319. .submit-page .roundfield .roundfield-content .error {
  2320. float:left;
  2321. font-family:sans-serif;
  2322. font-size:11px;
  2323. color:#e74c3c
  2324. }
  2325. .submit-page .roundfield#url-field .roundfield-content .error {
  2326. margin-top:4px
  2327. }
  2328. .submit-page .formtabs-content .roundfield#reddit-field {
  2329. padding-bottom:20px
  2330. }
  2331. .submit-page .formtabs-content .roundfield#reddit-field #suggested-reddits {
  2332. display:none
  2333. }
  2334. .submit-page .formtabs-content .roundfield.submit_text.enabled {
  2335. color:#ddd;
  2336. background:#222;
  2337. border-top:1px solid #272727;
  2338. border-bottom:1px solid #272727;
  2339. font-family:sans-serif;
  2340. position:relative;
  2341. z-index:1
  2342. }
  2343. .submit-page .formtabs-content .roundfield.submit_text.enabled:before {
  2344. content:"";
  2345. z-index:-1;
  2346. background:#181818;
  2347. position:absolute;
  2348. top:-2px;
  2349. height:1px;
  2350. left:0;
  2351. right:0
  2352. }
  2353. .submit-page .formtabs-content .roundfield.submit_text.enabled:after {
  2354. content:"";
  2355. z-index:-1;
  2356. background:#181818;
  2357. position:absolute;
  2358. height:1px;
  2359. bottom:-2px;
  2360. left:0;
  2361. right:0
  2362. }
  2363. .submit-page .formtabs-content .roundfield.submit_text.enabled>h1 {
  2364. margin-top:0;
  2365. color:#eee
  2366. }
  2367. .submit-page .formtabs-content .roundfield.submit_text.enabled .md {
  2368. color:#ddd
  2369. }
  2370. .submit-page .formtabs-content>.spacer:last-of-type>.roundfield {
  2371. padding:10px 10px 15px
  2372. }
  2373. .submit-page .roundfield-content>label {
  2374. font-family:sans-serif;
  2375. font-size:12px;
  2376. color:#ddd
  2377. }
  2378. .submit-page .content.submit .info-notice {
  2379. width:499px;
  2380. padding-left:10px;
  2381. margin:0 0 15px 1px;
  2382. position:relative;
  2383. background:#222;
  2384. border:1px solid #272727;
  2385. border-radius:0;
  2386. font-family:sans-serif;
  2387. font-size:11px;
  2388. color:#ddd;
  2389. z-index:1
  2390. }
  2391. .submit-page .content.submit .info-notice:before {
  2392. content:none
  2393. }
  2394. .submit-page .content.submit .info-notice a {
  2395. font-weight:400;
  2396. text-decoration:none
  2397. }
  2398. .compose-page .content>form>button#send,.submit-page .content.submit .btn[name=submit],.wiki-page .wiki-page-content #editform input#wiki_save_button {
  2399. display:inline-block;
  2400. padding:0;
  2401. border-radius:1px;
  2402. background:#393939;
  2403. border:1px solid #494949;
  2404. color:#eee;
  2405. font-weight:400;
  2406. position:relative
  2407. }
  2408. .compose-page .content>form>button#send,.submit-page .content.submit .btn[name=submit] {
  2409. letter-spacing:1px;
  2410. text-transform:uppercase;
  2411. font-family:lato,sans-serif
  2412. }
  2413. .wiki-page .wiki-page-content #editform input#wiki_save_button {
  2414. padding:4px 6px
  2415. }
  2416. .submit-page .content.submit .btn[name=submit] {
  2417. margin:0;
  2418. height:35px;
  2419. width:100%;
  2420. font-size:13px
  2421. }
  2422. .compose-page .content>form>button#send {
  2423. height:28px;
  2424. padding:0 15px;
  2425. margin-top:10px;
  2426. margin-left:0;
  2427. font-size:11px;
  2428. text-shadow:0 2px 4px #222
  2429. }
  2430. .search-page .search-summary {
  2431. margin:15px;
  2432. position:relative;
  2433. color:#222;
  2434. z-index:1
  2435. }
  2436. .search-page .search-summary .debuginfo,.search-page .search-summary .debuginfo .icon {
  2437. padding:0;
  2438. background:0 0;
  2439. color:#999
  2440. }
  2441. .search-page .search-summary .debuginfo .content {
  2442. margin:0 0 0 5px
  2443. }
  2444. .search-page .side>.spacer:first-of-type {
  2445. margin-bottom:0
  2446. }
  2447. .searchpane.raisedbox {
  2448. padding:15px;
  2449. margin:0 1px;
  2450. position:relative;
  2451. background:#222;
  2452. border:1px solid #272727
  2453. }
  2454. .searchpane.raisedbox>h4 {
  2455. margin-bottom:5px;
  2456. font-family:sans-serif;
  2457. font-size:12px;
  2458. text-transform:capitalize;
  2459. color:#eee!important
  2460. }
  2461. .searchpane.raisedbox #search input[type=text] {
  2462. padding:7px;
  2463. background:#1f1f1f;
  2464. border:1px solid #292929;
  2465. font-size:12px;
  2466. color:#eee!important
  2467. }
  2468. .searchpane.raisedbox #search input[type=text]:active,.searchpane.raisedbox #search input[type=text]:focus,.searchpane.raisedbox #search input[type=text]:hover {
  2469. border-color:#333
  2470. }
  2471. .search-page .searchpane.raisedbox #moresearchinfo dl,.search-page .searchpane.raisedbox #search label {
  2472. color:#ddd
  2473. }
  2474. .search-page .searchpane.raisedbox #previoussearch #moresearchinfo {
  2475. margin:10px 0;
  2476. border-color:#333
  2477. }
  2478. .search-page .searchpane.raisedbox #moresearchinfo>p {
  2479. margin:0 0 10px;
  2480. color:#ddd
  2481. }
  2482. .search-page .searchpane.raisedbox+.menuarea {
  2483. margin-top:9px
  2484. }
  2485. .search-page .searchpane.raisedbox+.menuarea:after {
  2486. content:"";
  2487. height:1px;
  2488. display:block;
  2489. position:absolute;
  2490. top:-2px;
  2491. left:-2px;
  2492. right:-2px;
  2493. background:#101010;
  2494. z-index:-1
  2495. }
  2496. .search-page .searchfacets {
  2497. padding:10px 10px 25px;
  2498. margin:0 0 8px;
  2499. position:relative;
  2500. background:#202020;
  2501. border:1px solid #101010;
  2502. border-top:none;
  2503. box-shadow:none;
  2504. z-index:1
  2505. }
  2506. .search-page .searchfacets:before {
  2507. content:"";
  2508. display:block;
  2509. position:absolute;
  2510. top:0;
  2511. bottom:0;
  2512. left:0;
  2513. right:0;
  2514. border:1px solid #272727;
  2515. border-top:1px solid #181818;
  2516. z-index:-1
  2517. }
  2518. .search-page .searchfacets .list {
  2519. margin:0
  2520. }
  2521. .search-page .searchfacets h4.title {
  2522. font-family:sans-serif;
  2523. font-size:12px;
  2524. color:#eee
  2525. }
  2526. .search-page .searchfacets .list li {
  2527. margin-right:20px;
  2528. margin-bottom:1px;
  2529. font-family:sans-serif;
  2530. font-size:12px
  2531. }
  2532. .search-page .searchfacets .list li .facet.count {
  2533. font-size:11px;
  2534. font-weight:400;
  2535. color:#637481
  2536. }
  2537. .search-page .searchfacets .list li .facet.count:hover {
  2538. text-decoration:none
  2539. }
  2540. .search-page>.content>.sitetable.searchlisting {
  2541. border:1px solid #101010;
  2542. border-top:none
  2543. }
  2544. .other-discussions-page>.content>.sitetable.linklisting>.link,.related-page>.content>.sitetable.linklisting>.link {
  2545. border-bottom:1px solid #272727
  2546. }
  2547. .other-discussions-page .commentarea,.related-page .commentarea {
  2548. padding:0;
  2549. margin-top:8px
  2550. }
  2551. .other-discussions-page .commentarea .panestack-title,.related-page .commentarea .panestack-title {
  2552. height:33px;
  2553. padding:0 15px;
  2554. border-bottom:1px solid #272727;
  2555. line-height:34px
  2556. }
  2557. .other-discussions-page .commentarea .panestack-title .title,.related-page .commentarea .panestack-title .title {
  2558. color:#eee
  2559. }
  2560. .other-discussions-page .commentarea .link,.related-page .commentarea .link {
  2561. padding-bottom:10px;
  2562. border-left:none;
  2563. border-right:none;
  2564. margin-bottom:0
  2565. }
  2566. .other-discussions-page .commentarea .sitetable.linklisting>.link:first-of-type,.related-page .commentarea .sitetable.linklisting>.link:first-of-type {
  2567. border-top:1px solid #181818
  2568. }
  2569. .other-discussions-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2),.related-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2) {
  2570. border-bottom:0
  2571. }
  2572. .other-discussions-page .commentarea .nextprev,.related-page .commentarea .nextprev {
  2573. border:none;
  2574. border-top:1px solid #272727
  2575. }
  2576. .wiki-page>.content {
  2577. background:#202020;
  2578. border:1px solid #101010
  2579. }
  2580. .wiki-page>.content>.infobar {
  2581. border:0
  2582. }
  2583. .wiki-page>.content>.infobar .md {
  2584. color:#bbb
  2585. }
  2586. .wiki-page>.content>span:first-of-type {
  2587. padding:10px 5px;
  2588. display:block;
  2589. background:#222;
  2590. border:1px solid #292929
  2591. }
  2592. .wiki-page>.content>.infobar+span:first-of-type {
  2593. border-top:1px solid #181818
  2594. }
  2595. .wiki-page .wikititle {
  2596. margin:0 0 0 10px;
  2597. display:inline-block;
  2598. font-family:sans-serif;
  2599. font-size:15px;
  2600. vertical-align:bottom;
  2601. color:#eee
  2602. }
  2603. .wiki-page .pageactions {
  2604. border:none;
  2605. margin-left:15px
  2606. }
  2607. .wiki-page .pageactions a.wikiaction {
  2608. padding:0 6px;
  2609. margin:0;
  2610. font-family:sans-serif;
  2611. font-size:11px;
  2612. text-transform:uppercase;
  2613. color:#bbb
  2614. }
  2615. .wiki-page .pageactions a.wikiaction:hover {
  2616. background:0 0;
  2617. color:#eee
  2618. }
  2619. .wiki-page .pageactions a.wikiaction.wikiaction-current {
  2620. background:0 0;
  2621. color:#fb8500
  2622. }
  2623. .wiki-page .wiki-page-content {
  2624. margin:0;
  2625. background:#202020;
  2626. border:1px solid #272727;
  2627. border-top:1px solid #181818;
  2628. font-family:sans-serif
  2629. }
  2630. .wiki-page-content .md.wiki {
  2631. padding:15px 300px 15px 15px;
  2632. border-bottom:1px solid #272727
  2633. }
  2634. .wiki-page-content .md.wiki>.toc>ul {
  2635. position:relative;
  2636. background:#222;
  2637. border:1px solid #292929;
  2638. z-index:1
  2639. }
  2640. .wiki-page .wiki-page-content .wiki>.toc>ul ul {
  2641. border-left:1px dotted #393939
  2642. }
  2643. .wiki-page-content .md.wiki>.toc+* {
  2644. margin-top:0
  2645. }
  2646. .wiki-page-content .md h1,.wiki-page-content .md h2,.wiki-page-content .md h6 {
  2647. color:#ccc
  2648. }
  2649. .wiki-page-content>hr {
  2650. display:none
  2651. }
  2652. .wiki-page-content>em {
  2653. padding:9px 15px;
  2654. display:block;
  2655. background:#1e1e1e;
  2656. border-top:1px solid #181818;
  2657. font-family:sans-serif;
  2658. color:#bbb;
  2659. min-height:15px
  2660. }
  2661. .wiki-page-content>em .flair {
  2662. font-size:11px
  2663. }
  2664. .wiki-page-content>textarea.source {
  2665. max-width:95%;
  2666. margin:15px
  2667. }
  2668. .wiki-page-content #editform {
  2669. padding:15px
  2670. }
  2671. .wiki-page-content #editform textarea#wiki_page_content {
  2672. max-width:95%
  2673. }
  2674. .wiki-page-content #editform>.help-toggle {
  2675. margin-top:5px;
  2676. margin-bottom:-10px;
  2677. display:block;
  2678. font-size:12px
  2679. }
  2680. .wiki-page-content #editform .markhelp {
  2681. padding:10px 0 0;
  2682. margin:10px 0 0
  2683. }
  2684. .wiki-page-content #editform input#wiki_revision_reason {
  2685. max-width:95%;
  2686. margin-top:6px;
  2687. background:#292929;
  2688. border:1px solid #393939;
  2689. box-shadow:none;
  2690. font-family:sans-serif;
  2691. font-size:12px;
  2692. color:#eee
  2693. }
  2694. .wiki-page .sitetable.wikirevisionlisting {
  2695. padding:15px;
  2696. border-bottom:1px solid #181818
  2697. }
  2698. .wiki-page-content .wikirevisionlisting .generic-table {
  2699. margin-left:0;
  2700. color:#ddd
  2701. }
  2702. .wiki-page-content .wikirevisionlisting .generic-table .flair {
  2703. font-size:11px;
  2704. text-indent:0
  2705. }
  2706. .wiki-page-content .wikirevisionlisting .generic-table td {
  2707. padding:3px 0;
  2708. border:1px solid #2d2d2d;
  2709. text-indent:5px
  2710. }
  2711. .wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(odd) td {
  2712. background:#292929
  2713. }
  2714. .wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(even) td {
  2715. background:#252525
  2716. }
  2717. .wiki-page .sitetable.wikirevisionlisting~button {
  2718. margin:10px 15px
  2719. }
  2720. table.diff {
  2721. margin:15px
  2722. }
  2723. table.diff .diff_next {
  2724. background-color:#333;
  2725. border-bottom:1px solid #333;
  2726. border-left:1px solid #333
  2727. }
  2728. table.diff .diff_header {
  2729. background-color:#333;
  2730. border-right:1px solid #333;
  2731. border-bottom:1px solid #333;
  2732. border-left:1px solid #333;
  2733. color:#bbb
  2734. }
  2735. table.diff .diff_add,table.diff .diff_chg,table.diff .diff_sub {
  2736. color:#111
  2737. }
  2738. .wiki-page .wiki-page-content>.description {
  2739. padding:0
  2740. }
  2741. .wiki-page .wiki-page-content .description h2 {
  2742. padding:10px 15px;
  2743. border-bottom:1px solid #181818;
  2744. font-size:12px;
  2745. font-weight:400;
  2746. color:#ddd
  2747. }
  2748. .wiki-page .wiki-page-content>.sitetable.linklisting {
  2749. border:0
  2750. }
  2751. .wiki-page .wiki-page-content>.sitetable.linklisting .link {
  2752. border-left:0;
  2753. border-right:0
  2754. }
  2755. .wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
  2756. border-bottom:1px solid #272727
  2757. }
  2758. .wiki-page .wiki-page-content .discussionlink {
  2759. padding:10px 15px;
  2760. margin:0;
  2761. display:block;
  2762. background:#1e1e1e;
  2763. border:none;
  2764. border-top:1px solid #181818
  2765. }
  2766. .wiki-page .wiki-page-content .discussionlink a {
  2767. width:130px;
  2768. height:25px;
  2769. padding:0;
  2770. display:block;
  2771. position:relative;
  2772. background:#393939;
  2773. border:1px solid #494949;
  2774. border-radius:1px;
  2775. font-size:12px;
  2776. font-weight:400;
  2777. letter-spacing:0;
  2778. line-height:25px;
  2779. color:#eee
  2780. }
  2781. .wiki-page .wiki-page-content .discussionlink .nub {
  2782. display:none
  2783. }
  2784. .fancy-settings .linefield {
  2785. padding:7px 5px;
  2786. margin-bottom:0;
  2787. position:relative;
  2788. background-color:#202020;
  2789. border:1px solid #272727;
  2790. border-top:none;
  2791. border-bottom:none;
  2792. font-family:sans-serif
  2793. }
  2794. .fancy-settings .pretty-form>.linefield:nth-of-type(1) {
  2795. border-top:1px solid #272727
  2796. }
  2797. .flair-settings.fancy-settings .pretty-form .linefield:nth-of-type(1) {
  2798. border-top:1px solid #181818
  2799. }
  2800. .fancy-settings .pretty-form>.linefield:nth-of-type(1):before {
  2801. top:-2px
  2802. }
  2803. .fancy-settings .pretty-form .linefield:nth-last-of-type(2) {
  2804. border-bottom:1px solid #272727
  2805. }
  2806. .fancy-settings .pretty-form .linefield:nth-last-of-type(2):before {
  2807. bottom:-2px
  2808. }
  2809. .fancy-settings .linefield-content {
  2810. padding:2px 7px 5px
  2811. }
  2812. .fancy-settings .linefield .title {
  2813. padding:1px 7px;
  2814. font-family:sans-serif;
  2815. font-weight:700;
  2816. text-transform:capitalize;
  2817. color:#eee
  2818. }
  2819. .fancy-settings .pretty-form>.linefield:first-of-type>.title {
  2820. margin-bottom:3px;
  2821. display:inline-block
  2822. }
  2823. .linefield-content label+input[type=text] {
  2824. margin-top:6px
  2825. }
  2826. .linefield .delete-field,.linefield .small-field {
  2827. padding-bottom:3px
  2828. }
  2829. .linefield .delete-field>p.little.gray {
  2830. margin:3px 0 6px;
  2831. color:#888
  2832. }
  2833. .linefield .delete-field>p.little.gray+table {
  2834. font-size:13px
  2835. }
  2836. .linefield .delete-field>p.little.gray+table tr>td:nth-of-type(1) {
  2837. padding-right:5px;
  2838. padding-bottom:1px
  2839. }
  2840. .linefield .delete-field>p.little.gray+table tr td label {
  2841. font-size:13px
  2842. }
  2843. .linefield .gray {
  2844. color:#888
  2845. }
  2846. .linefield form#image-upload>label {
  2847. font-family:sans-serif
  2848. }
  2849. .linefield form#image-upload>label:first-of-type {
  2850. margin:5px 0 8px;
  2851. display:inline-block;
  2852. font-weight:700
  2853. }
  2854. .linefield form#image-upload>label:nth-of-type(2) {
  2855. text-transform:lowercase
  2856. }
  2857. .linefield form#image-upload>input#file {
  2858. margin-top:10px
  2859. }
  2860. .linefield #img-preview-container {
  2861. margin:10px 0 0;
  2862. background:#1e1e1e;
  2863. border:1px solid #181818;
  2864. border-radius:1px
  2865. }
  2866. .pretty-form .save-button {
  2867. padding:10px 0
  2868. }
  2869. .pretty-form .save-button>button {
  2870. margin:0
  2871. }
  2872. .pretty-form .error {
  2873. font-size:11px
  2874. }
  2875. .flair-settings.fancy-settings>h1 {
  2876. width:500px;
  2877. padding:8px 12px;
  2878. margin:0;
  2879. display:inline-block;
  2880. position:relative;
  2881. background:#222;
  2882. border:1px solid #272727;
  2883. font-family:sans-serif;
  2884. font-size:15px;
  2885. font-weight:700;
  2886. text-transform:capitalize;
  2887. color:#999
  2888. }
  2889. .flair-settings.fancy-settings>h1 strong {
  2890. text-transform:none;
  2891. color:#999
  2892. }
  2893. .flair-settings~.tabmenu {
  2894. margin:0 0 -1px
  2895. }
  2896. .flair-settings~.tabmenu li {
  2897. margin:0;
  2898. display:inline-block
  2899. }
  2900. .flair-settings~.tabmenu li a {
  2901. padding:8px 10px;
  2902. display:block;
  2903. background:#202020;
  2904. border:1px solid #292929;
  2905. font-family:sans-serif;
  2906. font-size:11px;
  2907. font-weight:400;
  2908. text-transform:uppercase;
  2909. color:#bbb
  2910. }
  2911. .flair-settings~.tabmenu li.selected a {
  2912. background:#222;
  2913. border:1px solid #292929;
  2914. border-bottom-color:#222;
  2915. color:#fb8500
  2916. }
  2917. .flair-settings~.tabmenu>li:nth-of-type(2) a,.flair-settings~.tabmenu>li:nth-of-type(3) a {
  2918. border-left:none
  2919. }
  2920. .flair-settings~.tabpane-content {
  2921. padding:0;
  2922. background:#222;
  2923. border:1px solid #292929
  2924. }
  2925. .flair-settings~.tabpane-content .linefield {
  2926. padding:10px 0;
  2927. background:#222
  2928. }
  2929. .flair-settings~.tabpane-content .linefield .title {
  2930. font-family:sans-serif;
  2931. font-size:15px;
  2932. font-weight:700;
  2933. color:#eee
  2934. }
  2935. .flair-settings~.tabpane-content .linefield .linefield-content {
  2936. padding:6px 9px
  2937. }
  2938. .flair-settings~.tabpane-content .flairlist {
  2939. padding:10px 0 5px
  2940. }
  2941. .flair-settings~.tabpane-content .flairlist .clearflairtemplates-button {
  2942. background:#292929;
  2943. border-color:#303030
  2944. }
  2945. .stylesheet-customize-container {
  2946. border:1px solid #101010
  2947. }
  2948. .stylesheet-customize-container #preview-table,.stylesheet-customize-container form#subreddit_stylesheet {
  2949. padding:10px;
  2950. background:#202020;
  2951. border:1px solid #272727;
  2952. border-bottom:1px solid #181818
  2953. }
  2954. .stylesheet-customize-container #images {
  2955. padding:10px 10px 0;
  2956. background:#222;
  2957. border:1px solid #272727
  2958. }
  2959. .stylesheet-customize-container h2 {
  2960. margin-top:0;
  2961. font-family:sans-serif;
  2962. text-transform:capitalize
  2963. }
  2964. .stylesheet-customize-container h2,.stylesheet-customize-container h2 a {
  2965. color:#eee
  2966. }
  2967. .stylesheet-customize-container .sheets .buttons,.stylesheet-customize-container .sheets .col>div {
  2968. margin-left:0
  2969. }
  2970. .stylesheet-customize-container #preview-table>table {
  2971. margin:5px 0;
  2972. background:#1a1a1a;
  2973. border:1px solid #101010
  2974. }
  2975. .stylesheet-customize-container #image-preview-list {
  2976. position:relative;
  2977. top:50px
  2978. }
  2979. .explore-page .sitetable.exploreitemlisting {
  2980. border:1px solid #101010
  2981. }
  2982. .explore-page .explore-header {
  2983. padding:8px 10px;
  2984. margin:0;
  2985. background:#222;
  2986. border:1px solid #272727;
  2987. color:#ddd
  2988. }
  2989. .explore-header .explore-discuss-link {
  2990. margin:3px 5px
  2991. }
  2992. .explore-header .explore-discuss-link a {
  2993. font-weight:400
  2994. }
  2995. .explore-header #explore-settings {
  2996. font-family:sans-serif;
  2997. font-size:12px;
  2998. color:#bbb
  2999. }
  3000. .explore-page .explore-item {
  3001. margin:0;
  3002. background:#202020;
  3003. border:1px solid #272727;
  3004. border-bottom:1px solid #181818
  3005. }
  3006. .explore-page .explore-header+.explore-item {
  3007. border-top:1px solid #181818
  3008. }
  3009. .explore-page .explore-item .explore-sr {
  3010. padding:0;
  3011. margin:10px 15px
  3012. }
  3013. .explore-item.explore-discovery .explore-label,.explore-item.explore-rising .explore-label {
  3014. padding:0;
  3015. background:0 0;
  3016. border:none;
  3017. border-radius:0;
  3018. font-family:sans-serif;
  3019. font-size:12px;
  3020. color:#eee
  3021. }
  3022. .explore-item .explore-label .explore-label-type {
  3023. padding-left:0
  3024. }
  3025. .explore-item.explore-rising .explore-label .explore-label-type {
  3026. color:#27ae60
  3027. }
  3028. .explore-item .explore-label .explore-label-link {
  3029. padding-right:0;
  3030. color:#eee
  3031. }
  3032. .explore-item .explore-sr-details {
  3033. color:#637481
  3034. }
  3035. .explore-page .explore-item .link {
  3036. padding:9px 15px;
  3037. border:none
  3038. }
  3039. .explore-item .explore-feedback-dismiss {
  3040. background:url("https://b.thumbs.redditmedia.com/_bd9DUGPUyXfM7BO4LzJgD8wMV6sH6jqbCEibNL5Ook.png") no-repeat;
  3041. opacity:1
  3042. }
  3043. .subreddits-page .side>.spacer:first-of-type {
  3044. margin-bottom:0
  3045. }
  3046. .subreddits-page .sr-interest-bar {
  3047. margin:0 1px 10px;
  3048. position:relative;
  3049. overflow:visible
  3050. }
  3051. .subreddits-page>.content>.menuarea {
  3052. border-bottom:1px solid #181818
  3053. }
  3054. .subreddits-page>.content>.menuarea~.infobar {
  3055. margin-bottom:0
  3056. }
  3057. .subreddits-page>.content>.infobar {
  3058. margin:0 0 -1px;
  3059. border-top:none
  3060. }
  3061. .subreddits-page>.content>.infobar .md {
  3062. font-size:13px;
  3063. line-height:16px
  3064. }
  3065. .subreddits-page>.content>.infobar>.md>p>code {
  3066. height:12px;
  3067. padding:1px 6px;
  3068. display:inline-block;
  3069. border:none;
  3070. border-radius:2px;
  3071. font-family:verdana,sans-serif;
  3072. font-size:10px;
  3073. font-weight:700;
  3074. line-height:normal;
  3075. line-height:12px;
  3076. color:#181818
  3077. }
  3078. .subreddits-page>.content>.infobar>.md>p>code:nth-of-type(1) {
  3079. background:#27ae60
  3080. }
  3081. .subreddits-page>.content>.infobar>.md>p>code:nth-of-type(2) {
  3082. background:#e74d4d
  3083. }
  3084. .subreddits-page .searchpane.raisedbox {
  3085. padding:15px;
  3086. margin:0 1px;
  3087. position:relative;
  3088. background:#222;
  3089. border:1px solid #272727;
  3090. border-bottom:1px solid #181818
  3091. }
  3092. .sitetable.linklisting .thing.subreddit {
  3093. padding:9px 10px 9px 0;
  3094. margin:0;
  3095. background:#202020;
  3096. border:1px solid #272727;
  3097. border-bottom:1px solid #181818
  3098. }
  3099. .sitetable.linklisting>.thing.subreddit:first-of-type {
  3100. border-top-color:#181818
  3101. }
  3102. .sitetable.linklisting>.thing.subreddit:nth-last-of-type(2) {
  3103. border-bottom:1px solid #272727
  3104. }
  3105. .thing.subreddit .midcol {
  3106. width:80px!important;
  3107. margin:0 10px 5px 13px;
  3108. text-align:center
  3109. }
  3110. .thing.subreddit .midcol .fancy-toggle-button .add,.thing.subreddit .midcol .fancy-toggle-button .remove {
  3111. border:none;
  3112. color:#181818
  3113. }
  3114. .sitetable.linklisting .thing.subreddit .entry {
  3115. padding-top:1px
  3116. }
  3117. .sitetable.linklisting .thing.subreddit .titlerow {
  3118. font-family:sans-serif
  3119. }
  3120. .sitetable.linklisting .thing.subreddit .titlerow a.title {
  3121. color:#3498db
  3122. }
  3123. .sitetable.linklisting .thing.subreddit .usertext .md {
  3124. padding:0;
  3125. margin-left:1px;
  3126. position:relative;
  3127. background:#202020;
  3128. border:none;
  3129. border-radius:0;
  3130. font-family:sans-serif;
  3131. color:#ddd;
  3132. z-index:1
  3133. }
  3134. .sitetable.linklisting .thing.subreddit .tagline {
  3135. margin-right:8px;
  3136. display:inline-block
  3137. }
  3138. .sitetable.linklisting .thing.subreddit .report-button a {
  3139. color:#637481
  3140. }
  3141. .sidecontentbox .subscription-box .fancy-toggle-button .add,.sidecontentbox .subscription-box .fancy-toggle-button .remove {
  3142. font-size:10px;
  3143. font-family:verdana,arial,sans-erif
  3144. }
  3145. .sidecontentbox .subscription-box .box-top {
  3146. height:auto
  3147. }
  3148. .sidecontentbox .subscription-box .column {
  3149. text-align:left;
  3150. float:none;
  3151. width:auto;
  3152. display:block;
  3153. padding:2px 0 5px
  3154. }
  3155. .sidecontentbox .subscription-box .column.giftgold a {
  3156. color:#cd9930
  3157. }
  3158. .sidecontentbox .subscription-box .column.giftgold a:before {
  3159. margin-right:2px;
  3160. top:0
  3161. }
  3162. .sidecontentbox .subscription-box .box-separator {
  3163. margin:8px 0;
  3164. border-color:#333
  3165. }
  3166. .sidecontentbox .subscription-box ul>a.title {
  3167. font-weight:700
  3168. }
  3169. .sidecontentbox .subscription-box li {
  3170. margin-bottom:5px
  3171. }
  3172. .sidecontentbox .subscription-box li .fancy-toggle-button {
  3173. float:none;
  3174. display:inline-block;
  3175. margin-bottom:0
  3176. }
  3177. .sidecontentbox .subscription-box a.title {
  3178. color:#3498db
  3179. }
  3180. .organic-listing .sr-interest-bar,.sr-interest-bar {
  3181. background:#202020;
  3182. border:1px solid #272727
  3183. }
  3184. .sr-interest-bar .bubble {
  3185. margin-left:0;
  3186. background:#202020;
  3187. border:none;
  3188. border-radius:1px;
  3189. font-family:sans-serif;
  3190. color:#ddd
  3191. }
  3192. .sr-interest-bar .bubble:after {
  3193. content:none
  3194. }
  3195. .sr-interest-bar .caption .subscribe {
  3196. padding:0;
  3197. background:0 0;
  3198. border:none;
  3199. border-radius:0;
  3200. color:#27ae60
  3201. }
  3202. .sr-interest-bar .query-box {
  3203. padding:0;
  3204. border:1px solid #181818;
  3205. border-radius:1px
  3206. }
  3207. .sr-interest-bar .query-box input.query {
  3208. padding:3px 0;
  3209. background:#292929;
  3210. border:1px solid #393939;
  3211. border-radius:1px;
  3212. font-size:14px;
  3213. text-indent:5px;
  3214. color:#eee
  3215. }
  3216. .sr-interest-bar ul.results {
  3217. padding:5px 0 0;
  3218. margin:8px 1px 0;
  3219. border:none
  3220. }
  3221. .sr-interest-bar ul.results li {
  3222. margin:3px 6px 3px 0
  3223. }
  3224. .sr-interest-bar ul.results>li:first-of-type {
  3225. padding-bottom:3px;
  3226. margin-left:1px;
  3227. display:block;
  3228. font-family:sans-serif;
  3229. font-size:12px;
  3230. font-weight:700;
  3231. text-transform:capitalize;
  3232. color:#ddd
  3233. }
  3234. .sr-interest-bar ul.results li a.random {
  3235. font-weight:400;
  3236. color:#637481
  3237. }
  3238. .explore-item .explore-feedback .fancy-toggle-button .add,.explore-item .explore-feedback .fancy-toggle-button .add:hover,.explore-item .explore-feedback .fancy-toggle-button .remove,.explore-item .explore-feedback .fancy-toggle-button .remove:hover,.fancy-toggle-button .add,.fancy-toggle-button .remove {
  3239. padding:1px 4px;
  3240. border:none;
  3241. color:#101010
  3242. }
  3243. .explore-item .explore-feedback .fancy-toggle-button .add,.explore-item .explore-feedback .fancy-toggle-button .add:hover,.fancy-toggle-button .add,.sidecontentbox .subscription-box .fancy-toggle-button .add,.subreddit .midcol .fancy-toggle-button .add {
  3244. background:#27ae60
  3245. }
  3246. .explore-item .explore-feedback .fancy-toggle-button .remove,.explore-item .explore-feedback .fancy-toggle-button .remove:hover,.fancy-toggle-button .remove,.sidecontentbox .subscription-box .fancy-toggle-button .remove,.subreddit .midcol .fancy-toggle-button .remove {
  3247. background:#e74d4d
  3248. }
  3249. .infobar.newsletterbar {
  3250. margin:0 1px 8px;
  3251. position:relative;
  3252. background:#252525;
  3253. border:1px solid #2b2b2b;
  3254. border-radius:0;
  3255. overflow:visible;
  3256. padding:10px 15px;
  3257. z-index:1
  3258. }
  3259. .infobar.newsletterbar input.c-form-control {
  3260. background:#333;
  3261. border:1px solid #444;
  3262. border-radius:1px;
  3263. color:#eee
  3264. }
  3265. .login-form-side {
  3266. padding-top:15px;
  3267. margin:0 1px;
  3268. background:#222;
  3269. border:1px solid #272727;
  3270. position:relative;
  3271. z-index:1
  3272. }
  3273. .login-form-side input[type=text],.login-form-side input[type=password] {
  3274. width:268px;
  3275. padding:5px;
  3276. margin:0 0 10px 15px;
  3277. background:#292929;
  3278. border:1px solid #393939;
  3279. color:#eee
  3280. }
  3281. .login-form-side input[type=text]:active,.login-form-side input[type=text]:focus,.login-form-side input[type=text]:hover,.login-form-side input[type=password]:active,.login-form-side input[type=password]:focus,.login-form-side input[type=password]:hover {
  3282. border:1px solid #444;
  3283. outline:0
  3284. }
  3285. .login-form-side #remember-me {
  3286. margin:0 15px 10px;
  3287. color:#eee
  3288. }
  3289. .login-form-side #remember-me .recover-password.attention {
  3290. padding:0;
  3291. border:none;
  3292. border-bottom:1px dotted #3498db;
  3293. border-radius:0;
  3294. font-weight:400
  3295. }
  3296. .login-form-side .submit {
  3297. margin:4px 15px 0 0
  3298. }
  3299. .login-form-side button.btn {
  3300. margin:0;
  3301. background:#393939;
  3302. border:1px solid #494949;
  3303. color:#eee;
  3304. border-radius:2px
  3305. }
  3306. .login-form-side .error {
  3307. margin:0 15px;
  3308. font-family:sans-serif;
  3309. font-size:10px;
  3310. color:#e74c3c
  3311. }
  3312. .flair,.linkflairlabel {
  3313. display:inline-block;
  3314. padding:0 3px;
  3315. background:#333;
  3316. border:none;
  3317. border-radius:1px;
  3318. font-family:verdana,arial,helvetica,sans-serif;
  3319. color:#ccc
  3320. }
  3321. .titlebox .tagline .flairselector.drop-choices {
  3322. width:330px!important;
  3323. padding:10px!important;
  3324. top:0!important;
  3325. right:300px;
  3326. left:auto!important;
  3327. background:#2D2D2D;
  3328. border:none;
  3329. box-shadow:none
  3330. }
  3331. .titlebox .tagline .flairselector.drop-choices h2 {
  3332. display:none
  3333. }
  3334. .titlebox .tagline .flairselector.drop-choices .flairoptionpane {
  3335. margin-bottom:10px
  3336. }
  3337. .titlebox .tagline .flairselector ul {
  3338. width:93px!important;
  3339. margin-right:10px
  3340. }
  3341. .titlebox .tagline .flairselector ul li {
  3342. width:93px!important;
  3343. padding-left:0;
  3344. margin-bottom:5px;
  3345. border:none
  3346. }
  3347. .titlebox .tagline .flairselector li.selected,.titlebox .tagline .flairselector li:hover {
  3348. background:#2D2D2D
  3349. }
  3350. .titlebox .tagline .flairselector form .flairselection .flair,.titlebox .tagline .flairselector ul li>.flair {
  3351. background-color:#444;
  3352. border:1px solid #444;
  3353. color:#eee
  3354. }
  3355. .titlebox .tagline .flairselector li.selected .flair,.titlebox .tagline .flairselector ul li:hover>.flair {
  3356. background-color:#4C4C4C;
  3357. border-color:#777
  3358. }
  3359. .titlebox .tagline .flairselector form {
  3360. padding-top:10px;
  3361. border-color:#444;
  3362. text-align:left
  3363. }
  3364. .titlebox .tagline .flairselector form .flairremove {
  3365. color:#2D2D2D
  3366. }
  3367. .titlebox .tagline .flairselector form .flairremove a {
  3368. color:#eee
  3369. }
  3370. .titlebox .tagline .flairselector form .flairremove a:hover {
  3371. color:#F7C83F
  3372. }
  3373. .titlebox .tagline .flairselector form .customizer {
  3374. margin-top:10px
  3375. }
  3376. .titlebox .tagline .flairselector form .customizer input[type=text] {
  3377. padding:3px;
  3378. margin-right:5px;
  3379. border:none
  3380. }
  3381. .titlebox .tagline .flairselector form button {
  3382. margin-left:0
  3383. }
  3384. .titlebox .tagline .flairselector form>.status {
  3385. font-family:sans-serif;
  3386. font-size:11px;
  3387. color:#888
  3388. }
  3389. .link .flairselector.drop-choices {
  3390. padding:0!important;
  3391. margin-top:15px;
  3392. background:#252525;
  3393. border:1px solid #2d2d2d;
  3394. box-shadow:none
  3395. }
  3396. .link .flairselector.drop-choices h2 {
  3397. padding:5px 0;
  3398. margin-bottom:0;
  3399. background:#333;
  3400. font-family:sans-serif;
  3401. font-size:11px;
  3402. text-transform:uppercase;
  3403. color:#ddd
  3404. }
  3405. .link .flairselector.drop-choices .flairoptionpane {
  3406. padding:10px 0;
  3407. margin-bottom:0
  3408. }
  3409. .link .flairselector.drop-choices .flairoptionpane>ul {
  3410. margin:0 auto!important
  3411. }
  3412. .link .flairselector.drop-choices ul li.flairsample-left {
  3413. height:18px;
  3414. padding:0;
  3415. margin-bottom:4px;
  3416. border:none
  3417. }
  3418. .link .flairselector.drop-choices form a.title,.link .flairselector.drop-choices ul li a.title {
  3419. display:none
  3420. }
  3421. .link .flairselector.drop-choices ul li .linkflair {
  3422. text-align:center
  3423. }
  3424. .link .flairselector.drop-choices .linkflairlabel {
  3425. margin:0;
  3426. line-height:18px
  3427. }
  3428. .link .flairselector li:hover {
  3429. background:0 0
  3430. }
  3431. .link .flairselector li.selected .linkflairlabel {
  3432. background:#eee;
  3433. font-weight:700;
  3434. color:#333
  3435. }
  3436. .link .flairselector form {
  3437. padding-top:10px;
  3438. background:#252525;
  3439. border-color:#333
  3440. }
  3441. .link .flairselector form .flairselection {
  3442. margin:0
  3443. }
  3444. .link .flairselector form .flairremove {
  3445. margin-bottom:10px;
  3446. color:#ddd
  3447. }
  3448. .link .flairselector form .customizer {
  3449. display:none
  3450. }
  3451. .link .flairselector form button {
  3452. margin:0 0 10px
  3453. }
  3454. .link .flairselector form>.status {
  3455. font-family:sans-serif;
  3456. font-size:11px;
  3457. color:#888
  3458. }
  3459. @media screen and (-webkit-min-device-pixel-ratio:0) {
  3460. .link .flairselector.drop-choices .linkflairlabel {
  3461. line-height:16px
  3462. }
  3463. }
  3464. .commentarea:before,.fancy-settings .linefield:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.link .usertext-body .md:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page .message .entry .md:before,.messages-page.compose-page .content>form .roundfield:before,.messages-page.compose-page .content>h1:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.submit-page .content.submit .info-notice:after,.subreddits-page .sr-interest-bar:before,.titlebox:before,.trending-subreddits:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before,body>.content>.menuarea:before,body>.debuginfo:before {
  3465. content:"";
  3466. display:block;
  3467. position:absolute;
  3468. z-index:-1
  3469. }
  3470. .commentarea:before,.fancy-settings .linefield:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page.compose-page .content>form .roundfield:before,.messages-page.compose-page .content>h1:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.submit-page .content.submit .info-notice:after,.subreddits-page .sr-interest-bar:before,.titlebox:before,.trending-subreddits:before,body>.content>.menuarea:before,body>.debuginfo:before {
  3471. border:1px solid #101010
  3472. }
  3473. .messages-page .message .entry .md:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before {
  3474. border:1px solid #181818
  3475. }
  3476. .commentarea:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page .message .entry .md:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.subreddits-page .sr-interest-bar:before,.titlebox:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before {
  3477. top:-2px;
  3478. bottom:-2px;
  3479. left:-2px;
  3480. right:-2px
  3481. }
  3482. .trending-subreddits:before,body>.content>.menuarea:before {
  3483. top:-2px;
  3484. bottom:-1px;
  3485. left:-2px;
  3486. right:-2px
  3487. }
  3488. .submit-page .content.submit .info-notice:after {
  3489. top:-1px;
  3490. left:-2px;
  3491. right:-2px;
  3492. bottom:-2px;
  3493. border-top:none
  3494. }
  3495. .link .usertext-body .md:before {
  3496. top:0;
  3497. right:0;
  3498. bottom:0;
  3499. left:0;
  3500. border:1px solid #303030
  3501. }
  3502. .flair-settings.fancy-settings>h1:before {
  3503. border-bottom:none
  3504. }
  3505. .fancy-settings .linefield:before {
  3506. left:-2px;
  3507. right:-2px;
  3508. top:0;
  3509. bottom:0
  3510. }
  3511. .messages-page.compose-page .content>form>button#send:before,.submit-page .content.submit .btn[name=submit]:before,.wiki-page .wiki-page-content #editform input#wiki_save_button:before {
  3512. content:"";
  3513. border:1px solid #101010;
  3514. position:absolute;
  3515. display:block;
  3516. top:-2px;
  3517. left:-2px;
  3518. right:-2px;
  3519. border-radius:1px;
  3520. z-index:-1;
  3521. bottom:-2px
  3522. }
  3523. .comments-page .commentarea:before {
  3524. border-top:none;
  3525. top:-1px
  3526. }
  3527. .messages-page.compose-page .content>h1:before {
  3528. top:-2px;
  3529. bottom:0;
  3530. right:-2px;
  3531. left:-2px;
  3532. border-bottom:none
  3533. }
  3534. .messages-page.compose-page .content>form .roundfield:before {
  3535. top:0;
  3536. bottom:0;
  3537. right:-2px;
  3538. left:-2px;
  3539. border-top:none;
  3540. border-bottom:none
  3541. }
  3542. body>.debuginfo:before {
  3543. top:-2px;
  3544. bottom:0;
  3545. left:0;
  3546. right:0
  3547. }
  3548. body.with-listing-chooser>.debuginfo:before {
  3549. left:-2px
  3550. }
  3551. body.with-listing-chooser .listing-chooser {
  3552. top:115px;
  3553. background:#222;
  3554. border:1px solid #101010;
  3555. border-left:none
  3556. }
  3557. body.with-listing-chooser .listing-chooser .grippy {
  3558. background:#222;
  3559. border:1px solid #2d2d2d
  3560. }
  3561. body.with-listing-chooser .listing-chooser .grippy:hover {
  3562. background:#242424
  3563. }
  3564. body.with-listing-chooser .listing-chooser .grippy:before,body.with-listing-chooser .listing-chooser:hover .grippy:before {
  3565. opacity:1;
  3566. -webkit-transition:none;
  3567. -moz-transition:none;
  3568. -o-transition:none;
  3569. transition:none
  3570. }
  3571. body.with-listing-chooser .listing-chooser .grippy:before {
  3572. background-image:url("https://b.thumbs.redditmedia.com/Bh6xlRY9TvTelyXqocJsVUyNrWHQemmOZOOxUKxyKoQ.png");
  3573. background-position:133px center
  3574. }
  3575. body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
  3576. background-image:url("https://b.thumbs.redditmedia.com/RtrwscVjcyyVzczKGK3GKKkgeOgNOqntswHmXS2OduM.png");
  3577. background-position:1px center
  3578. }
  3579. body.with-listing-chooser .listing-chooser .grippy:after,body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after {
  3580. background:#252525;
  3581. border-right:1px solid #1a1a1a
  3582. }
  3583. body.with-listing-chooser .listing-chooser .grippy:hover:after {
  3584. background:#282828;
  3585. border-right-color:#181818
  3586. }
  3587. .listing-chooser>.contents {
  3588. border-top:1px solid #2d2d2d;
  3589. font-family:sans-serif;
  3590. font-size:11px
  3591. }
  3592. .listing-chooser li.selected:before {
  3593. right:5px;
  3594. border-left-color:#999
  3595. }
  3596. .listing-chooser ul.global {
  3597. width:127px;
  3598. padding:0;
  3599. border-right:1px solid #1d1d1d
  3600. }
  3601. .listing-chooser ul.global li {
  3602. padding:0;
  3603. margin:0;
  3604. background:#252525;
  3605. border:none;
  3606. box-shadow:none
  3607. }
  3608. .listing-chooser ul.global li:hover {
  3609. background:#272727
  3610. }
  3611. .listing-chooser ul.global li.selected {
  3612. z-index:1
  3613. }
  3614. .listing-chooser ul.global li a {
  3615. padding:10px 15px;
  3616. margin:0;
  3617. font-size:12px;
  3618. font-weight:700
  3619. }
  3620. .listing-chooser ul.global li a[href="/"] {
  3621. border-bottom:1px solid #1d1d1d;
  3622. color:#27ae60
  3623. }
  3624. .listing-chooser ul.global li a[href="/explore"] {
  3625. border-top:1px solid #2b2b2b;
  3626. border-bottom:1px solid #2b2b2b
  3627. }
  3628. .listing-chooser ul.global li a .description {
  3629. color:#999
  3630. }
  3631. .listing-chooser h3 {
  3632. width:97px;
  3633. padding:10px 15px;
  3634. border:1px solid #1d1d1d;
  3635. border-right:1px solid #1b1b1b;
  3636. border-left:none;
  3637. text-align:left;
  3638. color:#ddd
  3639. }
  3640. .listing-chooser .intro {
  3641. width:127px;
  3642. padding:5px 0;
  3643. margin-bottom:0;
  3644. background:#272727;
  3645. border-top:1px solid #2e2e2e;
  3646. border-bottom:1px solid #1d1d1d;
  3647. border-right:1px solid #1b1b1b;
  3648. color:#bbb
  3649. }
  3650. .listing-chooser .intro p {
  3651. padding:3px 15px;
  3652. margin:0;
  3653. font-size:11px
  3654. }
  3655. .listing-chooser .contents>ul.multis {
  3656. width:127px;
  3657. padding:10px 0;
  3658. background:#292929;
  3659. border-top:1px solid #303030;
  3660. border-bottom:1px solid #303030;
  3661. border-right:1px solid #1b1b1b;
  3662. position:relative
  3663. }
  3664. .listing-chooser .contents>ul.multis:after {
  3665. content:"";
  3666. height:1px;
  3667. display:block;
  3668. position:absolute;
  3669. left:0;
  3670. right:0;
  3671. bottom:-2px;
  3672. background:#1d1d1d
  3673. }
  3674. .listing-chooser ul.multis li {
  3675. background:#393939;
  3676. border:1px solid #494949;
  3677. border-right:none;
  3678. border-radius:1px 0 0 1px
  3679. }
  3680. .listing-chooser ul.multis li:hover {
  3681. background:#3b3b3b
  3682. }
  3683. .listing-chooser ul.multis li.selected {
  3684. margin-right:-10px;
  3685. border-right:none;
  3686. box-shadow:none
  3687. }
  3688. .listing-chooser ul.multis li.selected:before,.listing-chooser ul.other li.selected:before {
  3689. right:5px;
  3690. border-left-color:#bbb
  3691. }
  3692. .listing-chooser ul.multis li a {
  3693. padding:8px 5px 8px 10px;
  3694. font-size:12px;
  3695. color:#eee
  3696. }
  3697. .listing-chooser ul.multis li:hover a {
  3698. color:#fff
  3699. }
  3700. .listing-chooser ul.multis li.create {
  3701. padding:3px 5px 8px 10px;
  3702. background:#313131;
  3703. border-color:#3d3d3d
  3704. }
  3705. .listing-chooser ul.multis li.create.expanded,.listing-chooser ul.multis li.create:hover {
  3706. margin-left:12px;
  3707. background:#333
  3708. }
  3709. .listing-chooser ul.multis li.create input[type=text] {
  3710. width:80px;
  3711. margin:5px 0;
  3712. background:#444;
  3713. border:1px solid #555;
  3714. color:#eee
  3715. }
  3716. .listing-chooser ul.multis li.create .error {
  3717. margin:4px 0;
  3718. font-size:11px
  3719. }
  3720. .listing-chooser ul.multis li.create button {
  3721. width:100%;
  3722. padding:0;
  3723. display:block;
  3724. background:0 0;
  3725. border:none;
  3726. box-shadow:none;
  3727. font-family:sans-serif;
  3728. font-size:12px;
  3729. text-align:left;
  3730. color:#eee;
  3731. opacity:1
  3732. }
  3733. .listing-chooser ul.multis li.create button:before {
  3734. content:"+ "
  3735. }
  3736. .listing-chooser ul.other {
  3737. width:127px;
  3738. margin-top:0;
  3739. padding-top:18px;
  3740. border-right:1px solid #1b1b1b
  3741. }
  3742. .listing-chooser ul.other li {
  3743. margin-left:12px;
  3744. background:#2d2d2d;
  3745. border:1px solid #383838;
  3746. border-radius:1px 0 0 1px;
  3747. box-shadow:none;
  3748. transition:all .15s ease-in-out
  3749. }
  3750. .listing-chooser ul.other li:hover {
  3751. margin-left:9px
  3752. }
  3753. .listing-chooser ul.other li.gold-perks {
  3754. background:#2b2b2b
  3755. }
  3756. .listing-chooser ul.other li.selected {
  3757. margin-right:-10px;
  3758. background:#333;
  3759. border-color:#3b3b3b
  3760. }
  3761. .listing-chooser ul.other li a {
  3762. padding:10px 5px 10px 10px;
  3763. border-radius:0;
  3764. font-size:12px;
  3765. color:#eee
  3766. }
  3767. .listing-chooser ul.other li a[href="/r/mod"] {
  3768. color:#18af92
  3769. }
  3770. .listing-chooser ul.other li.gold-perks a {
  3771. color:#cd9930
  3772. }
  3773. .listing-chooser ul.other li .description {
  3774. color:#bbb
  3775. }
  3776. .gold-only #header {
  3777. background:#202020;
  3778. border-bottom-color:#101010
  3779. }
  3780. .gold-only #header #sr-header-area {
  3781. background-color:#1a1a1a;
  3782. border-bottom:1px solid #101010;
  3783. opacity:1
  3784. }
  3785. .gold-only #header .tabmenu li a,.gold-only #header .tabmenu li.selected a {
  3786. background:0 0;
  3787. border:none;
  3788. color:#bbb
  3789. }
  3790. .gold-only #header .tabmenu li a:hover {
  3791. color:#eee
  3792. }
  3793. .gold-only #header .tabmenu li.selected a,.gold-only #header .tabmenu li.selected a:hover,.gold-only .titlebox .fancy-toggle-button .option.add {
  3794. color:#cd9930
  3795. }
  3796. .gold-only #header-img.default-header {
  3797. background-image:url("https://a.thumbs.redditmedia.com/BZYB7y_rOxL5d1eLJujF48-5jL-V5cmXPgNWkFZ4HT0.png")
  3798. }
  3799. .gold-only .link .score.likes {
  3800. color:#d0aa48
  3801. }
  3802. .gold-only .link .score.dislikes {
  3803. color:#927732
  3804. }
  3805. .gold-only .link.stickied a.title {
  3806. color:#cd9930!important
  3807. }
  3808. .gold-only .link.stickied .flat-list.buttons li a:hover,.gold-only .link.stickied .flat-list.buttons li.first a,.gold-only .tagline .stickied-tagline {
  3809. color:#cd9930
  3810. }
  3811. .gold-only .arrow.downmod,.gold-only .arrow.upmod {
  3812. background-image:url("https://b.thumbs.redditmedia.com/Fj9HUZNrfmGncVHNsf11t8A7ohgunNcGJZLqG4BfwCs.png")
  3813. }
  3814. .gold-only .arrow.upmod {
  3815. background-position:-45px 0
  3816. }
  3817. .gold-only .arrow.downmod {
  3818. background-position:-15px 0
  3819. }
  3820. .profile-page .titlebox>.giftgold {
  3821. padding:0 15px;
  3822. margin:15px 0
  3823. }
  3824. .profile-page .gold-expiration-info+.giftgold {
  3825. padding-top:15px;
  3826. margin-top:0;
  3827. position:relative;
  3828. border-top:1px solid #181818
  3829. }
  3830. .profile-page .gold-expiration-info+.giftgold:before {
  3831. content:"";
  3832. height:1px;
  3833. position:absolute;
  3834. top:-2px;
  3835. left:0;
  3836. right:0;
  3837. background:#2d2d2d
  3838. }
  3839. .profile-page .titlebox .gold-expiration-info .gold-remaining .karma {
  3840. color:#f4b639
  3841. }
  3842. .profile-page .titlebox>.giftgold a {
  3843. color:#cd9930
  3844. }
  3845. .gilded-icon {
  3846. margin-left:5px;
  3847. color:#c0a32f
  3848. }
  3849. .gilded-icon:before {
  3850. margin-right:3px;
  3851. background:url("https://b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat
  3852. }
  3853. .gold-expiration-info {
  3854. padding:0;
  3855. margin:15px 0 0;
  3856. background:#252525;
  3857. border:none;
  3858. border-top:1px solid #181818;
  3859. border-radius:0
  3860. }
  3861. .gold-expiration-info .gold-remaining {
  3862. padding:10px 15px 12px;
  3863. margin-bottom:1px;
  3864. border-top:1px solid #2b2b2b;
  3865. color:#cd9930
  3866. }
  3867. .gold-expiration-info .gold-remaining a {
  3868. display:inline-block;
  3869. margin-top:8px
  3870. }
  3871. .gold-expiration-info .gold-creddits-remaining {
  3872. margin:0!important;
  3873. padding-bottom:10px
  3874. }
  3875. .server-seconds {
  3876. padding:0;
  3877. background:#222;
  3878. border:none;
  3879. border-radius:0
  3880. }
  3881. .server-seconds .server-seconds-public.bottom,.server-seconds>p {
  3882. padding:13px 15px
  3883. }
  3884. .server-seconds .server-seconds-public.bottom {
  3885. margin-top:0;
  3886. position:relative
  3887. }
  3888. .server-seconds>p+p {
  3889. margin-top:1px;
  3890. position:relative;
  3891. border-top:1px solid #272727
  3892. }
  3893. .server-seconds>p+p:before {
  3894. content:"";
  3895. height:1px;
  3896. display:block;
  3897. position:absolute;
  3898. top:-2px;
  3899. left:0;
  3900. right:0;
  3901. background:#181818
  3902. }
  3903. .server-seconds em {
  3904. color:#eee
  3905. }
  3906. .side .giftgold.allminus-link,.side .gilded-link {
  3907. margin:0;
  3908. background:#202020;
  3909. border:1px solid #101010;
  3910. border-top:none;
  3911. border-bottom:none;
  3912. font-family:sans-serif
  3913. }
  3914. .side .gilded-link {
  3915. border-bottom:1px solid #101010
  3916. }
  3917. .side .giftgold.allminus-link a,.side .gilded-link a {
  3918. display:block;
  3919. padding:6px 15px;
  3920. border:1px solid #272727;
  3921. border-top:none;
  3922. border-bottom:none;
  3923. color:#cd9930
  3924. }
  3925. .side .giftgold.allminus-link:nth-of-type(2) a {
  3926. padding-top:10px;
  3927. border-top:1px solid #181818
  3928. }
  3929. .side .gilded-link a {
  3930. padding-bottom:10px;
  3931. border-bottom:1px solid #272727
  3932. }
  3933. .side .goldvertisement {
  3934. background:#202020;
  3935. border:1px solid #101010;
  3936. border-radius:0;
  3937. box-shadow:none;
  3938. font-family:sans-serif
  3939. }
  3940. .side .goldvertisement .inner {
  3941. padding:0 0 8px;
  3942. margin:0;
  3943. border:1px solid #272727
  3944. }
  3945. .side .goldvertisement h2 {
  3946. padding:10px 15px;
  3947. background:#222;
  3948. border-bottom:1px solid #272727;
  3949. font-size:12px;
  3950. font-weight:700;
  3951. color:#cd9930
  3952. }
  3953. .side .goldvertisement .progress {
  3954. padding:13px 15px 8px;
  3955. border-top:1px solid #181818
  3956. }
  3957. .gold-bubble div.history .progress {
  3958. opacity:1
  3959. }
  3960. .side .goldvertisement .progress p {
  3961. margin-left:8px;
  3962. color:#cd9930
  3963. }
  3964. .hover-bubble.anchor-top-centered:after {
  3965. border-bottom-color:#2d2d2d
  3966. }
  3967. .gold-bubble.anchor-top-centered:before {
  3968. border-bottom-color:#353535
  3969. }
  3970. .gold-bubble div.history .progress .bar,.side .goldvertisement .progress .bar {
  3971. background:#292929;
  3972. border:1px solid #333;
  3973. border-radius:1px
  3974. }
  3975. .gold-bubble div.history .progress .bar {
  3976. background:#222
  3977. }
  3978. .gold-bubble div.history .progress .bar span,.side .goldvertisement .progress .bar span {
  3979. background:-webkit-linear-gradient(left,#fed36e,#f4b639);
  3980. border-radius:1px 0 0 1px
  3981. }
  3982. .side .goldvertisement a {
  3983. margin:5px 0 0;
  3984. background:0 0;
  3985. border:none;
  3986. border-radius:0;
  3987. font-size:11px;
  3988. font-weight:700;
  3989. color:#3498DB
  3990. }
  3991. .giftgold a:before,.gilded-link a:before {
  3992. background:url("https://b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat;
  3993. position:relative;
  3994. margin-left:0
  3995. }
  3996. .giftgold.allminus-link a:before,.gilded-link a:before {
  3997. top:-1px
  3998. }
  3999. .hover-bubble.gold-bubble {
  4000. background:#2d2d2d;
  4001. border:1px solid #353535;
  4002. border-radius:0;
  4003. box-shadow:0 0 5px rgba(16,16,16,.5);
  4004. margin-left:4px;
  4005. color:#ddd;
  4006. width:288px;
  4007. font-family:sans-serif;
  4008. font-size:12px;
  4009. line-height:normal
  4010. }
  4011. .gold-bubble span.gold-branding {
  4012. background-image:url("https://b.thumbs.redditmedia.com/g2xFRu-j_HoTXghkoigDrZb6l6aFsUboaRHkDdtKzPM.png")
  4013. }
  4014. .gold-bubble div.history .progress p,.gold-bubble div.history p,.gold-bubble p.buy-gold a {
  4015. color:#cd9930
  4016. }
  4017. .gold-bubble div.history .progress p {
  4018. font-size:12px
  4019. }
  4020. .gold-bubble p.aside {
  4021. color:#999;
  4022. font-size:11px
  4023. }
  4024. .gold-bubble div.history {
  4025. border-top:1px solid #444
  4026. }
  4027. .link .gold-wrap {
  4028. margin-left:5px
  4029. }
  4030. .comment .gold-wrap {
  4031. margin-left:-11px;
  4032. margin-bottom:15px
  4033. }
  4034. .gold-wrap .fancy {
  4035. background-color:#292929;
  4036. border:1px solid #303030
  4037. }
  4038. .gold-wrap .fancy .fancy-inner {
  4039. border:1px solid #333
  4040. }
  4041. .gold-wrap .fancy .fancy-inner .container a {
  4042. color:#938870
  4043. }
  4044. .gold-wrap .fancy .fancy-inner .gold-form .note,.gold-wrap .fancy .fancy-inner .gold-form.gold-payment {
  4045. color:#bbb
  4046. }
  4047. .gold-payment .close-button {
  4048. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -85px no-repeat
  4049. }
  4050. .gold-wrap.cloneable-comment .container,.gold-wrap.cloneable-link .container {
  4051. padding:10px 30px;
  4052. background-color:#242424;
  4053. background-color:rgba(31,31,31,.5);
  4054. border:1px solid #333
  4055. }
  4056. .gold-wrap .container h2.sidelines span:after,.gold-wrap .container h2.sidelines span:before {
  4057. border-color:#444
  4058. }
  4059. .titlebox>h1+.usertext>p {
  4060. padding:10px 15px;
  4061. border-top:1px solid #181818
  4062. }
  4063. .filtered-details .unfilter,.titlebox>h1+.usertext+.modsr-link {
  4064. margin:0 15px 10px
  4065. }
  4066. .filtered-details div.usertext .md {
  4067. padding-bottom:0;
  4068. margin-bottom:-5px
  4069. }
  4070. .hover-bubble.multi-selector {
  4071. background:#353535;
  4072. border:1px solid #101010;
  4073. box-shadow:0 0 3px rgba(16,16,16,.5);
  4074. margin-top:-43px!important;
  4075. padding:1px;
  4076. font-family:sans-serif;
  4077. color:#eee
  4078. }
  4079. .hover-bubble.multi-selector .title {
  4080. padding:8px 0 0 12px;
  4081. background:#2d2d2d
  4082. }
  4083. .hover-bubble.multi-selector .title strong {
  4084. margin:0;
  4085. font-size:13px;
  4086. color:#eee;
  4087. text-align:left
  4088. }
  4089. .hover-bubble.multi-selector .title a.sr {
  4090. margin:0;
  4091. padding:3px 0 2px;
  4092. font-size:12px;
  4093. text-align:left
  4094. }
  4095. .hover-bubble.multi-selector .multi-list {
  4096. margin:0;
  4097. padding:2px 0 5px;
  4098. background:#2d2d2d
  4099. }
  4100. .hover-bubble.multi-selector .create-multi input[type=text] {
  4101. background:#393939;
  4102. border:1px solid #444;
  4103. color:#eee
  4104. }
  4105. .hover-bubble.multi-selector .create-multi input[type=text]:active,.hover-bubble.multi-selector .create-multi input[type=text]:focus,.hover-bubble.multi-selector .create-multi input[type=text]:hover {
  4106. background:#3d3d3d;
  4107. border-color:#484848;
  4108. outline:0
  4109. }
  4110. .hover-bubble.multi-selector label:hover {
  4111. background:0 0
  4112. }
  4113. .hover-bubble.multi-selector label input[type=checkbox] {
  4114. vertical-align:baseline
  4115. }
  4116. .hover-bubble.multi-selector label a {
  4117. background:#444;
  4118. border:1px solid #555;
  4119. opacity:1;
  4120. color:#eee
  4121. }
  4122. .hover-bubble.multi-selector label a:hover {
  4123. background:#494949;
  4124. border-color:#5a5a5a
  4125. }
  4126. .hover-bubble.anchor-left.anchor-left:after,.hover-bubble.anchor-left.anchor-right:after,.hover-bubble.anchor-right.anchor-left:after,.hover-bubble.anchor-right.anchor-right:after {
  4127. width:12px;
  4128. height:20px;
  4129. top:42px;
  4130. border:none
  4131. }
  4132. .hover-bubble.anchor-left.anchor-right:after,.hover-bubble.anchor-right.anchor-right:after {
  4133. right:-11px;
  4134. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -36px -413px no-repeat
  4135. }
  4136. .hover-bubble.anchor-left.anchor-left:after,.hover-bubble.anchor-right.anchor-left:after {
  4137. left:-11px;
  4138. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -48px -413px no-repeat
  4139. }
  4140. .hover-bubble.anchor-left.anchor-left:before,.hover-bubble.anchor-left.anchor-right:before,.hover-bubble.anchor-right.anchor-left:before,.hover-bubble.anchor-right.anchor-right:before {
  4141. display:none
  4142. }
  4143. .multi-details>h2,.multi-details>h3 {
  4144. padding:10px 15px 0;
  4145. color:#ddd;
  4146. font-weight:700
  4147. }
  4148. .multi-details>h2 {
  4149. border-top:1px solid #181818
  4150. }
  4151. .multi-details>h3 {
  4152. margin:0;
  4153. background:#222;
  4154. border-top:1px solid #272727
  4155. }
  4156. .multi-details .gray-buttons.settings {
  4157. padding:0;
  4158. margin-bottom:0
  4159. }
  4160. .multi-details>.gray-buttons.settings {
  4161. padding:0 15px 12px
  4162. }
  4163. .multi-details .gray-buttons.settings button {
  4164. color:#999;
  4165. font-family:sans-serif
  4166. }
  4167. .multi-details .gray-buttons.settings button:hover {
  4168. color:#bbb;
  4169. text-decoration:none
  4170. }
  4171. .multi-details .description .gray-buttons.settings {
  4172. background:#202020;
  4173. padding:8px 15px;
  4174. border-bottom:1px solid #181818
  4175. }
  4176. .filtered-details form.rename-multi .warning,.multi-details form.rename-multi .warning {
  4177. font-weight:400;
  4178. margin:0 0 5px;
  4179. color:#e74c3c
  4180. }
  4181. .confirm-button .confirmation {
  4182. color:#e74c3c;
  4183. font-size:11px
  4184. }
  4185. .filtered-details .share-in-sr,.multi-details .share-in-sr {
  4186. font-size:11px;
  4187. color:#999
  4188. }
  4189. .filtered-details form.copy-multi,.filtered-details form.rename-multi,.multi-details form.copy-multi,.multi-details form.rename-multi {
  4190. margin:0;
  4191. padding:0 15px 10px;
  4192. background:#202020
  4193. }
  4194. .filtered-details .copy-multi input.multi-name,.filtered-details .rename-multi input.multi-name,.multi-details .copy-multi input.multi-name,.multi-details .rename-multi input.multi-name {
  4195. border-color:#494949;
  4196. background:#393939;
  4197. color:#eee
  4198. }
  4199. .filtered-details form.copy-multi button,.filtered-details form.rename-multi button,.multi-details form.copy-multi button,.multi-details form.rename-multi button {
  4200. background:0 0;
  4201. border:none;
  4202. color:#eee;
  4203. box-shadow:none;
  4204. opacity:1;
  4205. font-family:sans-serif;
  4206. position:relative;
  4207. top:-1px
  4208. }
  4209. .multi-details form.copy-multi .error.copy-error {
  4210. font-size:11px;
  4211. margin-top:3px
  4212. }
  4213. .multi-details>.description {
  4214. border-top:1px solid #181818;
  4215. margin:0
  4216. }
  4217. .multi-details>.description .usertext-body .md {
  4218. border-bottom-color:#181818
  4219. }
  4220. .filtered-details .description .usertext-edit,.filtered-details .description .usertext-edit textarea,.multi-details .description .usertext-edit,.multi-details .description .usertext-edit textarea {
  4221. width:270px!important;
  4222. margin:0
  4223. }
  4224. .filtered-details .description .usertext-edit,.multi-details .description .usertext-edit {
  4225. padding:10px 10px 0
  4226. }
  4227. .filtered-details .description .usertext-edit .bottom-area,.multi-details .description .usertext-edit .bottom-area {
  4228. margin-top:5px
  4229. }
  4230. .filtered-details>.description .usertext-edit>.md,.multi-details>.description .usertext-edit>.md {
  4231. width:276px
  4232. }
  4233. .filtered-details form.add-sr,.multi-details form.add-sr {
  4234. margin:-1px 0 0;
  4235. padding:0 15px 10px;
  4236. background:#222
  4237. }
  4238. .multi-details form.add-sr {
  4239. border-bottom:1px solid #272727
  4240. }
  4241. .filtered-details form.add-sr .sr-name,.multi-details form.add-sr .sr-name {
  4242. background:#393939;
  4243. border:1px solid #494949;
  4244. color:#eee;
  4245. font-size:12px
  4246. }
  4247. .filtered-details form.add-sr #sr-drop-down,.multi-details form.add-sr #sr-drop-down {
  4248. background:#2d2d2d;
  4249. border-color:#353535
  4250. }
  4251. .filtered-details form.add-sr .error,.multi-details form.add-sr .error {
  4252. margin-top:3px;
  4253. font-size:11px
  4254. }
  4255. .filtered-details ul.subreddits,.multi-details ul.subreddits {
  4256. background:#222;
  4257. padding:5px 15px 10px;
  4258. border-bottom:1px solid #272727;
  4259. margin-left:0
  4260. }
  4261. .filtered-details ul li,.multi-details ul li {
  4262. font-size:12px;
  4263. position:relative
  4264. }
  4265. .filtered-details ul.subreddits li a,.multi-details ul.subreddits li a {
  4266. margin-left:12px
  4267. }
  4268. .filtered-details.readonly ul.subreddits li a,.multi-details.readonly ul.subreddits li a {
  4269. margin-left:0
  4270. }
  4271. .multi-details .bottom {
  4272. margin-top:0
  4273. }
  4274. .multi-details .recommend-box {
  4275. margin:0;
  4276. padding:0;
  4277. background:#222;
  4278. border-top:1px solid #181818
  4279. }
  4280. .multi-details .recommend-box .recs {
  4281. padding:10px 15px;
  4282. border-top:1px solid #272727
  4283. }
  4284. .multi-details .recommend-box h1 {
  4285. font-size:13px
  4286. }
  4287. .recommend-box ul.recommendations {
  4288. margin-bottom:8px
  4289. }
  4290. .multi-details .recommend-box .rec-item {
  4291. margin:0;
  4292. background:0 0;
  4293. padding:0;
  4294. width:120px;
  4295. border:none
  4296. }
  4297. .multi-details .recommend-box .rec-item a {
  4298. padding:0;
  4299. width:auto;
  4300. line-height:normal;
  4301. margin-left:12px
  4302. }
  4303. .multi-details.readonly .recommend-box .rec-item a {
  4304. margin-left:0
  4305. }
  4306. .filtered-details .recommend-box button.add,.filtered-details .subreddits button.remove-sr,.multi-details .recommend-box .rec-item button.add,.multi-details .subreddits button.remove-sr {
  4307. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat;
  4308. width:9px;
  4309. height:9px;
  4310. margin:0;
  4311. position:absolute;
  4312. left:0;
  4313. top:5px;
  4314. opacity:1;
  4315. border:0
  4316. }
  4317. .filtered-details .subreddits button.add,.multi-details .recommend-box .rec-item button.add {
  4318. background-position:-24px -102px
  4319. }
  4320. .filtered-details button.add:after,.multi-details .recommend-box .rec-item button.add:after {
  4321. display:none;
  4322. content:none
  4323. }
  4324. .filtered-details .subreddits button.remove-sr,.multi-details .subreddits button.remove-sr {
  4325. background-position:-24px -113px
  4326. }
  4327. .filtered-details .add-sr button.add,.multi-details .add-sr button.add {
  4328. margin-left:5px;
  4329. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -37px -106px no-repeat;
  4330. border:0!important;
  4331. opacity:1
  4332. }
  4333. .multi-details .recommend-box .more {
  4334. color:#3498db;
  4335. font-weight:400;
  4336. font-style:italic;
  4337. font-size:11px
  4338. }
  4339. .multi-details .recommend-box .endoflist {
  4340. padding:10px 15px;
  4341. background:#222;
  4342. border-top:1px solid #272727
  4343. }
  4344. .multi-details .recommend-box .endoflist h1 {
  4345. font-size:13px
  4346. }
  4347. .multi-details .recommend-box .endoflist .heading {
  4348. color:#999
  4349. }
  4350. .multi-details .visibility-group {
  4351. margin-top:8px
  4352. }
  4353. .organic-listing .help {
  4354. margin-bottom:6px;
  4355. color:#3498DB
  4356. }
  4357. #spotlight-help.hover-bubble {
  4358. padding:1px;
  4359. margin-left:1px;
  4360. background:#2b2b2b;
  4361. border:1px solid #101010;
  4362. box-shadow:0 0 1px rgba(16,16,16,.5);
  4363. color:#ddd
  4364. }
  4365. #spotlight-help.hover-bubble .help-section {
  4366. background:#252525
  4367. }
  4368. #spotlight-help.hover-bubble .help-section>* {
  4369. padding:.5em;
  4370. margin:0
  4371. }
  4372. #spotlight-help.hover-bubble .help-section>p:nth-of-type(1) {
  4373. padding-bottom:0
  4374. }
  4375. .hover-bubble.anchor-top:after {
  4376. display:none
  4377. }
  4378. .hover-bubble.anchor-top:before {
  4379. width:18px;
  4380. height:11px;
  4381. top:-10px;
  4382. background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -12px -413px no-repeat;
  4383. border:none
  4384. }
  4385. .modal-content {
  4386. background:#222;
  4387. border-radius:0;
  4388. border:1px solid #2d2d2d
  4389. }
  4390. .modal-title {
  4391. color:#eee;
  4392. font-family:sans-serif
  4393. }
  4394. .split-panel .split-panel-section.split-panel-divider:first-child {
  4395. border-color:#333
  4396. }
  4397. .login-disclaimer {
  4398. color:grey
  4399. }
  4400. .modal-content .c-btn-primary {
  4401. background:#393939;
  4402. border:1px solid #494949
  4403. }
  4404. .usertext-buttons .status {
  4405. font-family:sans-serif;
  4406. font-size:11px;
  4407. color:#888
  4408. }
  4409. .usertext button {
  4410. margin-top:0;
  4411. background:#393939;
  4412. border:1px solid #494949;
  4413. border-radius:1px;
  4414. color:#eee
  4415. }
  4416. .error {
  4417. color:#e74c3c
  4418. }
  4419. .bottom-area .error {
  4420. font-family:sans-serif;
  4421. font-size:11px;
  4422. color:#e74c3c
  4423. }
  4424. .bottom-area .help-toggle a.option,.bottom-area a.reddiquette {
  4425. font-family:sans-serif
  4426. }
  4427. .bottom-area .help-toggle,.bottom-area a.reddiquette {
  4428. margin-top:2px
  4429. }
  4430. .bottom-area a.reddiquette {
  4431. position:relative;
  4432. top:3px
  4433. }
  4434. .bottom-area .help-toggle a.option:active,.bottom-area .help-toggle a.option:focus,.bottom-area a.reddiquette:active,.bottom-area a.reddiquette:focus {
  4435. outline:0
  4436. }
  4437. @media screen and (-webkit-min-device-pixel-ratio:0) {
  4438. .bottom-area a.reddiquette {
  4439. top:0
  4440. }
  4441. }
  4442. .linefield .bottom-area a.reddiquette,.messages-page.compose-page .roundfield .usertext-edit .bottom-area a.reddiquette {
  4443. top:0
  4444. }
  4445. .markhelp,.usertext .markhelp {
  4446. padding:10px 0 0;
  4447. margin:0 0 10px;
  4448. border-top:none;
  4449. font-family:sans-serif
  4450. }
  4451. .markhelp>p {
  4452. font-size:12px
  4453. }
  4454. .markhelp table.md {
  4455. margin-top:10px;
  4456. margin-left:0;
  4457. font-size:12px
  4458. }
  4459. .markhelp tbody tr,.usertext .markhelp tbody tr {
  4460. border:none
  4461. }
  4462. .markhelp tbody tr:nth-of-type(1) {
  4463. text-transform:uppercase
  4464. }
  4465. .markhelp tbody tr:nth-of-type(1) td em {
  4466. font-style:normal;
  4467. font-weight:700
  4468. }
  4469. .markhelp tbody td,.usertext .markhelp tbody td {
  4470. padding:8px;
  4471. border:1px solid #2d2d2d;
  4472. text-align:left;
  4473. color:#ddd
  4474. }
  4475. .markhelp tbody tr:nth-of-type(odd)>td {
  4476. background:#292929
  4477. }
  4478. .markhelp tbody tr:nth-of-type(even)>td {
  4479. background:#252525
  4480. }
  4481. .res #header-bottom-right {
  4482. padding:0 15px 0 8px;
  4483. top:auto;
  4484. bottom:0;
  4485. border-radius:0;
  4486. height:40px
  4487. }
  4488. .res #header-bottom-right.res-navTop {
  4489. top:21px;
  4490. bottom:auto;
  4491. border-top:1px solid #222;
  4492. border-bottom:1px solid #272727
  4493. }
  4494. .res #header-bottom-right.res-navTop:before {
  4495. background-position:-30px -367px;
  4496. border-top:1px solid #222;
  4497. border-bottom:0
  4498. }
  4499. .res #mail.havemail {
  4500. top:1px!important
  4501. }
  4502. .res #sr-header-area #srLeftContainer {
  4503. overflow:hidden
  4504. }
  4505. .res #sr-header-area #RESStaticShortcuts .separator {
  4506. visibility:hidden
  4507. }
  4508. .res #sr-header-area #srLeftContainer .srSep {
  4509. margin-left:9px;
  4510. color:#444
  4511. }
  4512. .res #sr-header-area #RESShortcutsViewport #RESShortcuts {
  4513. text-transform:uppercase!important;
  4514. color:#444
  4515. }
  4516. .res #RESShortcutsEditContainer {
  4517. max-height:20px;
  4518. background:0 0
  4519. }
  4520. .res #RESShortcutsEditContainer #RESShortcutsAdd,.res #RESShortcutsEditContainer #RESShortcutsLeft,.res #RESShortcutsEditContainer #RESShortcutsRight,.res #RESShortcutsEditContainer #RESShortcutsSort,.res #RESShortcutsEditContainer #RESShortcutsTrash {
  4521. height:20px;
  4522. background:0 0;
  4523. font-size:12px;
  4524. line-height:20px;
  4525. color:#999
  4526. }
  4527. .res #RESShortcutsEditContainer #RESShortcutsSort {
  4528. top:1px
  4529. }
  4530. .res #RESShortcutsEditContainer #RESShortcutsLeft {
  4531. right:27px
  4532. }
  4533. .res #RESShortcutsEditContainer .res-icon {
  4534. right:15px;
  4535. font-size:12px
  4536. }
  4537. .res #userbarToggle {
  4538. border-radius:0;
  4539. border:none;
  4540. width:20px;
  4541. padding:0;
  4542. line-height:36px;
  4543. height:40px;
  4544. text-align:center;
  4545. background:0 0;
  4546. color:#999;
  4547. left:0
  4548. }
  4549. .res-navTop #userbarToggle.userbarShow {
  4550. top:auto;
  4551. bottom:0;
  4552. left:0
  4553. }
  4554. .res .titlebox>h1.redditname+div {
  4555. padding:8px 15px;
  4556. border-top:1px solid #181818
  4557. }
  4558. .res .titlebox>.subButtons {
  4559. border-top:1px solid #181818
  4560. }
  4561. .res .fancy-toggle-button {
  4562. border-top:1px solid #272727
  4563. }
  4564. .res .RESDashboardToggle,.res .RESshortcutside {
  4565. width:136px;
  4566. background:#202020;
  4567. border:none;
  4568. display:inline-block;
  4569. border-top:1px solid #272727;
  4570. border-bottom:1px solid #181818;
  4571. height:20px;
  4572. line-height:20px;
  4573. padding:1px 6px;
  4574. margin:0;
  4575. border-radius:0;
  4576. color:#999
  4577. }
  4578. .res .RESDashboardToggle {
  4579. width:135px;
  4580. border-left:1px solid #181818
  4581. }
  4582. .res .RESDashboardToggle:hover,.res .RESshortcutside:hover {
  4583. background:#222
  4584. }
  4585. .res .subscribers,.res .users-online {
  4586. margin-top:-55px
  4587. }
  4588. .res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  4589. background-color:#292929!important
  4590. }
  4591. .res-commentBoxes .res .comment {
  4592. border:0!important;
  4593. background:#222!important;
  4594. margin-left:0!important;
  4595. margin-bottom:0!important;
  4596. padding:1px 0 0!important;
  4597. overflow:visible!important;
  4598. margin-right:0!important
  4599. }
  4600. .res .commentarea .sitetable.nestedlisting>.comment {
  4601. margin-top:1px!important;
  4602. padding-top:10px!important;
  4603. border-top:1px solid #2a2a2a!important
  4604. }
  4605. .res .commentarea .sitetable.nestedlisting>.comment.collapsed {
  4606. margin-bottom:11px!important;
  4607. padding-top:9px!important
  4608. }
  4609. .res .comment.collapsed {
  4610. padding-top:0!important
  4611. }
  4612. .res-commentBoxes .res .comment div.child {
  4613. border-left:1px dotted #333!important
  4614. }
  4615. .res-nightmode.res-commentBoxes .res.comments-page .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  4616. background:#222!important
  4617. }
  4618. .res-commentBoxes .res .comment .comment,.res-commentBoxes .res .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  4619. background-color:#222!important
  4620. }
  4621. .res .comment span.score {
  4622. color:#637481;
  4623. font-weight:400
  4624. }
  4625. .res .RESUserTagImage {
  4626. background-image:url("https://b.thumbs.redditmedia.com/bJ6W-li90D74SxYhGRqRlOAF6p8NtubXmXurS_wiunY.png");
  4627. height:9px;
  4628. position:relative;
  4629. top:1px;
  4630. margin-left:-.4em
  4631. }
  4632. .res .tagline a.voteWeight {
  4633. background:0 0;
  4634. color:#637481
  4635. }
  4636. .res .linkinfo .score {
  4637. display:inline-block
  4638. }
  4639. .res .linkinfo .totalvotes {
  4640. display:inline-block;
  4641. margin-left:10px;
  4642. padding:2px 5px;
  4643. background:#333;
  4644. border-radius:1px
  4645. }
  4646. .res .link .tagline a.author {
  4647. font-weight:400
  4648. }
  4649. .res .thing .tagline a.author.submitter,.res .thing .tagline a.author.submitter:hover {
  4650. color:#3498db!important;
  4651. background:0 0!important
  4652. }
  4653. .res .thing .tagline a.author.moderator,.res .thing .tagline a.author.moderator:hover {
  4654. color:#18af92!important;
  4655. background:0 0!important
  4656. }
  4657. .res .thing .tagline a.author.admin,.res .thing .tagline a.author.admin:hover {
  4658. color:#e04232!important;
  4659. background:0 0!important
  4660. }
  4661. .res .thing .tagline a.author.alum,.res .thing .tagline a.author.alum:hover {
  4662. color:#d32a4d!important;
  4663. background:0 0!important
  4664. }
  4665. .res .comment .usertext.border .usertext-body {
  4666. margin-right:0
  4667. }
  4668. .res .redditSingleClick {
  4669. color:#637481;
  4670. font-weight:400
  4671. }
  4672. .res.res-nightmode .entry .buttons li a,.res.res-nightmode .entry time {
  4673. color:#637481
  4674. }
  4675. .res .RESSubscriptionButton {
  4676. background:#292929;
  4677. border:1px solid #333;
  4678. color:#3498db;
  4679. font-size:12px;
  4680. font-family:sans-serif;
  4681. border-radius:2px;
  4682. font-weight:400
  4683. }
  4684. .res .RESSubscriptionButton:hover {
  4685. background:#2d2d2d;
  4686. border-color:#393939
  4687. }
  4688. .res .RESSubscriptionButton.unsubscribe {
  4689. color:#999
  4690. }
  4691. .res .commentNavSortType {
  4692. color:#eee
  4693. }
  4694. .res div#navigateBynew.commentNavSortType {
  4695. color:#cd9930!important
  4696. }
  4697. .res span.RESCharCounter {
  4698. background:#252525;
  4699. padding:3px 6px;
  4700. font-size:12px;
  4701. border:1px solid #2d2d2d;
  4702. position:relative;
  4703. top:2px;
  4704. color:#888
  4705. }
  4706. .res .markdownEditor .edit-btn:not(.btn-macro) {
  4707. background-image:url("https://b.thumbs.redditmedia.com/pbDjxm7BuOs4hwQh47kEYnaSt4efLAEGNi4aboPWUTQ.png");
  4708. border:1px solid #444;
  4709. background-color:#333!important
  4710. }
  4711. .res .markdownEditor .btn-superscript {
  4712. top:2px
  4713. }
  4714. .res .commentingAs {
  4715. font-family:sans-serif
  4716. }
  4717. .res .RESMacroWrappingSpan {
  4718. font-family:sans-serif;
  4719. text-transform:uppercase
  4720. }
  4721. .res .RESMacroDropdownTitle {
  4722. color:#888;
  4723. padding-left:21px;
  4724. padding-right:0;
  4725. background:url("https://a.thumbs.redditmedia.com/UKO5Yt3_710n8nhGIrFV1vaGEp8JAq6NiAfv68qhyk0.png") left center no-repeat
  4726. }
  4727. .res .livePreview {
  4728. border:1px solid #333;
  4729. margin-top:10px
  4730. }
  4731. .res .RESDialogSmall {
  4732. background:#222;
  4733. border-color:#333;
  4734. border-radius:0;
  4735. color:#ddd
  4736. }
  4737. .res .RESDialogSmall>h3 {
  4738. background:#292929;
  4739. color:#eee;
  4740. font-family:sans-serif;
  4741. border-color:#333;
  4742. margin:0;
  4743. font-weight:700
  4744. }
  4745. .res .usertext-edit .RESDialogSmall .md.RESDialogContents {
  4746. margin:0;
  4747. background:#252525!important;
  4748. border-top:1px solid #1a1a1a;
  4749. padding-top:10px;
  4750. font-family:sans-serif
  4751. }
  4752. .res #BigPreview.md {
  4753. font-family:sans-serif;
  4754. font-size:14px
  4755. }
  4756. .res button.RESBigEditorPop {
  4757. color:#eee;
  4758. background-color:#333;
  4759. border:1px solid #444
  4760. }
  4761. .res button.RESBigEditorPop:hover {
  4762. background-color:#393939;
  4763. border-color:#494949
  4764. }
  4765. .res .newComments {
  4766. color:#ff5c2d;
  4767. font-weight:400
  4768. }
  4769. .res.res-nightmode body {
  4770. background:#1a1a1a
  4771. }
  4772. .res.res-nightmode #header,.res.res-nightmode .linkinfo input {
  4773. background:#202020
  4774. }
  4775. .res.res-nightmode #sr-header-area,.res.res-nightmode #sr-more-link,.res.res-nightmode div#RESShortcutsEditContainer {
  4776. background:#1a1a1a;
  4777. color:#ddd
  4778. }
  4779. .res.res-nightmode #header-bottom-right {
  4780. background:#1d1d1d
  4781. }
  4782. .res.res-nightmode .side,.res.res-nightmode body .content {
  4783. background:0 0
  4784. }
  4785. .res.res-nightmode .side .spacer>#search input {
  4786. background:#202020;
  4787. color:#eee
  4788. }
  4789. .res.res-nightmode #searchexpando {
  4790. border-color:#272727;
  4791. border-top:1px solid #181818
  4792. }
  4793. .res.res-nightmode .side .linkinfo {
  4794. background:#222;
  4795. border-color:#272727
  4796. }
  4797. .res.res-nightmode .side .titlebox {
  4798. border-color:#272727
  4799. }
  4800. .res.res-nightmode .linklisting .link {
  4801. padding:9px 10px
  4802. }
  4803. .res.res-nightmode .listing-page .sitetable>div:nth-of-type(4n+1) {
  4804. background:#202020;
  4805. padding-top:9px
  4806. }
  4807. .res.res-nightmode .organic-listing .thing {
  4808. background-color:#202020!important
  4809. }
  4810. .res.res-nightmode h1 {
  4811. border-bottom:0
  4812. }
  4813. .res.res-nightmode .titlebox>h1 {
  4814. border-bottom:1px solid #272727!important
  4815. }
  4816. .res.res-nightmode .sidecontentbox .content {
  4817. border-color:#272727;
  4818. border-top:1px solid #181818;
  4819. background:#202020
  4820. }
  4821. .res.res-nightmode .link .expando-button {
  4822. background-image:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png")!important
  4823. }
  4824. .res .entry div.madeVisible {
  4825. margin-top:5px
  4826. }
  4827. .res #modalOverlay,.res #modalOverlay.fadeIn {
  4828. background-color:rgba(0,0,0,.5)
  4829. }
  4830. .res #RESMainGearOverlay {
  4831. background:#1d1d1d;
  4832. border:0
  4833. }
  4834. .res .RESDropdownList {
  4835. background-color:#2d2d2d;
  4836. border-radius:0;
  4837. border-color:#101010;
  4838. box-shadow:0 0 5px rgba(16,16,16,.5)
  4839. }
  4840. .res .RESDropdownList #RESDropdownOptions {
  4841. border:1px solid #353535
  4842. }
  4843. .res .RESDropdownList li {
  4844. border-bottom-color:#353535;
  4845. border-top:1px solid #202020;
  4846. color:#ddd
  4847. }
  4848. .res .RESDropdownList a:hover,.res .RESDropdownList li:hover {
  4849. background-color:#323232;
  4850. color:#fff
  4851. }
  4852. .res .RESDropdownList li a,.res .RESDropdownList li a:visited {
  4853. color:#ddd
  4854. }
  4855. .res .RESDropdownList #DashboardLink {
  4856. border-top:0
  4857. }
  4858. .res .RESDropdownList #RESTipsMenuItem {
  4859. border-bottom:0
  4860. }
  4861. .res-navTop #header {
  4862. height:100px
  4863. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement