API tools faq
paste
Guest User

r/ageprogression CSS #1

a guest
Jun 1st, 2016
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.51 KB | None | 0 0
raw download clone embed print report
  1. .flair-somename {
  2. background: #000;
  3. border: 1px solid #000;
  4. color: #fff;
  5. }
  6.  
  7. Night Mode: nm.reddit.com/r/YOUR_SUBREDDIT */
  8.  
  9.  
  10.  
  11. /*** FLAIRS ***/
  12.  
  13. /* LINK FLAIR */
  14.  
  15. .linkflairlabel {
  16. display: initial;
  17. position: relative;
  18. padding: 2.5px 4px;
  19. top: -2px;
  20. }
  21.  
  22. .linkflair-loud .linkflairlabel {
  23. background-color: #e74c3c;
  24. border: 1px solid #e74c3c;
  25. color: #fff;
  26. }
  27.  
  28. .linkflair-misleading .linkflairlabel {
  29. background-color: #34495e;
  30. border: 1px solid #34495e;
  31. color: #fff;
  32. }
  33.  
  34. .linkflair-announcement .linkflairlabel {
  35. background-color: #27ae60;
  36. border: 1px solid #27ae60;
  37. color: #fff;
  38. }
  39.  
  40. .sidecontentbox .linkflairlabel {
  41. margin-left: 5px;
  42. top: -1px;
  43. margin-right: 5px;
  44. }
  45.  
  46. /* USER FLAIR */
  47.  
  48. .flair {
  49. padding: 2px 4px;
  50. }
  51.  
  52. .tagline .flairselector.drop-choices.active {
  53. top: 520px !important;
  54. left: auto !important;
  55. right: 8px;
  56. width: 290px !important;
  57. }
  58.  
  59. /*** END FLAIRS ***/
  60.  
  61. .submit_text.enabled {
  62. margin-bottom: -2px;
  63. }
  64.  
  65. /*** BODY ***/
  66.  
  67. body {
  68. background: #f0f0f0;
  69. }
  70.  
  71. html {
  72. min-width: 848px;
  73. }
  74.  
  75. a {
  76. color: #0C83D6;
  77. }
  78.  
  79. a:hover {
  80. text-decoration: none !important;
  81. color: #000;
  82. }
  83.  
  84.  
  85. /*** SCROLLBAR ***/
  86.  
  87.  
  88. ::-webkit-scrollbar {
  89. width: 12px;
  90. height: 12px;
  91. background-color: #111111;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background-color: #ccc;
  96. border-radius: 5px;
  97. }
  98.  
  99. ::-webkit-scrollbar-button {
  100. display: none;
  101. width: 0;
  102. height: 0;
  103. }
  104.  
  105. ::-webkit-scrollbar-corner {
  106. background-color: transparent;
  107. color: #555555;
  108. }
  109.  
  110.  
  111. /*** SELECTION ***/
  112.  
  113.  
  114. ::selection {
  115. background-color: #d75959;
  116. color: #fff;
  117. }
  118.  
  119. /*** HEADER ***/
  120.  
  121. #sr-header-area .sr-list .separator {
  122. visibility: hidden;
  123. }
  124.  
  125. #sr-header-area {
  126. border-bottom: none !important;
  127. background: none !important;
  128. }
  129.  
  130. #sr-more-link {
  131. background: rgba(0, 0, 0, 0.5);
  132. padding: 4px 13px 4px 15px;
  133. color: #fff;
  134. text-decoration: none !important;
  135. opacity: .3;
  136. top: 30px;
  137. right: 10px;
  138. border-radius: 15px;
  139. transition: 300ms;
  140. }
  141.  
  142. #sr-more-link:hover {
  143. opacity: 1;
  144. }
  145.  
  146. #sr-header-area .srdrop.dropdown {
  147. width: 35px;
  148. height: 35px;
  149. position: absolute;
  150. background: url(%%icons%%) no-repeat 13px 13px transparent;
  151. line-height: 23px;
  152. text-indent: -999em;
  153. opacity: 0.6;
  154. cursor: pointer;
  155. }
  156.  
  157. #sr-header-area .srdrop.dropdown:hover {
  158. opacity: 1;
  159. }
  160.  
  161. #sr-header-area .drop-choices.srdrop {
  162. margin-left: 0;
  163. min-width: 130px;
  164. }
  165.  
  166. #sr-header-area .drop-choices, .lightdrop.drop-choices {
  167. font-size: 12px;
  168. border: none;
  169. padding: 2px;
  170. background: #1E1E20;
  171. }
  172.  
  173. .drop-choices a.choice {
  174. padding: 2px;
  175. color: #AEAEAE;
  176. font-size: 10px;
  177. }
  178.  
  179. .drop-choices a.choice:hover {
  180. background: #333;
  181. color: #eee;
  182. }
  183.  
  184. #sr-header-area .sr-list {
  185. margin-top: 8px;
  186. margin-left: 40px;
  187. }
  188.  
  189. .sr-bar a {
  190. color: #fff !important;
  191. opacity: .25;
  192. text-decoration: none !important;
  193. }
  194.  
  195. .sr-bar a:hover {
  196. opacity: 1;
  197. }
  198.  
  199. #header {
  200. background: url(%%bg%%);
  201. border: 0px;
  202. border-bottom: none;
  203. height: 200px;
  204. position: relative;
  205. }
  206.  
  207. #header-img {
  208. display: inline-block;
  209. vertical-align: middle;
  210. position: absolute;
  211. top: 37px;
  212. left: 15px;
  213. opacity: .3;
  214. transition: 200ms;
  215. z-index: 99;
  216. }
  217.  
  218. #header-img:hover, .pagename a:hover {
  219. opacity: 1;
  220. }
  221.  
  222. .pagename a {
  223. background:url(%%ageprog%%) no-repeat;
  224. /*width: 469px;*/
  225. width: 302px;
  226. height: 124px;
  227. display: block;
  228. transition: 200ms;
  229. text-indent: 100%;
  230. overflow: hidden;
  231. margin: 42px auto 0px auto !important;
  232. opacity: .3;
  233. }
  234.  
  235. span.hover.pagename.redditname {
  236. display: block;
  237. margin-top: -14px;
  238. margin-left: -5px;
  239. font-size: 0px;
  240. }
  241.  
  242. #header-bottom-right {
  243. background: none;
  244. z-index: 11;
  245. padding: 10px;
  246. font-family: helvetica;
  247. font-size: 12px;
  248. bottom: -1px;
  249. }
  250.  
  251. #header-bottom-right a {
  252. color: #ccc;
  253. text-decoration: none;
  254. }
  255.  
  256. #header-bottom-right a:hover {
  257. color: #fcfcfc;
  258. }
  259.  
  260. #header-bottom-right .user {
  261. color: #2e2e2e;
  262.  
  263. }
  264.  
  265. #header-bottom-right .user .userkarma {
  266. color: #e2e2e2;
  267. border: none;
  268. }
  269.  
  270. .separator {
  271. visibility: hidden;
  272. }
  273.  
  274. #header-bottom-left .tabmenu {
  275. background: rgba(0,0,0,0.1);
  276. width: 100%;
  277. position: absolute;
  278. bottom: 0px;
  279. }
  280.  
  281. #header-bottom-left .tabmenu li {
  282. font-weight: normal;
  283. }
  284.  
  285. #header-bottom-left .tabmenu li a {
  286. background: none;
  287. color: #797979;
  288. font-size: 13px;
  289. font-family: Helvetica;
  290. line-height: 30px;
  291. }
  292.  
  293. #header-bottom-left .tabmenu li.selected a {
  294. background: none;
  295. border: 0;
  296. color: #fff;
  297. }
  298.  
  299.  
  300. /*** LINKS ***/
  301.  
  302.  
  303. .pretty-button {
  304. border-radius: 2px;
  305. padding: 2px 6px;
  306. }
  307.  
  308. .pretty-button:hover {
  309. background: #2e2e2e!important;
  310. border: 1px solid black !important;
  311. color: #fff;
  312. }
  313.  
  314. .pretty-button.neutral {
  315. background-image: none;
  316. background: #ddd;
  317. border: 1px solid #CECECE;
  318. }
  319.  
  320. .pretty-button.neutral.pressed {
  321. background-image: none;
  322. background: #ccc;
  323. border: 1px solid #CECECE;
  324. }
  325.  
  326. .pretty-button.positive {
  327. background-image: none;
  328. background: #abffae;
  329. border: 1px solid #91da93;
  330. }
  331.  
  332. .pretty-button.negative {
  333. background-image: none;
  334. background: #ffabab;
  335. border: 1px solid #d68d8d;
  336. }
  337.  
  338. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  339. box-shadow: none;
  340. }
  341.  
  342. .entry .buttons li.reported-stamp {
  343. border-radius: 2px;
  344. padding: 0 6px;
  345. background: #FFEC96;
  346. border: 1px solid #E7D47C !important;
  347. }
  348.  
  349. .entry .buttons li a {
  350. font-weight: normal;
  351. }
  352.  
  353. .entry .buttons a:hover {
  354. text-decoration: none;
  355. color: #000;
  356. }
  357.  
  358. .link .entry {
  359. padding: 15px 0 15px 0;
  360. }
  361.  
  362. .link .entry li .comments {
  363. font-weight: bold;
  364. font-style: italic;
  365. color: #34495e;
  366. padding-bottom: 1px;
  367. }
  368.  
  369. .link .entry li .comments:hover {
  370. border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  371. }
  372. .tagline .submitter {
  373. color: #c0392b;
  374. }
  375.  
  376. .noncollapsed .tagline {
  377. margin-left: 0;
  378. }
  379.  
  380. .tagline a:hover {
  381. text-decoration: none;
  382. color: #000;
  383. }
  384.  
  385. .thing .title.loggedin.click:hover, .thing .title.click:hover, .thing .title.loggedin:hover, .thing .title:hover {
  386. text-decoration: none !important;
  387. }
  388.  
  389. .thing .title {
  390. margin-bottom: 2px;
  391. color: #0C83D6;
  392. font-family: sans-serif;
  393. }
  394.  
  395. .thing.stickied a.title {
  396. font-weight: normal;
  397. }
  398.  
  399. .thing.stickied a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited, .tagline .stickied-tagline {
  400. color: #27ae60;
  401. }
  402.  
  403. .domain {
  404. color: #ccc;
  405. text-decoration: none;
  406. }
  407.  
  408. .domain a {
  409. padding: 1px 3px 3px 3px;
  410. text-decoration: none;
  411. text-align: center;
  412. color: #ccc;
  413. }
  414.  
  415. .domain a:hover {
  416. text-decoration: none;
  417. color: #aaa;
  418. }
  419.  
  420. .thing .title.loggedin:visited, .thing .title:visited {
  421. color: #8A8888;
  422. }
  423.  
  424. .thing .sitetable {
  425. margin-right: 0;
  426. }
  427.  
  428. .commentarea .sitetable {
  429. border: 0;
  430. }
  431.  
  432. .single-page .content .sitetable .thing a.thumbnail {
  433. margin-right: -20px;
  434. }
  435.  
  436. .link {
  437. padding: 0px 0px 0px 20px;
  438. background: #fff;
  439. border: 1px solid #e2e2e2;
  440. border-radius: 0px;
  441. position: relative;
  442. }
  443.  
  444. .link .rank {
  445. margin-right: 10px;
  446. margin-top: 30px;
  447. position: relative;
  448. color: #dadada;
  449. }
  450.  
  451. body >.content .link .midcol, .midcol-spacer {
  452. width: 5.1ex;
  453. }
  454.  
  455. .link .midcol {
  456. top: 15px;
  457. position: relative;
  458. }
  459.  
  460. .menuarea {
  461. border-bottom: none;
  462. }
  463.  
  464. .menuarea .dropdown.lightdrop .selected {
  465. text-decoration: none;
  466. color: #2e2e2e;
  467. }
  468.  
  469. .content {
  470. margin: 8px 315px 0px 8px;
  471. }
  472.  
  473. .content .spacer {
  474. margin-bottom: 4px;
  475. }
  476.  
  477. .link.last-clicked {
  478. overflow: visible !important;
  479. border: 1px dashed #cacaca;
  480. }
  481.  
  482. .expando iframe {
  483. margin: 5px 0 5px 40px;
  484. }
  485.  
  486. .expando-button {
  487. height: 20px !important;
  488. width: 20px !important;
  489. margin: 4px 8px 2px 0;
  490. border-radius: 2px;
  491. cursor: pointer;
  492. background: url(%%icons%%) no-repeat -9999px -9999px !important;
  493. }
  494.  
  495. .toggleImage.expando-button.image.linkImg {
  496. height: 20px !important;
  497. width: 20px !important;
  498. margin: 4px 8px 2px 0;
  499. cursor: pointer;
  500. }
  501.  
  502. .expando-button.image.expanded {
  503. background-position: 0 -98px !important;
  504. }
  505.  
  506. .expando-button.image.expanded:hover {
  507. background-position: -20px -98px !important;
  508. }
  509.  
  510. .expando-button.image.collapsed {
  511. background-position: 0 -98px !important;
  512. }
  513.  
  514. .expando-button.image.collapsed:hover {
  515. background-position: -20px -98px !important;
  516. }
  517.  
  518. .expando-button.video.expanded {
  519. background-position: 0 -78px !important;
  520. }
  521.  
  522. .expando-button.video.expanded:hover {
  523. background-position: -20px -78px !important;
  524. }
  525.  
  526. .expando-button.video.collapsed {
  527. background-position: 0 -78px !important;
  528. }
  529.  
  530. .expando-button.video.collapsed:hover {
  531. background-position: -20px -78px !important;
  532. }
  533.  
  534. .expando-button.selftext.collapsed {
  535. background-position: 0px -38px !important;
  536. }
  537.  
  538. .expando-button.selftext.collapsed:hover {
  539. background-position: -20px -38px !important;
  540. }
  541.  
  542. .expando-button.selftext.expanded {
  543. background-position: 0px -58px !important;
  544. }
  545.  
  546. .expando-button.selftext.expanded:hover {
  547. background-position: -20px -58px !important;
  548. }
  549.  
  550. .link .usertext .md {
  551. border-radius: 2px;
  552. background: #fff;
  553. border: 1px solid #e2e2e2;
  554. padding: 0px 8px !important;
  555. width: calc(100% - 80px);
  556. }
  557.  
  558. .arrow {
  559. width: 15px;
  560. height: 14px;
  561. background-image: url(%%icons%%)!important;
  562. background-position: center center;
  563. border: none !important;
  564. }
  565.  
  566. .arrow.up {
  567. background-position: 0px -24px !important;
  568. }
  569.  
  570. .arrow.down {
  571. background-position: -30px -24px !important;
  572. }
  573. .arrow.upmod {
  574. background-position: -15px -24px;
  575. }
  576. .arrow.downmod {
  577. background-position: -45px -24px;
  578. }
  579.  
  580. .link .score {
  581. margin-bottom: 0px;
  582. color: #999;
  583. }
  584.  
  585. .thumbnail {
  586. border-radius: 2px;
  587. max-height: 50px;
  588. margin: 15px 10px 0 5px!important;
  589. }
  590.  
  591. body:not(.search-page) #search {
  592. background: #f5f5f5;
  593. border: 1px solid #e2e2e2;
  594. }
  595.  
  596. #searchexpando {
  597. border-radius: 0px;
  598. margin: 0 6px 6px 6px;
  599. background: #fff;
  600. }
  601.  
  602. #moresearchinfo {
  603. border: 0 solid #ddd;
  604. }
  605.  
  606. .infobar {
  607. background: #f1f1f1;
  608. border: 1px solid #d5d5d5;
  609. }
  610.  
  611. .linkinfo {
  612. border-radius: 0px;
  613. background: #fff;
  614. border: 1px solid #e2e2e2;
  615. padding: 10px;
  616. }
  617.  
  618. .linkinfo .shortlink {
  619. margin-top: -8px;
  620. color: transparent;
  621. }
  622.  
  623. .linkinfo .shortlink input {
  624. border: 1px solid #e2e2e2;
  625. padding: 6px 12px;
  626. width: 252px;
  627. text-align: center;
  628. }
  629.  
  630. .nsfw-stamp acronym {
  631. background: #c0392b;
  632. border: 1px solid #c0392b !important;
  633. color: #fff;
  634. border-radius: 2px;
  635. }
  636.  
  637. .nav-buttons {
  638. margin: 16px 0;
  639. font-size: 0px;
  640. }
  641.  
  642. .nextprev a, .next-suggestions a {
  643. padding: 8px 16px;
  644. background: #fff;
  645. border: 1px solid #e2e2e2;
  646. border-radius: 0;
  647. text-transform: uppercase;
  648. font-size: 12px;
  649. }
  650.  
  651. .nextprev a:hover, .next-suggestions a:hover {
  652. background: #fff;
  653. border: 1px solid #cacaca;
  654. color: #0C83D6;
  655. }
  656.  
  657.  
  658. /*** COMMENTS ***/
  659.  
  660.  
  661. .commentarea {
  662. margin-top: 8px;
  663. margin-bottom: 30px;
  664. padding: 10px 10px 10px 10px;
  665. background-color: #fff;
  666. border: 1px solid #e2e2e2;
  667. color: #3b3b3b;
  668. }
  669.  
  670. .commentarea .md blockquote, .usertext-body .md blockquote {
  671. margin: 8px;
  672. border: none;
  673. border-left: 3px solid #3498db;
  674. padding: 4px 12px;
  675. }
  676.  
  677. .commentarea .md blockquote, .commentarea .md blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .thing .md blockquote, .usertext-body .md blockquote blockquote blockquote {
  678. background: #f5f5f5;
  679. }
  680.  
  681. .commentarea .md blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, .usertext-body .md blockquote blockquote, .usertext-body .md blockquote blockquote blockquote blockquote {
  682. background: #fbfbfb;
  683. }
  684.  
  685. .commentarea .md td, .commentarea .md th {
  686. padding: 3px 6px;
  687. }
  688.  
  689. .commentarea .menuarea .toggle a {
  690. font-weight: normal;
  691. margin-right: 5px;
  692. }
  693.  
  694. .comment .child, .comment .showreplies {
  695. border-left: 1px solid #F3F3F3;
  696. }
  697.  
  698. .comment.collapsed .tagline, .comment.collapsed .tagline a {
  699. margin-left: 0;
  700. }
  701.  
  702. .panestack-title {
  703. border-bottom: 1px solid #ececec;
  704. width: 507px;
  705. padding-bottom: 5px;
  706. margin-bottom: 5px;
  707. }
  708.  
  709.  
  710. /*** SIDEBAR ***/
  711.  
  712.  
  713. .side {
  714. background-color: transparent;
  715. margin: 8px 8px 10px 8px;
  716. border-radius: 0px;
  717. padding: 0;
  718. width: 300px;
  719. font-family: sans-serif !important;
  720. }
  721.  
  722. .side .spacer {
  723. margin: 0 0 8px 0;
  724. }
  725.  
  726. .sidebox.create .spacer {
  727. margin: 0;
  728. padding-top: 12px;
  729. border: 1px solid #e2e2e2;
  730. }
  731.  
  732. .sidebox.create .spacer a {
  733. top: 6px;
  734. left: 6px;
  735. }
  736.  
  737. .side .titlebox .tagline {
  738. margin: 0;
  739. padding: 0px 5px 5px 25px;
  740. background: #fff;
  741. border: 1px solid #e2e2e2;
  742. border-top: 0;
  743. }
  744.  
  745. .side .md blockquote {
  746. border: 1px solid #e2e2e2;
  747. padding: 0px;
  748. background: #ffffff;
  749. color: #3d3d3d;
  750. line-height: 16px;
  751. margin-bottom: 8px;
  752. }
  753.  
  754. .side .md blockquote h3 {
  755. padding: 8px;
  756. color: #2e2e2e;
  757. text-align: center;
  758. font-weight: normal;
  759. font-size: medium;
  760. font-family: sans-serif;
  761. background: #fff;
  762. border-bottom: 1px solid #e2e2e2;
  763. }
  764. .side .md blockquote h3 ~ * {
  765. padding: 0 8px;
  766. }
  767. .side .md blockquote a {
  768. color: #0C83D6;
  769. }
  770.  
  771. .side .md blockquote a:hover {
  772. color: #000;
  773. }
  774.  
  775. .side .md blockquote, .side .help blockquote {
  776. margin-right: 0px;
  777. margin-left: 0px;
  778. }
  779.  
  780. .side .md ul {
  781. list-style: square;
  782. }
  783.  
  784. .sidecontentbox .content {
  785. border: 1px solid #e2e2e2;
  786. background: #fff;
  787. padding: 4px 8px;
  788. margin-top: 4px;
  789. }
  790.  
  791. .sidecontentbox .title {
  792. text-align: center;
  793. background: #f5f5f5;
  794. border: 1px solid #e2e2e2;
  795. padding: 8px;
  796. margin-bottom: -5px;
  797. }
  798.  
  799. .sidecontentbox a.helplink {
  800. position: relative;
  801. background: url(%%modmessage%%) no-repeat;
  802. font-size: 0;
  803. right: 85px;
  804. height: 16px;
  805. width: 16px;
  806. margin-top: 8px;
  807. opacity: .3;
  808. }
  809.  
  810. .sidecontentbox a.helplink:hover {
  811. opacity: .6;
  812. }
  813.  
  814. .gadget .reddit-entry {
  815. line-height: 17px;
  816. }
  817.  
  818. .account-activity-box {
  819. background: #f5f5f5;
  820. border: 1px solid #e2e2e2;
  821. padding: 8px;
  822. margin-top: -9px;
  823. }
  824.  
  825. #search input[type=text] {
  826. border: 1px solid #e2e2e2;
  827. font-size: 15px;
  828. width: 286px;
  829. margin: 6px 0 6px 6px;
  830. font-size: 12px;
  831. }
  832.  
  833. #search input[type=text]:focus {
  834. outline: none;
  835. }
  836.  
  837. .login-form-side {
  838. border: 1px solid #ddd;
  839. }
  840.  
  841. .login-form-side input[type=text], .login-form-side input[type=password] {
  842. border: 1px solid #ddd;
  843. width: 119px;
  844. height: 17px;
  845. margin: 5px 0px 0px 5px;
  846. top: 5px;
  847. padding: 5px 10px;
  848. }
  849.  
  850. .sponsorshipbox iframe {
  851. margin-bottom: -2px;
  852. }
  853.  
  854. .morelink {
  855. background: transparent !important;
  856. border: none;
  857. margin-bottom: 22px;
  858. }
  859.  
  860. .morelink a {
  861. color: #fff;
  862. letter-spacing: 0px;
  863. font-family: sans-serif;
  864. line-height: 41px;
  865. height: 41px;
  866. background-color: #2e2e2e;
  867. border: 1px solid #2e2e2e;
  868. transition: 200ms;
  869. width: initial;
  870. border-radius: 30px;
  871. }
  872.  
  873. .morelink a:hover {
  874. color: black;
  875. background-color: #fff;
  876. background-image: none;
  877. border: 1px solid #2e2e2e !important;
  878. }
  879.  
  880. .morelink .nub {
  881. display: none;
  882. }
  883.  
  884. .titlebox h1 a {
  885. display: block;
  886. text-align: center;
  887. font-size: 14px;
  888. }
  889.  
  890. .titlebox h1 a:hover {
  891. text-decoration: none;
  892. color: #666;
  893. }
  894.  
  895. .users-online:before {
  896. background: none;
  897. }
  898.  
  899. div.titlebox span.word {
  900. display: none;
  901. }
  902.  
  903. span.subscribers {
  904. float: right;
  905. }
  906.  
  907. div.titlebox span.number:after {
  908. content: " readers";
  909. }
  910.  
  911. .titlebox .users-online .number:before {
  912. content: "(";
  913. }
  914.  
  915. .titlebox .users-online .number:after {
  916. content: " here)";
  917. }
  918.  
  919. .titlebox .users-online {
  920. display: none;
  921. }
  922.  
  923. .fancy-toggle-button .add, .RESshortcutside, .RESDashboardToggle {
  924. background: #67ae34 !important;
  925. border: 1px solid #67ae34 !important;
  926. transition: 100ms !important;
  927. }
  928.  
  929. .fancy-toggle-button .add:hover, .RESshortcutside:hover, .RESDashboardToggle:hover {
  930. background: #fff !important;
  931. color: #67ae34 !important;
  932. }
  933.  
  934. .fancy-toggle-button .remove, .RESshortcutside.remove, .RESDashboardToggle.remove {
  935. background: #e9e9e9 !important;
  936. border: 1px solid #e2e2e2 !important;
  937. transition: 100ms !important;
  938. color: #a5a5a5 !important;
  939. }
  940.  
  941. .fancy-toggle-button .remove:hover, .RESshortcutside.remove:hover, .RESDashboardToggle.remove:hover {
  942. background: #fff !important;
  943. }
  944.  
  945. .hover-bubble.multi-selector {
  946. display: none !important;
  947. }
  948.  
  949. .md blockquote, .help blockquote {
  950. margin: 0px;
  951. border: 1px solid #ccc;
  952. padding: 4px 12px;
  953. background: #fff;
  954. }
  955.  
  956. .md hr {
  957. border: none;
  958. background: transparent;
  959. }
  960.  
  961. .titlebox form.toggle, .leavemoderator {
  962. padding: 8px;
  963. border: 1px solid #e2e2e2;
  964. border-bottom: 0;
  965. }
  966.  
  967. .titlebox .bottom {
  968. border-top: none;
  969. padding: 4px 8px;
  970. background: #fff;
  971. border: 1px solid #e2e2e2;
  972. }
  973.  
  974. #ad-frame, #ad_main {
  975. background: #fff;
  976. border: 1px solid #e2e2e2;
  977. }
  978.  
  979. /*** FOOTER ***/
  980.  
  981. .footer-parent {
  982. padding-bottom: 40px;
  983. background: #f5f5f5;
  984. border-top: 1px solid #e2e2e2;
  985. }
  986.  
  987. .footer {
  988. background: #fff;
  989. border: 1px solid #e2e2e2;
  990. border-radius: 0;
  991. padding: 15px 5px;
  992. }
  993.  
  994. .footer .title {
  995. text-transform: uppercase;
  996. font-size: 14px;
  997. text-align: center;
  998. padding-bottom: 10px;
  999. margin-bottom: 10px;
  1000. border-bottom: 1px dotted rgba(0,0,0,0.1);
  1001. }
  1002.  
  1003. .footer a {
  1004. color: #888;
  1005. text-decoration: none !important;
  1006. }
  1007.  
  1008. .footer a:hover {
  1009. color: #bbb;
  1010. }
  1011.  
  1012. .buygold {
  1013. color: #D5AC3D !important;
  1014. font-weight: normal;
  1015. }
  1016.  
  1017. .footer .col {
  1018. border-left: none;
  1019. }
  1020.  
  1021. .debuginfo {
  1022. margin-top: -30px;
  1023. }
  1024.  
  1025. /*** SUBMISSION PAGE ***/
  1026.  
  1027.  
  1028. .content h1 {
  1029. display: none
  1030. }
  1031.  
  1032. .formtabs-content {
  1033. border-top: none;
  1034. padding-top: 0px;
  1035. margin-left: -8px;
  1036. }
  1037.  
  1038. .formtabs-content .infobar {
  1039. width: 520px;
  1040. }
  1041.  
  1042. .roundfield {
  1043. border-radius: 0px;
  1044. background: #fff;
  1045. border: 1px solid #e2e2e2;
  1046. padding: 15px;
  1047. font-size: medium;
  1048. color: #2e2e2e;
  1049. }
  1050.  
  1051. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .usertext-edit textarea {
  1052. border: 1px solid #e2e2e2;
  1053. outline: none;
  1054. }
  1055.  
  1056. textarea:focus, input#sr-autocomplete:focus, .usertext-edit textarea:focus, .roundfield input[type=url]:focus {
  1057. border: 1px solid #cacaca;
  1058. }
  1059.  
  1060. .roundfield span.title {
  1061. text-transform: capitalize;
  1062. }
  1063.  
  1064. .roundfield .usertext-edit {
  1065. padding-left: 0px;
  1066. }
  1067.  
  1068. div#title-field {
  1069. padding-bottom: 12px;
  1070. }
  1071.  
  1072. .roundfield span.gray {
  1073. visibility: hidden;
  1074. }
  1075.  
  1076. .roundfield:nth-of-type(5) {
  1077. margin: 3px 0;
  1078. }
  1079.  
  1080. .content.submit .info-notice {
  1081. background: #FFE0E0;
  1082. border: 1px solid #EED3D3;
  1083. border-radius: 0px;
  1084. margin-bottom: 5px;
  1085. margin-left: -8px;
  1086. width: 512px;
  1087. }
  1088.  
  1089. .content.submit .spacer button.btn {
  1090. width: 532px;
  1091. height: 40px;
  1092. margin-left: -8px;
  1093. margin-top: 3px;
  1094. background: #2e2e2e;
  1095. border: none;
  1096. color: #fff;
  1097. text-transform: uppercase;
  1098. border-radius: 3px;
  1099. }
  1100.  
  1101. .spacer button.btn:hover {
  1102. opacity: .9;
  1103. }
  1104.  
  1105. #suggested-reddits {
  1106. display: none;
  1107. }
  1108.  
  1109. ul.tabmenu.formtab {
  1110. position: absolute;
  1111. top: 170px;
  1112. z-index: 999;
  1113. background: none;
  1114. }
  1115.  
  1116. .selected a.link-button.choice, .selected a.text-button.choice {
  1117. padding: 6px 18px;
  1118. background: #d75959;
  1119. }
  1120.  
  1121. a.text-button.choice, a.link-button.choice {
  1122. padding: 6px 18px;
  1123. border: 0;
  1124. background: #fff;
  1125. }
  1126.  
  1127. form .spacer+.spacer {
  1128. margin: 8px 0;
  1129. }
  1130.  
  1131.  
  1132. /*** THUMBNAILS ***/
  1133.  
  1134. a.thumbnail.default {
  1135. background-image: url(%%default%%);
  1136. background-position: 0;
  1137. }
  1138.  
  1139. a.thumbnail.self {
  1140. background-image: url(%%self%%);
  1141. background-position: 0;
  1142. }
  1143.  
  1144. .stickied a.thumbnail {
  1145. background-image: url(%%stickied%%);
  1146. background-position: 0;
  1147. }
  1148.  
  1149. a.thumbnail.nsfw {
  1150. background-image: url(%%nsfw%%);
  1151. background-position: 0;
  1152. }
  1153.  
  1154.  
  1155. /*** RES ***/
  1156.  
  1157. .res #header-bottom-right {
  1158. top: 172px !important;
  1159. right: 6px;
  1160. padding-left: 10px;
  1161. }
  1162.  
  1163. .res .RES-keyNav-activeElement {
  1164. background-color: #f8f8f8!important;
  1165. background: linear-gradient(to right,#fff 0%,#f8f8f8 8%,#f3f3f3 100%);
  1166. border-right: 3px solid #D8D8D8;
  1167. }
  1168.  
  1169. .res #userbarToggle {
  1170. top: 0;
  1171. height: 0px;
  1172. min-height: 0;
  1173. width: auto;
  1174. padding: 13px 8px;
  1175. background: #333;
  1176. border-radius: 2px;
  1177. border: none;
  1178. line-height: 0;
  1179. color: #a0a0a0;
  1180. }
  1181.  
  1182. .res .res-navTop #userbarToggle.userbarShow, .res#userbarToggle.userbarShow {
  1183. top: 0;
  1184. right: -3px;
  1185. left: auto;
  1186. height: 0px;
  1187. min-height: 0;
  1188. width: auto;
  1189. }
  1190.  
  1191. .res #RESShortcutsEditContainer {
  1192. padding: 3px 2px;
  1193. }
  1194.  
  1195. .res #RESShortcutsEditContainer {
  1196. background: transparent;
  1197. top: 20px;
  1198. right: 20px;
  1199. }
  1200.  
  1201. .res #RESShortcutsAddFormContainer {
  1202. top: 55px;
  1203. }
  1204.  
  1205. .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash {
  1206. background: none;
  1207. }
  1208.  
  1209. .RESDropdownList {
  1210. top: 209px !important;
  1211. right: 8px !important;
  1212. background: #fcfcfc;
  1213. width: 298px !important;
  1214. border-radius: 0;
  1215. border: 1px solid #ddd;
  1216. }
  1217.  
  1218. #RESAccountSwitcherDropdown {
  1219. left: auto !important;
  1220. }
  1221.  
  1222. .RESDropdownList li, .RESDropdownList a {
  1223. border: none;
  1224. color: #6f6e69;
  1225. text-transform: uppercase;
  1226. font-family: sans-serif;
  1227. transition: 200ms;
  1228. }
  1229.  
  1230. .RESDropdownList li:hover {
  1231. border-left: 5px solid #ed7577;
  1232. background: #f4f4f4;
  1233. color: #000;
  1234. }
  1235.  
  1236. .RESDropdownList li a {
  1237. width: 100% !important;
  1238. }
  1239.  
  1240. .RESDropdownList li a:hover {
  1241. background: #f4f4f4;
  1242. color: #000;
  1243. }
  1244.  
  1245. #RESSearchMenuItem {
  1246. background-color: #232323;
  1247. border: 1px solid #232323;
  1248. }
  1249.  
  1250. #RESSearchMenuItem:hover {
  1251. background-color: #fff !important;
  1252. }
  1253.  
  1254. #SettingsConsole:hover > #RESSearchMenuItem {
  1255. background-color: #ddd;
  1256. border: 1px solid #ddd;
  1257. }
  1258.  
  1259. .toggleButton {
  1260. text-transform: lowercase;
  1261. }
  1262.  
  1263. .toggleOn:hover, .toggleOff:hover {
  1264. background: #fff !important;
  1265. color: #232323 !important;
  1266. }
  1267.  
  1268. .moduleToggle .toggleOn, .toggleButton .toggleOn {
  1269. background-color: #2ecc71;
  1270. color: #fff;
  1271. border: none;
  1272. line-height: 14px;
  1273. }
  1274.  
  1275. .moduleToggle .toggleOff, .toggleButton .toggleOff {
  1276. background-color: #e74c3c;
  1277. border: none;
  1278. line-height: 14px;
  1279. }
  1280.  
  1281. #RESMainGearOverlay {
  1282. top: 83px !important;
  1283. left: auto !important;
  1284. right: 105px !important;
  1285. height: 25px !important;
  1286. border-radius: 2px;
  1287. display: none !important;
  1288. }
  1289.  
  1290. .gearIcon {
  1291. border-radius: 2px;
  1292. cursor: pointer;
  1293. }
  1294.  
  1295. .RESNotificationHeader .gearIcon {
  1296. position: absolute;
  1297. top: 6px;
  1298. right: 45px;
  1299. }
  1300.  
  1301. .res .guider {
  1302. box-shadow: none;
  1303. border: 1px solid #ccc;
  1304. border-radius: 2px;
  1305. box-shadow: 0 0 5px #ccc;
  1306. }
  1307.  
  1308. .res .guider_button {
  1309. background: #3498db;
  1310. border: 1px solid #3498db;
  1311. padding: 4px 8px;
  1312. margin-top: 10px;
  1313. }
  1314.  
  1315. .res .guider_button:hover {
  1316. opacity: .8;
  1317. color: #fff;
  1318. }
  1319.  
  1320. .res span.subscribers {
  1321. margin-top: -42px;
  1322. z-index: 2147483646 !important
  1323. }
  1324.  
  1325. /*** END RES ***/
  1326.  
  1327. /*** NIGHT MODE ***/
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333. html[lang^="nm"] body {
  1334. background: #161616;
  1335. }
  1336.  
  1337. html[lang^="nm"] .link, html[lang^="nm"] .side table tbody tr td:first-child, html[lang^="nm"] .sidebox.create .spacer {
  1338. background: #1a1a1a;
  1339. color: #4e4e4e;
  1340. }
  1341.  
  1342. html[lang^="nm"] .side table, html[lang^="nm"] .sidebox.create .spacer, html[lang^="nm"] .link {
  1343. border: 1px solid #1f1f1f;
  1344. }
  1345.  
  1346. html[lang^="nm"] body:not(.search-page) #search {
  1347. background: #131313;
  1348. border: 1px solid #1b1b1b;
  1349. }
  1350.  
  1351. html[lang^="nm"] #search input[type=text] {
  1352. background: #1a1a1a;
  1353. border: 1px solid #1f1f1f;
  1354. }
  1355.  
  1356. html[lang^="nm"] #searchexpando {
  1357. background: #161616;
  1358. border: 1px solid #1f1f1f;
  1359. }
  1360.  
  1361. html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .titlebox .bottom, html[lang^="nm"] .sidecontentbox .content, html[lang^="nm"] #ad-frame, html[lang^="nm"] #ad_main, html[lang^="nm"] .footer, html[lang^="nm"] .link .usertext .md, html[lang^="nm"] .commentarea, html[lang^="nm"] .linkinfo, html[lang^="nm"] .linkinfo .shortlink input {
  1362. background: #1a1a1a;
  1363. border: 1px solid #1f1f1f;
  1364. color: #4e4e4e;
  1365. }
  1366.  
  1367. html[lang^="nm"] .comment .child, html[lang^="nm"] .comment .showreplies {
  1368. border-left: 1px solid #1f1f1f;
  1369. }
  1370.  
  1371. html[lang^="nm"] .panestack-title {
  1372. border-bottom: 1px solid #1f1f1f;
  1373. }
  1374.  
  1375. html[lang^="nm"] .commentarea .md blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .thing .md blockquote, html[lang^="nm"] .thing .md blockquote blockquote blockquote {
  1376. background: #222222;
  1377. }
  1378.  
  1379. html[lang^="nm"] .commentarea .md blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .commentarea .md blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, html[lang^="nm"] .thing .md blockquote blockquote, html[lang^="nm"] .thing .md blockquote blockquote blockquote blockquote {
  1380. background: #1d1d1d;
  1381. }
  1382.  
  1383. html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator {
  1384. background: #1a1a1a;
  1385. border: 1px solid #1f1f1f;
  1386. border-bottom: 0;
  1387. color: #4e4e4e;
  1388. }
  1389.  
  1390. html[lang^="nm"] .side .titlebox .tagline {
  1391. background: #1a1a1a;
  1392. border: 1px solid #1f1f1f;
  1393. border-top: 0;
  1394. color: #4e4e4e;
  1395. }
  1396.  
  1397. html[lang^="nm"] .icon-menu a {
  1398. background: none;
  1399. }
  1400.  
  1401. html[lang^="nm"] .side .md blockquote h3 {
  1402. background: #131313;
  1403. border-bottom: 1px solid #1f1f1f;
  1404. color: #4e4e4e;
  1405. }
  1406.  
  1407. html[lang^="nm"] .sidecontentbox .title, html[lang^="nm"] .account-activity-box {
  1408. background: #131313;
  1409. border: 1px solid #1f1f1f;
  1410. color: #4e4e4e;
  1411. }
  1412.  
  1413. html[lang^="nm"] .res .RES-keyNav-activeElement {
  1414. background-color: #1a1a1a!important;
  1415. background: linear-gradient(to right,#1a1a1a 0%,#1a1a1a 8%,#202020 100%);
  1416. border-right: 0;
  1417. }
  1418.  
  1419. html[lang^="nm"] .entry .buttons li a, html[lang^="nm"] .tagline, html[lang^="nm"] .link .flat-list, html[lang^="nm"] .tagline a, html[lang^="nm"] .domain, html[lang^="nm"] .domain a, html[lang^="nm"] a, html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] #searchexpando label, html[lang^="nm"] .morelink a, html[lang^="nm"] .linkinfo .shortlink {
  1420. color: #4e4e4e;
  1421. }
  1422.  
  1423. html[lang^="nm"] .thing .title {
  1424. color: #bebebe;
  1425. }
  1426.  
  1427. html[lang^="nm"] .thing .title:visited, html[lang^="nm"] .link .entry li .comments, html[lang^="nm"] .redditSingleClick, html[lang^="nm"] #header-bottom-right a {
  1428. color: #616161;
  1429. }
  1430.  
  1431. html[lang^="nm"] .arrow {
  1432. opacity: .3;
  1433. }
  1434.  
  1435. html[lang^="nm"] .link .rank, html[lang^="nm"] .linkflairlabel, html[lang^="nm"] .nsfw-stamp acronym, html[lang^="nm"] a.userTagLink.RESUserTagImage {
  1436. opacity: .4;
  1437. }
  1438.  
  1439. html[lang^="nm"] .expando-button.image.expanded {
  1440. background-position: -40px -98px !important;
  1441. }
  1442.  
  1443. html[lang^="nm"] .expando-button.image.expanded:hover {
  1444. background-position: -60px -98px !important;
  1445. }
  1446.  
  1447. html[lang^="nm"] .expando-button.image.collapsed {
  1448. background-position: -40px -98px !important;
  1449. }
  1450.  
  1451. html[lang^="nm"] .expando-button.image.collapsed:hover {
  1452. background-position: -60px -98px !important;
  1453. }
  1454.  
  1455. html[lang^="nm"] .expando-button.selftext.collapsed {
  1456. background-position: -40px -38px !important;
  1457. }
  1458.  
  1459. html[lang^="nm"] .expando-button.selftext.collapsed:hover {
  1460. background-position: -60px -38px !important;
  1461. }
  1462.  
  1463. html[lang^="nm"] .expando-button.selftext.expanded {
  1464. background-position: -40px -58px!important;
  1465. }
  1466.  
  1467. html[lang^="nm"] .expando-button.selftext.expanded:hover {
  1468. background-position: -60px -58px!important;
  1469. }
  1470.  
  1471. html[lang^="nm"] .expando-button.video.collapsed {
  1472. background-position: -40px -78px!important;
  1473. }
  1474.  
  1475. html[lang^="nm"] .expando-button.video.collapsed:hover {
  1476. background-position: -60px -78px!important;
  1477. }
  1478.  
  1479. html[lang^="nm"] .expando-button.video.expanded {
  1480. background-position: -40px -78px!important;
  1481. }
  1482.  
  1483. html[lang^="nm"] .expando-button.video.expanded:hover {
  1484. background-position: -60px -78px!important;
  1485. }
  1486.  
  1487. html[lang^="nm"] .morelink a {
  1488. background-color: #1f1f1f;
  1489. border: 1px solid #262626;
  1490. border-bottom: 1px solid #262626 !important;
  1491. }
  1492.  
  1493. html[lang^="nm"] .morelink a:hover {
  1494. background: #131313 !important;
  1495. border: 1px solid #0F0F0F !important;
  1496. }
  1497.  
  1498. html[lang^="nm"] .fancy-toggle-button .remove, html[lang^="nm"] .RESshortcutside.remove, html[lang^="nm"] .RESDashboardToggle.remove {
  1499. background: #131313 !important;
  1500. border: 1px solid #1f1f1f !important;
  1501. color: #4e4e4e !important;
  1502. transition: 100ms;
  1503. }
  1504.  
  1505. html[lang^="nm"] .fancy-toggle-button .remove:hover, html[lang^="nm"] .RESshortcutside.remove:hover, html[lang^="nm"] .RESDashboardToggle.remove:hover {
  1506. background: #1f1f1f !important;
  1507. border: 1px solid #131313 !important;
  1508. color: #0a0a0a !important;
  1509. transition: 100ms;
  1510. }
  1511.  
  1512. html[lang^="nm"] .fancy-toggle-button .add, html[lang^="nm"] .RESshortcutside, html[lang^="nm"] .RESDashboardToggle {
  1513. background: #131313 !important;
  1514. border: 1px solid #1f1f1f !important;
  1515. color: #4e4e4e !important;
  1516. }
  1517.  
  1518. html[lang^="nm"] .fancy-toggle-button .add:hover, html[lang^="nm"] .RESshortcutside.add:hover, html[lang^="nm"] .RESDashboardToggle:hover {
  1519. background: #1f1f1f !important;
  1520. border: 1px solid #131313 !important;
  1521. color: #0a0a0a !important;
  1522. transition: 100ms;
  1523. }
  1524.  
  1525. html[lang^="nm"] .footer-parent {
  1526. background: #131313;
  1527. border-top: 1px solid #1f1f1f;
  1528. }
  1529.  
  1530. html[lang^="nm"] .formtabs-content .infobar, html[lang^="nm"] .roundfield, html[lang^="nm"] .content.submit .info-notice, html[lang^="nm"] .linefield {
  1531. background: #1a1a1a;
  1532. border: 1px solid #1f1f1f;
  1533. color: #4e4e4e;
  1534. }
  1535.  
  1536. html[lang^="nm"] .roundfield textarea, html[lang^="nm"] .roundfield input[type=text], html[lang^="nm"] .roundfield input[type=url], html[lang^="nm"] .roundfield input[type=password], html[lang^="nm"] .roundfield input[type=number], html[lang^="nm"] .usertext-edit textarea, html[lang^="nm"] .pretty-form input[type=text] {
  1537. background: #1a1a1a;
  1538. border: 1px solid #323232;
  1539. color: #4e4e4e;
  1540. }
  1541.  
  1542. html[lang^="nm"] textarea:focus, html[lang^="nm"] input#sr-autocomplete:focus, html[lang^="nm"] .usertext-edit textarea:focus, html[lang^="nm"] .roundfield input[type=url]:focus {
  1543. border: 1px solid #4f4f4f;
  1544. }
  1545.  
  1546. .titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"] {
  1547. background: rgba(0,0,0,0.5);
  1548. right: 83px;
  1549. top: 30px;
  1550. padding: 7px 12px;
  1551. position: absolute;
  1552. z-index: 9999;
  1553. color: #fff;
  1554. opacity: .3;
  1555. font-size: 90%;
  1556. border-radius: 15px;
  1557. transition: 200ms;
  1558. }
  1559.  
  1560. .titlebox .md a[href*="#nm"]:hover, .titlebox .md a[href*="#dm"]:hover {
  1561. opacity: 1;
  1562. }
  1563.  
  1564. .titlebox .md a[href*="#nm"] {
  1565. display: block;
  1566. }
  1567.  
  1568. .titlebox .md a[href*="#dm"] {
  1569. display: none;
  1570. }
  1571.  
  1572. html[lang^="nm"] .titlebox .md a[href*="#dm"] {
  1573. display: block;
  1574. }
  1575.  
  1576. html[lang^="nm"] .titlebox .md a[href*="#nm"] {
  1577. display: none;
  1578. }
  1579.  
  1580. .res .titlebox .md a[href*="#nm"], .res .titlebox .md a[href*="#dm"] {
  1581. right: 10px !important;
  1582. top: 50px !important;
  1583. }
  1584.  
  1585. /*** END NIGHT MODE ***/
  1586.  
  1587. .flair {
  1588. background: url(%%flairsageprog1%%) no-repeat -9999px;
  1589. border: 0;
  1590. padding: 0;
  1591. }
  1592. .flair-pencil {
  1593. min-width: 24px;
  1594. height: 24px;
  1595. background-position: 0 0;
  1596. text-indent: 30px;
  1597. }
  1598.  
  1599. .flair-starpencil {
  1600. min-width: 24px;
  1601. height: 24px;
  1602. background-position: 0 -24px;
  1603. text-indent: 30px;
  1604. }
  1605.  
  1606. .flair-penciltick {
  1607. min-width: 24px;
  1608. height: 24px;
  1609. background-position: 0 -48px;
  1610. text-indent: 30px;
  1611. }
  1612.  
  1613. .flair-starpenciltick {
  1614. min-width: 24px;
  1615. height: 24px;
  1616. background-position: 0 -72px;
  1617. text-indent: 30px;
  1618. }
  1619. .flair-m {
  1620. min-width: 16px;
  1621. height: 16px;
  1622. background-position: 0 -88px;
  1623. text-indent: 30px;
  1624. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!