Advertisement
Guest User

Untitled

a guest
Jun 25th, 2016
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 90.67 KB | None | 0 0
  1. /*
  2. Version 4.0
  3. Stylesheet by Cryptonaut
  4. Assisted by RenegadeAI & LackingAGoodName
  5. Last modified: 6 April 2016
  6. Details: This is a custom template made by /u/Cryptonaut
  7. Find out more on /r/Naut
  8.  
  9. -------------------------------------------------------------------------- */
  10.  
  11. *,
  12. :before,
  13. :after {
  14. -webkit-box-sizing: border-box;
  15. -moz-box-sizing: border-box;
  16. box-sizing: border-box
  17. }
  18.  
  19. body {
  20. overflow-x: hidden;
  21. background-color: #eee;
  22. min-width: 920px
  23. }
  24.  
  25. a {
  26. color: #24a0ed;
  27. transition: color .15s ease
  28. }
  29.  
  30. ::-moz-selection {
  31. background-color: #0079d3;
  32. text-shadow: none;
  33. color: #fff
  34. }
  35.  
  36. ::selection {
  37. background-color: #0079d3;
  38. text-shadow: none;
  39. color: #fff
  40. }
  41.  
  42. :focus {
  43. outline: none!important
  44. }
  45.  
  46. body .content .text,
  47. body .content textarea,
  48. body .content input[type=text],
  49. body .content input[type=password],
  50. .side .spacer input,
  51. body .content input[type=url] {
  52. background-color: #fff;
  53. border: 1px solid #c3cfd6;
  54. color: #738491;
  55. box-shadow: none;
  56. transition: border-color .15s ease, color .15s ease;
  57. padding: 6px 12px
  58. }
  59.  
  60. body .content .text:hover,
  61. body .content textarea:hover,
  62. body .content input[type=text]:hover,
  63. body .content input[type=password]:hover,
  64. .side .spacer input:hover,
  65. body .content input[type=url]:hover {
  66. border-color: #738491
  67. }
  68.  
  69. body .content .text:focus,
  70. body .content textarea:focus,
  71. body .content input[type=text]:focus,
  72. body .content input[type=password]:focus,
  73. .side .spacer input:active,
  74. body .content input[type=url]:focus {
  75. border-color: #24a0ed;
  76. color: #292f34
  77. }
  78.  
  79. body .btn,
  80. body button {
  81. margin: 4px 16px 4px 0;
  82. padding: 2px 18px;
  83. background-color: #0079d3;
  84. border: none;
  85. border-radius: 2px;
  86. color: #fff;
  87. text-transform: uppercase;
  88. font-weight: 700;
  89. cursor: default;
  90. height: 32px;
  91. font-size: 12px;
  92. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  93. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
  94. }
  95.  
  96. .btn:hover,
  97. button:hover {
  98. color: #fff;
  99. background-color: #158be2;
  100. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  101. }
  102.  
  103. .btn:active,
  104. button:active {
  105. color: #fff;
  106. background-color: #0066b2;
  107. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
  108. }
  109.  
  110. #header {
  111. margin: 0;
  112. height: 196px;
  113. border: none;
  114. background-color: #30333A;
  115. background-image: url(%%headerimg%%);
  116. background-repeat: no-repeat;
  117. background-position: 50% 50%;
  118. background-size: cover;
  119. z-index: 1;
  120. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
  121. }
  122.  
  123. #sr-header-area {
  124. background-color: rgba(0, 0, 0, 0.08);
  125. border: none;
  126. transition: all .15s ease;
  127. height: 24px;
  128. line-height: 23px
  129. }
  130.  
  131. #sr-header-area .width-clip {
  132. right: 300px
  133. }
  134.  
  135. body:not(.loggedin) #sr-header-area .width-clip {
  136. right: 340px
  137. }
  138.  
  139. #sr-header-area .sr-list {
  140. margin-right: 48px
  141. }
  142.  
  143. #sr-header-area .sr-bar a,
  144. #sr-more-link,
  145. #sr-header-area .separator,
  146. #sr-header-area .dropdown.srdrop .selected {
  147. background-color: transparent;
  148. color: rgba(255, 255, 255, 0.4);
  149. transition: all .15s ease
  150. }
  151.  
  152. #sr-header-area:hover .sr-bar a,
  153. #sr-header-area:hover #sr-more-link,
  154. #sr-header-area:hover .seperator,
  155. #sr-header-area:hover .dropdown.srdrop .selected {
  156. color: rgba(255, 255, 255, 0.8)
  157. }
  158.  
  159. #sr-header-area .sr-bar a:hover,
  160. #sr-more-link:hover,
  161. #sr-header-area .dropdown.srdrop .selected:hover {
  162. background-color: transparent;
  163. border: none;
  164. transition: all .15s ease
  165. }
  166.  
  167. a.random.choice {
  168. padding-top: 2px;
  169. position: relative;
  170. display: inline-block;
  171. margin-top: -2px
  172. }
  173.  
  174. #sr-header-area .dropdown.srdrop .selected {
  175. margin: 0 12px 0 8px;
  176. padding: 0;
  177. background-image: none
  178. }
  179.  
  180. #sr-header-area .dropdown.srdrop .selected:hover {
  181. text-decoration: underline
  182. }
  183.  
  184. #sr-header-area .dropdown.srdrop .selected:after {
  185. position: relative;
  186. content: "▼";
  187. margin-left: 4px;
  188. font-size: 10px
  189. }
  190.  
  191. #sr-header-area .drop-choices.srdrop {
  192. background-color: #fff;
  193. border: none;
  194. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
  195. }
  196.  
  197. #sr-header-area .drop-choices a.choice {
  198. border-bottom: 1px solid #edeeee;
  199. color: #4D5763;
  200. padding: 2px
  201. }
  202.  
  203. #sr-header-area .drop-choices a.choice:hover {
  204. background-color: #f1f1f1
  205. }
  206.  
  207. #header-bottom-right {
  208. position: absolute;
  209. top: 0;
  210. right: 0;
  211. width: auto;
  212. max-width: 300px;
  213. height: 24px;
  214. background-color: transparent;
  215. font-size: 11px;
  216. padding: 5px 8px 4px 2px
  217. }
  218.  
  219. body:not(.loggedin) #header-bottom-right {
  220. max-width: 340px
  221. }
  222.  
  223. #header-bottom-right a {
  224. color: rgba(255, 255, 255, 0.7)
  225. }
  226.  
  227. #header-bottom-right a:hover {
  228. text-decoration: underline
  229. }
  230.  
  231. .beta-hint a {
  232. margin-left: -16px;
  233. width: 16px;
  234. height: 16px;
  235. background-image: url(%%spritesheet%%);
  236. background-repeat: no-repeat;
  237. background-position: -48px -32px;
  238. background-size: inherit
  239. }
  240.  
  241. .user .userkarma {
  242. font-weight: 400;
  243. color: rgba(255, 255, 255, 0.4);
  244. border: none;
  245. font-size: 9px;
  246. transition: all .15s ease
  247. }
  248.  
  249. .separator,
  250. .user {
  251. color: rgba(255, 255, 255, 0.4)
  252. }
  253.  
  254. #mail,
  255. #modmail {
  256. width: 16px;
  257. height: 14px;
  258. background-image: url(%%spritesheet%%)!important;
  259. background-repeat: no-repeat!important;
  260. background-color: transparent;
  261. transition: all .25s ease
  262. }
  263.  
  264. #mail {
  265. top: -2px;
  266. overflow: visible
  267. }
  268.  
  269. #mail.nohavemail {
  270. background-position: -0 -0
  271. }
  272.  
  273. #mail.havemail {
  274. background-position: -0 -32px;
  275. opacity: 1
  276. }
  277.  
  278. .message-count {
  279. background-color: #f50;
  280. position: relative;
  281. top: -1px;
  282. color: #fff!important
  283. }
  284.  
  285. #mail.havemail:before {
  286. position: fixed;
  287. padding: 16px 24px;
  288. bottom: 24px;
  289. z-index: 100;
  290. background-color: #EA4848;
  291. border-radius: 2px;
  292. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24);
  293. color: #fff;
  294. width: 300px;
  295. height: 48px;
  296. left: 32px;
  297. content: "You have new messages!";
  298. text-indent: 0;
  299. font-size: 14px;
  300. font-family: arial, sans-serif;
  301. line-height: 1;
  302. -webkit-transform: translateY(112px);
  303. transform: translateY(112px);
  304. transition: background-color .25s ease, box-shadow .25s ease;
  305. background-image: url(%%spritesheet%%);
  306. background-position: 269px -120px;
  307. background-repeat: no-repeat
  308. }
  309.  
  310. #mail.havemail:hover:before {
  311. background-color: #ec5b5b;
  312. box-shadow: 0 3px 12px rgba(0, 0, 0, 0.48)
  313. }
  314.  
  315. #mail.havemail:active:before {
  316. background-color: #c73d3d;
  317. box-shadow: 0 4px 14px rgba(0, 0, 0, 0.76)
  318. }
  319.  
  320. #modmail {
  321. top: -3px
  322. }
  323.  
  324. #modmail.nohavemail {
  325. background-position: -16px -0
  326. }
  327.  
  328. #modmail.havemail {
  329. background-position: -16px -32px;
  330. opacity: 1
  331. }
  332.  
  333. #header-bottom-right a.pref-lang,
  334. .loggedin .logout a {
  335. background-position: -32px -0;
  336. background-image: url(%%spritesheet%%);
  337. width: 16px;
  338. height: 14px;
  339. display: inline-block;
  340. text-indent: -9999px;
  341. margin: 0;
  342. position: relative;
  343. top: -1px;
  344. transition: all .25s ease
  345. }
  346.  
  347. .loggedin .logout a {
  348. background-position: -48px -0
  349. }
  350.  
  351. #header-img.default-header,
  352. #header-img {
  353. z-index: 99;
  354. width: 0;
  355. padding-left: 42px;
  356. height: 42px;
  357. background-image: url(%%spritesheet%%);
  358. background-position: -80px -0;
  359. margin: 0 8px 0 0;
  360. vertical-align: top;
  361. font-size: 0
  362. }
  363.  
  364. #header-img.default-header:hover,
  365. #header-img:hover {
  366. background-position: -122px 0
  367. }
  368.  
  369. #header .pagename {
  370. font-size: 0
  371. }
  372.  
  373. #header .pagename a {
  374. display: inline-block;
  375. line-height: 42px;
  376. color: #fff;
  377. font-size: 42px;
  378. font-weight: 700;
  379. font-family: Lato, arial, sans-serif;
  380. font-variant: normal;
  381. text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2)
  382. }
  383.  
  384. #header-bottom-left {
  385. position: absolute;
  386. top: 100px;
  387. left: 16px;
  388. right: 384px
  389. }
  390.  
  391. #header .tabmenu {
  392. margin: 12px 0 0;
  393. display: block;
  394. height: 42px;
  395. line-height: 42px;
  396. border: none
  397. }
  398.  
  399. #header .tabmenu:before {
  400. content: "";
  401. display: block;
  402. position: absolute;
  403. left: -16px;
  404. right: -384px;
  405. background-color: rgba(0, 0, 0, 0.24);
  406. height: 42px;
  407. z-index: -1
  408. }
  409.  
  410. #header .tabmenu li a {
  411. margin: 0 16px;
  412. padding: 0;
  413. text-transform: uppercase;
  414. font-weight: 400;
  415. font-size: 14px;
  416. font-family: Lato, arial, sans-serif;
  417. color: rgba(255, 255, 255, 0.7);
  418. display: inline-block;
  419. line-height: 32px
  420. }
  421.  
  422. #header .tabmenu li a:hover {
  423. color: #fff
  424. }
  425.  
  426. #header .tabmenu li:first-of-type a {
  427. margin-left: 0
  428. }
  429.  
  430. #header .tabmenu li.selected a {
  431. padding-bottom: 4px;
  432. color: #fff;
  433. border-bottom: 2px solid
  434. }
  435.  
  436. .listing-page .tabmenu li > a[href$="/controversial/"],
  437. .wiki-page .tabmenu li > a[href$="/controversial/"],
  438. .listing-page .tabmenu li > a[href$="/promoted/"],
  439. .wiki-page .tabmenu li > a[href$="/promoted/"] {
  440. display: none!important
  441. }
  442.  
  443. body >.content {
  444. margin: 16px 352px 64px 16px;
  445. padding: 0;
  446. padding-top: 8px!important
  447. }
  448.  
  449. .link {
  450. margin: 0;
  451. padding: 16px 0;
  452. position: relative
  453. }
  454.  
  455. body >.content .link .rank,
  456. .rank-spacer {
  457. display: none
  458. }
  459.  
  460. .link .midcol {
  461. width: 32px!important;
  462. margin: 0 16px 0 0;
  463. overflow: visible;
  464. height: 56px
  465. }
  466.  
  467. .link .score {
  468. line-height: 16px;
  469. font-size: 12px;
  470. text-align: center;
  471. margin: 1px -100%
  472. }
  473.  
  474. .link .score.likes {
  475. color: #ff6422
  476. }
  477.  
  478. .link .score.dislikes {
  479. color: #5c5bd7
  480. }
  481.  
  482. .arrow {
  483. margin: 0;
  484. background-image: url(%%spritesheet%%)!important;
  485. background-color: transparent;
  486. width: 33px;
  487. border-radius: 2px;
  488. transition: background-color .25s ease
  489. }
  490.  
  491. .arrow:hover {
  492. background-color: rgba(0, 0, 0, 0.05)
  493. }
  494.  
  495. .arrow.up {
  496. height: 20px;
  497. background-position: -0 -80px;
  498. transition: background-color .25s ease
  499. }
  500.  
  501. .arrow.upmod {
  502. height: 20px;
  503. background-position: -32px -80px;
  504. position: relative
  505. }
  506.  
  507. .arrow.upmod:focus:after {
  508. position: absolute;
  509. left: 2px;
  510. bottom: -3px;
  511. width: 28px;
  512. height: 28px;
  513. opacity: 1;
  514. z-index: 100;
  515. content: " ";
  516. background-color: #f50;
  517. border-radius: 28px;
  518. animation: upvote .35s ease-out forwards;
  519. -webkit-animation: upvote .35s ease-out forwards
  520. }
  521.  
  522. .arrow.down {
  523. height: 20px;
  524. background-position: -64px -80px;
  525. transition: background-color .25s ease
  526. }
  527.  
  528. .arrow.downmod {
  529. height: 20px;
  530. background-position: -0 -100px
  531. }
  532.  
  533. .arrow.down:after {
  534. display: block;
  535. visibility: hidden;
  536. position: absolute;
  537. z-index: 1000;
  538. margin-top: -6px;
  539. margin-left: 32px;
  540. padding: 12px;
  541. background-color: rgba(79, 77, 192, 0.0);
  542. border: none;
  543. border-radius: 2px;
  544. color: rgba(255, 255, 255, 0);
  545. content: "For content that does not contribute to any discussion.";
  546. text-align: center;
  547. letter-spacing: 1px;
  548. font-weight: 400;
  549. font-size: 13px;
  550. transition: all .25s ease;
  551. pointer-events: none
  552. }
  553.  
  554. .arrow.down:hover:after {
  555. visibility: visible;
  556. background-color: rgba(79, 77, 192, 0.9);
  557. color: #FFF;
  558. margin-left: 48px
  559. }
  560.  
  561. .thumbnail {
  562. width: 80px;
  563. height: 56px;
  564. margin: 0 16px 0 0
  565. }
  566.  
  567. .thumbnail img {
  568. min-height: 56px;
  569. min-width: 80px;
  570. max-width: none;
  571. position: relative;
  572. transform: translateY(-50%);
  573. top: 50%
  574. }
  575.  
  576. .stickied .thumbnail,
  577. .thumbnail.default,
  578. .thumbnail.self,
  579. .over18.link .thumbnail {
  580. width: 80px;
  581. height: 56px
  582. }
  583.  
  584. .thumbnail.default {
  585. background: url(%%spritesheet%%) -176px -48px
  586. }
  587.  
  588. .thumbnail.self {
  589. background: url(%%spritesheet%%) -96px -104px
  590. }
  591.  
  592. .stickied .thumbnail {
  593. background: url(%%spritesheet%%) -96px -48px
  594. }
  595.  
  596. .over18.link .thumbnail {
  597. background: url(%%spritesheet%%) -176px -104px!important
  598. }
  599.  
  600. .over18.link .thumbnail img {
  601. display: none
  602. }
  603.  
  604. a.thumbnail[href*="reddit.com"] {
  605. background: url(%%spritesheet%%) -176px -160px
  606. }
  607.  
  608. a.thumbnail[href*="reddit.com"] img {
  609. display: none
  610. }
  611.  
  612. .link .entry {
  613. padding: 0;
  614. margin: 0;
  615. max-width: 960px
  616. }
  617.  
  618. .link .title {
  619. margin: 0;
  620. font-size: 13.5pt;
  621. font-family: Arial, sans-serif;
  622. transition: all .15s ease;
  623. overflow: visible
  624. }
  625.  
  626. body .content .sitetable .link .title a:hover {
  627. color: #24a0ed
  628. }
  629.  
  630. .thing .title.loggedin.click,
  631. .thing .title.click,
  632. .thing .title.loggedin,
  633. .thing .title {
  634. color: #24a0ed
  635. }
  636.  
  637. .content .thing .title:visited,
  638. .content .thing.visited .title {
  639. color: #738491
  640. }
  641.  
  642. .thing .title.loggedin.click:visited,
  643. .thing .title.click:visited {
  644. color: #24a0ed
  645. }
  646.  
  647. .link .domain {
  648. visibility: hidden
  649. }
  650.  
  651. .link .domain a {
  652. visibility: visible;
  653. position: relative;
  654. top: -1px;
  655. color: #98abba;
  656. transition: all .15s ease
  657. }
  658.  
  659. .link .domain a:hover {
  660. color: #24a0ed;
  661. text-decoration: none
  662. }
  663.  
  664. .approval-checkmark {
  665. cursor: default
  666. }
  667.  
  668. .expando-button,
  669. .expando-button.image,
  670. .expando-button.video-muted {
  671. position: relative;
  672. top: -1px;
  673. margin: 2px 6px 2px 0 !important;
  674. width: 16px!important;
  675. height: 16px!important;
  676. border-radius: 2px;
  677. background-color: transparent;
  678. background-image: url(%%spritesheet%%)!important;
  679. border: 1px solid #e9e9e9;
  680. cursor: pointer
  681. }
  682.  
  683. .expando-button:hover {
  684. background-color: #0079d3;
  685. border-color: #0079d3
  686. }
  687.  
  688. .expando-button.selftext.collapsed {
  689. background-position: -0 -48px!important
  690. }
  691.  
  692. .expando-button.selftext.collapsed:hover {
  693. background-position: -16px -48px!important
  694. }
  695.  
  696. .expando-button.selftext.expanded {
  697. background-position: -32px -48px!important
  698. }
  699.  
  700. .expando-button.selftext.expanded:hover {
  701. background-position: -48px -48px!important
  702. }
  703.  
  704. .expando-button.video.collapsed {
  705. background-position: -64px -48px!important
  706. }
  707.  
  708. .expando-button.video.collapsed:hover {
  709. background-position: -80px -48px!important
  710. }
  711.  
  712. .expando-button.video.expanded {
  713. background-position: -32px -48px!important
  714. }
  715.  
  716. .expando-button.video.expanded:hover {
  717. background-position: -48px -48px!important
  718. }
  719.  
  720. .expando-button.image.collapsedExpando {
  721. background-position: -32px -64px!important
  722. }
  723.  
  724. .expando-button.image.collapsedExpando:hover {
  725. background-position: -48px -64px!important
  726. }
  727.  
  728. .expando-button.image.expanded {
  729. background-position: -32px -48px!important
  730. }
  731.  
  732. .expando-button.image.expanded:hover {
  733. background-position: -48px -48px!important
  734. }
  735.  
  736. .expando-button.image.gallery.collapsedExpando {
  737. background-position: -0 -64px!important
  738. }
  739.  
  740. .expando-button.image.gallery.collapsedExpando:hover {
  741. background-position: -16px -64px!important
  742. }
  743.  
  744. .expando-button.image.gallery.expanded {
  745. background-position: -32px -48px!important
  746. }
  747.  
  748. .expando-button.image.gallery.expanded:hover {
  749. background-position: -48px -48px!important
  750. }
  751.  
  752. .expando-button.video-muted.collapsed {
  753. background-position: -64px -64px!important
  754. }
  755.  
  756. .expando-button.video-muted.collapsed:hover {
  757. background-position: -80px -64px!important
  758. }
  759.  
  760. .expando-button.video-muted.expanded {
  761. background-position: -32px -48px!important
  762. }
  763.  
  764. .expando-button.video-muted.expanded:hover {
  765. background-position: -48px -48px!important
  766. }
  767.  
  768. .link .usertext .md {
  769. margin-top: 12px;
  770. margin-bottom: -12px;
  771. padding-top: 12px;
  772. padding-left: 0;
  773. background-color: transparent;
  774. border: 0 solid;
  775. border-top: 1px solid #edf1f3;
  776. border-radius: 0;
  777. color: #292f34
  778. }
  779.  
  780. .entry .tagline {
  781. margin-top: 3px;
  782. color: #98abba;
  783. font-size: 12px;
  784. font-family: arial, sans-serif
  785. }
  786.  
  787. .link .entry .tagline a {
  788. color: #292f34
  789. }
  790.  
  791. .link .entry .tagline:first-letter {
  792. text-transform: capitalize
  793. }
  794.  
  795. .link .entry .tagline time {
  796. cursor: help
  797. }
  798.  
  799. .link .entry .tagline a:hover {
  800. color: #24a0ed;
  801. text-decoration: none
  802. }
  803.  
  804. .link .entry .tagline a.author {
  805. margin-right: inherit
  806. }
  807.  
  808. .link .entry .tagline .userattrs {
  809. visibility: hidden
  810. }
  811.  
  812. .link .entry .tagline .userattrs a {
  813. visibility: visible;
  814. cursor: help;
  815. display: inline-block;
  816. background-color: red;
  817. color: #fff!important;
  818. line-height: 14px;
  819. padding: 0 3px;
  820. border-radius: 2px;
  821. font-size: 11px
  822. }
  823.  
  824. .link .entry .tagline .userattrs a.moderator {
  825. background-color: #27b062
  826. }
  827.  
  828. .RESUserTagImage::after {
  829. display: none
  830. }
  831.  
  832. .RESUserTagImage {
  833. vertical-align: top;
  834. height: 10px;
  835. width: 16px;
  836. background-image: url(%%spritesheet%%);
  837. background-position: -32px -101px;
  838. opacity: .25;
  839. margin-left: 2px;
  840. transition: opacity .15s ease;
  841. margin-top: 2px
  842. }
  843.  
  844. .RESUserTagImage:hover {
  845. opacity: 1
  846. }
  847.  
  848. .link .flat-list {
  849. padding: 0;
  850. margin-top: 3px
  851. }
  852.  
  853. .entry .buttons li {
  854. line-height: normal
  855. }
  856.  
  857. .entry .buttons li a {
  858. padding: 0 1px;
  859. color: #98abba;
  860. font-weight: 400;
  861. font-size: 13px;
  862. font-family: Arial, sans-serif;
  863. transition: all .15s ease
  864. }
  865.  
  866. .link .entry .buttons li a:hover {
  867. color: #24a0ed;
  868. text-decoration: none
  869. }
  870.  
  871. .entry .buttons li.nsfw-stamp {
  872. padding: 0;
  873. border-radius: 0;
  874. border: none!important
  875. }
  876.  
  877. .nsfw-stamp {
  878. padding: 0;
  879. border-radius: 0;
  880. border: 0
  881. }
  882.  
  883. .nsfw-stamp acronym {
  884. position: relative;
  885. top: -1px;
  886. padding: 2px 3px;
  887. background-color: #ea4876;
  888. border-color: #ea4876;
  889. border-radius: 0;
  890. color: #fff;
  891. cursor: help
  892. }
  893.  
  894. .link .entry .buttons li a.comments {
  895. color: #24a0ed;
  896. font-weight: 700!important;
  897. transition: all .25s ease-in-out!important
  898. }
  899.  
  900. .link .entry li .comments:hover {
  901. text-decoration: none
  902. }
  903.  
  904. .action-form {
  905. position: fixed;
  906. top: 35%;
  907. left: 40%;
  908. margin: 0;
  909. padding: 24px;
  910. background-color: #fff;
  911. z-index: 100;
  912. box-shadow: 0 0 16px rgba(0, 0, 0, 0.12);
  913. border: none;
  914. border-radius: 2px
  915. }
  916.  
  917. .action-form .reason-prompt {
  918. font-size: 16px;
  919. color: #4D5763;
  920. padding-bottom: 8px;
  921. display: block
  922. }
  923.  
  924. .action-form .reason-prompt:first-letter {
  925. text-transform: capitalize
  926. }
  927.  
  928. .action-form .reason-prompt li {
  929. padding: 4px 4px 4px 0;
  930. display: block
  931. }
  932.  
  933. .action-form li label {
  934. padding: 4px 4px 4px 0;
  935. cursor: pointer;
  936. display: block;
  937. color: #4D5763;
  938. text-transform: capitalize
  939. }
  940.  
  941. .action-form li label:hover {
  942. background-color: rgba(0, 0, 0, 0.05)
  943. }
  944.  
  945. .action-form input[name="other_reason"] {
  946. padding: 8px
  947. }
  948.  
  949. .link .entry .buttons li a.flairselectbtn {
  950. color: #24a0ed
  951. }
  952.  
  953. .link .entry .buttons li .redditSingleClick {
  954. padding: 0 1px;
  955. color: #98abba;
  956. font-weight: 400;
  957. font-size: 13px;
  958. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  959. transition: all .15s ease
  960. }
  961.  
  962. .linkflairlabel {
  963. padding: 1px 6px;
  964. height: 18px;
  965. border-radius: 1px;
  966. border: 0 solid;
  967. color: #fff;
  968. font-weight: 700;
  969. font-style: normal;
  970. font-variant: normal;
  971. font-size: 13px;
  972. font-family: Arial, sans-serif;
  973. cursor: default;
  974. vertical-align: middle;
  975. position: relative;
  976. top: -2px;
  977. background-color: #738491
  978. }
  979.  
  980. .linkflair-mod .linkflairlabel {
  981. background-color: #27b062;
  982. color: #fff
  983. }
  984.  
  985. .linkflair-mod a {
  986. color: #27b062!important
  987. }
  988.  
  989. .linkflair-mod .thumbnail.default,
  990. .linkflair-mod .thumbnail.self {
  991. background: url(%%spritesheet%%) -96px -48px!important
  992. }
  993.  
  994. body .content .thing.spam {
  995. background-color: #FFE9E6
  996. }
  997.  
  998. .entry .buttons li.reported-stamp {
  999. background-color: transparent;
  1000. border: 1px solid #EDEEEE!important;
  1001. border-radius: 2px;
  1002. color: #292f34;
  1003. line-height: 17px
  1004. }
  1005.  
  1006. a.pretty-button.negative,
  1007. a.pretty-button.neutral,
  1008. a.pretty-button.positive {
  1009. background-image: none;
  1010. border-radius: 2px;
  1011. box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.25);
  1012. color: #fff;
  1013. line-height: 15px;
  1014. transition: all .1s ease
  1015. }
  1016.  
  1017. a.pretty-button.negative {
  1018. background-color: #fb797e;
  1019. border-color: #fb797e
  1020. }
  1021.  
  1022. a.pretty-button.negative:hover {
  1023. background-color: #fc535a;
  1024. border-color: #fc535a
  1025. }
  1026.  
  1027. a.pretty-button.neutral {
  1028. background-color: #ddd;
  1029. border-color: #ddd;
  1030. color: #4A4F57
  1031. }
  1032.  
  1033. a.pretty-button.neutral:hover {
  1034. background-color: #ececec;
  1035. border-color: #ececec
  1036. }
  1037.  
  1038. a.pretty-button.positive {
  1039. background-color: #1ecd97;
  1040. border-color: #1ecd97
  1041. }
  1042.  
  1043. a.pretty-button.positive:hover {
  1044. background-color: #22e1a6;
  1045. border-color: #22e1a6
  1046. }
  1047.  
  1048. a.pretty-button.positive.pressed,
  1049. a.pretty-button.neutral.pressed,
  1050. a.pretty-button.negative.pressed {
  1051. background-image: none;
  1052. box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.15)
  1053. }
  1054.  
  1055. ul.report-reasons {
  1056. border-radius: 2px;
  1057. background-color: transparent;
  1058. border: 1px solid #edf1f3;
  1059. padding: 8px;
  1060. font-size: 12px;
  1061. margin-top: 4px
  1062. }
  1063.  
  1064. .link.last-clicked {
  1065. left: -16px;
  1066. margin-right: -32px;
  1067. padding-left: 16px;
  1068. background-color: rgba(0, 0, 0, 0.04);
  1069. border: none
  1070. }
  1071.  
  1072. .thing.link.stickied a.title,
  1073. .thing.link.stickied a,
  1074. .thing.link.stickied .entry li .comments {
  1075. color: #27b062!important
  1076. }
  1077.  
  1078. .thing.link.stickied .expando-button:hover {
  1079. background-color: #27b062!important;
  1080. border-color: #27b062!important
  1081. }
  1082.  
  1083. .tagline .stickied-tagline {
  1084. color: #b3b3b3;
  1085. cursor: help
  1086. }
  1087.  
  1088. .stickied.comment>.entry a,
  1089. .stickied.comment .tagline .stickied-tagline {
  1090. color: #27b062!important
  1091. }
  1092.  
  1093. .content .spacer {
  1094. margin: 0
  1095. }
  1096.  
  1097. .link.promotedlink.promoted {
  1098. background-color: #EFF7FF;
  1099. padding: 16px 0
  1100. }
  1101.  
  1102. .link.promotedlink.promoted .thumbnail {
  1103. height: auto
  1104. }
  1105.  
  1106. .link.promotedlink.promoted .thumbnail img {
  1107. max-height: none;
  1108. max-width: none;
  1109. min-width: 0;
  1110. min-height: 0
  1111. }
  1112.  
  1113. .organic-listing {
  1114. background-color: #fff!important;
  1115. padding: 0;
  1116. position: relative;
  1117. margin-bottom: 0;
  1118. border: none;
  1119. border-radius: 2px 2px 0 0
  1120. }
  1121.  
  1122. .organic-listing .link,
  1123. .organic-listing .link.compressed,
  1124. .organic-listing .link.promotedlink {
  1125. padding: 16px;
  1126. background-color: transparent;
  1127. border: 1px solid #edf1f3;
  1128. border-radius: 3px
  1129. }
  1130.  
  1131. .organic-listing .help {
  1132. margin-bottom: 20px;
  1133. margin-right: 16px;
  1134. color: #98abba
  1135. }
  1136.  
  1137. .organic-listing .sponsored-tagline {
  1138. margin-bottom: 20px;
  1139. margin-right: 16px;
  1140. color: #98abba
  1141. }
  1142.  
  1143. .link.compressed {
  1144. margin-bottom: 0;
  1145. padding-top: 0;
  1146. padding-bottom: 0
  1147. }
  1148.  
  1149. .link.compressed .score {
  1150. margin: 0 3px 0 0
  1151. }
  1152.  
  1153. .link.compressed .entry {
  1154. padding: 9px 32px 9px 0
  1155. }
  1156.  
  1157. .link.compressed .title {
  1158. margin: 0
  1159. }
  1160.  
  1161. body>.content .link.compressed .midcol {
  1162. height: auto;
  1163. margin: 8px 4px 0 0
  1164. }
  1165.  
  1166. .flairselector {
  1167. position: fixed;
  1168. top: 20%!important;
  1169. left: 50%!important;
  1170. margin-left: -125px;
  1171. padding: 16px!important;
  1172. width: 250px!important;
  1173. border: none;
  1174. border-radius: 2px;
  1175. box-shadow: 0 0 16px rgba(0, 0, 0, 0.12)
  1176. }
  1177.  
  1178. .flairselector.drop-choices.active {
  1179. border: none
  1180. }
  1181.  
  1182. .flairselector h2 {
  1183. margin-bottom: 4px;
  1184. background-color: transparent;
  1185. color: #24a0ed;
  1186. text-align: left;
  1187. text-transform: capitalize;
  1188. font-weight: 400;
  1189. font-size: 18px
  1190. }
  1191.  
  1192. .flairoptionpane {
  1193. max-height: 250px;
  1194. text-align: left
  1195. }
  1196.  
  1197. .flairselector .flairoptionpane ul li {
  1198. padding: 0!important
  1199. }
  1200.  
  1201. .flairoptionpane ul li .linkflair {
  1202. text-align: left;
  1203. padding: 0
  1204. }
  1205.  
  1206. .flairoptionpane ul li .linkflair:hover,
  1207. .flairselector li:hover {
  1208. background-color: #F5F8F9;
  1209. border: 0 solid
  1210. }
  1211.  
  1212. .flairoptionpane ul li .linkflair span.linkflairlabel {
  1213. margin: 8px 0;
  1214. line-height: 1.35;
  1215. margin-right: 6px
  1216. }
  1217.  
  1218. .flairoptionpane ul li .linkflair a.title {
  1219. font-size: 18px!important;
  1220. opacity: 100!important;
  1221. color: #24a0ed!important
  1222. }
  1223.  
  1224. .flairselector form {
  1225. padding-top: 12px;
  1226. border-top: 1px solid #F7F7F7
  1227. }
  1228.  
  1229. .flairselector form .flairselection {
  1230. text-align: left
  1231. }
  1232.  
  1233. .flairselector form .flairselection:before {
  1234. display: block;
  1235. content: "Selected Flair:";
  1236. color: #738491
  1237. }
  1238.  
  1239. .flairselector form .flairselection .linkflair a.title {
  1240. font-size: 18px!important;
  1241. opacity: 100!important;
  1242. color: #24a0ed!important;
  1243. cursor: default
  1244. }
  1245.  
  1246. .flairselector form .flairselection .flairremove {
  1247. padding: 4px 0;
  1248. margin-bottom: 8px;
  1249. visibility: hidden;
  1250. display: block!important
  1251. }
  1252.  
  1253. .flairselector form .flairselection .flairremove a {
  1254. visibility: visible;
  1255. opacity: 100!important;
  1256. color: #24a0ed!important;
  1257. margin-left: -4px;
  1258. text-transform: capitalize
  1259. }
  1260.  
  1261. .flairselector form .flairselection .flairremove a:first-letter {
  1262. text-transform: capitalize
  1263. }
  1264.  
  1265. .flairselector form .flairselection .flairremove a:hover {
  1266. text-decoration: underline!important
  1267. }
  1268.  
  1269. .flairselector .customizer {
  1270. display: block;
  1271. margin: 8px 0;
  1272. width: 100%
  1273. }
  1274.  
  1275. .flairselector .customizer input[type='text'] {
  1276. width: 100%
  1277. }
  1278.  
  1279. .flairselector form button {
  1280. display: block;
  1281. float: right;
  1282. margin: 0
  1283. }
  1284.  
  1285. .flairselector .error {
  1286. text-align: left
  1287. }
  1288.  
  1289. .flairselector .error:first-letter {
  1290. text-transform: capitalize
  1291. }
  1292.  
  1293. .flairselector .error:after {
  1294. display: block;
  1295. color: #b3b3b3;
  1296. content: "Go to /r/.../about/flair"
  1297. }
  1298.  
  1299. .flairselector img {
  1300. position: relative;
  1301. left: 50%;
  1302. margin-left: -9px;
  1303. opacity: .5
  1304. }
  1305.  
  1306. .flairselector .flairoptionpane ul li {
  1307. margin: 4px 0
  1308. }
  1309.  
  1310. .flairselector li.selected {
  1311. border: none;
  1312. background-color: transparent
  1313. }
  1314.  
  1315. .flairselector .flairoptionpane ul li.flairsample-right {
  1316. padding: 5px 0!important;
  1317. border: none
  1318. }
  1319.  
  1320. .flairselector li a,
  1321. .flairselector form .flairselection a.author {
  1322. color: #738491!important;
  1323. font-size: 11px
  1324. }
  1325.  
  1326. .unvotable-message {
  1327. border: 0 solid;
  1328. color: #738491
  1329. }
  1330.  
  1331. .unvotable-message:first-letter {
  1332. text-transform: capitalize
  1333. }
  1334.  
  1335. .res .RES-keyNav-activeElement {
  1336. outline: 0 dashed #EEE!important;
  1337. transition: all .15s ease
  1338. }
  1339.  
  1340. .res .entry {
  1341. transition: all .1s ease
  1342. }
  1343.  
  1344. div.RES-keyNav-activeElement,
  1345. div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
  1346. background-color: transparent!important;
  1347. padding-left: 8px!important;
  1348. border-left: 3px solid #C2C2C2
  1349. }
  1350.  
  1351. div.commentarea div.RES-keyNav-activeElement .md {
  1352. background-color: transparent!important
  1353. }
  1354.  
  1355. .res .commentarea .thing {
  1356. padding: 14px 16px 8px 8px !important
  1357. }
  1358.  
  1359. .res .commentarea .thing.collapsed {
  1360. padding-bottom: 16px!important
  1361. }
  1362.  
  1363. .res .commentarea .entry .flat-list {
  1364. margin-bottom: 0;
  1365. padding-bottom: 0
  1366. }
  1367.  
  1368. .res .comment .entry {
  1369. margin-bottom: 16px
  1370. }
  1371.  
  1372. .userTagLink.hasTag,
  1373. #userTaggerPreview {
  1374. font-size: 11px!important;
  1375. border-radius: 0!important;
  1376. border: 0 solid!important;
  1377. margin-top: 0!important;
  1378. margin-left: 4px!important
  1379. }
  1380.  
  1381. .RESDialogSmall {
  1382. border: none;
  1383. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
  1384. margin-top: 8px
  1385. }
  1386.  
  1387. .RESDialogSmall > h3 {
  1388. color: #4F8EF7;
  1389. background-color: #FFF;
  1390. border-bottom: 1px solid #EDEDED;
  1391. height: 36px;
  1392. padding: 8px;
  1393. margin: 0
  1394. }
  1395.  
  1396. .livePreview .md {
  1397. padding: 8px 12px
  1398. }
  1399.  
  1400. .RESCloseButton {
  1401. line-height: 19px;
  1402. height: 22px;
  1403. width: 22px;
  1404. transition: all .15s ease
  1405. }
  1406.  
  1407. .RESCloseButton:hover {
  1408. border: 1px solid #D7D9DC
  1409. }
  1410.  
  1411. #userTaggerToolTip input[type=text],
  1412. #userTaggerToolTip select {
  1413. line-height: 22px;
  1414. padding-left: 4px;
  1415. border: 1px solid #E5E5E5!important
  1416. }
  1417.  
  1418. .toggleButton {
  1419. line-height: .8
  1420. }
  1421.  
  1422. .toggleButton .toggleOn {
  1423. border-radius: 0;
  1424. border: 1px solid #4F8EF7;
  1425. background-color: #4F8EF7;
  1426. color: #fff;
  1427. text-transform: capitalize
  1428. }
  1429.  
  1430. .toggleButton .toggleOff {
  1431. border-radius: 0;
  1432. border: 1px solid #D7D9DC;
  1433. background-color: transparent;
  1434. text-transform: capitalize
  1435. }
  1436.  
  1437. #userTaggerToolTip input[type=submit] {
  1438. bottom: 10px!important
  1439. }
  1440.  
  1441. .top-page .menuarea {
  1442. margin: 16px 0 24px;
  1443. padding: 0;
  1444. border: none;
  1445. color: #738491;
  1446. overflow: visible
  1447. }
  1448.  
  1449. .dropdown.lightdrop .selected {
  1450. color: #292f34;
  1451. text-decoration: none;
  1452. cursor: pointer;
  1453. padding: 8px 12px;
  1454. border: 1px solid #edf1f3;
  1455. border-radius: 2px;
  1456. background-image: none
  1457. }
  1458.  
  1459. .dropdown.lightdrop .selected:hover {
  1460. background-color: rgba(0, 0, 0, 0.05)
  1461. }
  1462.  
  1463. .dropdown.lightdrop .selected:after {
  1464. content: " ▼"
  1465. }
  1466.  
  1467. .drop-choices.lightdrop {
  1468. margin-top: 8px
  1469. }
  1470.  
  1471. .guider {
  1472. border: none;
  1473. box-shadow: 0 2px 3px #DDD
  1474. }
  1475.  
  1476. .guider_content h1 {
  1477. color: #4F8EF7
  1478. }
  1479.  
  1480. .guider_button {
  1481. font-size: 11px;
  1482. border: none;
  1483. background-image: none;
  1484. background-color: #4F8EF7;
  1485. transition: all .15s ease
  1486. }
  1487.  
  1488. .guider_button:hover {
  1489. background-color: rgba(79, 142, 247, 0.75)
  1490. }
  1491.  
  1492. .x_button {
  1493. transition: all .25s ease;
  1494. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.00)
  1495. }
  1496.  
  1497. .x_button:hover {
  1498. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15)
  1499. }
  1500.  
  1501. .content .infobar {
  1502. margin: 0 0 16px;
  1503. padding: 8px 16px;
  1504. line-height: 26px;
  1505. border: none;
  1506. background-color: #0079d3;
  1507. color: #fff;
  1508. border-radius: 2px
  1509. }
  1510.  
  1511. .infobar .md {
  1512. color: #fff
  1513. }
  1514.  
  1515. .content .infobar:first-letter {
  1516. text-transform: capitalize
  1517. }
  1518.  
  1519. .content .infobar.welcome {
  1520. line-height: inherit;
  1521. height: 86px
  1522. }
  1523.  
  1524. .content .infobar.welcome h1 {
  1525. color: #4d5763
  1526. }
  1527.  
  1528. .commentarea .infobar {
  1529. line-height: 18px;
  1530. margin: 8px 0 16px
  1531. }
  1532.  
  1533. .commentarea .infobar a {
  1534. color: rgba(0, 0, 0, 0.64);
  1535. font-weight: 700
  1536. }
  1537.  
  1538. .reddit-infobar.with-icon {
  1539. border: none;
  1540. background: #fff;
  1541. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  1542. margin: 0 0 16px
  1543. }
  1544.  
  1545. .reddit-infobar.with-icon .md {
  1546. color: #000;
  1547. font-size: 14px
  1548. }
  1549.  
  1550. .reddit-infobar.with-icon.locked-infobar {
  1551. background-color: #27B062
  1552. }
  1553.  
  1554. .reddit-infobar.with-icon.locked-infobar .md {
  1555. color: #fff
  1556. }
  1557.  
  1558. .reddit-infobar.with-icon.locked-infobar p:after {
  1559. content: " Sort comments by new to find out more."
  1560. }
  1561.  
  1562. .reddit-infobar.with-icon.locked-infobar:before {
  1563. background-color: #27B062;
  1564. border-right: 1px solid rgba(0, 0, 0, 0.08)
  1565. }
  1566.  
  1567. #eu-cookie-policy .reddit-infobar {
  1568. padding-right: 118px
  1569. }
  1570.  
  1571. #eu-cookie-policy .c-btn-primary {
  1572. margin: -2px 16px 0 0
  1573. }
  1574.  
  1575. #noresults {
  1576. margin: 0;
  1577. width: 100%;
  1578. height: 416px;
  1579. background: transparent url(%%noresults%%) no-repeat 50% 50%;
  1580. text-indent: -9999px;
  1581. font-size: 0;
  1582. display: block
  1583. }
  1584.  
  1585. .nav-buttons {
  1586. padding: 16px 16px 16px 0;
  1587. color: #738491
  1588. }
  1589.  
  1590. .nav-buttons .nextprev {
  1591. color: #738491;
  1592. font-size: 14px
  1593. }
  1594.  
  1595. .nav-buttons .nextprev a {
  1596. border: 0;
  1597. padding: 8px 16px;
  1598. background-color: transparent;
  1599. border: 1px solid #edf1f3;
  1600. transition: background-color .15s ease
  1601. }
  1602.  
  1603. .nav-buttons .nextprev a:hover {
  1604. text-decoration: none;
  1605. background-color: rgba(0, 0, 0, 0.05)
  1606. }
  1607.  
  1608. .side {
  1609. margin: 282px 16px 108px 0;
  1610. padding: 0;
  1611. background-color: transparent;
  1612. width: 320px
  1613. }
  1614.  
  1615. .side .spacer {
  1616. margin: 0 0 16px
  1617. }
  1618.  
  1619. .side:before {
  1620. height: 192px;
  1621. background-image: url(%%sidebarimg%%);
  1622. background-color: #DBDBDB;
  1623. content: "";
  1624. display: block;
  1625. position: absolute;
  1626. top: 100px;
  1627. width: 320px;
  1628. z-index: 1;
  1629. border-radius: 2px;
  1630. box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
  1631. }
  1632.  
  1633. .side .titlebox h1.redditname:before {
  1634. content: " ";
  1635. position: absolute;
  1636. display: block;
  1637. width: 320px;
  1638. z-index: -1;
  1639. height: 76px;
  1640. margin-top: -16px;
  1641. margin-left: -16px;
  1642. background-color: #fff;
  1643. border-radius: 0 0 2px 2px;
  1644. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14)
  1645. }
  1646.  
  1647. .side .titlebox h1.redditname {
  1648. margin-bottom: 6px;
  1649. position: absolute;
  1650. top: 308px;
  1651. z-index: 100;
  1652. font-family: Lato, arial, verdana, helvetica, sans-serif
  1653. }
  1654.  
  1655. .side .titlebox h1.redditname a {
  1656. color: #333
  1657. }
  1658.  
  1659. .titlebox span.subscribers {
  1660. position: absolute;
  1661. z-index: 100;
  1662. color: #333;
  1663. font-size: 12px;
  1664. top: 336px
  1665. }
  1666.  
  1667. div.titlebox span.word {
  1668. display: none
  1669. }
  1670.  
  1671. .titlebox .users-online {
  1672. display: inline
  1673. }
  1674.  
  1675. .titlebox .users-online:before {
  1676. display: none
  1677. }
  1678.  
  1679. div.titlebox span.number:after {
  1680. content: " readers"
  1681. }
  1682.  
  1683. .titlebox .users-online .number {
  1684. font-style: italic
  1685. }
  1686.  
  1687. .titlebox .users-online .number:before {
  1688. content: "";
  1689. width: 16px;
  1690. height: 9px;
  1691. display: inline-block;
  1692. margin-right: 8px;
  1693. background-image: url(%%spritesheet%%);
  1694. background-position: -64px -36px
  1695. }
  1696.  
  1697. .titlebox .users-online .number:after {
  1698. content: " currently online"
  1699. }
  1700.  
  1701. .titlelebox .word {
  1702. display: none
  1703. }
  1704.  
  1705. .titlebox .users-online,
  1706. .titlebox .number {
  1707. cursor: text
  1708. }
  1709.  
  1710. .titlebox .fancy-toggle-button {
  1711. margin: 0;
  1712. position: absolute;
  1713. margin-left: 208px;
  1714. top: 314px;
  1715. z-index: 100
  1716. }
  1717.  
  1718. .titlebox .fancy-toggle-button .active {
  1719. display: block;
  1720. border: none;
  1721. height: 32px;
  1722. border-radius: 2px;
  1723. line-height: 30px;
  1724. background-image: none!important;
  1725. padding: 0 12px;
  1726. text-transform: capitalize;
  1727. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  1728. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), padding .2s ease, margin .2s ease
  1729. }
  1730.  
  1731. .titlebox .fancy-toggle-button .active:hover {
  1732. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  1733. }
  1734.  
  1735. .titlebox .fancy-toggle-button .active:active {
  1736. box-shadow: 0 0 0 rgba(0, 0, 0, 0.0)
  1737. }
  1738.  
  1739. .titlebox .fancy-toggle-button .active.add {
  1740. background-color: #27b062;
  1741. color: #fff
  1742. }
  1743.  
  1744. .titlebox .fancy-toggle-button .active.add:hover {
  1745. background-color: #36bb6f
  1746. }
  1747.  
  1748. .titlebox .fancy-toggle-button .active.add:active {
  1749. background-color: #189b51;
  1750. padding-left: 24px;
  1751. margin-left: -13px;
  1752. text-align: center
  1753. }
  1754.  
  1755. .titlebox .fancy-toggle-button .active.remove {
  1756. background-color: rgba(0, 0, 0, 0.24);
  1757. color: #fff;
  1758. margin-left: -14px;
  1759. box-shadow: none
  1760. }
  1761.  
  1762. .titlebox .fancy-toggle-button .active.remove:hover {
  1763. background-color: rgba(0, 0, 0, 0.32)
  1764. }
  1765.  
  1766. .titlebox .fancy-toggle-button .active.remove:active {
  1767. background-color: rgba(0, 0, 0, 0.4)
  1768. }
  1769.  
  1770. .hover-bubble.multi-selector {
  1771. right: 346px!important;
  1772. margin-top: -56px;
  1773. border: none
  1774. }
  1775.  
  1776. .hover-bubble.anchor-right:before {
  1777. right: -19px;
  1778. border-left-color: #CCC
  1779. }
  1780.  
  1781. #search {
  1782. position: absolute;
  1783. top: 384px;
  1784. z-index: 1;
  1785. width: 320px
  1786. }
  1787.  
  1788. #search input[type=text] {
  1789. padding: 0 42px 0 16px;
  1790. border: 0 solid;
  1791. border-radius: 2px;
  1792. width: 320px;
  1793. height: 42px;
  1794. line-height: 41px;
  1795. background-color: #fff;
  1796. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  1797. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
  1798. }
  1799.  
  1800. #search input[type=text]:hover {
  1801. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  1802. }
  1803.  
  1804. #search input[type=text]:focus {
  1805. border-radius: 2px 2px 0 0
  1806. }
  1807.  
  1808. #search input[type=text]:focus:hover {
  1809. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24)!important
  1810. }
  1811.  
  1812. #search input[type="text"]:-moz-placeholder {
  1813. font-size: 0
  1814. }
  1815.  
  1816. #search input[type="text"]::-webkit-input-placeholder {
  1817. font-size: 0
  1818. }
  1819.  
  1820. #search input[type="text"]:-ms-input-placeholder {
  1821. font-size: 0
  1822. }
  1823.  
  1824. #search input[type="text"]:-moz-placeholder::after {
  1825. font-size: 14px;
  1826. content: "Search reddit";
  1827. position: relative;
  1828. top: 1px
  1829. }
  1830.  
  1831. #search input[type="text"]::-webkit-input-placeholder::after {
  1832. font-size: 14px;
  1833. content: "Search reddit";
  1834. position: relative;
  1835. top: 1px
  1836. }
  1837.  
  1838. #search input[type="text"]:-ms-input-placeholder::after {
  1839. font-size: 14px;
  1840. content: "Search reddit";
  1841. position: relative;
  1842. top: 1px
  1843. }
  1844.  
  1845. #search input[type=text]::-webkit-input-placeholder {
  1846. color: #B3B3B3
  1847. }
  1848.  
  1849. #search input[type=text]:-moz-placeholder {
  1850. color: #B3B3B3
  1851. }
  1852.  
  1853. #search input[type=text]::-moz-placeholder {
  1854. color: #B3B3B3
  1855. }
  1856.  
  1857. #search input[type=text]:-ms-input-placeholder {
  1858. color: #B3B3B3
  1859. }
  1860.  
  1861. #search input[type=submit] {
  1862. height: 32px;
  1863. width: 32px;
  1864. margin-left: -38px;
  1865. background-image: url(%%spritesheet%%);
  1866. background-position: -64px -96px;
  1867. background-repeat: no-repeat;
  1868. border: none!important;
  1869. border-radius: 16px;
  1870. background-color: rgba(0, 0, 0, 0.00);
  1871. transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
  1872. }
  1873.  
  1874. #search input[type=submit]:hover {
  1875. background-image: url(%%spritesheet%%);
  1876. background-position: -64px -96px;
  1877. background-repeat: no-repeat;
  1878. background-color: rgba(158, 158, 158, .2)
  1879. }
  1880.  
  1881. #search #searchexpando {
  1882. background-color: #edf1f3;
  1883. border: none;
  1884. border-radius: 0 0 2px 2px;
  1885. margin: 0;
  1886. padding: 4px;
  1887. height: 54px;
  1888. line-height: 50px;
  1889. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14)
  1890. }
  1891.  
  1892. #search #searchexpando label {
  1893. padding: 21px 8px 17px;
  1894. cursor: pointer;
  1895. transition: all .1s ease
  1896. }
  1897.  
  1898. #search #searchexpando label:active {
  1899. background-color: rgba(0, 0, 0, 0.06)
  1900. }
  1901.  
  1902. #search #searchexpando p {
  1903. display: none!important
  1904. }
  1905.  
  1906. .morelink {
  1907. position: absolute;
  1908. top: 442px;
  1909. background-color: #0079d3;
  1910. background-image: none!important;
  1911. width: 152px;
  1912. height: 36px;
  1913. border-radius: 2px;
  1914. line-height: 36px;
  1915. border: none;
  1916. text-align: center;
  1917. padding: 0;
  1918. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  1919. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
  1920. }
  1921.  
  1922. .morelink:hover {
  1923. background-color: #158be2;
  1924. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  1925. }
  1926.  
  1927. .morelink:active {
  1928. background-color: #0066b2;
  1929. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
  1930. }
  1931.  
  1932. .sidebox.submit.submit-text .morelink {
  1933. margin-left: 168px
  1934. }
  1935.  
  1936. .morelink a {
  1937. color: #fff;
  1938. font-weight: 400;
  1939. font-size: 0;
  1940. letter-spacing: 0
  1941. }
  1942.  
  1943. .sidebox.submit.submit-text .morelink a:after {
  1944. font-size: 14px;
  1945. content: "Submit Text"
  1946. }
  1947.  
  1948. .sidebox.submit.submit-link .morelink a:after {
  1949. font-size: 14px;
  1950. content: "Submit Link"
  1951. }
  1952.  
  1953. .side .sidebox.submit-text .morelink:before,
  1954. .side .sidebox.submit-link .morelink:after {
  1955. content: "N/A";
  1956. position: absolute;
  1957. left: -168px;
  1958. top: 0;
  1959. width: 152px;
  1960. color: rgba(0, 0, 0, 0.32);
  1961. border-radius: 2px;
  1962. background-color: rgba(0, 0, 0, 0.08);
  1963. font-weight: 400;
  1964. z-index: -1
  1965. }
  1966.  
  1967. .side .sidebox.submit-link .morelink:after {
  1968. left: 168px
  1969. }
  1970.  
  1971. .disabled .morelink {
  1972. box-shadow: none!important;
  1973. background-color: rgba(0, 0, 0, 0.08);
  1974. width: 320px
  1975. }
  1976.  
  1977. .disabled .morelink a {
  1978. color: rgba(0, 0, 0, 0.32);
  1979. font-size: 14px
  1980. }
  1981.  
  1982. .morelink .nub {
  1983. display: none
  1984. }
  1985.  
  1986. .login-form-side {
  1987. border: none;
  1988. border-bottom: 1px solid #edf1f3;
  1989. padding-bottom: 8px
  1990. }
  1991.  
  1992. .login-form-side input[type=text],
  1993. .login-form-side input[type=password] {
  1994. width: 136px;
  1995. margin: 0
  1996. }
  1997.  
  1998. .login-form-side input[type=text] {
  1999. margin-left: 0;
  2000. margin-right: 16px
  2001. }
  2002.  
  2003. .login-form-side button.btn {
  2004. margin-right: -3px
  2005. }
  2006.  
  2007. .titlebox:before {
  2008. content: "Subreddit Info";
  2009. display: block;
  2010. font-size: 18px;
  2011. line-height: 24px;
  2012. color: #292f34;
  2013. font-family: verdana, arial, helvetica, sans-serif;
  2014. margin: 8px 0
  2015. }
  2016.  
  2017. .titlebox .tagline {
  2018. font-size: 12px;
  2019. margin: 0
  2020. }
  2021.  
  2022. .titlebox .tagline:after {
  2023. content: "";
  2024. height: 2px;
  2025. background-color: #f2f2f2;
  2026. display: block;
  2027. margin-top: 16px
  2028. }
  2029.  
  2030. .titlebox .tagline a.flairselectbtn {
  2031. color: #24a0ed
  2032. }
  2033.  
  2034. .leavemoderator,
  2035. .titlebox .tagline a.author,
  2036. .titlebox form.toggle.leavecontributor-button {
  2037. display: none
  2038. }
  2039.  
  2040. .titlebox form.flairtoggle {
  2041. line-height: 2
  2042. }
  2043.  
  2044. .titlebox form.toggle.sr_style_toggle {
  2045. padding-bottom: 0;
  2046. display: block;
  2047. background-color: transparent
  2048. }
  2049.  
  2050. .titlebox form.toggle.sr_style_toggle label {
  2051. position: relative;
  2052. top: -3px
  2053. }
  2054.  
  2055. .side .md .-blocks,
  2056. .side .md .-lists,
  2057. .side .md pre,
  2058. .side .md blockquote,
  2059. .side .md table,
  2060. .side .md p,
  2061. .side .md ul,
  2062. .side .md ol {
  2063. font-family: Lato, arial, sans-serif;
  2064. color: #292f34;
  2065. line-height: 1.45;
  2066. font-size: 13px
  2067. }
  2068.  
  2069. .side .titlebox .md h1 {
  2070. line-height: 18px;
  2071. margin: .5em 0 0!important
  2072. }
  2073.  
  2074. .side .titlebox .md h2 {
  2075. margin: 16px 0 2px
  2076. }
  2077.  
  2078. .side .titlebox .md h3 a {
  2079. padding: 0 16px;
  2080. width: 100%;
  2081. border-radius: 2px;
  2082. background-color: #0079d3;
  2083. font-family: verdana, arial, sans-serif;
  2084. color: #fff;
  2085. display: block;
  2086. margin: 1.5em 0;
  2087. font-size: 12px;
  2088. line-height: 42px;
  2089. text-align: center;
  2090. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  2091. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
  2092. }
  2093.  
  2094. .side .titlebox .md h3 a:hover {
  2095. background-color: #158be2;
  2096. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  2097. }
  2098.  
  2099. .side .titlebox .md h3 a:active {
  2100. background-color: #0066b2;
  2101. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
  2102. }
  2103.  
  2104. .side .titlebox .md h4 a,
  2105. .wiki-page .wiki-page-content .md.wiki h4 {
  2106. padding: 0 16px;
  2107. background-color: #FFF;
  2108. border: none;
  2109. border-radius: 2px;
  2110. color: #24a0ed;
  2111. font-weight: 700;
  2112. display: block;
  2113. margin: 1.5em 0;
  2114. font-size: 12px;
  2115. line-height: 42px;
  2116. text-align: center;
  2117. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  2118. transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
  2119. }
  2120.  
  2121. .side .titlebox h4 a:hover,
  2122. .wiki-page .wiki-page-content .md.wiki h4:hover {
  2123. box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
  2124. }
  2125.  
  2126. .side .titlebox h4 a:active,
  2127. .wiki-page .wiki-page-content .md.wiki h4:active {
  2128. background-color: #f4f6f7;
  2129. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
  2130. }
  2131.  
  2132. .md hr {
  2133. border: solid 1px #e5e5e5
  2134. }
  2135.  
  2136. .titlebox .bottom {
  2137. display: none
  2138. }
  2139.  
  2140. .side #moderation_tools .title h1 {
  2141. text-transform: capitalize;
  2142. color: #4D5763
  2143. }
  2144.  
  2145. .side #moderation_tools .title .collapse-button {
  2146. color: #4D5763;
  2147. vertical-align: middle;
  2148. border-radius: 1px;
  2149. border: 1px solid #d8d8d8
  2150. }
  2151.  
  2152. .side .sidecontentbox .content {
  2153. border: none;
  2154. padding: 8px 0
  2155. }
  2156.  
  2157. .icon-menu a {
  2158. background-color: transparent
  2159. }
  2160.  
  2161. #ad-frame,
  2162. #ad_main {
  2163. width: 320px;
  2164. height: 290px;
  2165. padding: 10px 0 0 10px !important
  2166. }
  2167.  
  2168. .sponsorshipbox {
  2169. max-width: 320px;
  2170. padding: 0!important
  2171. }
  2172.  
  2173. #ad_sponsorship {
  2174. margin: 10px 0 8px 10px;
  2175. height: 120px
  2176. }
  2177.  
  2178. .sidebox.create .morelink {
  2179. position: relative;
  2180. top: 0;
  2181. width: 100%;
  2182. background-color: #fff
  2183. }
  2184.  
  2185. .sidebox.create .morelink a {
  2186. font-size: 14px;
  2187. color: #24a0ed
  2188. }
  2189.  
  2190. .sidebox .spacer {
  2191. display: none
  2192. }
  2193.  
  2194. .gadget .midcol {
  2195. width: 38px
  2196. }
  2197.  
  2198. .side:after {
  2199. display: block;
  2200. margin: 0;
  2201. padding: 10px 0;
  2202. color: #24A0ED;
  2203. content: "This subreddit uses the /r/Naut theme.";
  2204. text-transform: none;
  2205. font-size: 16px;
  2206. font-family: Lato, arial, sans-serif;
  2207. position: absolute;
  2208. width: 320px;
  2209. border: 1px solid rgba(0, 0, 0, 0.06);
  2210. text-align: center
  2211. }
  2212.  
  2213. body.comments-page > .content {
  2214. margin-top: 8px
  2215. }
  2216.  
  2217. .comments-page .link .usertext .md {
  2218. margin-bottom: 0
  2219. }
  2220.  
  2221. .commentarea .panestack-title {
  2222. margin: 10px 0 0;
  2223. border-bottom: 0;
  2224. padding-left: 16px
  2225. }
  2226.  
  2227. .commentarea .panestack-title .title {
  2228. color: #4D5763
  2229. }
  2230.  
  2231. .commentarea .menuarea {
  2232. margin: 0;
  2233. padding-left: 16px
  2234. }
  2235.  
  2236. .commentarea .menuarea span.dropdown-title.lightdrop {
  2237. color: #98abba
  2238. }
  2239.  
  2240. .commentarea .menuarea span.dropdown-title.lightdrop:first-letter {
  2241. text-transform: capitalize
  2242. }
  2243.  
  2244. .commentarea .menuarea .dropdown.lightdrop .selected {
  2245. cursor: pointer;
  2246. text-decoration: none;
  2247. background-image: none;
  2248. padding-right: 0;
  2249. font-weight: 400;
  2250. color: #98abba;
  2251. border: none;
  2252. padding-left: 0
  2253. }
  2254.  
  2255. .commentarea .menuarea .dropdown.lightdrop .selected:hover {
  2256. color: #4F8EF7
  2257. }
  2258.  
  2259. .commentarea .menuarea .dropdown.lightdrop .selected:after {
  2260. content: "▼"
  2261. }
  2262.  
  2263. .drop-choices.lightdrop {
  2264. border: none;
  2265. z-index: 1001;
  2266. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14)
  2267. }
  2268.  
  2269. .drop-choices a.choice {
  2270. padding: 12px 24px 12px 12px;
  2271. transition: all .1s ease;
  2272. border-bottom: 1px solid #edf1f3
  2273. }
  2274.  
  2275. .drop-choices form:last-of-type a.choice {
  2276. border-bottom: none
  2277. }
  2278.  
  2279. .drop-choices a.choice:hover {
  2280. background-color: #0079d3;
  2281. color: #fff
  2282. }
  2283.  
  2284. .commentarea .menuarea .toggle a,
  2285. .help-hoverable {
  2286. color: #98abba;
  2287. font-weight: 400
  2288. }
  2289.  
  2290. .commentarea .menuarea .toggle a:hover,
  2291. .help-hoverable:hover {
  2292. color: #24a0ed
  2293. }
  2294.  
  2295. .help-hoverable {
  2296. font-size: x-small
  2297. }
  2298.  
  2299. .commentarea>.usertext {
  2300. background-color: #FAFAFA!important;
  2301. margin: -58px 0 16px;
  2302. padding: 64px 16px 16px!important;
  2303. overflow: visible
  2304. }
  2305.  
  2306. .usertext button {
  2307. margin: 4px 16px 8px 0
  2308. }
  2309.  
  2310. .commentarea .usertext-edit {
  2311. width: 100%;
  2312. max-width: 504px
  2313. }
  2314.  
  2315. .commentarea .usertext-edit textarea {
  2316. position: relative;
  2317. z-index: 999;
  2318. width: 100%
  2319. }
  2320.  
  2321. .commentarea>.usertext textarea:not(:focus) {
  2322. background: url(%%commentboxbg%%) no-repeat 50% 50%
  2323. }
  2324.  
  2325. .usertext .bottom-area {
  2326. width: 504px
  2327. }
  2328.  
  2329. .usertext .bottom-area a.reddiquette {
  2330. color: #24a0ed
  2331. }
  2332.  
  2333. .gold-accent.comment-visits-box {
  2334. margin: 0 0 12px;
  2335. border-radius: 2px;
  2336. background-color: #edf1f3;
  2337. border: 1px solid #d8e0e5;
  2338. color: #292f34
  2339. }
  2340.  
  2341. .gilded-icon:before {
  2342. background: url(%%gilded%%);
  2343. height: 16px;
  2344. width: 16px
  2345. }
  2346.  
  2347. .commentarea .sitetable {
  2348. margin: 0;
  2349. box-shadow: none
  2350. }
  2351.  
  2352. .commentarea .thing {
  2353. margin: 0 0 8px;
  2354. padding: 8px 16px 8px 0
  2355. }
  2356.  
  2357. .commentarea .child .thing {
  2358. box-shadow: none;
  2359. padding: 4px;
  2360. margin: 12px 0 0
  2361. }
  2362.  
  2363. .commentarea .comment .midcol {
  2364. margin-top: 2px;
  2365. width: 32px;
  2366. margin-right: 6px;
  2367. overflow: visible
  2368. }
  2369.  
  2370. .comment .child,
  2371. .comment .showreplies {
  2372. border-left: 1px solid #edf1f3;
  2373. margin-top: 0
  2374. }
  2375.  
  2376. .comment .midcol {
  2377. width: 24px;
  2378. margin-right: 0
  2379. }
  2380.  
  2381. .comment .midcol .arrow {
  2382. margin-left: 0;
  2383. margin-bottom: 4px
  2384. }
  2385.  
  2386. .comment .entry .tagline {
  2387. color: #98abba;
  2388. font-size: 12px;
  2389. font-family: Arial, sans-serif
  2390. }
  2391.  
  2392. .comment .expand {
  2393. background-color: transparent;
  2394. transition: all .15s ease;
  2395. color: #98abba
  2396. }
  2397.  
  2398. .comment .expand:hover {
  2399. color: #98abba;
  2400. text-decoration: none;
  2401. background-color: #edf1f3
  2402. }
  2403.  
  2404. .comment.collapsed a.expand:after {
  2405. content: "ah ";
  2406. position: absolute;
  2407. display: block;
  2408. width: calc(100% - 368px);
  2409. background-color: rgba(0, 0, 0, 0.00);
  2410. left: 16px;
  2411. margin-top: -34px;
  2412. height: 50px;
  2413. border-radius: 2px;
  2414. color: transparent;
  2415. transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
  2416. }
  2417.  
  2418. .comment.collapsed a.expand:hover:after {
  2419. background-color: rgba(0, 0, 0, 0.04)
  2420. }
  2421.  
  2422. .comment .author {
  2423. color: #292f34;
  2424. margin-right: 0;
  2425. font-weight: 700
  2426. }
  2427.  
  2428. .comment .author:hover {
  2429. color: #24a0ed;
  2430. text-decoration: none
  2431. }
  2432.  
  2433. .tagline .moderator,
  2434. .green {
  2435. color: #27b062!important;
  2436. font-weight: 700
  2437. }
  2438.  
  2439. .tagline .submitter {
  2440. font-weight: 700;
  2441. color: #24a0ed
  2442. }
  2443.  
  2444. .res .thing .tagline .author.submitter {
  2445. padding: 1px 4px;
  2446. border-radius: 1px;
  2447. background-color: #4F8EF7!important;
  2448. box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  2449. transition: all .15s ease
  2450. }
  2451.  
  2452. .res .thing .tagline .author.submitter:hover {
  2453. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  2454. background-color: #4F8EF7!important
  2455. }
  2456.  
  2457. .comment .score {
  2458. font-size: inherit;
  2459. font-weight: 700;
  2460. color: #738491
  2461. }
  2462.  
  2463. .comment .score:before {
  2464. content: "• ";
  2465. margin: 0 2px;
  2466. vertical-align: middle;
  2467. line-height: 14px
  2468. }
  2469.  
  2470. .comment .usertext .md {
  2471. color: #292f34
  2472. }
  2473.  
  2474. .md a {
  2475. color: #24a0ed
  2476. }
  2477.  
  2478. .md a:visited {
  2479. color: #7D5D8A
  2480. }
  2481.  
  2482. .md pre {
  2483. padding: 8px
  2484. }
  2485.  
  2486. .md blockquote {
  2487. border-left: 2px solid #edf1f3;
  2488. color: #738491
  2489. }
  2490.  
  2491. .md h1,
  2492. .md h2 {
  2493. margin: .5em 0 .25em;
  2494. border: none;
  2495. color: #292f34
  2496. }
  2497.  
  2498. .md h3 {
  2499. color: #292f34;
  2500. margin: 16px 0 0
  2501. }
  2502.  
  2503. .usertext.grayed .usertext-body {
  2504. margin: 4px 0;
  2505. background-color: transparent;
  2506. text-transform: italic;
  2507. padding: 0
  2508. }
  2509.  
  2510. .comment.spam > .child {
  2511. padding-left: 0;
  2512. margin-left: 16px
  2513. }
  2514.  
  2515. .comment .flat-list li a {
  2516. color: #98abba;
  2517. font-weight: 400;
  2518. font-size: 10px
  2519. }
  2520.  
  2521. .comment .flat-list li a:hover {
  2522. color: #24a0ed;
  2523. text-decoration: none
  2524. }
  2525.  
  2526. .comment .flat-list li a[onclick*="reply"] {
  2527. color: #24a0ed;
  2528. font-weight: 700;
  2529. font-size: 11px
  2530. }
  2531.  
  2532. .deepthread a {
  2533. color: #24a0ed
  2534. }
  2535.  
  2536. .morecomments a {
  2537. color: #738491
  2538. }
  2539.  
  2540. .comments-page .side {
  2541. margin-top: 400px
  2542. }
  2543.  
  2544. .comments-page .side .linkinfo {
  2545. position: absolute;
  2546. top: 494px;
  2547. padding: 16px;
  2548. width: 320px;
  2549. background-color: #fff;
  2550. border-radius: 2px;
  2551. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
  2552. border: none
  2553. }
  2554.  
  2555. .comments-page .side .linkinfo .date {
  2556. color: #98abba
  2557. }
  2558.  
  2559. .comments-page .side .linkinfo .date:first-letter {
  2560. text-transform: capitalize
  2561. }
  2562.  
  2563. .comments-page .side .linkinfo .score {
  2564. color: #292f34
  2565. }
  2566.  
  2567. .res.comments-page .side {
  2568. margin-top: 414px
  2569. }
  2570.  
  2571. .read-next {
  2572. width: 320px;
  2573. height: 128px;
  2574. border: 1px solid #edf1f3;
  2575. border-radius: 2px 2px 0 0
  2576. }
  2577.  
  2578. .read-next .read-next-header {
  2579. border-bottom: 1px solid #edf1f3;
  2580. color: #738491;
  2581. padding: 8px 16px;
  2582. background-color: #f2f7fa
  2583. }
  2584.  
  2585. .read-next .read-next-nav {
  2586. top: 8px
  2587. }
  2588.  
  2589. .read-next .read-next-button {
  2590. background-color: #0079d3;
  2591. color: #fff;
  2592. font-family: monospace;
  2593. line-height: 16px;
  2594. font-size: 10px;
  2595. height: 16px;
  2596. width: 16px
  2597. }
  2598.  
  2599. .read-next .read-next-link {
  2600. height: inherit
  2601. }
  2602.  
  2603. .read-next .read-next-header-title {
  2604. top: 0;
  2605. line-height: inherit
  2606. }
  2607.  
  2608. .read-next .read-next-list {
  2609. padding: 8px 16px
  2610. }
  2611.  
  2612. .read-next .read-next-meta {
  2613. color: #738491;
  2614. line-height: 2
  2615. }
  2616.  
  2617. .submit-page #header {
  2618. height: 144px
  2619. }
  2620.  
  2621. .submit-page #header-bottom-left {
  2622. top: 86px;
  2623. left: 50%;
  2624. margin-left: -262px
  2625. }
  2626.  
  2627. .submit-page .content {
  2628. margin: 32px auto 0
  2629. }
  2630.  
  2631. .submit-page .side,
  2632. .submit-page .content h1,
  2633. #suggested-reddits {
  2634. display: none
  2635. }
  2636.  
  2637. .submit-page #newlink.submit.content {
  2638. width: 524px;
  2639. margin: 0 auto
  2640. }
  2641.  
  2642. .submit-page #newlink.submit.content form .spacer+.spacer {
  2643. margin: 0
  2644. }
  2645.  
  2646. .submit-page #newlink.submit.content ul.tabmenu.formtab {
  2647. position: relative;
  2648. padding: 0;
  2649. border: none;
  2650. background-color: #0079D3;
  2651. border-radius: 2px;
  2652. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14)
  2653. }
  2654.  
  2655. .submit-page #newlink.submit.content .tabmenu.formtab a {
  2656. padding: 16px;
  2657. width: 262px;
  2658. display: inline-block;
  2659. text-align: center;
  2660. color: rgba(255, 255, 255, 0.7);
  2661. text-transform: uppercase;
  2662. font-weight: 700;
  2663. transition: all .15s ease;
  2664. font-size: 16px;
  2665. border: none;
  2666. border-bottom: 4px solid transparent
  2667. }
  2668.  
  2669. .submit-page #newlink.submit.content .tabmenu.formtab .selected a {
  2670. font-size: 16px;
  2671. background-color: transparent;
  2672. color: #fff;
  2673. border-bottom: 4px solid
  2674. }
  2675.  
  2676. .submit-page #newlink.submit.content .tabmenu.formtab a:hover {
  2677. color: #fff
  2678. }
  2679.  
  2680. .submit-page .formtabs-content {
  2681. border-top: 0;
  2682. padding-top: 0
  2683. }
  2684.  
  2685. .submit-page .roundfield {
  2686. padding: 16px;
  2687. width: 524px;
  2688. background-color: #fff;
  2689. border: none
  2690. }
  2691.  
  2692. .submit-page .roundfield .title {
  2693. color: #292f34;
  2694. text-transform: capitalize
  2695. }
  2696.  
  2697. .submit-page #url-field button {
  2698. background-color: #c3cfd6
  2699. }
  2700.  
  2701. .submit_text.enabled.roundfield {
  2702. background-color: #0079D3
  2703. }
  2704.  
  2705. .submit_text.enabled.roundfield .md {
  2706. color: #fff
  2707. }
  2708.  
  2709. .submit_text ol,
  2710. .submit_text ul {
  2711. margin-left: -1em
  2712. }
  2713.  
  2714. .submit-page .infobar {
  2715. display: none!important
  2716. }
  2717.  
  2718. .content.submit .info-notice {
  2719. background-color: #edf1f3;
  2720. padding: 16px;
  2721. border: none;
  2722. margin-bottom: 0
  2723. }
  2724.  
  2725. .submit-page #newlink.submit.content .btn {
  2726. width: 100%;
  2727. height: auto;
  2728. margin-top: 16px;
  2729. cursor: pointer;
  2730. text-transform: capitalize;
  2731. font-family: Lato, arial, sans-serif;
  2732. font-size: 17px;
  2733. padding: 16px;
  2734. text-align: left;
  2735. margin-bottom: 48px
  2736. }
  2737.  
  2738. .submit-page #newlink.submit.content .btn:after {
  2739. content: " your post to Reddit.";
  2740. text-transform: none
  2741. }
  2742.  
  2743. .submit-page #newlink.submit.content .btn:hover {
  2744. box-shadow: 0 2px 12px rgba(0, 0, 0, 0.48)
  2745. }
  2746.  
  2747. .submit-page .footer-parent {
  2748. display: none
  2749. }
  2750.  
  2751. .search-page #header .pagename a {
  2752. display: none
  2753. }
  2754.  
  2755. .search-page #header {
  2756. height: 156px
  2757. }
  2758.  
  2759. .search-page #header-bottom-left {
  2760. top: 56px
  2761. }
  2762.  
  2763. .search-page .searchpane {
  2764. margin: 0;
  2765. padding: 0;
  2766. position: relative
  2767. }
  2768.  
  2769. .raisedbox h4 {
  2770. display: none
  2771. }
  2772.  
  2773. .search-page #search {
  2774. position: absolute;
  2775. top: -128px;
  2776. left: 36px;
  2777. padding: 0
  2778. }
  2779.  
  2780. .search-page #search input[type=text] {
  2781. min-width: 320px;
  2782. width: 320px
  2783. }
  2784.  
  2785. .combined-search-page .search-submit-button {
  2786. position: relative;
  2787. left: -42px;
  2788. width: 32px;
  2789. height: 32px;
  2790. margin: 0;
  2791. padding: 0;
  2792. background-color: transparent;
  2793. background-image: url(%%spritesheet%%);
  2794. background-position: -64px -96px;
  2795. box-shadow: none;
  2796. border: none;
  2797. border-radius: 50%;
  2798. transition: background-color .2s cubic-bezier(.4, 0, .2, 1)
  2799. }
  2800.  
  2801. .combined-search-page .search-submit-button:hover {
  2802. background-color: rgba(158, 158, 158, .2)
  2803. }
  2804.  
  2805. .combined-search-page .search-submit-button .search-icon {
  2806. display: none
  2807. }
  2808.  
  2809. .search-page #previoussearch label {
  2810. position: absolute;
  2811. margin: 0;
  2812. width: 100%;
  2813. padding: 12px;
  2814. background: #f9f9f9;
  2815. z-index: -1;
  2816. border-radius: 0 0 2px 2px;
  2817. box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12);
  2818. cursor: pointer;
  2819. margin-top: -2px
  2820. }
  2821.  
  2822. .search-page #previoussearch p a#search_showmore {
  2823. position: absolute;
  2824. left: 324px;
  2825. top: 8px;
  2826. width: 22px;
  2827. height: 24px;
  2828. background-image: url(%%spritesheet%%);
  2829. background-repeat: no-repeat;
  2830. background-position: -49px -168px;
  2831. overflow: hidden;
  2832. font-size: 0
  2833. }
  2834.  
  2835. #previoussearch #moresearchinfo {
  2836. margin: 0;
  2837. max-width: none;
  2838. border: none
  2839. }
  2840.  
  2841. .combined-search-page .search-result-group {
  2842. max-width: none;
  2843. min-width: 0;
  2844. padding: 0
  2845. }
  2846.  
  2847. .combined-search-page .search-result-group .search-result-group-header {
  2848. height: 36px;
  2849. line-height: 38px;
  2850. margin: 0;
  2851. border: none
  2852. }
  2853.  
  2854. .combined-search-page .search-result-group .search-header-label {
  2855. text-transform: capitalize;
  2856. color: #738491;
  2857. font-family: Lato, Arial, sans-serif;
  2858. font-size: 18px;
  2859. padding-bottom: 2px
  2860. }
  2861.  
  2862. .combined-search-page .search-result-group .search-menu {
  2863. margin-right: 16px
  2864. }
  2865.  
  2866. .combined-search-page .search-result-group .search-menu .dropdown.lightdrop .selected {
  2867. color: #738491;
  2868. text-decoration: none;
  2869. cursor: pointer;
  2870. display: inline-block
  2871. }
  2872.  
  2873. .combined-search-page .search-result-listing .search-result-subreddit {
  2874. display: inline-block;
  2875. width: calc(33% - 8px);
  2876. max-width: 360px;
  2877. height: 184px;
  2878. margin: 0 16px 0 0;
  2879. padding: 16px;
  2880. border-radius: 2px;
  2881. vertical-align: top;
  2882. border: 1px solid #edf1f3;
  2883. overflow: hidden
  2884. }
  2885.  
  2886. .combined-search-page .search-result-listing .search-result-subreddit:last-of-type {
  2887. margin-right: -20px
  2888. }
  2889.  
  2890. .combined-search-page .search-result-subreddit .search-result-body {
  2891. padding: 0
  2892. }
  2893.  
  2894. .combined-search-page .search-result-subreddit .search-result-meta {
  2895. padding: 4px 0
  2896. }
  2897.  
  2898. .search-result-subreddit .search-result-meta span.search-time {
  2899. display: none
  2900. }
  2901.  
  2902. .combined-search-page .search-result {
  2903. margin: 16px 0 20px
  2904. }
  2905.  
  2906. .combined-search-page .search-result .search-result-header .search-title {
  2907. color: #24a0ed
  2908. }
  2909.  
  2910. .combined-search-page .search-result .search-result-meta {
  2911. color: #738491
  2912. }
  2913.  
  2914. .combined-search-page .search-result a,
  2915. .combined-search-page .search-result a>mark {
  2916. color: #24a0ed
  2917. }
  2918.  
  2919. .combined-search-page .search-result-subreddit .search-subscribe-button {
  2920. border-radius: 2px
  2921. }
  2922.  
  2923. .combined-search-page .search-result-subreddit .search-subscribe-button .add,
  2924. .combined-search-page .search-result-subreddit .search-subscribe-button .add:active {
  2925. background-color: #0079d3;
  2926. border: none;
  2927. border-radius: 2px
  2928. }
  2929.  
  2930. .combined-search-page .search-result-subreddit .search-subscribe-button .remove,
  2931. .combined-search-page .search-result-subreddit .search-subscribe-button .remove:active {
  2932. background-color: transparent;
  2933. border: 1px solid #98abba;
  2934. color: #738491
  2935. }
  2936.  
  2937. .combined-search-page .search-result .search-comments {
  2938. color: #24a0ed
  2939. }
  2940.  
  2941. .combined-search-page .search-result.has-thumbnail>.thumbnail {
  2942. margin-left: 0;
  2943. margin-right: 16px
  2944. }
  2945.  
  2946. .combined-search-page .search-result-group footer .nav-buttons {
  2947. margin: 0 0 16px
  2948. }
  2949.  
  2950. .nextprev,
  2951. .next-suggestions {
  2952. color: #738491
  2953. }
  2954.  
  2955. .search-page .searchfacets {
  2956. border: 1px solid #edf1f3;
  2957. border-radius: 2px;
  2958. padding: 16px;
  2959. margin: 0;
  2960. background-color: #fff;
  2961. border-radius: 0 0 2px 2px;
  2962. max-width: none
  2963. }
  2964.  
  2965. .searchfacets .title {
  2966. margin: 0
  2967. }
  2968.  
  2969. .searchfacets h4.title {
  2970. color: #738491;
  2971. margin: 0 0 8px
  2972. }
  2973.  
  2974. .searchfacets h4.title:first-letter {
  2975. text-transform: capitalize
  2976. }
  2977.  
  2978. .searchfacets .list {
  2979. margin: 0
  2980. }
  2981.  
  2982. .searchfacets .facet.count {
  2983. color: #98abba;
  2984. font-weight: 400
  2985. }
  2986.  
  2987. .searchfacets .facet.count:hover {
  2988. text-decoration: none
  2989. }
  2990.  
  2991. .search-page .morelink {
  2992. top: 384px
  2993. }
  2994.  
  2995. .search-page .side {
  2996. margin-top: 264px
  2997. }
  2998.  
  2999. .wiki-page .wikititle {
  3000. background-color: #fff;
  3001. padding: 9px 16px 10px;
  3002. border-radius: 2px;
  3003. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
  3004. font-size: 16px;
  3005. font-family: arial, sans-serif;
  3006. text-transform: capitalize;
  3007. margin: 0
  3008. }
  3009.  
  3010. .wiki-page .pageactions {
  3011. background-color: #fff;
  3012. margin-left: 16px;
  3013. border-radius: 2px;
  3014. padding: 0 16px;
  3015. border: none;
  3016. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16)
  3017. }
  3018.  
  3019. .wiki-page .pageactions .wikiaction {
  3020. margin: 0;
  3021. background-color: transparent;
  3022. border-radius: 0;
  3023. padding: 10px 16px 11px;
  3024. color: #98abba
  3025. }
  3026.  
  3027. .wiki-page .pageactions .wikiaction-current {
  3028. padding: 10px 16px 9px;
  3029. border-bottom: 2px solid #24a0ed;
  3030. color: #24a0ed
  3031. }
  3032.  
  3033. .wiki-page .pageactions .wikiaction:hover,
  3034. .wiki-page .pageactions .wikiaction-current:hover {
  3035. background-color: rgba(0, 0, 0, 0.05)
  3036. }
  3037.  
  3038. .wiki-page .wiki-page-content {
  3039. margin: 16px 0;
  3040. background-color: #fff;
  3041. padding: 8px 0
  3042. }
  3043.  
  3044. .wiki-page .wiki-page-content .wiki>.toc>ul {
  3045. border: none
  3046. }
  3047.  
  3048. .wiki-page .wiki-page-content .wiki.md {
  3049. color: #292f34
  3050. }
  3051.  
  3052. .wiki-page .wiki-page-content .wiki.md h2 {
  3053. color: #292f34
  3054. }
  3055.  
  3056. .wiki-page .wiki-page-content hr {
  3057. border-style: solid;
  3058. border-color: #edf1f3
  3059. }
  3060.  
  3061. .wiki-page .wiki-page-content em {
  3062. color: #98abba
  3063. }
  3064.  
  3065. .linefield,
  3066. .linefield.mobile {
  3067. background-color: #fff;
  3068. color: #98abba;
  3069. margin: 0 0 16px;
  3070. width: 528px;
  3071. padding: 8px 0
  3072. }
  3073.  
  3074. .linefield .title {
  3075. color: #24a0ed;
  3076. text-transform: capitalize;
  3077. padding: 0
  3078. }
  3079.  
  3080. .linefield .linefield-content {
  3081. padding: 0
  3082. }
  3083.  
  3084. .linefield .title:first-letter,
  3085. .linefield label:first-letter {
  3086. text-transform: capitalize
  3087. }
  3088.  
  3089. .usertext .bottom-area a {
  3090. color: #98abba
  3091. }
  3092.  
  3093. .usertext .bottom-area a:hover {
  3094. color: #24a0ed
  3095. }
  3096.  
  3097. .pretty-form {
  3098. padding-top: 24px
  3099. }
  3100.  
  3101. .fancy-settings h1,
  3102. .create-promotion h1 {
  3103. color: rgba(255, 255, 255, .8)
  3104. }
  3105.  
  3106. .fancy-settings h1 strong {
  3107. color: rgba(255, 255, 255, 1)
  3108. }
  3109.  
  3110. .tabmenu {
  3111. border-bottom: 1px solid #edf1f3;
  3112. margin-bottom: 12px
  3113. }
  3114.  
  3115. .tabmenu li {
  3116. margin: 0!important
  3117. }
  3118.  
  3119. .tabmenu li a {
  3120. background-color: transparent;
  3121. color: #292f34;
  3122. border: none;
  3123. font-size: 14px
  3124. }
  3125.  
  3126. .tabmenu li.selected a {
  3127. color: #24a0ed;
  3128. background-color: transparent;
  3129. border: none
  3130. }
  3131.  
  3132. .tabpane-content {
  3133. border: none
  3134. }
  3135.  
  3136. .tabpane-content .flairrow a.author {
  3137. color: #98abba
  3138. }
  3139.  
  3140. .tabpane-content .tagline a {
  3141. color: #292f34
  3142. }
  3143.  
  3144. .tabpane-content .thing .title {
  3145. overflow: visible
  3146. }
  3147.  
  3148. .fancy-settings .pretty-form {
  3149. padding-top: 0
  3150. }
  3151.  
  3152. .stylesheet-customize-container .pretty-form {
  3153. padding: 8px 0;
  3154. margin-bottom: 16px
  3155. }
  3156.  
  3157. .stylesheet-customize-container .pretty-form .sheets {
  3158. margin-right: 0
  3159. }
  3160.  
  3161. .stylesheet-customize-container h2 {
  3162. display: none
  3163. }
  3164.  
  3165. .sheets .btn.right {
  3166. background-color: transparent;
  3167. border: none;
  3168. box-shadow: none;
  3169. padding: 0
  3170. }
  3171.  
  3172. #images {
  3173. padding: 8px 0;
  3174. background-color: #fff;
  3175. position: relative;
  3176. overflow: auto;
  3177. height: inherit
  3178. }
  3179.  
  3180. #images #image-upload {
  3181. margin: 0 0 4em
  3182. }
  3183.  
  3184. #images:before {
  3185. position: fixed;
  3186. width: 100%;
  3187. padding: 16px;
  3188. color: #fff;
  3189. left: 0;
  3190. bottom: 0;
  3191. background-color: #2E2F31;
  3192. content: "Hey! There's a FAQ if you just scroll down a little.";
  3193. font-size: 18px;
  3194. z-index: 100
  3195. }
  3196.  
  3197. #images:after {
  3198. content: "";
  3199. position: absolute;
  3200. width: 100%;
  3201. height: 800px;
  3202. left: 0;
  3203. bottom: -1200px;
  3204. z-index: 100;
  3205. background-color: #fff;
  3206. background-image: url(%%faq%%);
  3207. background-repeat: no-repeat;
  3208. background-position: 50% 50%
  3209. }
  3210.  
  3211. .flair {
  3212. border: none;
  3213. border-radius: 0;
  3214. font-size: 12px;
  3215. font-family: arial, sans-serif;
  3216. font-weight: 400;
  3217. background-color: transparent;
  3218. color: #98abba;
  3219. padding-left: 0;
  3220. margin-right: inherit
  3221. }
  3222.  
  3223. .link .flair {
  3224. font-size: 12px
  3225. }
  3226.  
  3227. .flair:before {
  3228. margin-right: 3px;
  3229. height: auto;
  3230. content: "- ";
  3231. margin-left: 4px
  3232. }
  3233.  
  3234. .side .flair:before {
  3235. margin-left: 0
  3236. }
  3237.  
  3238. .listing-page .comment {
  3239. background-color: #fff;
  3240. margin-left: 0;
  3241. padding: 12px 0
  3242. }
  3243.  
  3244. .listing-page .comment .midcol {
  3245. width: 36px;
  3246. margin-right: 2px;
  3247. margin-top: 4px;
  3248. overflow: visible
  3249. }
  3250.  
  3251. .listing-page .comment .parent {
  3252. margin-bottom: 4px
  3253. }
  3254.  
  3255. .listing-page .comment .title {
  3256. font-size: 14px;
  3257. margin-left: 8px
  3258. }
  3259.  
  3260. .footer-parent {
  3261. height: 800px;
  3262. margin-top: 192px;
  3263. padding: 528px 0 64px;
  3264. background-image: url(%%footer%%);
  3265. background-repeat: no-repeat;
  3266. background-position: 50% 0;
  3267. background-size: cover
  3268. }
  3269.  
  3270. .footer {
  3271. border: 0 solid;
  3272. border-radius: 2px;
  3273. background-color: rgba(43, 51, 58, 0.64);
  3274. padding: 16px;
  3275. max-width: 640px
  3276. }
  3277.  
  3278. .footer .col {
  3279. padding: 0 24px;
  3280. border: none
  3281. }
  3282.  
  3283. .flat-vert.title,
  3284. .bottommenu a {
  3285. color: rgba(255, 255, 255, 0.7)
  3286. }
  3287.  
  3288. .bottommenu {
  3289. color: rgba(255, 255, 255, 0.42)
  3290. }
  3291.  
  3292. .debuginfo,
  3293. #hsts_pixel {
  3294. display: none
  3295. }
  3296.  
  3297. .res .link .tagline a.voteWeight {
  3298. background-color: transparent!important
  3299. }
  3300.  
  3301. .res .thing .tagline .author.moderator {
  3302. background-color: #27b062!important;
  3303. padding: 1px 4px;
  3304. border-radius: 1px
  3305. }
  3306.  
  3307. #header-bottom-right #userbarToggle + * {
  3308. margin-left: 0!important
  3309. }
  3310.  
  3311. .res .srSep {
  3312. color: rgba(255, 255, 255, 0.45)
  3313. }
  3314.  
  3315. .res #RESShortcutsViewport {
  3316. margin-right: 381px
  3317. }
  3318.  
  3319. .res #RESShortcutsEditContainer {
  3320. margin-right: 312px
  3321. }
  3322.  
  3323. .res #RESShortcutsEditContainer,
  3324. #RESShortcutsSort,
  3325. #RESShortcutsRight,
  3326. #RESShortcutsLeft,
  3327. #RESShortcutsAdd,
  3328. #RESShortcutsTrash {
  3329. background-color: transparent!important;
  3330. color: rgba(255, 255, 255, 0.45)!important;
  3331. top: 1px!important
  3332. }
  3333.  
  3334. .res #RESShortcuts {
  3335. color: #E0E0E0
  3336. }
  3337.  
  3338. .pinHeader-sub #sr-header-area,
  3339. .pinHeader-subanduser #sr-header-area {
  3340. background-image: url(%%headerimg%%);
  3341. background-position: 50% 0
  3342. }
  3343.  
  3344. .pinHeader-sub #header-bottom-left,
  3345. .pinHeader-subanduser #header-bottom-left {
  3346. margin-top: 0
  3347. }
  3348.  
  3349. .pinHeader-header:before {
  3350. display: none!important
  3351. }
  3352.  
  3353. .pinHeader-header .content {
  3354. margin-top: 12px!important
  3355. }
  3356.  
  3357. .pinHeader-header .side {
  3358. margin-top: 164px
  3359. }
  3360.  
  3361. .pinHeader-header.res.comments-page .side {
  3362. margin-top: 290px
  3363. }
  3364.  
  3365. .pinHeader-header #header {
  3366. top: 0;
  3367. background-image: url(%%headerimg%%);
  3368. height: 84px;
  3369. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24)
  3370. }
  3371.  
  3372. .res.search-page #header .tabmenu {
  3373. display: none!important
  3374. }
  3375.  
  3376. .res #header-bottom-right {
  3377. top: 1px;
  3378. border-radius: 0;
  3379. height: 18px;
  3380. padding: 0 8px 0 0
  3381. }
  3382.  
  3383. .res #userbarToggle {
  3384. background-color: transparent;
  3385. color: rgba(255, 255, 255, 0.45);
  3386. border-radius: 0;
  3387. border: none;
  3388. left: -32px
  3389. }
  3390.  
  3391. .res a.beta-link {
  3392. top: 4px
  3393. }
  3394.  
  3395. .res #header-bottom-right .user .userkarma {
  3396. display: none
  3397. }
  3398.  
  3399. .res #header-bottom-right .user {
  3400. font-size: 0
  3401. }
  3402.  
  3403. .res #header-bottom-right .user a {
  3404. font-size: 11px
  3405. }
  3406.  
  3407. .res #sr-header-area a.RESShortcutsCurrentSub,
  3408. .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
  3409. color: #fff!important;
  3410. border-bottom: 2px solid #fff
  3411. }
  3412.  
  3413. #RESAccountSwitcherIcon {
  3414. position: relative;
  3415. top: -4px
  3416. }
  3417.  
  3418. .res #REScommentNavToggle {
  3419. max-width: 98px;
  3420. overflow: hidden;
  3421. max-height: 15px;
  3422. background-color: #FAFAFA;
  3423. transition: all .35s ease
  3424. }
  3425.  
  3426. .res #REScommentNavToggle:hover {
  3427. max-width: 100%
  3428. }
  3429.  
  3430. .res .commentarea>.usertext {
  3431. margin-top: -76px;
  3432. padding-top: 80px!important
  3433. }
  3434.  
  3435. .res .content .RESBigEditorPop {
  3436. background-color: rgba(0, 0, 0, 0);
  3437. line-height: inherit;
  3438. font-size: 11px;
  3439. font-family: verdana, arial, sans-serif;
  3440. box-shadow: none;
  3441. font-weight: 400;
  3442. color: #4D5763;
  3443. border: none;
  3444. padding: 0;
  3445. height: inherit;
  3446. margin-left: 4px;
  3447. margin-top: 5px
  3448. }
  3449.  
  3450. html.res-commentBoxes .comment {
  3451. margin-left: 0!important;
  3452. margin-right: 0!important
  3453. }
  3454.  
  3455. .res .commentarea .thing {
  3456. border: none!important;
  3457. border-radius: 2px!important
  3458. }
  3459.  
  3460. .res .titlebox .tagline {
  3461. margin-top: 6px
  3462. }
  3463.  
  3464. .res .RESshortcutside,
  3465. .res .RESDashboardToggle {
  3466. background-image: none!important;
  3467. border: none;
  3468. color: #4D5763;
  3469. text-transform: uppercase;
  3470. text-decoration: none;
  3471. border-radius: 0;
  3472. padding: 4px 6px 4px 0;
  3473. margin: 2px 6px 2px -4px;
  3474. text-align: left;
  3475. width: auto
  3476. }
  3477.  
  3478. .res .RESshortcutside:hover,
  3479. .res .RESDashboardToggle:hover {
  3480. background-color: transparent;
  3481. color: #24a0ed
  3482. }
  3483.  
  3484. .res #progressIndicator {
  3485. width: inherit;
  3486. border-radius: 0;
  3487. border: none;
  3488. padding: 16px;
  3489. margin: 16px 0;
  3490. color: #b3b3b3;
  3491. background-color: #fff;
  3492. height: inherit
  3493. }
  3494.  
  3495. .res #progressIndicator h2 {
  3496. color: #4D5763
  3497. }
  3498.  
  3499. .res .NERPageMarker {
  3500. border-radius: 0;
  3501. border: none;
  3502. background-color: #fff;
  3503. padding: 16px 0;
  3504. margin: 0
  3505. }
  3506.  
  3507. .res .sitetable .sitetable {
  3508. margin-right: 0
  3509. }
  3510.  
  3511. .res #search #searchexpando {
  3512. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  3513. height: auto
  3514. }
  3515.  
  3516. .res #search #searchexpando label {
  3517. padding-top: 13px;
  3518. padding-bottom: 13px
  3519. }
  3520.  
  3521. .res #searchexpando .searchexpando-submit {
  3522. display: none
  3523. }
  3524.  
  3525. .res h1.hover.redditname {
  3526. overflow: visible!important
  3527. }
  3528.  
  3529. .res .commentarea .panestack-title {
  3530. margin-top: 0;
  3531. padding-top: 12px
  3532. }
  3533.  
  3534. .res .comment.collapsed a.expand:after {
  3535. display: none
  3536. }
  3537.  
  3538. .gearIcon {
  3539. background: url(%%spritesheet%%) -64px 0!important;
  3540. position: relative;
  3541. top: 2px;
  3542. transition: all .25s ease
  3543. }
  3544.  
  3545. #RESMainGearOverlay {
  3546. background-color: #516ae8;
  3547. top: 0!important;
  3548. height: 26px!important;
  3549. border-radius: 0!important
  3550. }
  3551.  
  3552. .RESDropdownList {
  3553. border-color: #4258ca;
  3554. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24);
  3555. margin-top: 4px;
  3556. margin-right: 8px
  3557. }
  3558.  
  3559. .RESDropdownList li {
  3560. background-color: #516ae8;
  3561. color: #fff;
  3562. border-color: #4258ca;
  3563. transition: all .15s ease
  3564. }
  3565.  
  3566. .RESDropdownList li:first-letter {
  3567. text-transform: capitalize
  3568. }
  3569.  
  3570. .RESDropdownList a,
  3571. .RESDropdownList a:visited {
  3572. color: #fff
  3573. }
  3574.  
  3575. .RESDropdownList li:hover,
  3576. .RESDropdownList li a:hover {
  3577. color: #fff;
  3578. background-color: #667df0
  3579. }
  3580.  
  3581. #RESSearchMenuItem {
  3582. border: 1px solid #4258ca;
  3583. border-radius: 1px;
  3584. background-color: #667df0
  3585. }
  3586.  
  3587. #RESSearchMenuItem:hover {
  3588. background-color: #667df0
  3589. }
  3590.  
  3591. .toggleButton .toggleOn,
  3592. .toggleButton .toggleOff {
  3593. text-transform: lowercase
  3594. }
  3595.  
  3596. .moduleToggle:not(.enabled) .toggleOn,
  3597. .toggleButton:not(.enabled) .toggleOn,
  3598. .moduleToggle.enabled .toggleOff,
  3599. .toggleButton.enabled .toggleOff {
  3600. background-color: transparent;
  3601. color: rgba(255, 255, 255, 0.6);
  3602. border: 1px solid #4258ca;
  3603. transition: all .15s ease;
  3604. border-radius: 2px
  3605. }
  3606.  
  3607. .moduleToggle.enabled .toggleOn,
  3608. .toggleButton.enabled .toggleOn,
  3609. .moduleToggle:not(.enabled) .toggleOff,
  3610. .toggleButton:not(.enabled) .toggleOff {
  3611. background-color: #fff;
  3612. color: #516AE8;
  3613. font-weight: bolder;
  3614. border: 1px solid #fff;
  3615. transition: all .15s ease;
  3616. border-radius: 2px
  3617. }
  3618.  
  3619. .markdownEditor .edit-btn:not(.btn-macro) {
  3620. border: 0 solid!important;
  3621. border-radius: 1px;
  3622. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12)
  3623. }
  3624.  
  3625. body.listing-page>.content,
  3626. body.other-discussions-page>.content,
  3627. .comments-page .link,
  3628. .commentarea>.sitetable>.comment,
  3629. #images,
  3630. .combined-search-page>.content,
  3631. .sponsorshipbox,
  3632. .commentarea>.usertext,
  3633. .stylesheet-customize-container .pretty-form,
  3634. .side .sidecontentbox,
  3635. .account-activity-box,
  3636. .side .titlebox,
  3637. #previoussearch #moresearchinfo,
  3638. #ad-frame,
  3639. #ad_main,
  3640. .wiki-page .wiki-page-content,
  3641. .linefield,
  3642. .submit-page .roundfield,
  3643. .login-form-side {
  3644. background-color: #fff;
  3645. padding: 16px;
  3646. border-radius: 2px;
  3647. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14)
  3648. }
  3649.  
  3650. #mail.havemail:before {
  3651. animation-name: toast;
  3652. animation-duration: 8s;
  3653. animation-iteration-count: 1;
  3654. animation-timing-function: ease;
  3655. -webkit-animation-name: toast;
  3656. -webkit-animation-duration: 8s;
  3657. -webkit-animation-iteration-count: 1;
  3658. -webkit-animation-timing-function: ease
  3659. }
  3660.  
  3661. #mail.havemail:hover:before {
  3662. -webkit-animation-play-state: paused;
  3663. -moz-animation-play-state: paused;
  3664. -o-animation-play-state: paused;
  3665. animation-play-state: paused
  3666. }
  3667.  
  3668. @-webkit-keyframes toast {
  3669. 0% {
  3670. transform: translateY(76px);
  3671. -webkit-transform: translateY(76px);
  3672. opacity: 0
  3673. }
  3674. 20% {
  3675. transform: translateY(76px);
  3676. -webkit-transform: translateY(76px);
  3677. opacity: 0
  3678. }
  3679. 25% {
  3680. transform: translateY(-8px);
  3681. -webkit-transform: translateY(-8px);
  3682. opacity: 1
  3683. }
  3684. 27% {
  3685. transform: translateY(00px);
  3686. -webkit-transform: translateY(00px);
  3687. opacity: 1
  3688. }
  3689. 92% {
  3690. transform: translateY(00px);
  3691. -webkit-transform: translateY(00px);
  3692. opacity: 1
  3693. }
  3694. 97% {
  3695. transform: translateY(16px);
  3696. -webkit-transform: translateY(16px);
  3697. opacity: 1
  3698. }
  3699. 100% {
  3700. transform: translateY(76px);
  3701. -webkit-transform: translateY(76px);
  3702. opacity: 0
  3703. }
  3704. }
  3705.  
  3706. @-o-keyframes toast {
  3707. 0% {
  3708. transform: translateY(76px);
  3709. -webkit-transform: translateY(76px);
  3710. opacity: 0
  3711. }
  3712. 20% {
  3713. transform: translateY(76px);
  3714. -webkit-transform: translateY(76px);
  3715. opacity: 0
  3716. }
  3717. 25% {
  3718. transform: translateY(-8px);
  3719. -webkit-transform: translateY(-8px);
  3720. opacity: 1
  3721. }
  3722. 27% {
  3723. transform: translateY(00px);
  3724. -webkit-transform: translateY(00px);
  3725. opacity: 1
  3726. }
  3727. 92% {
  3728. transform: translateY(00px);
  3729. -webkit-transform: translateY(00px);
  3730. opacity: 1
  3731. }
  3732. 97% {
  3733. transform: translateY(16px);
  3734. -webkit-transform: translateY(16px);
  3735. opacity: 1
  3736. }
  3737. 100% {
  3738. transform: translateY(76px);
  3739. -webkit-transform: translateY(76px);
  3740. opacity: 0
  3741. }
  3742. }
  3743.  
  3744. @-moz-keyframes toast {
  3745. 0% {
  3746. transform: translateY(76px);
  3747. -webkit-transform: translateY(76px);
  3748. opacity: 0
  3749. }
  3750. 20% {
  3751. transform: translateY(76px);
  3752. -webkit-transform: translateY(76px);
  3753. opacity: 0
  3754. }
  3755. 25% {
  3756. transform: translateY(-8px);
  3757. -webkit-transform: translateY(-8px);
  3758. opacity: 1
  3759. }
  3760. 27% {
  3761. transform: translateY(00px);
  3762. -webkit-transform: translateY(00px);
  3763. opacity: 1
  3764. }
  3765. 92% {
  3766. transform: translateY(00px);
  3767. -webkit-transform: translateY(00px);
  3768. opacity: 1
  3769. }
  3770. 97% {
  3771. transform: translateY(16px);
  3772. -webkit-transform: translateY(16px);
  3773. opacity: 1
  3774. }
  3775. 100% {
  3776. transform: translateY(76px);
  3777. -webkit-transform: translateY(76px);
  3778. opacity: 0
  3779. }
  3780. }
  3781.  
  3782. @keyframes toast {
  3783. 0% {
  3784. transform: translateY(76px);
  3785. -webkit-transform: translateY(76px);
  3786. opacity: 0
  3787. }
  3788. 20% {
  3789. transform: translateY(76px);
  3790. -webkit-transform: translateY(76px);
  3791. opacity: 0
  3792. }
  3793. 25% {
  3794. transform: translateY(-8px);
  3795. -webkit-transform: translateY(-8px);
  3796. opacity: 1
  3797. }
  3798. 27% {
  3799. transform: translateY(00px);
  3800. -webkit-transform: translateY(00px);
  3801. opacity: 1
  3802. }
  3803. 92% {
  3804. transform: translateY(00px);
  3805. -webkit-transform: translateY(00px);
  3806. opacity: 1
  3807. }
  3808. 97% {
  3809. transform: translateY(16px);
  3810. -webkit-transform: translateY(16px);
  3811. opacity: 1
  3812. }
  3813. 100% {
  3814. transform: translateY(76px);
  3815. -webkit-transform: translateY(76px);
  3816. opacity: 0
  3817. }
  3818. }
  3819.  
  3820. @-webkit-keyframes upvote {
  3821. 0% {
  3822. transform: scale(0, 0);
  3823. -webkit-transform: scale(0, 0);
  3824. opacity: 1
  3825. }
  3826. 45% {
  3827. opacity: 1
  3828. }
  3829. 98% {
  3830. opacity: 0
  3831. }
  3832. 100% {
  3833. transform: scale(1.5, 1.5);
  3834. -webkit-transform: scale(1.5, 1.5);
  3835. opacity: 0
  3836. }
  3837. }
  3838.  
  3839. @-moz-keyframes upvote {
  3840. 0% {
  3841. transform: scale(0, 0);
  3842. -webkit-transform: scale(0, 0);
  3843. opacity: 1
  3844. }
  3845. 45% {
  3846. opacity: 1
  3847. }
  3848. 98% {
  3849. opacity: 0
  3850. }
  3851. 100% {
  3852. transform: scale(1.5, 1.5);
  3853. -webkit-transform: scale(1.5, 1.5);
  3854. opacity: 0
  3855. }
  3856. }
  3857.  
  3858. @-o-keyframes upvote {
  3859. 0% {
  3860. transform: scale(0, 0);
  3861. -webkit-transform: scale(0, 0);
  3862. opacity: 1
  3863. }
  3864. 45% {
  3865. opacity: 1
  3866. }
  3867. 98% {
  3868. opacity: 0
  3869. }
  3870. 100% {
  3871. transform: scale(1.5, 1.5);
  3872. -webkit-transform: scale(1.5, 1.5);
  3873. opacity: 0
  3874. }
  3875. }
  3876.  
  3877. @keyframes upvote {
  3878. 0% {
  3879. transform: scale(0, 0);
  3880. -webkit-transform: scale(0, 0);
  3881. opacity: 1
  3882. }
  3883. 45% {
  3884. opacity: 1
  3885. }
  3886. 98% {
  3887. opacity: 0
  3888. }
  3889. 100% {
  3890. transform: scale(1.5, 1.5);
  3891. -webkit-transform: scale(1.5, 1.5);
  3892. opacity: 0
  3893. }
  3894. }
  3895. /* ==============================================================================================================================
  3896.  
  3897. /////
  3898. End of basic Naut. Add your customizations or any addons below here!
  3899. /////
  3900.  
  3901. ==================================================================================================================================*/
  3902. /* --- Addon: Somewhat Smaller Header --- */
  3903.  
  3904. #header {
  3905. height: 144px;
  3906. }
  3907.  
  3908. #header-bottom-left,
  3909. body:not(.search-page) .side:before {
  3910. top: 48px;
  3911. }
  3912.  
  3913. body:not(.search-page) .side .titlebox h1.redditname {
  3914. top: 256px;
  3915. }
  3916.  
  3917. body:not(.search-page) .titlebox .fancy-toggle-button {
  3918. top: 262px;
  3919. }
  3920.  
  3921. body:not(.search-page) .titlebox span.subscribers {
  3922. top: 284px;
  3923. }
  3924.  
  3925. #search {
  3926. top: 332px;
  3927. }
  3928.  
  3929. body:not(.search-page) .morelink {
  3930. top: 390px;
  3931. }
  3932.  
  3933. .comments-page .side .linkinfo {
  3934. top: 442px;
  3935. }
  3936. /* --- End Addon --- */
  3937. /* --- Addon: Change Subreddit's colors --- */
  3938. /* Buttons */
  3939.  
  3940. .morelink,
  3941. .side .titlebox .md h3 a,
  3942. .drop-choices a.choice:hover,
  3943. .submit-page #newlink.submit.content ul.tabmenu.formtab,
  3944. .submit_text.enabled.roundfield,
  3945. body .btn,
  3946. body button,
  3947. .content .infobar {
  3948. background-color: #f50;
  3949. }
  3950.  
  3951. .morelink:hover,
  3952. .side .titlebox .md h3 a:hover,
  3953. .btn:hover,
  3954. body button:hover {
  3955. background-color: #DF4A00;
  3956. }
  3957.  
  3958. .morelink:active,
  3959. .side .titlebox .md h3 a:active,
  3960. .btn:active,
  3961. body button:active {
  3962. background-color: #DF4A00;
  3963. }
  3964. /* Links */
  3965.  
  3966. .thing .title.loggedin.click,
  3967. .thing .title.click,
  3968. .thing .title.loggedin,
  3969. .thing .title,
  3970. .link .entry .buttons li a.comments,
  3971. .link .entry .buttons li a.flairselectbtn,
  3972. .link .entry .buttons li a:hover,
  3973. .titlebox .tagline a.flairselectbtn,
  3974. .md a,
  3975. .side .titlebox .md h4 a,
  3976. .wiki-page .wiki-page-content .md.wiki h4,
  3977. .sidebox.create .morelink a,
  3978. a,
  3979. .side:after,
  3980. .usertext .bottom-area a.reddiquette,
  3981. .wiki-page .pageactions .wikiaction-current,
  3982. .tagline .submitter,
  3983. .combined-search-page .search-result .search-result-header .search-title,
  3984. .combined-search-page .search-result a,
  3985. .combined-search-page .search-result a>mark,
  3986. .combined-search-page .search-result .search-comments,
  3987. .flairselector h2,
  3988. .linefield .title,
  3989. body .content .sitetable .link .title a:hover,
  3990. .link .entry .tagline a:hover,
  3991. .comment .author:hover {
  3992. color: #DF4A00;
  3993. }
  3994. /* --- End Addon --- */
  3995. /* --- Addon: Text Strings --- */
  3996.  
  3997. .arrow.down:after {
  3998. content: "For content that does not contribute to any discussion or breaks any of our rules.";
  3999. }
  4000.  
  4001. div.titlebox span.number:after {
  4002. content: " engineers";
  4003. }
  4004.  
  4005. .titlebox .users-online .number:after {
  4006. content: " currently online";
  4007. }
  4008. /* --- End Addon --- */
  4009. /* --- Addon: Userflairs with images --- */
  4010.  
  4011. .flair:before {
  4012. display: inline-block;
  4013. width: 16px;
  4014. height: 16px;
  4015. margin-right: 6px;
  4016. margin-left: 4px;
  4017. content: "";
  4018. background-image: url(%%userflairs%%);
  4019. background-position: 0px 0px;
  4020. vertical-align: top;
  4021. position: relative;
  4022. top: -1px;
  4023. }
  4024.  
  4025. .flair-beltOne:before {
  4026. background-position: 0px -00px;
  4027. }
  4028.  
  4029. .flair-beltTwo:before {
  4030. background-position: 0px -16px;
  4031. }
  4032.  
  4033. .flair-beltThree:before {
  4034. background-position: 0px -32px;
  4035. }
  4036.  
  4037. .flair-inserterOne:before {
  4038. background-position: 0px -48px;
  4039. }
  4040.  
  4041. .flair-inserterTwo:before {
  4042. background-position: 0px -64px;
  4043. }
  4044.  
  4045. .flair-inserterThree:before {
  4046. background-position: 0px -80px;
  4047. }
  4048.  
  4049. .flair-inserterFour:before {
  4050. background-position: 0px -96px;
  4051. }
  4052.  
  4053. .flair-inserterFive:before {
  4054. background-position: 0px -112px;
  4055. }
  4056.  
  4057. .flair-biterOne:before {
  4058. background-position: 0px -128px;
  4059. }
  4060.  
  4061. .flair-biterTwo:before {
  4062. background-position: 0px -144px;
  4063. }
  4064.  
  4065. .flair-biterThree:before {
  4066. background-position: 0px -160px;
  4067. }
  4068.  
  4069. .flair-biterFour:before {
  4070. background-position: 0px -176px;
  4071. }
  4072.  
  4073. .flair-machineOne:before {
  4074. background-position: 0px -192px;
  4075. }
  4076.  
  4077. .flair-machineTwo:before {
  4078. background-position: 0px -208px;
  4079. }
  4080.  
  4081. .flair-machineThree:before {
  4082. background-position: 0px -224px;
  4083. }
  4084.  
  4085. .flair-gear:before {
  4086. background-position: 0px -240px;
  4087. }
  4088.  
  4089. .flair-scienceOne:before {
  4090. background-position: 0px -256px;
  4091. }
  4092.  
  4093. .flair-scienceTwo:before {
  4094. background-position: 0px -272px;
  4095. }
  4096.  
  4097. .flair-scienceThree:before {
  4098. background-position: 0px -288px;
  4099. }
  4100.  
  4101. .flair-scienceFour:before {
  4102. background-position: 0px -304px;
  4103. }
  4104.  
  4105. .flair-artifact:before {
  4106. background-position: 0px -320px;
  4107. color: #27AD0F;
  4108. }
  4109.  
  4110. .flair-spaghetti:before {
  4111. background-position: 0px -336px;
  4112. }
  4113.  
  4114. .flair-megumin:before {
  4115. background-position: 0px -352px;
  4116. }
  4117. /* --- End Addon --- */
  4118. /* --- Addon: Colorize the Subreddit Info Box --- */
  4119.  
  4120. .side .titlebox h1.redditname:before {
  4121. background-color: #BF4000;
  4122. }
  4123.  
  4124. .side .titlebox h1.redditname a,
  4125. .titlebox span.subscribers {
  4126. color: #FFFFFF;
  4127. }
  4128. /* --- End Addon --- */
  4129.  
  4130. #header {
  4131. background: #2a2b2e url(%%factorio-reddit-header-bkg%%) no-repeat fixed 50% 0;
  4132. border-bottom: 0 solid;
  4133. height: 167px;
  4134. overflow: visible !important;
  4135. }
  4136. /* LOGO normal */
  4137.  
  4138. .pagename a {
  4139. height: 100px;
  4140. top: -35px;
  4141. width: 419px;
  4142. }
  4143.  
  4144. .pagename a {
  4145. background-image: url(%%factorio-reddit-logo%%);
  4146. background-position: 0 0;
  4147. background-repeat: no-repeat;
  4148. display: block;
  4149. left: 50px;
  4150. position: absolute;
  4151. text-indent: -9999px;
  4152. visibility: visible !important;
  4153. z-index: 100;
  4154. }
  4155. /* LOGO hover */
  4156.  
  4157. .pagename a:hover {
  4158. background-image: url(%%factorio-reddit-logo-hover%%);
  4159. }
  4160. /* --- Addon: Replace Snoo with your own --- */
  4161.  
  4162. #header-img.default-header,
  4163. #header-img {
  4164. background: url(%%snoo%%) no-repeat 0px 0px;
  4165. }
  4166.  
  4167. #header-img.default-header:hover,
  4168. #header-img:hover {
  4169. background: url(%%hover%%) no-repeat 0px 0px;
  4170. }
  4171. /* --- End Addon --- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement