API tools faq
paste
Advertisement
Guest User

/r/ShakeAndVape

a guest
Oct 4th, 2015
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.41 KB | None | 0 0
raw download clone embed print report
  1. /*StyleSheet edited by /u/xXminilex!*/
  2.  
  3. #header {
  4. background: url(%%stckylogo%%);
  5. background-repeat: no-repeat;
  6. background-size: cover;
  7. height: 10px; /*change this to best fit*/
  8. border-bottom:transparent;
  9. }
  10.  
  11. /* Color of the submit buttons.
  12. For a solid color, remove first 4 lines and add 'background: #444;' */
  13.  
  14. .morelink {
  15. background:#444
  16. }
  17.  
  18. /* Color of the submit buttons on hover. */
  19.  
  20. .morelink:hover {
  21. background: #333;
  22. }
  23.  
  24.  
  25.  
  26. /*** Note ***/
  27.  
  28. .side .md h4:first-of-type {
  29. position: absolute !important;
  30. top: 197px;
  31. left: 5px;
  32. right: 315px;
  33. background: #fff;
  34. color: #444;
  35. padding: 7px 0px 7px 10px;
  36. font-size: 12px;
  37. }
  38.  
  39. .side .md a[title~="redlink"] {
  40. color: #c45b52 !important;
  41. }
  42.  
  43. .content[role=main], .pretty-form {
  44. margin-top: 35px !important;
  45. }
  46.  
  47. .formtabs-content {
  48. margin-top: 39px !important;
  49. }
  50.  
  51. .searchpane {
  52. margin-top: 35px !important;
  53. }
  54.  
  55.  
  56.  
  57. /*** FLAIRS ***/
  58.  
  59. /* LINK FLAIRS */
  60.  
  61. .linkflairlabel {
  62. vertical-align: 2px;
  63. }
  64.  
  65. .comment .tagline .flair {
  66. vertical-align: middle;
  67. }
  68.  
  69. .linkflair-purple .linkflairlabel, .flair-purple[title] {
  70. background: #8362b4;
  71. border: 1px solid #8362b4;
  72. color: #fff;
  73. }
  74.  
  75. .linkflair-green .linkflairlabel, .flair-green[title] {
  76. background: #62b46d;
  77. border: 1px solid #62b46d;
  78. color: #fff;
  79. }
  80.  
  81. .linkflair-red .linkflairlabel, .flair-red[title] {
  82. background: #c45b52;
  83. border: 1px solid #c45b52;
  84. color: #fff;
  85. }
  86.  
  87. .linkflair-blue .linkflairlabel, .flair-blue[title] {
  88. background: #5e82a6;
  89. border: 1px solid #5e82a6;
  90. color: #fff;
  91. }
  92.  
  93. .linkflair-yellow .linkflairlabel, .flair-yellow[title] {
  94. background: #fde025;
  95. border: 1px solid #fde025;
  96. color: #fff;
  97. }
  98.  
  99. .linkflair-pink .linkflairlabel, .flair-pink[title] {
  100. background: #fc9cf2;
  101. border: 1px solid #fc9cf2;
  102. color: #fff;
  103. }
  104.  
  105. .linkflair-lime .linkflairlabel, .flair-lime[title] {
  106. background: #c6e569;
  107. border: 1px solid #c6e569;
  108. color: #fff;
  109. }
  110.  
  111. .linkflair-gray .linkflairlabel, .flair-gray[title] {
  112. background: #666;
  113. border: 1px solid #666;
  114. color: #fff;
  115. }
  116.  
  117. .linkflair-orange .linkflairlabel, .flair-orange[title] {
  118. background: #ff9f4f;
  119. border: 1px solid #ff9f4f;
  120. color: #fff;
  121. }
  122.  
  123. .linkflair-teal .linkflairlabel, .flair-teal[title] {
  124. background: #55c3c0;
  125. border: 1px solid #55c3c0;
  126. color: #fff;
  127. }
  128.  
  129. .titlebox .tagline {
  130. height: 25px;
  131. position: relative;
  132. line-height: 25px;
  133. color: #F5F5F5;
  134. }
  135.  
  136. .flair, .linkflairlabel {
  137. font-size: 12px !important;
  138. background: #eee;
  139. color: #777;
  140. border: 1px solid #e5e5e5;
  141. display: initial;
  142. padding: 1px 4px;
  143. }
  144.  
  145. .titlebox .tagline .flairselector.drop-choices h2 {
  146. display: none;
  147. }
  148.  
  149. .flairselector form {
  150. border-top: solid 1px #f0f0f0;
  151. overflow: hidden;
  152. }
  153.  
  154. .flairselector form>div {
  155. text-align: left;
  156. margin: 2px 5px;
  157. }
  158.  
  159. .flairselector .flairremove {
  160. display: block !important;
  161. position: absolute;
  162. left: 11px;
  163. }
  164.  
  165. .flairselector .flairremove a {
  166. color: #c45b52;
  167. }
  168.  
  169. .flairselector .customizer {
  170. margin-top: 20px;
  171. }
  172.  
  173. .flairselector .customizer input {
  174. padding: 4px;
  175. border: 1px solid #E9E9E9;
  176. outline: 0;
  177. }
  178.  
  179. .flairselector ul {
  180. max-width: none;
  181. overflow: visible;
  182. }
  183.  
  184. .flairselector li {
  185. padding-bottom: 2px;
  186. padding-top: 2px;
  187. background: transparent;
  188. border: 0;
  189. }
  190.  
  191. .flairselector li:hover {
  192. background: #f2f2f2;
  193. border: 0;
  194. }
  195.  
  196. .flairselector li.selected {
  197. background: #f2f2f2;
  198. border: 0;
  199. }
  200.  
  201. .flairselector form .flair {
  202. max-width: 150px;
  203. }
  204.  
  205. .titlebox .tagline .flairselector.drop-choices ul {
  206. width: 100% !important;
  207. line-height: 20px;
  208. }
  209.  
  210. .titlebox .tagline .flairselector.drop-choices {
  211. width: 275px !important;
  212. padding: 10px !important;
  213. top: 32px !important;
  214. background: #f9f9f9;
  215. right: 0;
  216. left: auto!important;
  217. border: none;
  218. border-top: 1px solid #f0f0f0;
  219. box-shadow: none;
  220. font-family: Helvetica, Arial, sans-serif;
  221. font-size: 11px;
  222. }
  223.  
  224. .side a[href="http://www.google.com/"] {
  225. display: none;
  226. position: fixed;
  227. z-index: 100;
  228. top: 38px;
  229. right: 30px;
  230. width: 40px;
  231. font-size: 0;
  232. height: 40px;
  233. background: #181818;
  234. border-radius: 2px;
  235. }
  236.  
  237. body {
  238. background: #f0f0f0;
  239. font-family: Helvetica, Arial, sans-serif;
  240. }
  241.  
  242.  
  243.  
  244. /*** BROWSER ***/
  245.  
  246. /* HIGHLIGHT */
  247.  
  248. ::selection {
  249. background-color: #5e82a6;
  250. color: #fff;
  251. }
  252.  
  253. /* SCROLLBAR */
  254.  
  255. ::-webkit-scrollbar {
  256. width: 20x;
  257. height: 20px;
  258. background-color: #222;
  259. }
  260.  
  261. ::-webkit-scrollbar-thumb {
  262. background-color: #666;
  263. border: 2px solid #222;
  264. }
  265.  
  266. ::-webkit-scrollbar-thumb:hover {
  267. background-color: #999;
  268. }
  269.  
  270. ::-webkit-scrollbar-thumb:active {
  271. background-color: #ccc;
  272. }
  273.  
  274. ::-webkit-scrollbar-corner {
  275. background-color: transparent;
  276. color: #555555;
  277. }
  278.  
  279. ::-webkit-scrollbar-button {
  280. border: 2px solid #222;
  281. width: 15px;
  282. height: 15px;
  283. }
  284.  
  285. ::-webkit-scrollbar-button:hover {
  286. background-color: #333 !important;
  287. }
  288.  
  289. ::-webkit-scrollbar-button:end {
  290. display: block;
  291. }
  292.  
  293. ::-webkit-scrollbar-button:start {
  294. display: none;
  295. }
  296.  
  297. ::-webkit-scrollbar-button:vertical {
  298. border-top: 0;
  299. }
  300.  
  301. ::-webkit-scrollbar-button:horizontal {
  302. border-left: 0;
  303. }
  304.  
  305. ::-webkit-scrollbar-button:vertical:increment {
  306. background: url(%%arrowdown%%) center center no-repeat;
  307. }
  308.  
  309. ::-webkit-scrollbar-button:vertical:decrement {
  310. background: url(%%arrowup%%) center center no-repeat;
  311. }
  312.  
  313. ::-webkit-scrollbar-button:horizontal:increment {
  314. background: url(%%arrowright%%) center center no-repeat;
  315. }
  316.  
  317. ::-webkit-scrollbar-button:horizontal:decrement {
  318. background: url(%%arrowleft%%) center center no-repeat;
  319. }
  320.  
  321. /* COMMON BUTTONS */
  322.  
  323. button {
  324. background: #fcfcfc;
  325. border: 1px solid #e9e9e9;
  326. box-shadow: 0 1px #e9e9e9;
  327. margin-bottom: 4px !important;
  328. border-radius: 2px;
  329. padding: 4px 8px;
  330. color: #666;
  331. font-weight: bold;
  332. }
  333.  
  334. button:hover {
  335. background: #f4f4f4;
  336. border: 1px solid #e1e1e1;
  337. }
  338.  
  339. button:focus {
  340. outline: none;
  341. }
  342.  
  343. button:active {
  344. background: #efefef;
  345. }
  346.  
  347. /* LINKS */
  348.  
  349. .tagline a, .side a {
  350. color: #5e82a6;
  351. font-size: 12px;
  352. }
  353.  
  354. .usertext-body .md a {
  355. color: #5e82a6;
  356. }
  357.  
  358. a:hover {
  359. text-decoration: underline;
  360. }
  361.  
  362. .morelink a, .domain a, #header-bottom-left .tabmenu li a, #header-bottom-right a, .nextprev a, .next-suggestions a, #sr-header-area a, .drop-choices a.choice, .link .entry li .comments, .thing a.title, .domain, .domain a, .dropdown.lightdrop .selected {
  363. text-decoration: none !important;
  364. }
  365.  
  366. /* INPUT */
  367.  
  368. input[type=text], input[type=password] {
  369. border: 1px solid #ddd;
  370. padding: 4px;
  371. outline: 0 !important;
  372. }
  373.  
  374. input[type=text]:focus, input[type=password]:focus {
  375. border: 1px solid #cacaca !important;
  376. }
  377.  
  378.  
  379.  
  380. /*** SUBREDDITS BAR ***/
  381.  
  382. #sr-header-area {
  383. background: rgba(0,0,0,0.1);
  384. border: none;
  385. padding: 0px 13px 2px 15px;
  386. transition: 200ms;
  387. }
  388.  
  389. .sr-bar a {
  390. color: #fff;
  391. opacity : .4;
  392. font-size: 9px;
  393. letter-spacing: 0.8px;
  394. padding: 6px;
  395. }
  396.  
  397. .sr-bar a:hover {
  398. opacity : .5;
  399. background: rgba(0,0,0,0.2);
  400. }
  401.  
  402. #sr-header-area .dropdown.srdrop .selected, #sr-header-area .drop-choices a.choice {
  403. font-weight: bold;
  404. color: #aeaeae;
  405. }
  406.  
  407. #sr-header-area .drop-choices a.choice {
  408. font-size: 10px;
  409. padding: 2px;
  410. }
  411.  
  412. #sr-header-area .drop-choices a.choice:hover {
  413. color: #646464;
  414. background: #d7d7d7;
  415. }
  416.  
  417. #sr-header-area .sr-list {
  418. margin-left: 23px;
  419. padding-top: 2px;
  420. }
  421.  
  422. #sr-header-area .sr-list .separator {
  423. display: none;
  424. }
  425.  
  426. #sr-header-area .srdrop.dropdown {
  427. width: 18px;
  428. height: 18px;
  429. position: absolute;
  430. background: url(%%sr%%) no-repeat center transparent;
  431. text-indent: -999em;
  432. opacity: .6;
  433. cursor: pointer;
  434. padding-top: 2px;
  435. }
  436.  
  437. #sr-header-area .srdrop.dropdown:hover {
  438. background-color: rgba(0,0,0,0.2);
  439. opacity: 1;
  440. }
  441.  
  442. #sr-more-link {
  443. background: rgba(0,0,0,0.6);
  444. color: #fff;
  445. opacity: .8;
  446. padding: 2px 10px 0px 15px;
  447. }
  448.  
  449. #sr-more-link:hover {
  450. background: rgba(0,0,0,0.7);
  451. opacity: 1;
  452. }
  453.  
  454. #sr-header-area .drop-choices.srdrop {
  455. margin-left: 0;
  456. top: 0px!important;
  457. position: fixed;
  458. padding: 0px;
  459. height: 100%;
  460. overflow-y: auto;
  461. overflow-x: hidden;
  462. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  463. }
  464.  
  465. #sr-header-area .drop-choices {
  466. font-size: 12px;
  467. border: none;
  468. padding: 2px;
  469. background: #f2f2f2;
  470. }
  471.  
  472.  
  473.  
  474. /*** HEADER ***/
  475.  
  476. #header {
  477. border-bottom: 0;
  478. height: 200px;
  479. }
  480.  
  481. #header-img, .pagename a {
  482. transition: 200ms;
  483. opacity: 0.8;
  484. border-radius: 5px;
  485. }
  486.  
  487. #header-img:hover, .pagename a:hover {
  488. opacity: 1;
  489. background-color: rgba(0,0,0,0.075);
  490. }
  491.  
  492. #header-img {
  493. margin-top: 25px;
  494. margin-left: 30px;
  495. }
  496.  
  497. span.hover.pagename.redditname {
  498. display: block;
  499. margin-top: -14px;
  500. margin-left: -5px;
  501. font-size: 0px;
  502. }
  503.  
  504.  
  505.  
  506. /*** USER BAR ***/
  507.  
  508. #header-bottom-right {
  509. background: none !important;
  510. z-index: 11;
  511. padding: 0px !important;
  512. font-size: 12px;
  513. bottom: -6px !important;
  514. transition: 200ms;
  515. }
  516.  
  517. #header-bottom-right a {
  518. color: #fff;
  519. padding: 8px;
  520. }
  521.  
  522. #header-bottom-right a, .logout a {
  523. opacity: .7;
  524. }
  525.  
  526. #header-bottom-right .user {
  527. color: rgba(255,255,255,0.6);
  528. margin-right: 4px;
  529. }
  530.  
  531. #header-bottom-right .user .userkarma {
  532. color: rgba(255,255,255,0.6);
  533. border: none;
  534. }
  535.  
  536.  
  537.  
  538. #header-bottom-right .user a {
  539. position: relative;
  540. }
  541.  
  542. #header-bottom-right .separator {
  543. display: none !important;
  544. }
  545.  
  546. #header-bottom-right a:hover, .logout a:hover {
  547. opacity: .9;
  548. background-color: rgba(0,0,0,0.1) !important;
  549. }
  550.  
  551. #header-bottom-right #userbarToggle + * {
  552. margin-left: 26px !important;
  553. }
  554.  
  555. .loggedin #header-bottom-right #userbarToggle + * {
  556. margin-left: 16px !important;
  557. }
  558.  
  559. .message-count {
  560. background-color: #e6bc4c;
  561. color: #4C4C4C !important;
  562. padding: 2px 5px !important;
  563. margin: 4px;
  564. line-height: 11px;
  565. position: relative;
  566. top: -1px;
  567. }
  568.  
  569. .separator {
  570. visibility: hidden;
  571. }
  572.  
  573.  
  574.  
  575. /*** TABMENU ***/
  576.  
  577. #header-bottom-left .tabmenu {
  578. background: rgba(0,0,0,0.2);
  579. width: 100%;
  580. position: absolute;
  581. bottom: 0px;
  582. left: 0px;
  583. transition: 200ms;
  584. }
  585.  
  586. #header-bottom-left .tabmenu li {
  587. font-weight: normal;
  588. margin: 0;
  589. }
  590.  
  591. #header-bottom-left .tabmenu li a {
  592. background: none;
  593. color: #fff;
  594. opacity: .7;
  595. font-size: 11px;
  596. line-height: 30px;
  597. padding: 9px;
  598. text-transform: uppercase;
  599. }
  600.  
  601. #header-bottom-left .tabmenu li a:hover {
  602. opacity: .9;
  603. background: rgba(0,0,0,0.1);
  604. }
  605.  
  606. #header-bottom-left .tabmenu li.selected a {
  607. background: rgba(0,0,0,0.2);
  608. border: 0;
  609. color: #fff;
  610. opacity: .9;
  611. }
  612.  
  613.  
  614.  
  615. /*** CONTENT ***/
  616.  
  617. .content {
  618. margin: 5px 315px 0px 5px;
  619. }
  620.  
  621. .link {
  622. padding-left: 5px;
  623. background: #fff;
  624. margin-bottom: 1px;
  625. color: #444;
  626. }
  627.  
  628. .link.last-clicked {
  629. margin-top: -1px;
  630. margin-bottom: 0px;
  631. border: 0;
  632. border-top: 1px dashed #D3D3D3;
  633. border-bottom: 1px dashed #D3D3D3;
  634. }
  635.  
  636. .link .entry {
  637. padding: 13px 0 13px 6px;
  638. }
  639.  
  640. .link .entry li .comments {
  641. font-weight: bold !important;
  642. color: #868686 !important;
  643. border-bottom: 1px dotted rgba(0,0,0,0.1);
  644. }
  645.  
  646. .link .entry li .comments:hover {
  647. border-bottom: 1px dotted rgba(0,0,0,0.4);
  648. }
  649.  
  650. .link .tagline, .link .entry .buttons li a {
  651. font-size: small;
  652. font-weight: normal;
  653. color: #aaa;
  654. }
  655.  
  656. .thing .title {
  657. overflow: visible;
  658. }
  659.  
  660. .thing a.title {
  661. color: #4f85ac;
  662. }
  663.  
  664. .thing a.title:hover {
  665. border-bottom: 1px dotted rgba(0,0,0,0.2);
  666. }
  667.  
  668. .thing .title:visited, .thing.visited .title {
  669. color: #a65e9a;
  670. }
  671.  
  672. .thing.stickied a.title {
  673. font-weight: normal;
  674. }
  675.  
  676. .thing.stickied a.title {
  677. color: #62b46d !important;
  678. }
  679.  
  680. .thing.stickied a.title:visited, .thing.stickied a.title.visited, .tagline .stickied-tagline, .thing.stickied a.author {
  681. color: #62b46d;
  682. }
  683.  
  684. .error {
  685. color: #c45b52;
  686. }
  687.  
  688. .error, .approve-button {
  689. font-size: 13px !important;
  690. }
  691.  
  692. #noresults {
  693. padding: 5px;
  694. font-size: 16px !important;
  695. }
  696.  
  697. .domain {
  698. color: #ccc;
  699. font-size: 11px;
  700. }
  701.  
  702. .domain a {
  703. padding: 1px 3px 3px 3px;
  704. text-align: center;
  705. color: #ccc;
  706. font-size: 11px;
  707. }
  708.  
  709. .link .rank {
  710. margin-right: 10px;
  711. margin-top: 30px;
  712. position: relative;
  713. color: #dadada;
  714. display: none;
  715. }
  716.  
  717. .link .midcol {
  718. top: 12px;
  719. position: relative;
  720. margin-left: 10px;
  721. margin-right: 10px;
  722. }
  723.  
  724. .link .midcol .score {
  725. margin-top: 3px;
  726. }
  727.  
  728. .unvotable-message {
  729. border: solid 1px #FF8B60;
  730. background-color: #FF8B60;
  731. color: #fff;
  732. margin-top: 4px;
  733. padding: 2px 6px;
  734. border-radius: 2px;
  735. }
  736.  
  737. .action-form {
  738. border-radius: 2px;
  739. background: #fff8d7;
  740. border: solid 1px #E7E5B5;
  741. padding: 10px 15px;
  742. }
  743.  
  744.  
  745.  
  746. /*** COMPRESSED LINKS ***/
  747.  
  748. .link.compressed {
  749. margin-bottom: 1px;
  750. }
  751.  
  752. .link.compressed.last-clicked {
  753. margin-bottom: 0px !important;
  754. }
  755.  
  756. .link.compressed .rank {
  757. margin-top: 21px;
  758. }
  759.  
  760. .link.compressed .midcol {
  761. top: 10px;
  762. }
  763.  
  764. .link.compressed .entry {
  765. padding: 12px 0 10px 6px;
  766. }
  767.  
  768. .menuarea {
  769. margin: 0 0 1px 0;
  770. background: #fff;
  771. color: #999;
  772. border: 0;
  773. }
  774.  
  775. .menuarea .dropdown.lightdrop .selected {
  776. color: #666;
  777. background-color: #F0F0F0;
  778. background-image: none;
  779. border: 1px solid #e9e9e9;
  780. padding: 2px 22px 2px 4px;
  781. border-radius: 2px;
  782. cursor: pointer;
  783. display: inline-block;
  784. }
  785.  
  786. .menuarea .dropdown.lightdrop .selected:hover {
  787. background-color: #f9f9f9;
  788. }
  789.  
  790. .menuarea .dropdown.lightdrop .selected:after {
  791. content: "v";
  792. color: #ccc;
  793. font-family: monospace;
  794. margin: 8px;
  795. position: absolute;
  796. top: -5px;
  797. right: 0;
  798. }
  799.  
  800. .menuarea .drop-choices.lightdrop {
  801. background: #efefef;
  802. border: 1px solid #e9e9e9;
  803. width: 86px;
  804. }
  805.  
  806. .menuarea .drop-choices a.choice {
  807. color: #999;
  808. }
  809.  
  810. .menuarea .drop-choices a.choice:hover {
  811. color: #555;
  812. background-color: #f9f9f9;
  813. }
  814.  
  815. .menuarea .flat-list li.selected a {
  816. color: #c45b52;
  817. }
  818.  
  819.  
  820.  
  821. /*** EXPANDO ***/
  822.  
  823. .expando iframe {
  824. margin: 5px 0 5px 40px;
  825. }
  826.  
  827. .expando-button {
  828. height: 20px !important;
  829. width: 20px !important;
  830. margin: 4px 8px 2px 0;
  831. border-radius: 2px;
  832. cursor: pointer;
  833. background: url(%%icons%%) no-repeat -9999px -9999px !important;
  834. }
  835.  
  836. .toggleImage.expando-button.image.linkImg {
  837. height: 20px !important;
  838. width: 20px !important;
  839. margin: 4px 8px 2px 0;
  840. cursor: pointer;
  841. }
  842.  
  843. .expando-button.image.expanded {
  844. background-position: 0 -98px !important;
  845. }
  846.  
  847. .expando-button.image.expanded:hover {
  848. background-position: -20px -98px !important;
  849. text-decoration: none;
  850. }
  851.  
  852. .expando-button.image.collapsed {
  853. background-position: 0 -98px !important;
  854. }
  855.  
  856. .expando-button.image.collapsed:hover {
  857. background-position: -20px -98px !important;
  858. text-decoration: none;
  859. }
  860.  
  861. .expando-button.video.expanded {
  862. background-position: 0 -78px !important;
  863. }
  864.  
  865. .expando-button.video.expanded:hover {
  866. background-position: -20px -78px !important;
  867. }
  868.  
  869. .expando-button.video.collapsed {
  870. background-position: 0 -78px !important;
  871. }
  872.  
  873. .expando-button.video.collapsed:hover {
  874. background-position: -20px -78px !important;
  875. }
  876.  
  877. .expando-button.selftext.collapsed {
  878. background-position: 0px -38px !important;
  879. }
  880.  
  881. .expando-button.selftext.collapsed:hover {
  882. background-position: -20px -38px !important;
  883. }
  884.  
  885. .expando-button.selftext.expanded {
  886. background-position: 0px -58px !important;
  887. }
  888.  
  889. .expando-button.selftext.expanded:hover {
  890. background-position: -20px -58px !important;
  891. }
  892.  
  893. .usertext-body .md .expando-button, .wiki-page .expando-button {
  894. vertical-align: middle !important;
  895. margin: 0px 3px 2px 6px !important;
  896. }
  897.  
  898. .link .usertext .md {
  899. border-radius: 2px;
  900. background: #f9f9f9;
  901. border: 1px solid #f9f9f9;
  902. padding: 8px !important;
  903. width: calc(100% - 32px);
  904. }
  905.  
  906.  
  907.  
  908. /*** VOTES ***/
  909.  
  910. .arrow {
  911. width: 21px;
  912. height: 17px;
  913. background-image: url(%%icons%%)!important;
  914. background-position: center center;
  915. border: none !important;
  916. border-radius: 2px;
  917. transition: 200ms;
  918. }
  919.  
  920. .arrow:hover {
  921. background-color: rgba(0,0,0,0.06)
  922. }
  923.  
  924. .arrow.up {
  925. background-position: -2px -20px !important;
  926. }
  927.  
  928. .arrow.down {
  929. background-position: -42px -20px !important;
  930. }
  931.  
  932. .arrow.upmod {
  933. background-position: -22px -20px;
  934. }
  935.  
  936. .arrow.downmod {
  937. background-position: -62px -20px;
  938. }
  939.  
  940.  
  941.  
  942. /*** NEXT / PREV BUTTONS ***/
  943.  
  944. .nav-buttons {
  945. padding: 10px 5px;
  946. background: #fff;
  947. }
  948.  
  949. .nextprev, .next-suggestions {
  950. font-size: 0px;
  951. }
  952.  
  953. .nextprev a, .next-suggestions a, .res .RESSubscriptionButton {
  954. padding: 4px 6px;
  955. text-transform: uppercase;
  956. font-size: 10px;
  957. color: #999;
  958. background: #fcfcfc;
  959. border: 1px solid #e9e9e9;
  960. box-shadow: 0 1px #e9e9e9;
  961. margin-bottom: 4px!important;
  962. border-radius: 2px;
  963. font-weight: bold;
  964. }
  965.  
  966. .nextprev a:hover, .next-suggestions a:hover {
  967. background: #f4f4f4;
  968. border: 1px solid #e1e1e1;
  969. }
  970.  
  971.  
  972.  
  973. /*** THUMBNAILS ***/
  974.  
  975. .over18 .thumbnail {
  976. background: url(%%thumbnails%%) 0px -195px no-repeat;
  977. }
  978.  
  979. .nsfw-stamp {
  980. border: 0 !important;
  981. }
  982.  
  983. .nsfw-stamp acronym {
  984. background: #c45b52;
  985. border: 1px solid #c45b52!important;
  986. color: #fff;
  987. border-radius: 2px;
  988. padding: 1px 3px;
  989. }
  990.  
  991. a.thumbnail.default {
  992. background: url(%%thumbnails%%) 0 0;
  993. }
  994.  
  995. a.thumbnail.self {
  996. background: url(%%thumbnails%%) 0 -65px;
  997. }
  998.  
  999. .stickied a.thumbnail {
  1000. background: url(%%thumbnails%%) 0 -130px;
  1001. }
  1002.  
  1003. .thumbnail {
  1004. margin: 6px 10px 0 5px!important;
  1005. height: 65px !important;
  1006. width: 65px !important;
  1007. transition: 200ms;
  1008. border-radius: 2px;
  1009. /* background: url(%%thumbnails%%) 0 0 no-repeat; */
  1010. border: 2px solid #fff;
  1011. box-shadow: 0 0px 1px rgba(0,0,0,0.4);
  1012. }
  1013.  
  1014. /* Stretches thumbnail to fill square */
  1015.  
  1016. .thumbnail img {
  1017. height: 100%;
  1018. }
  1019.  
  1020.  
  1021.  
  1022. /*** COMMENTS ***/
  1023.  
  1024. .res-commentBoxes .comment {
  1025. background: #fff;
  1026. }
  1027.  
  1028. .gold-accent.comment-visits-box {
  1029. border-radius: 2px;
  1030. background: #fff8d7;
  1031. border: solid 1px #E7E5B5;
  1032. padding: 10px 15px;
  1033. margin-left: 10px;
  1034. }
  1035.  
  1036. .gold-accent.comment-visits-box select#comment-visits {
  1037. border: 1px solid #ddd;
  1038. padding: 3px 0;
  1039. margin-right: -5px;
  1040. margin-left: 5px;
  1041. }
  1042.  
  1043. .commentarea {
  1044. margin-top: 5px;
  1045. margin-bottom: 30px;
  1046. padding: 10px 10px 10px 10px;
  1047. background-color: #fff;
  1048. color: #3b3b3b;
  1049. }
  1050.  
  1051. .commentarea .md blockquote, .usertext-body .md blockquote {
  1052. margin: 8px;
  1053. border: none;
  1054. border-left: 3px solid #5e82a6;
  1055. padding: 6px 10px;
  1056. }
  1057.  
  1058. .commentarea .md blockquote {
  1059. background: #FAFAFA;
  1060. border: 1px solid #F2F2F2;
  1061. border-left: 3px solid #f2f2f2;
  1062. }
  1063.  
  1064. .self .usertext .md blockquote {
  1065. margin: 8px 0px;
  1066. }
  1067.  
  1068. .commentarea .md td, .commentarea .md th {
  1069. padding: 3px 6px;
  1070. }
  1071.  
  1072. .commentarea .menuarea .toggle a {
  1073. font-weight: normal;
  1074. margin-right: 5px;
  1075. font-size: 12px;
  1076. }
  1077.  
  1078. .comment .child, .comment .showreplies {
  1079. border-left: 1px solid #F3F3F3;
  1080. }
  1081.  
  1082. .comment .midcol {
  1083. width: 21px;
  1084. }
  1085.  
  1086. .comment.collapsed .tagline, .comment.collapsed .tagline a {
  1087. margin-left: 0;
  1088. }
  1089.  
  1090. .commentarea .entry .buttons li a {
  1091. color: #999;
  1092. font-size: 12px;
  1093. font-weight: normal;
  1094. }
  1095.  
  1096. .commentarea .tagline {
  1097. font-size: 12px;
  1098. }
  1099.  
  1100. .commentarea .entry .buttons a[onclick*="reply"] {
  1101. font-weight: bold;
  1102. color: #868686 !important;
  1103. border-bottom: 1px dotted rgba(0,0,0,0.1);
  1104. text-decoration: none;
  1105. }
  1106.  
  1107. .commentarea .entry .buttons a[onclick*="reply"]:hover {
  1108. border-bottom: 1px dotted rgba(0,0,0,0.4);
  1109. }
  1110.  
  1111. .usertext .help-toggle, .usertext a.reddiquette {
  1112. font-size: 12px;
  1113. }
  1114.  
  1115. .panestack-title {
  1116. border-bottom: 1px solid #ececec;
  1117. width: 507px;
  1118. padding-bottom: 5px;
  1119. margin-bottom: 5px;
  1120. }
  1121.  
  1122. .linkinfo {
  1123. border-radius: 0px;
  1124. background: #f9f9f9;
  1125. border: 0;
  1126. padding: 8px;
  1127. }
  1128.  
  1129. .linkinfo .date {
  1130. color: #999;
  1131. }
  1132.  
  1133. .linkinfo .score {
  1134. color: #606672;
  1135. }
  1136.  
  1137. .linkinfo .shortlink {
  1138. margin-top: -8px;
  1139. color: transparent;
  1140. }
  1141.  
  1142. .linkinfo .shortlink input {
  1143. border: 1px solid #fff;
  1144. padding: 6px 12px;
  1145. width: 252px;
  1146. text-align: center;
  1147. }
  1148.  
  1149. .thing .tagline .author.submitter {
  1150. background-color: #5e82a6;
  1151. color: #fff;
  1152. font-size: 11px;
  1153. padding: 2px 4px !important;
  1154. line-height: 16px;
  1155. border-radius: 2px !important;
  1156. }
  1157.  
  1158. .thing.stickied a.author {
  1159. background: #62B46D !important;
  1160. color: #fff;
  1161. font-weight: bold;
  1162. padding: 2px 4px;
  1163. border-radius: 2px;
  1164. }
  1165.  
  1166. .thing.stickied a.author:hover {
  1167. background: #447e4c !important;
  1168. text-decoration: none;
  1169. }
  1170.  
  1171. .thing .tagline .author.moderator {
  1172. background: #62B46D !important;
  1173. color: #fff;
  1174. font-weight: bold;
  1175. padding: 2px 4px !important;
  1176. border-radius: 2px !important;;
  1177. }
  1178.  
  1179. .thing .tagline .author.moderator:hover {
  1180. background: #447e4c !important;
  1181. }
  1182.  
  1183. .tagline .submitter {
  1184. color: #5e82a6;
  1185. }
  1186.  
  1187. .tagline .moderator, .green {
  1188. color: #62b46d;
  1189. }
  1190.  
  1191. .new-comment .usertext-body {
  1192. margin: 3px 0 1px 0;
  1193. border-radius: 2px;
  1194. padding: 0px 8px;
  1195. }
  1196.  
  1197.  
  1198.  
  1199. /*** SIDEBAR ***/
  1200.  
  1201. .side {
  1202. padding: 5px 5px;
  1203. margin: 5px 5px 5px 5px;
  1204. width: 295px;
  1205. }
  1206.  
  1207. .side .spacer {
  1208. margin: 0px 0 5px 0;
  1209. }
  1210.  
  1211. .sidebox.create .spacer {
  1212. margin: 0;
  1213. margin-top: 7px;
  1214. padding-top: 12px;
  1215. background: #f9f9f9;
  1216. }
  1217.  
  1218. .sidebox.create .spacer a {
  1219. top: 6px;
  1220. left: 6px;
  1221. }
  1222.  
  1223. .sidebox .subtitle {
  1224. color: #999;
  1225. }
  1226.  
  1227. .side .titlebox .tagline {
  1228. margin: -5px 0 5px 0 ;
  1229. padding: 0px 5px 8px 28px;
  1230. background: #f9f9f9;
  1231. border-top: 0;
  1232. font-size: 12px;
  1233. }
  1234.  
  1235. .side .md>p {
  1236. margin: 0px 0px 5px 8px !important;
  1237. color: #666;
  1238. }
  1239.  
  1240. .side .md blockquote {
  1241. border: 0;
  1242. padding: 0px;
  1243. line-height: 16px;
  1244. margin-bottom: 5px;
  1245. margin-top: 0;
  1246. }
  1247.  
  1248. .side .md blockquote h3 {
  1249. padding: 2px 0;
  1250. margin-bottom: 0;
  1251. border-bottom: 2px solid #f5f5f5;
  1252. }
  1253.  
  1254. .side .md blockquote a {
  1255. color: #5e82a6;
  1256. }
  1257.  
  1258. .side .md ul {
  1259. list-style: square;
  1260. }
  1261.  
  1262. .side .md pre {
  1263. margin: 5px;
  1264. }
  1265.  
  1266. .side .md > p {
  1267. margin: 0;
  1268. }
  1269.  
  1270. .sidecontentbox.collapsible {
  1271. margin-bottom: -5px;
  1272. }
  1273.  
  1274. .sidecontentbox .content {
  1275. border: 0;
  1276. background: #fff;
  1277. }
  1278.  
  1279. .sidecontentbox .title {
  1280. padding: 4px 8px;
  1281. border-bottom: 2px solid #f5f5f5;
  1282. }
  1283.  
  1284. .sidecontentbox .title h1 {
  1285. font-size: 14px;
  1286. color: #888;
  1287. }
  1288.  
  1289. .sidecontentbox .collapse-button {
  1290. width: 12px;
  1291. height: 12px;
  1292. background: #f0f0f0;
  1293. color: #999;
  1294. border: 1px solid #f0f0f0;
  1295. font-size: 14px;
  1296. }
  1297.  
  1298. .sidecontentbox a.helplink {
  1299. position: relative;
  1300. background: url(%%modmessage%%) no-repeat;
  1301. font-size: 0;
  1302. right: 165px;
  1303. height: 15px;
  1304. width: 15px;
  1305. margin-top: 6px;
  1306. opacity: .4;
  1307. }
  1308.  
  1309. .sidecontentbox a.helplink:hover {
  1310. opacity: .6;
  1311. }
  1312.  
  1313. .sidecontentbox .more {
  1314. text-align: left;
  1315. }
  1316.  
  1317. .sidecontentbox .more a {
  1318. color: #bbb;
  1319. }
  1320.  
  1321. .gadget .reddit-entry {
  1322. line-height: 17px;
  1323. }
  1324.  
  1325. .gadget .reddit-entry .linkflairlabel {
  1326. vertical-align: 0;
  1327. }
  1328.  
  1329. .gadget .midcol {
  1330. width: 21px;
  1331. margin: 0 8px 0 0;
  1332. }
  1333.  
  1334. .account-activity-box {
  1335. background: #f9f9f9;
  1336. padding: 8px;
  1337. margin-top: -8px;
  1338. margin-bottom: -5px;
  1339. }
  1340.  
  1341. #search input[type=text] {
  1342. border: 0 !important;
  1343. border-bottom: 2px solid #f0f0f0 !important;
  1344. font-size: 14px !important;
  1345. width: 295px;
  1346. margin: 0;
  1347. font-family: Helvetica, Arial, sans-serif;
  1348. }
  1349.  
  1350. #search input[type=text]:focus {
  1351. outline: none;
  1352. }
  1353.  
  1354. #searchexpando {
  1355. border-radius: 0px;
  1356. background: rgba(255,255,255,0.95);
  1357. margin: 0 0 5px 0;
  1358. border: 0;
  1359. position: absolute;
  1360. z-index: 1;
  1361. width: 275px;
  1362. }
  1363.  
  1364. #searchexpando input, #searchexpando p {
  1365. margin-bottom: 0px;
  1366. color: #666;
  1367. }
  1368.  
  1369. #searchexpando dl {
  1370. color: #555;
  1371. }
  1372.  
  1373. #searchexpando label {
  1374. color: #555;
  1375. }
  1376.  
  1377. #moresearchinfo {
  1378. border: 1px solid #f0f0f0;
  1379. margin-top: -5px;
  1380. }
  1381.  
  1382. label+#moresearchinfo {
  1383. margin-top: 5px;
  1384. }
  1385.  
  1386. .login-form-side {
  1387. border: 0;
  1388. }
  1389.  
  1390. .login-form-side input[type=text], .login-form-side input[type=password] {
  1391. border: 1px solid #f0f0f0;
  1392. width: 285px;
  1393. height: 35px;
  1394. margin: 5px;
  1395. padding: 5px 10px;
  1396. font-size: 12px;
  1397. color: #777;
  1398. }
  1399.  
  1400. .login-form-side #remember-me * {
  1401. font-size: 12px;
  1402. }
  1403.  
  1404. .login-form-side #remember-me {
  1405. color: #777;
  1406. }
  1407.  
  1408. .sponsorshipbox iframe {
  1409. margin-bottom: -2px;
  1410. }
  1411.  
  1412. .morelink {
  1413. border: none;
  1414. margin-bottom: -1px;
  1415. border: 0;
  1416. border-radius: 2px;
  1417. width: initial;
  1418. height: 35px;
  1419. line-height: 35px;
  1420. }
  1421.  
  1422. .morelink a {
  1423. letter-spacing: 0px;
  1424. font-weight: normal;
  1425. color: #fff;
  1426. }
  1427.  
  1428. .morelink .nub {
  1429. display: none;
  1430. }
  1431.  
  1432. .sidebox.submit.submit-text {
  1433. margin-top: 6px;
  1434. }
  1435.  
  1436. .sidebox.submit.submit-link .morelink a:after {
  1437. position: absolute;
  1438. top: 3px;
  1439. left: 3px;
  1440. bottom: 0;
  1441. width: 29px;
  1442. height: 29px;
  1443. background: url(%%submitlink%%) no-repeat;
  1444. content: "";
  1445. }
  1446.  
  1447. .sidebox.submit.submit-text .morelink a:after {
  1448. position: absolute;
  1449. top: 3px;
  1450. left: 3px;
  1451. bottom: 0;
  1452. width: 29px;
  1453. height: 29px;
  1454. background: url(%%submittext%%) no-repeat;
  1455. content: "";
  1456. }
  1457.  
  1458. .titlebox h1 a {
  1459. display: none;
  1460. text-align: center;
  1461. font-size: 14px;
  1462. }
  1463.  
  1464. span.subscribers, .users-online {
  1465. color: #666;
  1466. background: #F9F9F9;
  1467. padding: 4px 8px;
  1468. vertical-align: top;
  1469. width: 279px;
  1470. display: inline-block;
  1471. text-align: center;
  1472. overflow: hidden;
  1473. }
  1474.  
  1475. span.subscribers {
  1476. color: #666;
  1477. padding-bottom: 1px;
  1478. margin-top: 1px;
  1479. }
  1480.  
  1481. .titlebox .users-online {
  1482. padding-top: 1px;
  1483. margin-bottom: 5px;
  1484. }
  1485.  
  1486. .users-online:before {
  1487. display: none;
  1488. }
  1489.  
  1490. .fancy-toggle-button {
  1491. margin-bottom: 2px;
  1492. }
  1493.  
  1494. .fancy-toggle-button .active {
  1495. border-radius: 2px;
  1496. }
  1497.  
  1498. .res .RESDashboardToggle {
  1499. margin-right: 0 !important;
  1500. }
  1501.  
  1502. .fancy-toggle-button .add, .res .RESshortcutside, .res .RESDashboardToggle {
  1503. background: #f0f0f0 !important;
  1504. border: 1px solid #f0f0f0 !important;
  1505. color: #a5a5a5;
  1506. transition: 100ms !important;
  1507. text-decoration: none;
  1508. border-radius: 2px !important;
  1509. padding: 2px 15px !important;
  1510. }
  1511.  
  1512. .fancy-toggle-button .add:hover, .res .RESshortcutside:hover, .res .RESDashboardToggle:hover {
  1513. background: #62B46D !important;
  1514. border: 1px solid #62B46D !important;
  1515. color: #fff !important;
  1516. }
  1517.  
  1518. .fancy-toggle-button .remove, .res .RESshortcutside.remove {
  1519. background: #f0f0f0 !important;
  1520. border: 1px solid #f0f0f0 !important;
  1521. transition: 200ms !important;
  1522. color: #a5a5a5 !important;
  1523. text-decoration: none;
  1524. padding: 2px 15px;
  1525. }
  1526.  
  1527. .res .RESDashboardToggle.remove {
  1528. padding: 2px 17px !important;
  1529. }
  1530.  
  1531. .fancy-toggle-button .remove:hover, .res .RESshortcutside.remove:hover, .res .RESDashboardToggle.remove:hover {
  1532. background: #c45b52 !important;
  1533. border: 1px solid #c45b52 !important;
  1534. color: #fff !important;
  1535. }
  1536.  
  1537. .hover-bubble.multi-selector {
  1538. display: none !important;
  1539. }
  1540.  
  1541. .md blockquote, .help blockquote {
  1542. margin: 0px;
  1543. border: 1px solid #ccc;
  1544. padding: 4px 12px;
  1545. background: #fff;
  1546. }
  1547.  
  1548. .md hr {
  1549. margin-top: 0;
  1550. background: #f5f5f5;
  1551. }
  1552.  
  1553. .titlebox form.toggle, .leavemoderator {
  1554. padding: 10px 8px 0px 8px;
  1555. background: #f9f9f9;
  1556. border-bottom: 0;
  1557. font-size: 12px;
  1558. color: #999;
  1559. }
  1560.  
  1561. .titlebox form.flairtoggle {
  1562. padding-bottom: 2px;
  1563. padding-top: 10px;
  1564. }
  1565.  
  1566. label[for=flair_enabled] {
  1567. position: relative;
  1568. top: -3px;
  1569. }
  1570.  
  1571. .titlebox .bottom {
  1572. border-top: none;
  1573. padding: 5px;
  1574. font-size: 12px;
  1575. color: #999;
  1576. background: #f9f9f9;
  1577. text-align: center;
  1578. }
  1579.  
  1580. .titlebox .age {
  1581. display: block !important;
  1582. float: none;
  1583. text-align: center;
  1584. }
  1585.  
  1586. #ad_sponsorship {
  1587. border: 1px solid #f0f0f0;
  1588. width: 293px;
  1589. }
  1590.  
  1591. #ad-frame, #ad_main {
  1592. background: #f9f9f9;
  1593. width: 295px;
  1594. margin-bottom: -2px;
  1595. margin-top: 5px;
  1596. }
  1597.  
  1598.  
  1599.  
  1600. /*** ICONS ***/
  1601.  
  1602. #mail {
  1603. background: url(%%mail%%) no-repeat center !important;
  1604. width: 13px !important;
  1605. height: 14px !important;
  1606. top: 11px !important;
  1607. }
  1608.  
  1609. #mail.havemail {
  1610. background: url(%%mail2%%) no-repeat center !important;
  1611. opacity: .8;
  1612. top: 11px !important;
  1613. }
  1614.  
  1615. .res #mail.havemail {
  1616. top: 11px !important;
  1617. }
  1618.  
  1619. #modmail {
  1620. background: url(%%modmail%%) no-repeat center !important;
  1621. width: 15px !important;
  1622. height: 14px !important;
  1623. top: 5px;
  1624. }
  1625.  
  1626. #modmail.havemail {
  1627. background: url(%%modmail2%%) no-repeat center !important;
  1628. opacity: .8;
  1629. }
  1630.  
  1631. #mail.havemail:hover, #modmail.havemail:hover {
  1632. opacity: 1;
  1633. }
  1634.  
  1635. .pref-lang {
  1636. font-size: 0;
  1637. background: url(%%preferences%%) no-repeat center !important;
  1638. width: 12px !important;
  1639. height: 14px !important;
  1640. position: relative;
  1641. display: inline-block;
  1642. top: -5px;
  1643. }
  1644.  
  1645. .logout a {
  1646. font-size: 0;
  1647. background: url(%%logout%%) no-repeat center !important;
  1648. width: 15px !important;
  1649. height: 15px !important;
  1650. position: relative;
  1651. display: inline-block;
  1652. top: -5px;
  1653. }
  1654.  
  1655.  
  1656.  
  1657. /*** MOD ICONS ***/
  1658.  
  1659. .titlebox .leavemoderator:before, .moderator.toggle .main:before {
  1660. background: url(%%modicons%%) -42px 0px no-repeat;
  1661. width: 14px;
  1662. height: 14px;
  1663. }
  1664.  
  1665. .titlebox form.leavecontributor-button:before {
  1666. background: url(%%modicons%%) -56px 0px no-repeat;
  1667. width: 14px;
  1668. margin-top: 6px;
  1669. }
  1670.  
  1671. .icon-menu .reddit-edit:before {
  1672. background: url(%%modicons%%) 0px 0px no-repeat;
  1673. width: 14px;
  1674. height: 14px;
  1675. }
  1676.  
  1677. .icon-menu .edit-stylesheet:before {
  1678. background: url(%%modicons%%) -14px 0px no-repeat;
  1679. width: 14px;
  1680. height: 14px;
  1681. }
  1682.  
  1683. .icon-menu .moderator-mail:before {
  1684. background: url(%%modicons%%) -28px 0px no-repeat;
  1685. width: 14px;
  1686. height: 14px;
  1687. margin-left: 0;
  1688. margin-top: 0;
  1689. }
  1690.  
  1691. .icon-menu .reddit-moderators:before {
  1692. background: url(%%modicons%%) -42px 0px no-repeat;
  1693. width: 14px;
  1694. height: 14px;
  1695. }
  1696.  
  1697. .icon-menu .reddit-contributors:before {
  1698. background: url(%%modicons%%) -56px 0px no-repeat;
  1699. width: 14px;
  1700. height: 14px;
  1701. }
  1702.  
  1703. .icon-menu .reddit-traffic:before {
  1704. background: url(%%modicons%%) -70px 0px no-repeat;
  1705. width: 14px;
  1706. height: 14px;
  1707. }
  1708.  
  1709. .icon-menu .reddit-modqueue:before {
  1710. background: url(%%modicons%%) -84px 0px no-repeat;
  1711. width: 14px;
  1712. height: 14px;
  1713. }
  1714.  
  1715. .icon-menu .reddit-reported:before {
  1716. background: url(%%modicons%%) -98px 0px no-repeat;
  1717. width: 14px;
  1718. height: 14px;
  1719. }
  1720.  
  1721. .icon-menu .reddit-spam:before {
  1722. background: url(%%modicons%%) -112px 0px no-repeat;
  1723. width: 14px;
  1724. height: 14px;
  1725. }
  1726.  
  1727. .icon-menu .reddit-edited:before {
  1728. background: url(%%modicons%%) -126px 0px no-repeat;
  1729. width: 14px;
  1730. height: 14px;
  1731. }
  1732.  
  1733. .icon-menu .reddit-ban:before {
  1734. background: url(%%modicons%%) -140px 0px no-repeat;
  1735. width: 14px;
  1736. height: 14px;
  1737. }
  1738.  
  1739. .icon-menu .reddit-flair:before {
  1740. background: url(%%modicons%%) -154px 0px no-repeat;
  1741. width: 14px;
  1742. height: 14px;
  1743. }
  1744.  
  1745. .icon-menu .reddit-moderationlog:before {
  1746. background: url(%%modicons%%) -168px 0px no-repeat;
  1747. width: 14px;
  1748. height: 14px;
  1749. }
  1750.  
  1751. .icon-menu .reddit-unmoderated:before {
  1752. background: url(%%modicons%%) -182px 0px no-repeat;
  1753. width: 14px;
  1754. height: 14px;
  1755. }
  1756.  
  1757.  
  1758.  
  1759. /*** SUBMISSION PAGE ***/
  1760.  
  1761. .content h1 {
  1762. display: none
  1763. }
  1764.  
  1765. .formtabs-content {
  1766. border-top: none;
  1767. padding-top: 0px;
  1768. margin-left: -5px;
  1769. }
  1770.  
  1771. .formtabs-content .infobar {
  1772. width: 506px;
  1773. background: #fff;
  1774. color: #666;
  1775. border: 0;
  1776. padding: 8px 12px;
  1777. }
  1778.  
  1779. .roundfield {
  1780. border-radius: 0px;
  1781. background: #fff;
  1782. padding: 15px;
  1783. font-size: medium;
  1784. color: #555;
  1785. }
  1786.  
  1787. .roundfield textarea[name=title] {
  1788. color: #333;
  1789. }
  1790.  
  1791. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .usertext-edit textarea {
  1792. border: 1px solid #f0f0f0;
  1793. outline: none;
  1794. color: #333;
  1795. }
  1796.  
  1797. textarea:focus, input#sr-autocomplete:focus, .usertext-edit textarea:focus, .roundfield input[type=url]:focus {
  1798. border: 1px solid #cacaca;
  1799. }
  1800.  
  1801. .roundfield span.title {
  1802. text-transform: capitalize;
  1803. }
  1804.  
  1805. .roundfield .usertext-edit {
  1806. padding-left: 0px;
  1807. }
  1808.  
  1809. div#title-field {
  1810. padding-bottom: 12px;
  1811. }
  1812.  
  1813. .roundfield span.gray {
  1814. visibility: hidden;
  1815. }
  1816.  
  1817. .roundfield:nth-of-type(5) {
  1818. margin: 3px 0;
  1819. }
  1820.  
  1821. #url-field button {
  1822. background: url(%%suggesttitle%%) no-repeat 8px center #fcfcfc;
  1823. color: #919191;
  1824. max-width: 30px;
  1825. height: 30px;
  1826. transition: 800ms;
  1827. line-height: 20px;
  1828. text-indent: 20px;
  1829. padding-right: 10px;
  1830. }
  1831.  
  1832. #url-field button:hover {
  1833. max-width: 200px;
  1834. }
  1835.  
  1836. .submit_text.enabled {
  1837. margin-bottom: -2px;
  1838. }
  1839.  
  1840. .content.submit .info-notice {
  1841. background: #fff;
  1842. border: 1px solid #fff;
  1843. border-radius: 0px;
  1844. margin-bottom: 5px;
  1845. margin-left: -5px;
  1846. width: 510px;
  1847. }
  1848.  
  1849. body:not(.subscriber) #siteTable:before {
  1850. width: calc(100% - 20px);
  1851. background: #fff8d7;
  1852. color: #666;
  1853. border: 0;
  1854. margin: 0 0 1px 0;
  1855. }
  1856.  
  1857. .content.submit .spacer button.btn {
  1858. width: 530px;
  1859. height: 40px;
  1860. margin-left: -5px;
  1861. background: #5e82a6;
  1862. border: none;
  1863. color: #fff;
  1864. text-transform: uppercase;
  1865. border-radius: 2px;
  1866. transition: 200ms;
  1867. }
  1868.  
  1869. .spacer button.btn:hover {
  1870. opacity: .9;
  1871. }
  1872.  
  1873. #suggested-reddits {
  1874. display: none;
  1875. }
  1876.  
  1877. ul.tabmenu.formtab {
  1878. position: absolute;
  1879. top: 176px;
  1880. z-index: 999;
  1881. background: none;
  1882. }
  1883.  
  1884. .tabmenu.formtab .selected a {
  1885. font-size: 100%;
  1886. opacity: 1;
  1887. }
  1888.  
  1889. .selected a.link-button.choice, .selected a.text-button.choice {
  1890. padding: 5px 10px;
  1891. background: #5e82a6;
  1892. }
  1893.  
  1894. a.text-button.choice, a.link-button.choice {
  1895. padding: 5px 10px;
  1896. text-decoration: none;
  1897. font-weight: bold;
  1898. border: 0;
  1899. background: #fff;
  1900. opacity: .3;
  1901. }
  1902.  
  1903. form .spacer+.spacer {
  1904. margin: 5px 0;
  1905. }
  1906.  
  1907.  
  1908.  
  1909. /*** FOOTER ***/
  1910.  
  1911. .footer-parent {
  1912. padding-bottom: 40px;
  1913. padding-top: 55px;
  1914. margin-top: 5px;
  1915. border-top: 5px solid rgba(0,0,0,0.3);
  1916. }
  1917.  
  1918. .footer {
  1919. background: rgba(0,0,0,0.1);
  1920. border: 0;
  1921. border-radius: 0;
  1922. padding: 15px 20px;
  1923. margin: 10px auto 20px auto;
  1924. }
  1925.  
  1926. .footer .title {
  1927. font-size: 16px;
  1928. text-transform: capitalize;
  1929. padding-bottom: 5px;
  1930. margin-bottom: 5px;
  1931. border-bottom: 1px dotted rgba(0,0,0,0.1);
  1932. color: rgba(255,255,255,0.9);
  1933. }
  1934.  
  1935. .footer a {
  1936. color: rgba(255,255,255,0.6);
  1937. font-size: 13px;
  1938. line-height: 18px;
  1939. }
  1940.  
  1941. .buygold {
  1942. color: #D5AC3D !important;
  1943. font-weight: normal;
  1944. }
  1945.  
  1946. .footer .col {
  1947. border-left: none;
  1948. }
  1949.  
  1950. .debuginfo {
  1951. margin-top: -31px;
  1952. font-size: 12px;
  1953. color: rgba(255,255,255,0.6);
  1954. }
  1955.  
  1956. .debuginfo .content, .debuginfo .icon {
  1957. margin-right: 5px;
  1958. color: rgba(255,255,255,0.6);
  1959. }
  1960.  
  1961. .bottommenu {
  1962. color: rgba(255,255,255,0.6);
  1963. font-size: 12px;
  1964. }
  1965.  
  1966. .bottommenu a {
  1967. color: rgba(0,0,0,0.5);
  1968. }
  1969.  
  1970. .bottommenu .updated {
  1971. color: #62b46d;
  1972. }
  1973.  
  1974.  
  1975.  
  1976. /*** SEARCH PAGE ***/
  1977.  
  1978. .search-page .sitetable {
  1979. margin-top: 1px !important;
  1980. }
  1981.  
  1982. .searchpane {
  1983. margin-right: 0;
  1984. margin-bottom: 1px;
  1985. background: #fff;
  1986. font-size: 12px;
  1987. padding: 7px 10px 10px 10px;
  1988. }
  1989.  
  1990. .raisedbox {
  1991. border: 0;
  1992. }
  1993.  
  1994. .searchfacets {
  1995. border: 0;
  1996. border-top: 1px solid #f5f5f5;
  1997. box-shadow: none;
  1998. }
  1999.  
  2000. .searchfacets .facet.count:hover {
  2001. text-decoration: none;
  2002. }
  2003.  
  2004.  
  2005.  
  2006. /*** MOD MAIL PAGE ***/
  2007.  
  2008. .messages-page .sitetable {
  2009. background: #fff;
  2010. margin-top: -9px;
  2011. }
  2012.  
  2013. .messages-page .message {
  2014. margin-left: 0;
  2015. }
  2016.  
  2017. .messages-page .message .subject .correspondent {
  2018. border: 1px solid #B7D7F7;
  2019. border-radius: 0;
  2020. }
  2021.  
  2022. .messages-page .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head {
  2023. color: #222;
  2024. font-size: 12px;
  2025. }
  2026.  
  2027.  
  2028.  
  2029. /*** SUBREDDIT SETTINGS ***/
  2030.  
  2031. .linefield {
  2032. background: #F9F9F9;
  2033. margin-bottom: 5px;
  2034. width: 528px;
  2035. }
  2036.  
  2037. .linefield .title {
  2038. text-transform: capitalize;
  2039. color: #555;
  2040. }
  2041.  
  2042. .linefield span+span {
  2043. margin-left: -10px;
  2044. font-size: 12px !important;
  2045. }
  2046.  
  2047. .linefield .linefield-content {
  2048. font-size: 20px;
  2049. }
  2050.  
  2051. .linefield label {
  2052. font-size: 14px;
  2053. color: #444;
  2054. }
  2055.  
  2056. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  2057. font-size: 13px;
  2058. color: #444;
  2059. padding: 4px 8px;
  2060. margin: 4px 4px 4px 0;
  2061. }
  2062.  
  2063. .gray {
  2064. color: #aaa;
  2065. }
  2066.  
  2067. #img-preview-container {
  2068. border: 1px dashed #ccc;
  2069. padding: 7px;
  2070. }
  2071.  
  2072.  
  2073.  
  2074. /*** FLAIR SETTINGS ***/
  2075.  
  2076. .flair-settings {
  2077. margin-bottom: 5px;
  2078. }
  2079.  
  2080. .tabpane-content {
  2081. background: #fff;
  2082. border: 0;
  2083. padding: 5px;
  2084. margin-top: 4px;
  2085. }
  2086.  
  2087. #tab-grant, #tab-templates, #tab-link_templates {
  2088. font-size: 14px;
  2089. font-weight: normal;
  2090. margin-left: 0;
  2091. }
  2092.  
  2093. #tab-grant a, #tab-templates a, #tab-link_templates a {
  2094. padding: 4px 8px;
  2095. text-decoration: none;
  2096. }
  2097.  
  2098. #tab-grant.selected a, #tab-templates.selected a, #tab-link_templates.selected a {
  2099. background: #c45b52;
  2100. color: #fff;
  2101. border: 0;
  2102. }
  2103.  
  2104. .flairlist .flair-jump input[type="text"] {
  2105. padding: 4px;
  2106. }
  2107.  
  2108.  
  2109.  
  2110. /*** STYLESHEET ***/
  2111.  
  2112. .pretty-form {
  2113. background: #fff;
  2114. margin-top: 5px;
  2115. padding: 5px;
  2116. }
  2117.  
  2118. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  2119. box-shadow: none;
  2120. border: 1px solid #ddd;
  2121. outline: none;
  2122. }
  2123.  
  2124. .pretty-form h2 {
  2125. margin-left: 5px;
  2126. }
  2127.  
  2128. .sheets {
  2129. margin-right: 5px;
  2130. }
  2131.  
  2132. #stylesheet_contents {
  2133. box-shadow: none;
  2134. -webkit-box-shadow: none;
  2135. border: 1px solid #ddd;
  2136. padding: 0px 2px !important;
  2137. font-family: monospace;
  2138. font-weight: 600;
  2139. color: #333;
  2140. font-size: 12px;
  2141. line-height: 1.4;
  2142. }
  2143.  
  2144. label[for=reason] {
  2145. color: #666;
  2146. }
  2147.  
  2148. .sheets .col textarea:focus {
  2149. outline: none;
  2150. }
  2151.  
  2152. /* IMAGES */
  2153.  
  2154. .stylesheet-customize-container #images {
  2155. font-size: 12px;
  2156. padding: 10px;
  2157. margin-top: 5px;
  2158. background: #fff;
  2159. color: #555;
  2160. }
  2161.  
  2162. .stylesheet-customize-container #images .image-upload span {
  2163. font-size: 12px;
  2164. color: #999;
  2165. padding-left: 0;
  2166. }
  2167.  
  2168. .stylesheet-customize-container #images .image-upload label input[name=img_type] {
  2169. margin: 2px 5px 0 5px;
  2170. }
  2171.  
  2172. .stylesheet-customize-container #images .image-upload input#img-name {
  2173. border: 1px solid #ddd;
  2174. padding: 2px;
  2175. margin: 5px;
  2176. width: 191px;
  2177. }
  2178.  
  2179. .stylesheet-customize-container img {
  2180. background-image: url(%%transparent%%);
  2181. }
  2182.  
  2183. .stylesheet-customize-container img:hover {
  2184. background-image: none;
  2185. }
  2186.  
  2187. .stylesheet-customize-container h2 {
  2188. margin-top: 0;
  2189. margin-bottom: 5px;
  2190. }
  2191.  
  2192. /* PREVIEW */
  2193.  
  2194. #preview-table {
  2195. background: #fff;
  2196. margin-top: 5px;
  2197. padding: 5px 10px 10px 10px;
  2198. }
  2199.  
  2200. #preview-table>table {
  2201. margin: 0;
  2202. border: 1px dotted #ddd;
  2203. }
  2204.  
  2205. #preview-table>table>tbody>tr>th {
  2206. vertical-align: middle;
  2207. color: #555;
  2208. }
  2209.  
  2210. /* STYLESHEET IMAGES */
  2211.  
  2212. ul#image-preview-list {
  2213. margin: -15px;
  2214. margin-bottom: -15px;
  2215. margin-top: 10px;
  2216. padding-top: 0px;
  2217. }
  2218.  
  2219. ul#image-preview-list li {
  2220. background: #fff;
  2221. padding: 8px 8px;
  2222. margin: 0 0 5px 5px;
  2223. border-radius: 2px;
  2224. border-bottom: 2px solid #ddd;
  2225. width: 296.5px;
  2226. height: 100px;
  2227. font-size: 14px;
  2228. color: #666;
  2229. }
  2230.  
  2231. ul#image-preview-list .preview {
  2232. position: absolute;
  2233. top: 0;
  2234. bottom: 0;
  2235. left: 8px;
  2236. right: 0;
  2237. margin: auto 0;
  2238. background: #fafafa;
  2239. line-height: 98px;
  2240. }
  2241.  
  2242. ul#image-preview-list .preview img {
  2243. vertical-align: middle;
  2244. }
  2245.  
  2246.  
  2247.  
  2248. /*** RES ***/
  2249.  
  2250. .res #srList {
  2251. top: 0;
  2252. border: 0;
  2253. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  2254. text-transform: uppercase;
  2255. max-height: none !important;
  2256. height: 100%;
  2257. position: fixed;
  2258. overflow-y: auto;
  2259. overflow-x: hidden;
  2260. color: #aeaeae;
  2261. }
  2262.  
  2263. .res #srList tr {
  2264. border-bottom: 1px solid #f0f0f0;
  2265. }
  2266.  
  2267. .res #srList tr:hover {
  2268. background: none;
  2269. background: #f0f0f0;
  2270. }
  2271.  
  2272. .res #srList td {
  2273. padding: 0;
  2274. }
  2275.  
  2276. .res #srList thead td, .res #srList thead td a {
  2277. font-weight: bold;
  2278. font-size: 11px;
  2279. color: #666;
  2280. }
  2281.  
  2282. .res #srList thead td:first-child, .res #srList thead td:nth-child(3) {
  2283. padding-left: 8px;
  2284. }
  2285.  
  2286. .res .sortAsc, .res .sortDesc {
  2287. margin-right: 10px;
  2288. }
  2289.  
  2290. .res #srList td a {
  2291. text-decoration: none;
  2292. color: #aeaeae;
  2293. font-weight: bold;
  2294. padding: 3px 8px;
  2295. }
  2296.  
  2297. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  2298. background-color: #F9FEFF !important;
  2299. }
  2300.  
  2301. .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash {
  2302. height: 20px;
  2303. line-height: 18px;
  2304. background: none;
  2305. color: rgba(255,255,255,0.6);
  2306. }
  2307.  
  2308. .res #RESShortcutsSort:hover, .res #RESShortcutsRight:hover, .res #RESShortcutsLeft:hover, .res #RESShortcutsAdd:hover, .res #RESShortcutsTrash:hover {
  2309. color: rgba(255,255,255,1);
  2310. }
  2311.  
  2312. .res #RESShortcutsSort, .res #RESShortcutsEditContainer .res-icon {
  2313. font-size: 10px;
  2314. }
  2315.  
  2316. .res #RESShortcutsLeft, .res #RESShortcutsRight {
  2317. font-size: 14px;
  2318. }
  2319.  
  2320. .res #RESShortcutsEditContainer {
  2321. height: 20px;
  2322. background: rgba(0,0,0,0.2);
  2323. }
  2324.  
  2325. .res #progressIndicator, .res .NERPageMarker, .res #NERFail {
  2326. width: initial;
  2327. margin: 0;
  2328. margin-bottom: 1px;
  2329. border-radius: 0;
  2330. font-size: 12px;
  2331. padding: 8px;
  2332. background: #fcfcfc;
  2333. border: 0;
  2334. color: #666;
  2335. font-weight: bold;
  2336. }
  2337.  
  2338. .res #progressIndicator:hover {
  2339. background: #fff;
  2340. }
  2341.  
  2342. .res #NERFail {
  2343. padding: 5px 0 12px 0;
  2344. }
  2345.  
  2346. .res .nextprev a, .res .next-suggestions a {
  2347. margin: 2px !important;
  2348. }
  2349.  
  2350. .res #header-bottom-right {
  2351. top: auto;
  2352. border-radius: 0;
  2353. }
  2354.  
  2355. .res .userkarma a, .res #mailCount {
  2356. padding: 0 !important;
  2357. }
  2358.  
  2359. .res #userbarToggle {
  2360. top: 11px;
  2361. left: -8px;
  2362. height: 0px;
  2363. min-height: 0;
  2364. width: auto;
  2365. padding: 15px 8px;
  2366. background: rgba(0,0,0,0.1);
  2367. border-radius: 0;
  2368. border: none;
  2369. line-height: 0;
  2370. color: rgba(255,255,255,0.2);
  2371. }
  2372.  
  2373. .res #userbarToggle:hover {
  2374. background: rgba(0,0,0,0.5);
  2375. color: rgba(255,255,255,0.6);
  2376. }
  2377.  
  2378. .res #userbarToggle.userbarHide {
  2379. position: initial !important;
  2380. margin-right: -16px !important;
  2381. padding-top: 14px !important;
  2382. }
  2383.  
  2384. .res-navTop #userbarToggle.userbarShow {
  2385. top: -36px !important;
  2386. left: auto;
  2387. right: 0;
  2388. height: 0;
  2389. min-height: 0;
  2390. }
  2391.  
  2392. .res .thing .tagline .author.submitter {
  2393. background-color: #5e82a6 !important;
  2394. }
  2395.  
  2396. .res .thing .tagline .author.moderator {
  2397. background: #62B46D !important;
  2398. }
  2399.  
  2400. .res .thing .tagline .author.moderator:hover {
  2401. background: #447e4c !important;
  2402. }
  2403.  
  2404. .res #RESShortcuts {
  2405. overflow: visible;
  2406. }
  2407.  
  2408. .res #srDropdown {
  2409. width: 16px;
  2410. height: 20px;
  2411. background: url(%%sr%%) no-repeat center transparent;
  2412. text-indent: -999em;
  2413. opacity: .6;
  2414. cursor: pointer;
  2415. padding-right: 6px;
  2416. }
  2417.  
  2418. .res #srDropdown:hover {
  2419. background-color: rgba(0,0,0,0.2) !important;
  2420. }
  2421.  
  2422. .res #sr-header-area #srDropdown:hover {
  2423. background-color: rgba(255,255,255,0.05);
  2424. opacity: 1;
  2425. }
  2426.  
  2427. .res #sr-header-area {
  2428. line-height: 22px;
  2429. padding-left: 0;
  2430. overflow: hidden;
  2431. }
  2432.  
  2433. .res #srLeftContainer {
  2434. padding-left: 0;
  2435. }
  2436.  
  2437. .res .separator {
  2438. display: none;
  2439. }
  2440.  
  2441. .res #sr-header-area a.RESShortcutsCurrentSub, .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
  2442. color: rgba(240,243,252,1) !important;
  2443. opacity: .8;
  2444. }
  2445.  
  2446. .res #srLeftContainer, .res #RESShortcutsViewport, .res #RESShortcutsEditContainer {
  2447. max-height: 20px;
  2448. }
  2449.  
  2450. .res .srSep {
  2451. color: rgba(0,0,0,0.5)
  2452. }
  2453.  
  2454. .res .linkinfo .totalvotes {
  2455. font-size: 12px;
  2456. opacity: .5;
  2457. }
  2458.  
  2459. #openRESPrefs {
  2460. vertical-align: middle;
  2461. padding: 7px;
  2462. }
  2463.  
  2464. #openRESPrefs:hover {
  2465. background-color: rgba(0,0,0,0.1)!important;
  2466. }
  2467.  
  2468. #RESMainGearOverlay {
  2469. top: 83px !important;
  2470. left: auto !important;
  2471. right: 105px !important;
  2472. height: 25px !important;
  2473. border-radius: 2px;
  2474. display: none !important;
  2475. }
  2476.  
  2477. .RESDropdownList {
  2478. top: 201px !important;
  2479. right: 5px !important;
  2480. background: #fff;
  2481. width: 303px !important;
  2482. border-radius: 0;
  2483. border: 1px solid #ddd;
  2484. border-top: 0;
  2485. }
  2486.  
  2487. .res #RESAccountSwitcherIcon {
  2488. margin-left: 0;
  2489. margin-top: -3px;
  2490. width: 15px;
  2491. height: 15px;
  2492. }
  2493.  
  2494. #RESAccountSwitcherDropdown {
  2495. left: auto !important;
  2496. }
  2497.  
  2498. .RESDropdownList li, .RESDropdownList a {
  2499. border: none;
  2500. color: #6f6e69;
  2501. text-transform: uppercase;
  2502. font-family: sans-serif;
  2503. transition: 200ms;
  2504. }
  2505.  
  2506. .RESDropdownList li:hover {
  2507. background: #ececec;
  2508. color: #000;
  2509. }
  2510.  
  2511. .RESDropdownList li a {
  2512. width: 100% !important;
  2513. }
  2514.  
  2515. .RESDropdownList li a:hover {
  2516. background: #ececec;
  2517. color: #000;
  2518. text-decoration: none;
  2519. }
  2520.  
  2521. #RESSearchMenuItem {
  2522. background-color: #ccc;
  2523. border: 1px solid #ccc;
  2524. }
  2525.  
  2526. #RESSearchMenuItem:hover {
  2527. background-color: #555!important;
  2528. border: 1px solid #555 !important;
  2529. }
  2530.  
  2531. #SettingsConsole:hover > #RESSearchMenuItem {
  2532. border: 1px solid #ccc;
  2533. }
  2534.  
  2535. .toggleButton {
  2536. text-transform: lowercase;
  2537. }
  2538.  
  2539. .moduleToggle .toggleOn, .res .toggleButton .toggleOn, .res .moduleToggle .toggleOff, .res .toggleButton .toggleOff {
  2540. background-color: #ccc !important;
  2541. color: #aaa;
  2542. border: none;
  2543. line-height: 14px;
  2544. }
  2545.  
  2546. .toggleButton:not(.enabled) .toggleOff {
  2547. background-color: #e74c3c !important;
  2548. color: #fff;
  2549. border: none;
  2550. line-height: 14px;
  2551. }
  2552.  
  2553. .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn {
  2554. background-color: #62B46D !important;
  2555. color: #fff;
  2556. border: none;
  2557. line-height: 14px;
  2558. }
  2559.  
  2560. .moduleToggle::before, .toggleButton::before {
  2561. display: none;
  2562. }
  2563.  
  2564. .gearIcon {
  2565. border-radius: 2px;
  2566. cursor: pointer;
  2567. }
  2568.  
  2569. .RESNotificationHeader .gearIcon {
  2570. position: absolute;
  2571. top: 6px;
  2572. right: 45px;
  2573. }
  2574.  
  2575.  
  2576.  
  2577. /*** NIGHT MODE ***/
  2578.  
  2579. html[lang^="nm"] body {
  2580. background: #222;
  2581. }
  2582.  
  2583. html[lang^="nm"] button {
  2584. background: #333333;
  2585. border: 1px solid #222222;
  2586. box-shadow: 0 1px #222222;
  2587. color: #888;
  2588. }
  2589.  
  2590. html[lang^="nm"] a, html[lang^="nm"] .side .md blockquote a {
  2591. color: #677381;
  2592. }
  2593.  
  2594. html[lang^="nm"] h4 {
  2595. color: #aaa;
  2596. }
  2597.  
  2598. html[lang="nm"] .res .commentarea .thing, html[lang="nm"] .res .commentarea .child .thing.comment, html[lang="nm"] .content.submit .info-notice {
  2599. background-color: #262626 !important;
  2600. border: 1px solid #2C2C2C !important;
  2601. }
  2602.  
  2603. html[lang="nm"] .commentarea .md blockquote {
  2604. background: #2F2F2F;
  2605. border: 1px solid #424242;
  2606. border-left: 3px solid #424242;
  2607. }
  2608.  
  2609. html[lang="nm"] .commentarea .entry .buttons a[onclick*="reply"]:hover {
  2610. border-bottom: 1px dotted #aaa;
  2611. }
  2612.  
  2613. html[lang="nm"] .new-comment .usertext-body {
  2614. background-color: #464B51;
  2615. border: solid 1px #464B51;
  2616. }
  2617.  
  2618. html[lang="nm"] .new-comment .usertext-body .md p {
  2619. color: #C8D3DF;
  2620. }
  2621.  
  2622. html[lang^="nm"] .wiki-page .wiki-page-content {
  2623. border-top: 2px solid #222;
  2624. }
  2625.  
  2626. html[lang^="nm"] .wiki-page .wiki-page-content hr {
  2627. border: 1px solid #222;
  2628. }
  2629.  
  2630. html[lang^="nm"] .wiki-page .wiki-page-content .wiki>.toc>ul {
  2631. border: 1px solid #1E1E1E;
  2632. box-shadow: 0 0 8px #1E1E1E;
  2633. }
  2634.  
  2635. html[lang^="nm"] .link, html[lang^="nm"] .side, html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .side .help blockquote, html[lang^="nm"] .sidecontentbox .content, html[lang^="nm"] .icon-menu a, html[lang^="nm"] .nav-buttons, html[lang^="nm"] .footer, html[lang^="nm"] .commentarea, html[lang^="nm"] .commentarea .menuarea, html[lang^="nm"] #preview-table, html[lang^="nm"] .stylesheet-customize-container #images, html[lang^="nm"] .pretty-form, html[lang^="nm"] .formtabs-content .infobar, html[lang^="nm"] .roundfield, html[lang^="nm"] .wiki-page>.content {
  2636. background: #262626;
  2637. }
  2638.  
  2639. 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], html[lang^="nm"] .pretty-form textarea, html[lang^="nm"] .pretty-form input[type=password], html[lang^="nm"] .pretty-form input[type=number], html[lang^="nm"] #stylesheet_contents, html[lang^="nm"] #preview-table>table, html[lang^="nm"] .stylesheet-customize-container #images .image-upload input#img-name {
  2640. background: #262626;
  2641. border: 1px solid #2c2c2c !important;
  2642. color: #888;
  2643. outline: 0;
  2644. }
  2645.  
  2646. html[lang^="nm"] ul#image-preview-list li {
  2647. background: #262626;
  2648. border-bottom: 2px solid #1f1f1f;
  2649. }
  2650.  
  2651. html[lang^="nm"] .panestack-title {
  2652. border-bottom: 1px solid #2c2c2c;
  2653. }
  2654.  
  2655. html[lang^="nm"] .comment .child, html[lang^="nm"] .comment .showreplies {
  2656. border-left: 1px solid #2c2c2c;
  2657. }
  2658.  
  2659. 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 {
  2660. border: 1px solid #383838;
  2661. }
  2662.  
  2663. html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] .side .titlebox .tagline, html[lang^="nm"] .titlebox .bottom, html[lang^="nm"] .footer-parent, html[lang^="nm"] .account-activity-box, html[lang^="nm"] .sidebox.create .spacer, html[lang^="nm"] .linkinfo, html[lang^="nm"] #ad-frame, html[lang^="nm"] #ad_main, html[lang^="nm"] span.subscribers, html[lang^="nm"] .users-online {
  2664. background: #232323;
  2665. }
  2666.  
  2667. html[lang^="nm"] .linkinfo .shortlink input{
  2668. border: 1px solid #262626 !important;
  2669. background: #262626;
  2670. color: #888;
  2671. }
  2672.  
  2673. html[lang^="nm"] .flair {
  2674. background: #6b6b6b;
  2675. border: 1px solid #222;
  2676. color: #222;
  2677. }
  2678.  
  2679. html[lang^="nm"] .link .usertext .md, html[lang^="nm"] .linkflairlabel, html[lang^="nm"] .menuarea .dropdown.lightdrop .selected, html[lang^="nm"] .menuarea .drop-choices.lightdrop {
  2680. background: #232323;
  2681. border: 1px solid #232323;
  2682. }
  2683.  
  2684. html[lang^="nm"] .footer-parent {
  2685. border-top: 5px solid #262626;
  2686. }
  2687.  
  2688. html[lang^="nm"] .side .md blockquote h3, html[lang^="nm"] .sidecontentbox .title {
  2689. border-bottom: 2px solid #232323;
  2690. }
  2691.  
  2692. html[lang^="nm"] .thing a.title:hover {
  2693. border-bottom: 1px dotted rgba(255,255,255,0.2);
  2694. }
  2695.  
  2696. html[lang^="nm"] .thing .title, html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .wiki-page .md.wiki blockquote h3 {
  2697. color: #aaa;
  2698. }
  2699.  
  2700. html[lang^="nm"] span.score, html[lang^="nm"] .tagline a {
  2701. color: #aaa;
  2702. }
  2703.  
  2704. html[lang^="nm"] .thing .title:visited, html[lang^="nm"] .link .entry li .comments, html[lang^="nm"] .redditSingleClick, html[lang^="nm"] .commentarea {
  2705. color: #666;
  2706. }
  2707.  
  2708. html[lang^="nm"] .entry .buttons li a, html[lang^="nm"] .tagline, html[lang^="nm"] .link .flat-list, html[lang^="nm"] .domain, html[lang^="nm"] .domain 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 .date {
  2709. color: #5f5f5f;
  2710. }
  2711.  
  2712. html[lang^="nm"] .RES-keyNav-activeElement, html[lang^="nm"] .commentarea .RES-keyNav-activeElement .md, html[lang^="nm"] .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  2713. background-color: #2B2C2D !important;
  2714. }
  2715.  
  2716. html[lang^="nm"] #sr-header-area a {
  2717. color: #fff;
  2718. }
  2719.  
  2720. html[lang^="nm"] .link.last-clicked {
  2721. border-top: 1px dashed #444;
  2722. border-bottom: 1px dashed #444;
  2723. }
  2724.  
  2725. html[lang^="nm"] .morelink {
  2726. background: #1e1e1e !important;
  2727. }
  2728.  
  2729. html[lang^="nm"] .morelink:hover {
  2730. opacity: .6;
  2731. }
  2732.  
  2733. html[lang^="nm"] .fancy-toggle-button .remove, html[lang^="nm"] .RESshortcutside.remove, html[lang^="nm"] .RESDashboardToggle.remove, html[lang^="nm"] .RESDashboardToggle, html[lang^="nm"] .RESshortcutside {
  2734. background: #232323 !important;
  2735. border: 1px solid #232323 !important;
  2736. }
  2737.  
  2738. html[lang^="nm"] .fancy-toggle-button .remove:hover, html[lang^="nm"] .RESshortcutside.remove:hover, html[lang^="nm"] .RESDashboardToggle.remove:hover {
  2739. background: #c45b52 !important;
  2740. border: 1px solid #c45b52 !important;
  2741. }
  2742.  
  2743. html[lang^="nm"] .expando-button.image.expanded {
  2744. background-position: -40px -98px !important;
  2745. }
  2746.  
  2747. html[lang^="nm"] .expando-button.image.expanded:hover {
  2748. background-position: -60px -98px !important;
  2749. }
  2750.  
  2751. html[lang^="nm"] .expando-button.image.collapsed {
  2752. background-position: -40px -98px !important;
  2753. }
  2754.  
  2755. html[lang^="nm"] .expando-button.image.collapsed:hover {
  2756. background-position: -60px -98px !important;
  2757. }
  2758.  
  2759. html[lang^="nm"] .expando-button.selftext.collapsed {
  2760. background-position: -40px -38px !important;
  2761. }
  2762.  
  2763. html[lang^="nm"] .expando-button.selftext.collapsed:hover {
  2764. background-position: -60px -38px !important;
  2765. }
  2766.  
  2767. html[lang^="nm"] .expando-button.selftext.expanded {
  2768. background-position: -40px -58px!important;
  2769. }
  2770.  
  2771. html[lang^="nm"] .expando-button.selftext.expanded:hover {
  2772. background-position: -60px -58px!important;
  2773. }
  2774.  
  2775. html[lang^="nm"] .expando-button.video.collapsed {
  2776. background-position: -40px -78px!important;
  2777. }
  2778.  
  2779. html[lang^="nm"] .expando-button.video.collapsed:hover {
  2780. background-position: -60px -78px!important;
  2781. }
  2782.  
  2783. html[lang^="nm"] .expando-button.video.expanded {
  2784. background-position: -40px -78px!important;
  2785. }
  2786.  
  2787. html[lang^="nm"] .expando-button.video.expanded:hover {
  2788. background-position: -60px -78px!important;
  2789. }
  2790.  
  2791. html[lang^="nm"] .md .-text, html[lang^="nm"] .md p, html[lang^="nm"] .md pre>code, html[lang^="nm"] .md th, html[lang^="nm"] .md td, html[lang^="nm"] .md li {
  2792. color: #999;
  2793. }
  2794.  
  2795. html[lang^="nm"] .md pre {
  2796. border: 1px solid #222221;
  2797. background-color: #272726;
  2798. }
  2799.  
  2800. html[lang^="nm"] .wiki-page .md pre {
  2801. border: 1px solid #222;
  2802. background-color: #222;
  2803. }
  2804.  
  2805. html[lang^="nm"] #search input[type=text] {
  2806. border-bottom: 2px solid #222 !important;
  2807. background: transparent;
  2808. color: #eee !important;
  2809. }
  2810.  
  2811. html[lang^="nm"] .searchpane {
  2812. background: #262626;
  2813. color: #ccc;
  2814. }
  2815.  
  2816. html[lang^="nm"] .menuarea {
  2817. background: #262626;
  2818. }
  2819.  
  2820. html[lang^="nm"] #searchexpando {
  2821. background: #262626;
  2822. }
  2823.  
  2824. html[lang^="nm"] #moresearchinfo {
  2825. border-top: 1px solid #232323;
  2826. }
  2827.  
  2828. html[lang^="nm"] .thumbnail {
  2829. border: 2px solid #222;
  2830. }
  2831.  
  2832. html[lang^="nm"] #ad_sponsorship {
  2833. border: 1px solid #222;
  2834. }
  2835.  
  2836. html[lang^="nm"] .sidecontentbox .collapse-button {
  2837. background: #222;
  2838. border: 1px solid #222;
  2839. }
  2840.  
  2841. html[lang^="nm"] .res #progressIndicator, html[lang^="nm"] .res .NERPageMarker, html[lang^="nm"] .res #NERFail {
  2842. background: #2B2C2D;
  2843. border: 1px solid #2E3032;
  2844. }
  2845.  
  2846. html[lang^="nm"] .link .md :not(pre)>code, html[lang^="nm"] .wiki-page :not(pre)>code {
  2847. background: #6B6B6B;
  2848. border: 1px solid #6B6B6B;
  2849. color: #222;
  2850. }
  2851.  
  2852. html[lang^="nm"] .side .md h4:first-of-type {
  2853. background: #262626;
  2854. color: #666;
  2855. }
  2856.  
  2857. .titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"] {
  2858. background: rgba(0,0,0,0.1);
  2859. right: 25px;
  2860. top: 45px;
  2861. padding: 7px 12px;
  2862. position: absolute;
  2863. z-index: 9999;
  2864. color: rgba(255,255,255,0.2);
  2865. font-size: 12px;
  2866. border-radius: 3px;
  2867. text-decoration: none;
  2868. transition: 200ms;
  2869. }
  2870.  
  2871. .titlebox .md a[href*="#nm"]:hover, .titlebox .md a[href*="#dm"]:hover {
  2872. background: rgba(0,0,0,0.4);
  2873. color: rgba(255,255,255,0.5);
  2874. }
  2875.  
  2876. .titlebox .md a[href*="#nm"] {
  2877. display: block;
  2878. }
  2879.  
  2880. .titlebox .md a[href*="#dm"] {
  2881. display: none;
  2882. }
  2883.  
  2884. html[lang^="nm"] .titlebox .md a[href*="#dm"] {
  2885. display: block;
  2886. }
  2887.  
  2888. html[lang^="nm"] .titlebox .md a[href*="#nm"] {
  2889. display: none;
  2890. }
  2891.  
  2892. html[lang^="nm"] .footer-parent:before {
  2893. background: rgba(0,0,0,0.05);
  2894. }
  2895.  
  2896. html[lang^="nm"] .nextprev a, html[lang^="nm"] .next-suggestions a, html[lang^="nm"] .res .RESCloseButton {
  2897. background: #1F1F1F;
  2898. border: 1px solid #1d1d1d;
  2899. box-shadow: 0 1px #1d1d1d;
  2900. color: #999;
  2901. }
  2902.  
  2903. html[lang^="nm"] #url-field button {
  2904. background-color: #1F1F1F;
  2905. border: 1px solid #1d1d1d;
  2906. box-shadow: 0 1px #1d1d1d;
  2907. color: #999;
  2908. }
  2909.  
  2910. html[lang^="nm"] .markdownEditor .edit-btn:not(.btn-macro), html[lang^="nm"] .res .RESBigEditorPop {
  2911. background-color: #6B6B6B;
  2912. border: 1px solid #1d1d1d;
  2913. box-shadow: 0 1px #1d1d1d;
  2914. color: #1D1D1B;
  2915. }
  2916.  
  2917. html[lang^="nm"] .res .RESSubscriptionButton {
  2918. background: #2F2F2F !important;
  2919. border: 1px solid #424242 !important;
  2920. box-shadow: 0 1px #424242;
  2921. }
  2922.  
  2923. html[lang^="nm"] .nextprev a:hover, html[lang^="nm"] .next-suggestions a:hover {
  2924. background: #232323;
  2925. border: 1px solid #1f1f1f;
  2926. }
  2927.  
  2928. html[lang^="nm"] .res #RESStyleSheetTipPane {
  2929. border: 1px solid #1e1e1e;
  2930. }
  2931.  
  2932. html[lang^="nm"] .res #RESStyleSheetTipPane-header {
  2933. border-bottom: 1px solid #1e1e1e;
  2934. }
  2935.  
  2936. .res .titlebox .md a[href*="#nm"], .res .titlebox .md a[href*="#dm"] {
  2937. right: 15px !important;
  2938. top: 35px !important;
  2939. }
  2940.  
  2941.  
  2942.  
  2943. /*** NEW MARKDOWN ***/
  2944.  
  2945. .md .-text, .md p, .md pre>code, .md th, .md td, .md li {
  2946. line-height: 1.5em;
  2947. font-size: 14px;
  2948. color: #444;
  2949. }
  2950.  
  2951. .md .-lists, .md ul, .md ol, .usertext-edit textarea .-lists, .usertext-edit textarea ul, .usertext-edit textarea ol {
  2952. padding-left: 30px;
  2953. }
  2954.  
  2955. /*** WIKI ***/
  2956.  
  2957. .wiki-page .infobar, .content .infobar {
  2958. margin-top: 40px;
  2959. border: 1px solid #ffa500;
  2960. border-radius: 2px;
  2961. background: #fff8d7;
  2962. border: 0;
  2963. padding: 10px 15px;
  2964. width: calc(100% - 20px);
  2965. }
  2966.  
  2967. .wiki-page .infobar .md p {
  2968. font-size: 16px;
  2969. }
  2970.  
  2971. .wiki-page .wikititle {
  2972. margin-left: 15px;
  2973. border-radius: 2px;
  2974. color: #999;
  2975. vertical-align: -6px;
  2976. }
  2977.  
  2978. .wiki-page .pageactions {
  2979. border: 0;
  2980. margin-top: 5px;
  2981. margin-left: 15px;
  2982. }
  2983.  
  2984. .wiki-page .pageactions .wikiaction {
  2985. text-decoration: none;
  2986. color: #999;
  2987. padding: 6px 10px;
  2988. font-size: 14px;
  2989. }
  2990.  
  2991. .wiki-page .pageactions .wikiaction:hover {
  2992. background-color: rgba(0,0,0,0.05);
  2993. }
  2994.  
  2995. .wiki-page .pageactions .wikiaction-current {
  2996. background: rgba(0,0,0,0.1);
  2997. color: #999;
  2998. }
  2999.  
  3000. .wiki-page .pageactions .wikiaction-current:hover {
  3001. background: rgba(0,0,0,0.2);
  3002. }
  3003.  
  3004. .wiki-page>.content {
  3005. background: #fff;
  3006. }
  3007.  
  3008. .wiki-page .wiki-page-content {
  3009. background: transparent;
  3010. margin: 5px 10px 10px 10px;
  3011. padding-bottom: 10px;
  3012. padding-top: 5px;
  3013. border-top: 2px solid #f9f9f9;
  3014. }
  3015.  
  3016. .wiki-page .wiki-page-content .md blockquote, .wiki-page .wiki-page-content .help blockquote {
  3017. border: 0;
  3018. background: transparent;
  3019. }
  3020.  
  3021. .wiki-page .md.wiki blockquote h3 {
  3022. font-size: 24px;
  3023. }
  3024.  
  3025. .wiki-page .wiki p {
  3026. font-size: 16px;
  3027. }
  3028.  
  3029. .wiki-page em {
  3030. color: #888;
  3031. font-size: 14px;
  3032. }
  3033.  
  3034. .wiki-page .wiki a {
  3035. color: #5e82a6;
  3036. }
  3037.  
  3038. .wiki-page .wiki-page-content hr {
  3039. border: 1px solid #f9f9f9;
  3040. }
  3041.  
  3042. .wiki-page .wiki-page-content .wiki>.toc>ul {
  3043. padding: 12px 14px;
  3044. border: 1px solid #F0F0F0;
  3045. box-shadow: 0 0 8px #F5F5F5;
  3046. border-radius: 2px;
  3047. }
  3048.  
  3049.  
  3050. /*Colorful User Flairs*/
  3051. .flair{max-width:none; font-weight: 900;}
  3052. .flair-green{ color:green}
  3053. .flair-red{ color:red}
  3054. .flair-orange{ color:orange}
  3055. .flair-yellow{ color: yellow}
  3056. .flair-purple{ color:purple }
  3057. .flair-navy{ color:navy}
  3058. .flair-black{ color:black}
  3059. .flair-pink{ color:pink}
  3060. .flair-cyan{ color:cyan}
  3061. .flair-brown{ color:brown}
  3062. .flair-blue{ color:blue}
  3063. .flair-navy { color: #fff; border-color: #191970; }
  3064.  
  3065. .sidebox.submit:hover:before{
  3066. position:fixed;
  3067. display:block;
  3068. top:0;
  3069. text-align:center;
  3070. background-color:#7da5ce; /*Edit to your liking*/
  3071. color:white; /*Font color*/
  3072. z-index:1000;
  3073. padding:5px 0;
  3074. width:100%;
  3075. left:0;
  3076. font-size:24px;
  3077. font-weight:normal;
  3078. content:"Please read the rules before posting. Thank you."
  3079. }
  3080.  
  3081. /* dividing bar under logo */
  3082. #header {
  3083. -moz-box-shadow: 0px 0px 10px #888;
  3084. -webkit-box-shadow: 0px 0px 10px #888;
  3085. box-shadow: 0px 0px 10px #888;
  3086. margin:0px;
  3087. padding:0;
  3088. border-bottom:none;
  3089. width:100%;
  3090. z-index:100;
  3091. }
  3092. /* end logo bar*/
  3093.  
  3094. /*Hit the Top to go to the main page*/
  3095. .pagename a,
  3096. .pagename a:hover {
  3097. position: absolute;
  3098. top: 19px;
  3099. right: 0;
  3100. bottom: 30px;
  3101. left: 0;
  3102. background: none;
  3103. opacity: 1;
  3104. }
  3105. #header-img {
  3106. position: relative;
  3107. z-index: 1;
  3108. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!