API tools faq
paste
Guest User

EFC

a guest
Mar 29th, 2013
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 73.66 KB | None | 0 0
raw download clone embed print report
  1. /* ~~ Mindashq.Reddit.Theme
  2.     v1.3.6
  3.     http://www.reddit.com/r/mindashq/wiki
  4.     For reuse : Always copy latest from Github
  5. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  6.  
  7. /* [ A ]. Masonry and Template ............ */
  8. /* ~~  A.1. Common Tags ~~~~~~~~~~~~~ */
  9.  
  10. body {
  11.     position: relative;
  12.     font-weight: normal;
  13.     font-style: normal;
  14.     font-variant: normal;
  15.     font-size: 10px;
  16.     line-height: 1.4;
  17. }
  18.  
  19. h1, h2 {
  20.     margin-bottom: 6px;
  21.     letter-spacing: -1px;
  22. }
  23.  
  24. h3, h4 {
  25.     margin-bottom: 3px;
  26. }
  27.  
  28. .rounded {
  29.     border-radius: 4px;
  30. }
  31.  
  32.     .rounded .morelink {
  33.         border-radius: 2px;
  34.     }
  35.  
  36. hr {
  37.     width: auto;
  38.     height: 1px;
  39.     border: 0 none;
  40. }
  41.  
  42. .md {
  43.     max-width: 70em;
  44. }
  45.  
  46.     /* --  A.1.1. Tables  ---------- */
  47.  
  48.     .md table {
  49.         margin: 10px 0;
  50.         border: 1px solid #fafafa;
  51.     }
  52.  
  53.         .md table * {
  54.             border: 0;
  55.         }
  56.  
  57.         .md table th {
  58.             text-align: center;
  59.         }
  60.  
  61.         .md table thead {
  62.         }
  63.  
  64.         .md table tr:nth-child(even) {
  65.         }
  66.  
  67.         .md table tr:nth-child(odd) {
  68.         }
  69.  
  70.         .md table td,
  71.         .md table th {
  72.             padding: 4px 8px;
  73.         }
  74.  
  75.     /* --  A.1.2. Lists  ---------- */
  76.  
  77.     .md ul,
  78.     .md ol {
  79.         margin: 5px 0 5px 20px;
  80.         padding: 0 0 0 10px;
  81.     }
  82.  
  83.     .md ul {
  84.         list-style: disc outside;
  85.     }
  86.  
  87.         .md ul li,
  88.         .md ol li {
  89.             margin: 1px 10px 0 0;
  90.             padding: 2px 0;
  91.         }
  92.  
  93.             .md ul li ul,
  94.             .md ol li ol {
  95.                 margin: 5px 0 5px 10px;
  96.             }
  97.  
  98.             .md ul li p,
  99.             .md ol li p {
  100.                 margin: 2px;
  101.             }
  102.  
  103.     /* --  A.1.3. Code Style  ---------- */
  104.  
  105.     .usertext-body pre,
  106.     .md.wiki pre {
  107.         margin: 10px 0;
  108.         padding: 10px;
  109.     }
  110.  
  111.     .usertext-body pre,
  112.     .usertext-body p > code,
  113.     .usertext-body li > code,
  114.     .md.wiki pre,
  115.     .md.wiki p > code,
  116.     .md.wiki li > code {
  117.         overflow: auto;
  118.         border: 1px solid #fafafa;
  119.     }
  120.  
  121.     .usertext-body code,
  122.     .md.wiki code {
  123.         line-height: 1.5em;
  124.     }
  125.  
  126.     .usertext-body p > code,
  127.     .usertext-body li > code,
  128.     .md.wiki p > code,
  129.     .md.wiki li > code {
  130.         padding: 0 3px;
  131.     }
  132.  
  133. a[href='#s'],
  134. a[href='/s'] {
  135.     display: inline-block;
  136.     padding: 0 4px;
  137.     cursor: default;
  138. }
  139.  
  140.     a[href='#s']:after,
  141.     a[href='/s']:after {
  142.         content: attr(title);
  143.         visibility: visible;
  144.         margin-left: 5px;
  145.         padding: 2px 3px;
  146.     }
  147.  
  148.     a[href='#s']:hover:after,
  149.     a[href='#s']:active:after,
  150.     a[href='/s']:hover:after,
  151.     a[href='/s']:active:after {
  152.         text-decoration: none;
  153.     }
  154.  
  155. /* --  A.1.4. Common Button Style  ---------- */
  156.  
  157. .btn button,
  158. .btn .button {
  159.     margin: 0 0 0 20px;
  160. }
  161.  
  162. .btn,
  163. button,
  164. .button,
  165. input[type='submit'],
  166. .side a[href*='/#btn'],
  167. .entry .buttons a[onclick*='reply'] {
  168.     margin: 5px 5px 5px 0;
  169.     padding: 6px 10px;
  170.     min-width: 70px;
  171.     border: 1px solid #ba001f;
  172.     cursor: pointer;
  173. }
  174.  
  175. .side a[href*='/#btn'] {
  176.     display: block;
  177.     margin: 10px 0;
  178.     width: auto;
  179.     line-height: 29px;
  180.     letter-spacing: 0;
  181.     text-align: center;
  182. }
  183.  
  184. .btn a {
  185. }
  186.  
  187. .btn:hover,
  188. button:hover,
  189. .button:hover,
  190. input[type='submit']:hover,
  191. .side a[href*='/#btn']:hover,
  192. .entry .buttons a[onclick*='reply']:hover {
  193. }
  194.  
  195. .btn.right,
  196. button.cancel {
  197. }
  198.  
  199.     .btn.right:hover,
  200.     button.cancel {
  201.     }
  202.  
  203. /* --  A.1.5. Selective dimming of link buttons ---------- */
  204. /* --  This is only in A, not in B ---------- */
  205.  
  206. .entry > .flat-list > li {
  207.     opacity: 0.40;
  208.     -ms-filter: Alpha(Opacity=40);
  209.     filter: Alpha(opacity=40);
  210. }
  211.  
  212. .noncollapsed > .flat-list > li {
  213.     opacity: 0.10;
  214.     -ms-filter: Alpha(Opacity=10);
  215.     filter: Alpha(opacity=10);
  216. }
  217.  
  218. .entry:hover > .flat-list > li,
  219. .keyHighlight .flat-list > li,
  220. .noncollapsed:hover > .flat-list > li {
  221.     opacity: 1;
  222.     -ms-filter: Alpha(Opacity=100);
  223.     filter: Alpha(opacity=100);
  224. }
  225.  
  226. /* ~~  A.2. Top Sr-Bar ~~~~~~~~~~~~~ */
  227.  
  228. #sr-header-area {
  229.     margin-top: -21px;
  230.     margin-left: 0 !important;
  231.     padding: 0 0 0 5px;
  232.     height: 20px;
  233.     border: 1px solid #fafafa;
  234.     border-width: 0 0 1px;
  235.     font-weight: 500;
  236.     font-size: 11px;
  237.     line-height: 20px;
  238.     text-transform: none;
  239. }
  240.  
  241.     #sr-header-area .separator {
  242.         display: inline-block;
  243.         margin: 0;
  244.         width: 8px;
  245.         text-align: center;
  246.     }
  247.  
  248.     #sr-header-area > .separator {
  249.         margin: 0 7px 0 2px;
  250.     }
  251.  
  252. .srSep {
  253.     margin: 0 5px;
  254. }
  255.  
  256. .sr-bar {
  257.     display: inline;
  258.     margin-left: 0;
  259. }
  260.  
  261.     .sr-bar a {
  262.         line-height: 20px;
  263.     }
  264.  
  265. .srdrop.dropdown .selected {
  266.     position: relative;
  267.     font-size: 11px;
  268. }
  269.  
  270. #sr-header-area a {
  271. }
  272.  
  273. #sr-header-area .srdrop {
  274. }
  275.  
  276.     #sr-header-area .srdrop a {
  277.     }
  278.  
  279. #RESShortcutsViewport {
  280.     display: inline-block;
  281. }
  282.  
  283.     #RESShortcutsViewport:hover {
  284.     }
  285.  
  286. #RESStaticShortcuts {
  287.     text-transform: lowercase;
  288. }
  289.  
  290.     #RESStaticShortcuts a::first-letter {
  291.     }
  292.  
  293. #RESShortcutsEditContainer {
  294.     position: relative;
  295.     display: inline-block;
  296.     height: 23px;
  297.     word-spacing: -5px;
  298. }
  299.  
  300.     #RESShortcutsEditContainer div {
  301.     }
  302.  
  303. #RESSettingsButton {
  304.     vertical-align: middle;
  305. }
  306.  
  307. #sr-more-link {
  308.     position: absolute;
  309.     top: 0;
  310.     right: 0;
  311.     margin: 0;
  312.     padding: 0 5px 0 15px;
  313.     font-weight: bold;
  314. }
  315.  
  316. /* --  A.2.1. Dropdown Subreddits Bar ---------- */
  317.  
  318. #sr-header-area .drop-choices {
  319.     margin: 0;
  320.     padding: 0;
  321.     border: none !important;
  322.     font-weight: normal;
  323.     font-style: normal;
  324.     font-variant: normal;
  325.     font-size: 12px;
  326.     word-spacing: -1px;
  327.     z-index: 400;
  328. }
  329.  
  330.     #sr-header-area .drop-choices a.choice {
  331.     }
  332.  
  333.         #sr-header-area .drop-choices a.choice:hover {
  334.         }
  335.  
  336. /* ~~  A.3. Header ~~~~~~~~~~~~~ */
  337.  
  338. #header {
  339.     margin: 20px 0 30px;
  340.     padding: 0;
  341.     min-height: 59px;
  342.     height: auto;
  343. }
  344.  
  345.     #header:after {
  346.         content: " ";
  347.         position: absolute;
  348.         bottom: -1px;
  349.         display: block;
  350.         width: 100%;
  351.         height: 30px;
  352.         border: 1px solid #9a0019;
  353.         border-width: 1px 0;
  354.         z-index: -1;
  355.     }
  356.  
  357. /* --  A.3.1. User Controls ---------- */
  358.  
  359. span.user {
  360. }
  361.  
  362. a.pref-lang {
  363. }
  364.  
  365. .logout {
  366.     font-weight: bold;
  367. }
  368.  
  369. #header-bottom-right {
  370.     top: auto!important;
  371.     bottom: 0 !important;
  372.     padding: 6px 10px 4px !important;
  373.     height: 20px !important;
  374.     border-radius: 0 !important;
  375.     font-size: 10px;
  376.     word-spacing: -1px;
  377.     z-index: 102;
  378. }
  379.  
  380.     #header-bottom-right a {
  381.     }
  382.  
  383.     #header-bottom-right.res-navTop {
  384.     }
  385.  
  386. /* --  A.3.2. Banner Image ---------- */
  387.  
  388. #header-bottom-left {
  389.     position: relative;
  390.     bottom: 0;
  391.     display: inline-block;
  392.     margin: 0 10px;
  393.     padding: 0;
  394.     font-size: larger;
  395. }
  396.  
  397.     #header-bottom-left:before {
  398.         content: " ";
  399.         position: absolute;
  400.         top: 28px;
  401.         left: -10px;
  402.         display: block;
  403.         padding: 0 10px;
  404.         width: 100%;
  405.         height: 26px;
  406.         z-index: -1;
  407.     }
  408.  
  409.     #header-bottom-left:after {
  410.         content: '';
  411.         position: relative;
  412.         display: inline-block;
  413.         margin: 15px 0 0 310px;
  414.         width: 1px;
  415.         height: 30px;
  416.     }
  417.  
  418. /* --  A.3.3. The Reddit Name, applies to all pages ---------- */
  419.  
  420. .pagename {
  421.     display: inline-block;
  422.     margin: 0px;
  423.     font-weight: bold;
  424.     font-variant: normal;
  425.     font-size: 18px;
  426.     line-height: 30px;
  427.     vertical-align: bottom;
  428. }
  429.  
  430.     .pagename.redditname,
  431.     .pagename.redditname.hover {
  432.         padding: 0;
  433.     }
  434.  
  435.     .pagename a,
  436.     .pagename.selected {
  437.         display: inline-block;
  438.         margin: 0 0 -10px 0;
  439.         padding: 10px 20px;
  440.         font-size: 18px!important;
  441.         line-height: 30px;
  442.         text-transform: capitalize;
  443.     }
  444.  
  445.         .pagename a:hover {
  446.             text-decoration: none;
  447.         }
  448.  
  449. /* --  A.3.4. Reddit Image and Text ---------- */
  450.  
  451. #header-img.default-header {
  452.     margin: 15px 10px 0 5px;
  453.     width: auto;
  454.     background-position: -10000px -2058px;
  455.     font-weight: bold;
  456.     font-size: 12px;
  457.     line-height: 50px;
  458.     vertical-align: bottom;
  459.     text-indent: 0;
  460. }
  461.  
  462. #header-img-a {
  463.     display: inline-block;
  464.     margin: 15px -3px -10px 0;
  465.     padding: 0;
  466.     height: 50px;
  467.     -webkit-border-top-left-radius: 2px;
  468.     -moz-border-radius-topleft: 2px;
  469.     -webkit-border-bottom-left-radius: 2px;
  470.     -moz-border-radius-bottomleft: 2px;
  471.     border-top-left-radius: 2px;
  472.     border-bottom-left-radius: 2px;
  473.     vertical-align: bottom;
  474. }
  475.  
  476.     #header-img-a img {
  477.         margin: 0 0 -15px 0;
  478.         padding: 0;
  479.         max-height: 50px;
  480.         width: auto!important;
  481.         height: auto!important;
  482.         -webkit-border-top-left-radius: 2px;
  483.         -moz-border-radius-topleft: 2px;
  484.         -webkit-border-bottom-left-radius: 2px;
  485.         -moz-border-radius-bottomleft: 2px;
  486.         border-top-left-radius: 2px;
  487.         border-bottom-left-radius: 2px;
  488.         vertical-align: bottom;
  489.     }
  490.  
  491.     #header-img-a + .pagename a,
  492.     #header-img-a + .pagename.selected {
  493.         -webkit-border-top-left-radius: 0;
  494.         -moz-border-radius-topleft: 0;
  495.         -webkit-border-bottom-left-radius: 0;
  496.         -moz-border-radius-bottomleft: 0;
  497.         border-top-left-radius: 0;
  498.         border-bottom-left-radius: 0;
  499.     }
  500.  
  501. /* --  A.3.5. Header Nav ---------- */
  502.  
  503. ul.tabmenu {
  504.     margin: 15px 10px -17px 35px;
  505.     height: 50px;
  506.     border: 0 none;
  507. }
  508.  
  509.     ul.tabmenu li {
  510.         margin: auto;
  511.     }
  512.  
  513.     ul.tabmenu:after {
  514.     }
  515.  
  516.     ul.tabmenu li a,
  517.     ul.tabmenu li a:visited,
  518.     ul.tabmenu li.selected a {
  519.         display: inline-block;
  520.         margin-top: 5px;
  521.         padding: 5px 8px;
  522.     }
  523.  
  524.         ul.tabmenu li.selected a,
  525.         ul.tabmenu li.selected a:visited {
  526.             margin-top: -5px;
  527.             padding: 10px 15px;
  528.             border: 1px solid #fafafa;
  529.         }
  530.  
  531.             ul.tabmenu li a:hover,
  532.             ul.tabmenu li.selected a:hover {
  533.             }
  534.  
  535. /* ~~  A.4. Content Pane and Link Listings ~~~~~~~~~~~~~ */
  536. /* --  A.4.1. Content Box ---------- */
  537.  
  538. div.content {
  539.     overflow: hidden;
  540.     margin: 0 350px 10px 10px !important;
  541.     padding: 10px 20px;
  542.     border: 3px solid #fafafa;
  543. }
  544.  
  545. body.listing-page > div.content,
  546. body.single-page > div.content,
  547. body.search-page > div.content,
  548. body.messages-page > div.content {
  549.     padding: 0;
  550.     border: 0 none;
  551.     box-shadow: none;
  552. }
  553.  
  554.     body.listing-page > div.content,
  555.     body.messages-page > div.content,
  556.     body.search-page > div.content > .linklisting,
  557.     body.single-page > div.content > .linklisting {
  558.         margin: 3px 3px 15px;
  559.         border: 3px solid #fafafa;
  560.     }
  561.  
  562.     body.single-page > div.content > .commentarea {
  563.         position: relative;
  564.         margin: 0 3px 1px;
  565.         padding: 0;
  566.         border: 3px solid #fafafa;
  567.     }
  568.  
  569.     body.single-page > div.content > .linklisting .link {
  570.         list-style-type: none;
  571.     }
  572.  
  573.         body.single-page > div.content > .linklisting .link .title {
  574.             font-weight: normal;
  575.         }
  576.  
  577. body.hot-page > div.content,
  578. body.new-page > div.content,
  579. body.rising-page > div.content,
  580. body.top-page > div.content,
  581. body.controversial-page > div.content,
  582. body.related-page > div.content,
  583. body.other-discussions-page > div.content {
  584. }
  585. /* --  A.4.2. Links (Post) ---------- */
  586.  
  587. .link.promotedlink.promoted {
  588. }
  589.  
  590. .linklisting .even {
  591.     margin: 0;
  592.     padding: 2px 0 2px;
  593.     border-top: 1px solid #fafafa;
  594. }
  595.  
  596. .linklisting .odd {
  597.     margin: 0;
  598.     padding: 2px 0 2px;
  599.     border-top: 1px solid #fafafa;
  600. }
  601.  
  602. .linklisting .link:first-child {
  603.     border-top: 0 !important;
  604. }
  605.  
  606. .linklisting .link:last-of-type .flairselector.drop-choices.active {
  607.     top: auto!important;
  608.     bottom: 0px!important;
  609. }
  610.  
  611. .link.last-clicked {
  612.     border-width: 1px 0 0;
  613. }
  614. /* --  A.4.3. Links sub-parts ---------- */
  615. .entry {
  616. }
  617.  
  618. .link {
  619.     margin: 0;
  620.     padding: 5px;
  621. }
  622.  
  623.     .link .rank {
  624.         display: inline-block;
  625.         margin: 15px 0 0 10px;
  626.         padding: 5px 0 5px 0;
  627.     }
  628.  
  629.     .link .midcol {
  630.         margin: 4px 4px 0 2px;
  631.         padding: 0 5px !important;
  632.     }
  633.  
  634.     .link .thumbnail {
  635.         margin: 2px 2px 2px 5px;
  636.         max-height: 55px;
  637.         width: auto;
  638.     }
  639.  
  640.     .link.compressed .thumbnail {
  641.         max-height: 35px;
  642.     }
  643.  
  644.     .link .entry {
  645.         margin: 3px 0 3px 3px;
  646.         padding-left: 3px;
  647.     }
  648.  
  649.     .link .title {
  650.         margin-top: 2px !important;
  651.         margin-bottom: 2px !important;
  652.         font-style: normal;
  653.         font-variant: normal;
  654.         word-spacing: -1px;
  655.     }
  656.  
  657.     .link.self .usertext-body .md p,
  658.     .comment .usertext-body .md p {
  659.     }
  660.  
  661.     .link .usertext .md {
  662.         padding: 5px 10px;
  663.         border: 0 none;
  664.     }
  665.  
  666. .entry .buttons {
  667.     display: inline-block;
  668. }
  669.  
  670.     .entry .buttons li a {
  671.     }
  672.  
  673. .commentarea .entry {
  674.     position: relative;
  675. }
  676.  
  677.     .commentarea .entry .buttons {
  678.         margin: 5px 0 0 61px;
  679.     }
  680.  
  681.         .commentarea .entry .buttons a[onclick*='reply'] {
  682.             position: absolute;
  683.             left: 0;
  684.             margin: -5px 5px 5px 0;
  685.             padding: 3px 10px;
  686.             min-width: 30px;
  687.         }
  688.  
  689. .panestack-title {
  690.     margin: 10px 0 0 0;
  691.     padding: 2px 10px 5px;
  692.     padding-bottom: 3px;
  693.     border-bottom: 1px dotted;
  694.     font-size: larger;
  695. }
  696.  
  697.     .panestack-title .title {
  698.         margin: 0;
  699.     }
  700.  
  701. .author.submitter,
  702. .author.moderator {
  703.     font-family: Verdana,Arial,'Nimbus Sans L',sans-serif;
  704. }
  705.  
  706. /* --  A.4.4. Usertext-edit textarea ---------- */
  707.  
  708. form.usertext.cloneable {
  709.     margin: -3px;
  710.     padding: 0 20px;
  711.     border-width: 1px 0;
  712.     border-radius: 0;
  713. }
  714.  
  715. div.usertext-edit {
  716.     margin-top: 5px !important;
  717.     padding: 10px 10px 0 2px;
  718. }
  719.  
  720.     div.usertext-edit textarea {
  721.         padding: 5px;
  722.     }
  723.  
  724. .commentarea > .usertext {
  725.     clear: left;
  726.     margin: 0;
  727. }
  728.  
  729. .usertext {
  730. }
  731.  
  732.     .usertext .bottom-area {
  733.         padding: 0 5px;
  734.     }
  735.  
  736.     .usertext button {
  737.         margin: 5px 5px 10px 0;
  738.         min-width: 70px;
  739.     }
  740.  
  741.     .usertext span[class*='toggle'],
  742.     .btn.right {
  743.         margin: 5px 0;
  744.         padding: 6px 10px;
  745.         border: 0 none;
  746.         font-size: small;
  747.     }
  748.  
  749.         .usertext span[class*='toggle'] a,
  750.         .btn.right a {
  751.         }
  752.  
  753.             .usertext span[class*='toggle'] a:hover,
  754.             .btn.right a:hover {
  755.             }
  756.  
  757.     .usertext table.markhelp {
  758.         width: 450px;
  759.     }
  760.  
  761. /* --  A.4.5. Link submission form ---------- */
  762.  
  763. .formtabs-content {
  764. }
  765.  
  766.     .formtabs-content .infobar {
  767.         padding: 10px;
  768.     }
  769.  
  770. ul.tabmenu.formtab {
  771.     margin: 15px 0px -19px 0;
  772.     padding: 0;
  773. }
  774.  
  775.     ul.tabmenu.formtab li {
  776.     }
  777.  
  778.         ul.tabmenu.formtab li a {
  779.             padding: 5px 15px;
  780.             border-width: 0;
  781.         }
  782.  
  783.         ul.tabmenu.formtab li.selected {
  784.         }
  785.  
  786.             ul.tabmenu.formtab li.selected a {
  787.                 -webkit-border-bottom-right-radius: 0;
  788.                 -moz-border-radius-bottomright: 0;
  789.                 -webkit-border-bottom-left-radius: 0;
  790.                 -moz-border-radius-bottomleft: 0;
  791.                 border-bottom-right-radius: 0;
  792.                 border-bottom-left-radius: 0;
  793.             }
  794.  
  795. #noresults {
  796.     margin-right: 310px;
  797.     padding: 5px 10px;
  798.     font-weight: bold;
  799. }
  800.  
  801. .nextprev {
  802.     margin: 0;
  803.     padding: 10px;
  804.     border-top: 1px dotted;
  805. }
  806.  
  807. /* --  A.4.6. Custom Upvote/Downvote Arrows---------- */
  808. /*.arrow {
  809.     padding-right: 0;
  810.     padding-left: 0;
  811.     width: 22px;
  812.     height: 22px;
  813. }
  814.  
  815.     .arrow.up {
  816.         background-position: 0 0;
  817.         opacity: 0.5;
  818.         filter: alpha(opacity=05);
  819.         -khtml-opacity: 0.5;
  820.     }
  821.  
  822.     .arrow.down {
  823.         background-position: 0 -22px;
  824.         opacity: 0.5;
  825.         filter: alpha(opacity=05);
  826.         -khtml-opacity: 0.5;
  827.     }
  828.  
  829.     .arrow.upmod,
  830.     .arrow.up:hover {
  831.         background-position: -22px 0;
  832.     }
  833.  
  834.     .arrow.downmod,
  835.     .arrow.down:hover {
  836.         background-position: -22px -22px;
  837.     }*/
  838.  
  839. /* --  A.4.7. Comment Formatting ---------- */
  840.  
  841. body div.content > form > div .commentarea .even {
  842.     padding: 10px 0 10px 10px !important;
  843.     border-top: 1px solid #fafafa;
  844. }
  845.  
  846. .commentarea .menuarea {
  847.     margin: 0;
  848.     padding: 0 10px;
  849.     font-size: 11px;
  850. }
  851.  
  852. .commentarea p {
  853. }
  854.  
  855. .commentarea h1,
  856. .commentarea h2,
  857. .commentarea h3,
  858. .commentarea h4 {
  859.     font-weight: bold;
  860.     font-size: 1.1em;
  861.     letter-spacing: 0;
  862. }
  863.  
  864. .commentarea .nestedlisting {
  865.     overflow: hidden;
  866. }
  867.  
  868. .commentarea .comment {
  869.     margin: 2px 0 -1px 5px!important;
  870.     padding: 5px 0 0 10px!important;
  871.     border: 1px solid #fafafa!important;
  872. }
  873.  
  874. .commentarea .sitetable.nestedlisting > .comment:first-child {
  875.     margin-top: 4px!important;
  876. }
  877.  
  878. .commentarea .sitetable.nestedlisting > .comment {
  879.     margin: 1px 0 0 !important;
  880.     border: 1px solid #fafafa!important;
  881. }
  882.  
  883. .even.comment {
  884. }
  885.  
  886. .odd.comment {
  887. }
  888.  
  889. .child {
  890.     margin: 0 0 0 15px !important;
  891. }
  892.  
  893. .nestedlisting > .comment .comment {
  894.     margin-right: 0 !important;
  895. }
  896.  
  897.     .nestedlisting > .comment .comment .comment {
  898.         margin-right: 0 !important;
  899.     }
  900.  
  901. .comment .collapsed {
  902. }
  903.  
  904. .comment .noncollapsed {
  905.     padding-bottom: 5px;
  906. }
  907.  
  908. .comment a.expand {
  909. }
  910.  
  911.     .comment a.expand:hover {
  912.     }
  913.  
  914.     .comment a.expand:visited {
  915.     }
  916.  
  917. .commentarea .author {
  918.     margin-left: 0;
  919. }
  920.  
  921. .commentarea .collapsed .author {
  922.     font-style: normal;
  923. }
  924.  
  925. .comment .child,
  926. .comment .showreplies {
  927.     border: 0 none;
  928. }
  929.  
  930. /* --  A.4.8. Sort By Dropdown ---------- */
  931.  
  932. div.drop-choices.lightdrop.inuse {
  933. }
  934.  
  935. /* ~~  A.5. Sidebar ~~~~~~~~~~~~~ */
  936.  
  937. .side {
  938.     margin: 0 20px;
  939.     padding: 0 10px;
  940.     width: 300px;
  941.     line-height: 1.3;
  942.     z-index: 0;
  943. }
  944.  
  945.     .side .spacer {
  946.         clear: both;
  947.         margin: 5px 0 5px 0;
  948.         font-size: x-small;
  949.     }
  950.  
  951.     .side .md {
  952.         overflow: hidden;
  953.         max-width: 100%;
  954.     }
  955.  
  956.     .side .titlebox {
  957.         padding: 0;
  958.     }
  959.  
  960.         .side .titlebox .bottom {
  961.             display: none;
  962.         }
  963.  
  964.         .side .titlebox h1.redditname {
  965.             margin: 1.2em 0 .2em 0;
  966.             font-size: 26px;
  967.             letter-spacing: -1px;
  968.             text-transform: capitalize;
  969.         }
  970.  
  971. div.sidebox.create {
  972.     position: absolute;
  973.     right: 30px;
  974.     bottom: 121px;
  975.     display: block;
  976.     border: 0 solid #fafafa!important;
  977.     background: none transparent!important;
  978. }
  979.  
  980. .icon-menu li {
  981.     margin: 0 0 5px;
  982. }
  983.  
  984. .side h1 {
  985.     font-size: 19px;
  986. }
  987.  
  988. .side h2 {
  989.     font-size: 16px;
  990. }
  991.  
  992. .side h3 {
  993.     font-size: 14px;
  994. }
  995.  
  996. .side li {
  997.     font-size: 12px;
  998. }
  999.  
  1000. /* --  A.5.1. Search ---------- */
  1001.  
  1002. .side .spacer #search {
  1003.     margin: 0 0 15px 0;
  1004.     padding: 0;
  1005. }
  1006.  
  1007. #search input[type="text"] {
  1008.     padding: 10px;
  1009.     width: 278px;
  1010.     border: 1px solid #fafafa;
  1011. }
  1012.  
  1013. .searchpane {
  1014.     margin: 0;
  1015.     padding: 10px 0 20px 96px;
  1016. }
  1017.  
  1018. .searchfacets {
  1019.     margin: -1px 0 0;
  1020. }
  1021.  
  1022. #search input[type='submit'] {
  1023.     padding: 10px 15px;
  1024. }
  1025.  
  1026. /* --  5.2 Infobar, MoreInfo and MoreSearch Divs ---------- */
  1027.  
  1028. .infobar {
  1029. }
  1030.  
  1031.     .infobar .md {
  1032.     }
  1033.  
  1034. .content .infobar {
  1035. }
  1036.  
  1037. div#moresearchinfo {
  1038. }
  1039.  
  1040.     div#moresearchinfo a {
  1041.     }
  1042.  
  1043.         div#moresearchinfo a:hover {
  1044.         }
  1045.  
  1046. .commentarea .infobar {
  1047. }
  1048.  
  1049.     .commentarea .infobar a {
  1050.     }
  1051.  
  1052.         .commentarea .infobar a:hover {
  1053.             text-decoration: underline;
  1054.         }
  1055.  
  1056. .linkinfo {
  1057.     margin: 0 0 10px;
  1058.     padding: 10px 10px 0 10px;
  1059.     border: 1px solid #fafafa;
  1060.     font-weight: normal;
  1061.     font-style: normal;
  1062.     font-variant: normal;
  1063.     font-size: 12px;
  1064. }
  1065.  
  1066.     .linkinfo .date {
  1067.     }
  1068.  
  1069.     .linkinfo .score {
  1070.         margin: 2px 0;
  1071.     }
  1072.  
  1073.         .linkinfo .score .number,
  1074.         .linkinfo .score .word {
  1075.             font-weight: bold;
  1076.             font-size: 15px;
  1077.         }
  1078.  
  1079.         .linkinfo .score .number {
  1080.             font-size: 22px;
  1081.         }
  1082.  
  1083.     .linkinfo .upvotes {
  1084.     }
  1085.  
  1086.         .linkinfo .upvotes .number,
  1087.         .linkinfo .upvotes .word {
  1088.         }
  1089.  
  1090.         .linkinfo .upvotes .number {
  1091.         }
  1092.  
  1093.     .linkinfo .downvotes {
  1094.         margin-left: 5px;
  1095.     }
  1096.  
  1097.         .linkinfo .downvotes .number,
  1098.         .linkinfo .downvotes .word {
  1099.         }
  1100.  
  1101.         .linkinfo .downvotes .number {
  1102.         }
  1103.  
  1104.     .linkinfo .shortlink input {
  1105.         margin-top: 7px !important;
  1106.         border: 0 !important;
  1107.         font-size: 12px !important;
  1108.     }
  1109.  
  1110. /* --  A.5.3. Contributor and Moderator Buttons ---------- */
  1111.  
  1112. .titlebox form.toggle,
  1113. .leavemoderator {
  1114.     background-repeat: no-repeat;
  1115.     background-attachment: scroll;
  1116.     background-position: center left;
  1117. }
  1118.  
  1119. .leavemoderator-button {
  1120.     display: none;
  1121. }
  1122.  
  1123. .leavecontributor-button {
  1124.     display: none;
  1125. }
  1126.  
  1127. /* --  A.5.4. Login Form ---------- */
  1128.  
  1129. .login-form-side {
  1130.     margin: 0 0 10px;
  1131.     padding: 10px 0 0;
  1132.     border: 1px solid #fafafa;
  1133. }
  1134.  
  1135.     .login-form-side input[type=text],
  1136.     .login-form-side input[type=password] {
  1137.     }
  1138.  
  1139. /* --  A.5.5. Flair Setting area ---------- */
  1140.  
  1141. .titlebox form.toggle {
  1142. }
  1143.  
  1144. .titlebox .tagline {
  1145.     margin: 10px 0 25px 0;
  1146.     padding: 10px;
  1147.     border: 1px solid #fafafa;
  1148. }
  1149.  
  1150. .fancy-toggle-button .active,
  1151. .RESshortcutside,
  1152. .RESDashboardToggle {
  1153.     padding: 3px 7px!important;
  1154. }
  1155.  
  1156. /* --  A.5.6. Submit Button ---------- */
  1157.  
  1158. .sidebox.submit {
  1159.     width: 300px;
  1160. }
  1161.  
  1162. body .morelink,
  1163. body .morelink:hover {
  1164.     padding: 4px 10px;
  1165.     background: none transparent;
  1166.     font-weight: normal;
  1167.     letter-spacing: 0;
  1168. }
  1169.  
  1170.     body .morelink a,
  1171.     body .morelink a:hover {
  1172.         font-weight: bold;
  1173.         font-size: 16px;
  1174.     }
  1175.  
  1176.     body .morelink .nub,
  1177.     body .morelink:hover .nub {
  1178.         background: none transparent!important;
  1179.     }
  1180.  
  1181. body .disabled .morelink a,
  1182. body .disabled .morelink a:hover {
  1183.     cursor: default;
  1184. }
  1185.  
  1186. /* --  A.5.7. Moderators Area ---------- */
  1187.  
  1188. .sidecontentbox {
  1189.     padding: 5px 0 5px;
  1190.     line-height: 1.3;
  1191. }
  1192.  
  1193.     .sidecontentbox a {
  1194.     }
  1195.  
  1196.         .sidecontentbox a:hover {
  1197.             text-decoration: underline !important;
  1198.         }
  1199.  
  1200.         .sidecontentbox a:visited {
  1201.         }
  1202.  
  1203.         .sidecontentbox a.helplink {
  1204.             font-size: 12px;
  1205.         }
  1206.  
  1207.     .sidecontentbox .title h1 {
  1208.         letter-spacing: 0;
  1209.     }
  1210.  
  1211. .spacer .sidecontentbox .content {
  1212.     margin: 0 !important;
  1213.     margin-top: 5px !important;
  1214.     padding: 10px;
  1215.     border: 1px solid #fafafa;
  1216. }
  1217.  
  1218. /* --  A.5.8. Account Activity area at Bottom of Sidebar ---------- */
  1219.  
  1220. .account-activity-box {
  1221.     padding: 0;
  1222.     height: 60px;
  1223. }
  1224.  
  1225.     .account-activity-box a {
  1226.         margin: 20px 0 0 0;
  1227.         padding: 20px 0 0 0;
  1228.     }
  1229.  
  1230. /* ~~  A.6. Footer ~~~~~~~~~~~~~ */
  1231.  
  1232. .footer-parent {
  1233.     position: relative;
  1234.     clear: both;
  1235.     margin: 40px 0 0;
  1236.     padding: 5px 0 15px 30px;
  1237.     text-align: left;
  1238.     z-index: -2;
  1239. }
  1240.  
  1241.     .footer-parent:after {
  1242.         content: " ";
  1243.         position: absolute;
  1244.         top: 0;
  1245.         left: 0;
  1246.         display: block;
  1247.         width: 100%;
  1248.         height: 30px;
  1249.         border: 1px solid #fafafa;
  1250.         border-width: 1px 0;
  1251.         z-index: -1;
  1252.     }
  1253.  
  1254. .footer {
  1255.     margin: 0px 5px 5px;
  1256.     border: 0 none;
  1257.     top: -15px;
  1258.     position: relative;
  1259. }
  1260.  
  1261.     .footer .col {
  1262.         border: 0 none;
  1263.     }
  1264.  
  1265. /* --  A.6.1. Reddit Copyright Text ---------- */
  1266.  
  1267. .bottommenu,
  1268. .bottommenu a {
  1269.     font-size: x-small;
  1270. }
  1271.  
  1272. .debuginfo:hover .content {
  1273. }
  1274.  
  1275. /* ~~  A.7. Other areas in Reddit - [WIP] ~~~~~~~~~~~~~ */
  1276.  
  1277. .menuarea {
  1278.     overflow: hidden;
  1279.     margin: 0 -2px;
  1280.     padding: 10px;
  1281.     border-bottom: 1px dotted;
  1282. }
  1283.  
  1284. #image-upload {
  1285.     margin-bottom: 10px;
  1286.     font-size: 12px;
  1287. }
  1288.  
  1289.     #image-upload * {
  1290.         font-size: 12px;
  1291.     }
  1292.  
  1293. ul#image-preview-list {
  1294.     margin: 20px 0 20px 20px;
  1295.     font-size: larger;
  1296. }
  1297.  
  1298. body.profile-page .linklisting .odd, body.profile-page .linklisting .even {
  1299.     padding: 5px 0 5px 15px!important;
  1300. }
  1301.  
  1302. .tabpane-content {
  1303.     margin-top: -4px;
  1304.     padding: 15px 10px;
  1305. }
  1306. /* --  A.7.1. Wiki Page ---------- */
  1307.  
  1308.  
  1309. body.wiki-page h1.wikititle {
  1310.     display: inline-block;
  1311.     margin: 10px 15px 5px;
  1312.     letter-spacing: 0;
  1313. }
  1314.  
  1315. body.wiki-page .pageactions {
  1316.     float: right;
  1317.     border: 0 none;
  1318. }
  1319.  
  1320. body.wiki-page .wiki-page-content {
  1321.     clear: both;
  1322.     margin: 0 15px 15px;
  1323.     border-top: 1px dotted;
  1324. }
  1325.  
  1326.     body.wiki-page .wiki-page-content .md.wiki h1 {
  1327.         font-size: 2.4em;
  1328.     }
  1329.  
  1330.     body.wiki-page .wiki-page-content .md.wiki h2 {
  1331.         font-size: 1.8em;
  1332.     }
  1333.  
  1334.     body.wiki-page .wiki-page-content .md.wiki h3 {
  1335.         font-size: 1.4em;
  1336.     }
  1337.  
  1338.     body.wiki-page .wiki-page-content .md.wiki h4 {
  1339.         font-size: 1.2em;
  1340.     }
  1341.  
  1342.     body.wiki-page .wiki-page-content .md.wiki img {
  1343.         max-width: 100%;
  1344.     }
  1345.  
  1346. form#newlink {
  1347.     margin-left: 20px;
  1348. }
  1349.  
  1350. .sheets {
  1351.     margin: 10px;
  1352. }
  1353.  
  1354. /* ~~  A.8. RES Optimisation ~~~~~~~~~~~~~ */
  1355.  
  1356. .keyHighlight, .lcTagged {
  1357.     outline: 1px dotted!important;
  1358.     border: 0 !important;
  1359.     border-right: 2px solid #fafafa !important;
  1360. }
  1361.  
  1362. .keyNavAnnotation {
  1363. }
  1364.  
  1365. div#userbarToggle {
  1366.     left: 0 !important;
  1367.     margin: 0 !important;
  1368.     padding: 0 !important;
  1369.     padding-bottom: 2px !important;
  1370.     width: 16px !important;
  1371.     height: 19px !important;
  1372.     border: 0 !important;
  1373. }
  1374.  
  1375. div.userbarHide {
  1376.     content: "|||";
  1377. }
  1378.  
  1379. .morecomments {
  1380.     display: inline-block;
  1381.     margin: 4px 0 -7px;
  1382. }
  1383.  
  1384.     .morecomments a.button,
  1385.     .morecomments a .gray {
  1386.         display: inline-block;
  1387.         margin: 0;
  1388.     }
  1389.  
  1390. shinebar + body > #RESMainGearOverlay,
  1391. shinebar + body > #RESAccountSwitcherIconOverlay,
  1392. shinebar + body > #RESAccountSwitcherDropdown,
  1393. shinebar + body > #RESPrefsDropdown {
  1394.     margin-top: -30px;
  1395. }
  1396. /* --  A.8.1. Progress Indicator and Page marker for RES mode ---------- */
  1397.  
  1398. #progressIndicator.neverEndingReddit,
  1399. div.NERPageMarker,
  1400. #NERFail {
  1401.     margin: 0 -5px;
  1402.     padding: 10px 0;
  1403.     width: auto;
  1404.     border: 1px solid #fafafa;
  1405.     font-weight: bold;
  1406.     font-size: 20px;
  1407.     letter-spacing: -1px;
  1408. }
  1409.  
  1410.     #progressIndicator.neverEndingReddit img {
  1411.     }
  1412.  
  1413.     #progressIndicator.neverEndingReddit a {
  1414.     }
  1415.  
  1416. #RESNotifications {
  1417.     z-index: 9999999;
  1418. }
  1419.  
  1420. /* ~~  A.9. Sidebar Boxes ~~~~~~~~~~~~~ */
  1421. /* --  A.9.1. Boxes  ---------- */
  1422.  
  1423. .side blockquote {
  1424.     position: relative;
  1425.     margin: 5px 0 10px;
  1426.     padding: 5px 10px 10px 5px;
  1427.     border: 1px solid #fafafa;
  1428. }
  1429.  
  1430.     .side blockquote blockquote {
  1431.         margin: 5px 0 0 5px;
  1432.     }
  1433.  
  1434.     .side blockquote table {
  1435.         margin: 5px -11px 5px -6px;
  1436.         min-width: 299px;
  1437.         max-width: 300px;
  1438.     }
  1439.  
  1440.         .side blockquote table:last-child {
  1441.             margin-bottom: -11px;
  1442.         }
  1443.  
  1444. .side .md blockquote + hr,
  1445. .side .md blockquote + h3,
  1446. .side .md blockquote + h4,
  1447. .side .md blockquote + h5,
  1448. .side .md blockquote + h6 {
  1449.     margin: 0 0 5px 0;
  1450.     width: 0;
  1451.     height: 1px;
  1452. }
  1453.  
  1454. .side blockquote h1 ~ p {
  1455.     margin-left: 10px;
  1456. }
  1457.  
  1458. .side h4 + blockquote p,
  1459. .side h5 + blockquote p,
  1460. .side h6 + blockquote p {
  1461.     margin: 0 10px;
  1462. }
  1463.  
  1464. .side .md h1,
  1465. .side .md h2,
  1466. .side .md h3 {
  1467.     margin: 5px;
  1468. }
  1469.  
  1470. .side blockquote + p,
  1471. .side p + blockquote,
  1472. .side p + h4,
  1473. .side p + h5,
  1474. .side p + h6 {
  1475.     margin-top: 10px;
  1476. }
  1477.  
  1478. .side .md p {
  1479.     margin: 5px 10px;
  1480. }
  1481.  
  1482. .side .md li p,
  1483. .side .md ol p {
  1484.     margin: 0;
  1485. }
  1486.  
  1487. .side .md hr,
  1488. .side .md > hr + hr {
  1489.     width: auto;
  1490.     height: 1px;
  1491. }
  1492.  
  1493. .side .md > hr {
  1494.     width: 0;
  1495.     background-color: transparent;
  1496. }
  1497.  
  1498.     .side .md > hr + hr {
  1499.         margin: 5px 0 15px;
  1500.     }
  1501.  
  1502. .side .icon-menu a {
  1503. }
  1504.  
  1505. /* --  A.9.2. Colored Boxes  ---------- */
  1506. /*tip :h3 Blue h4 Green, h5 yellow, h6 red*/
  1507.  
  1508. .side h3 + blockquote,
  1509. .side h4 + blockquote,
  1510. .side h5 + blockquote,
  1511. .side h6 + blockquote {
  1512.     display: block;
  1513.     border: 1px solid #fafafa;
  1514. }
  1515.  
  1516.     .side h3 + blockquote a[href*='#icon-']:before,
  1517.     .side h4 + blockquote a[href*='#icon-']:before,
  1518.     .side h5 + blockquote a[href*='#icon-']:before,
  1519.     .side h6 + blockquote a[href*='#icon-']:before {
  1520.     }
  1521.  
  1522.     .side h3 + blockquote > h1,
  1523.     .side h4 + blockquote > h1,
  1524.     .side h5 + blockquote > h1,
  1525.     .side h6 + blockquote > h1,
  1526.     .side h3 + blockquote > h2,
  1527.     .side h4 + blockquote > h2,
  1528.     .side h5 + blockquote > h2,
  1529.     .side h6 + blockquote > h2,
  1530.     .side h3 + blockquote > h3,
  1531.     .side h4 + blockquote > h3,
  1532.     .side h5 + blockquote > h3,
  1533.     .side h6 + blockquote > h3 {
  1534.         font-size: 19px;
  1535.     }
  1536. /* --  A.9.3. Sidebar Icons ---------- */
  1537. .side a[href*='#icon-'] {
  1538.     margin: 0 10px;
  1539.     cursor: default;
  1540. }
  1541.  
  1542.     .side a[href*='#icon-']:hover {
  1543.         text-decoration: none;
  1544.     }
  1545.  
  1546.     .side a[href*='#icon-']:before {
  1547.         display: inline-block;
  1548.         margin: -16px 5px 0 -10px;
  1549.         padding: 5px 5px 0;
  1550.         width: 30px;
  1551.         height: 52px;
  1552.         background-position: 0 0;
  1553.         font-weight: bold;
  1554.         font-size: 25px;
  1555.         line-height: 60px;
  1556.         text-align: center;
  1557.     }
  1558.  
  1559. .side a[href*='#icon-exclamation']:before {
  1560.     content: 'â™”';
  1561. }
  1562.  
  1563. .side a[href*='#icon-information']:before {
  1564.     content: 'ⓘ';
  1565. }
  1566.  
  1567. .side a[href*='#icon-lightbulb']:before {
  1568.     content: '☼';
  1569. }
  1570.  
  1571. .side a[href*='#icon-comments']:before {
  1572.     content: '❝';
  1573. }
  1574.  
  1575. .side a[href*='#icon-unhappy']:before {
  1576.     content: '☹';
  1577. }
  1578.  
  1579. .side a[href*='#icon-check']:before {
  1580.     content: '✓';
  1581. }
  1582.  
  1583. .side a[href*='#icon-clock']:before {
  1584.     content: 'â—”';
  1585. }
  1586.  
  1587. .side a[href*='#icon-cross']:before {
  1588.     content: '⊘';
  1589. }
  1590.  
  1591. .side a[href*='#icon-smile']:before {
  1592.     content: '☺';
  1593. }
  1594.  
  1595. .side a[href*='#icon-error']:before {
  1596.     content: '☢';
  1597. }
  1598.  
  1599. .side a[href*='#icon-note']:before {
  1600.     content: '✑';
  1601. }
  1602.  
  1603. .side a[href*='#icon-star']:before {
  1604.     content: '✰';
  1605. }
  1606.  
  1607. .side a[href*='#icon-help']:before {
  1608.     content: '✍';
  1609. }
  1610.  
  1611. .side a[href*='#icon-time']:before {
  1612.     content: '⌚';
  1613. }
  1614.  
  1615. .side a[href*='#icon-bell']:before {
  1616.     content: '❂';
  1617. }
  1618.  
  1619. .side a[href*='#icon-eye']:before {
  1620.     content: '✿';
  1621. }
  1622.  
  1623. /* [ B ]. Presentation : Colors, fonts and borders ............ */
  1624. /* ~~  B.1. Common Tags ~~~~~~~~~~~~~ */
  1625. body {
  1626.     background-color: #383838;
  1627.     color: #333;
  1628.     /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; */
  1629.     font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  1630. }
  1631.  
  1632. h1, h2, h3 {
  1633.     color: #223f4f;
  1634. }
  1635.  
  1636. a,
  1637. .thing .title.loggedin {
  1638.     color: #ba001f;
  1639. }
  1640.  
  1641.     a:visited,
  1642.     .thing .title.loggedin:visited,
  1643.     .comment .md p > a:visited {
  1644.         color: #1b1b1b;
  1645.     }
  1646.  
  1647.     a:hover,
  1648.     .thing .title.loggedin:hover {
  1649.         color: #1b1b1b;
  1650.     }
  1651.  
  1652.     a:active,
  1653.     .thing .title.loggedin:active {
  1654.         color: #861010;
  1655.     }
  1656.  
  1657. .buttons li a {
  1658.     color: #888 !important;
  1659. }
  1660.  
  1661.     .buttons li a:hover {
  1662.         color: #08c !important;
  1663.     }
  1664.  
  1665.     .buttons li a:visited {
  1666.         color: #888 !important;
  1667.     }
  1668.  
  1669.     .buttons li a:active {
  1670.         color: #861010;
  1671.     }
  1672.  
  1673. hr,
  1674. .side .md hr {
  1675.     background-color: #d2d2d2;
  1676.     color: #c8c8c8;
  1677. }
  1678.  
  1679. .roundfield,
  1680. .linefield,
  1681. .content.submit .roundfield.info-notice {
  1682.     border-color: #fff;
  1683.     border-radius: 2px;
  1684.     background-color: #eee;
  1685.     box-shadow: 0 0 1px 1px #d7e2eb;
  1686. }
  1687.  
  1688.     .roundfield textarea,
  1689.     .roundfield input[type=text],
  1690.     .roundfield input[type=url],
  1691.     .roundfield input[type=password],
  1692.     .roundfield input[type=number],
  1693.     .linefield textarea,
  1694.     .linefield input[type=text],
  1695.     .linefield input[type=password] {
  1696.         border-color: #c8c8c8;
  1697.         border-radius: 2px;
  1698.         box-shadow: 0 1px 4px 1px #d1d5c6;
  1699.     }
  1700.  
  1701. /* --  B.1.1. Tables ---------- */
  1702.  
  1703. .md table {
  1704.     border-color: #ccc;
  1705. }
  1706.  
  1707.     .md table thead {
  1708.         border-bottom: 1px solid #ccc;
  1709.         background-color: #f3f3f3;
  1710.     }
  1711.  
  1712.     .md table tbody tr:nth-child(even) {
  1713.         background-color: #f6f6f6;
  1714.     }
  1715.  
  1716.     .md table tbody tr:nth-child(odd) {
  1717.         background-color: #fbfbf9;
  1718.     }
  1719.  
  1720.     .md table td,
  1721.     .md table th {
  1722.         border-right: 1px solid #ccc;
  1723.     }
  1724.  
  1725. /* --  B.1.2. Lists ---------- */
  1726.  
  1727. .md ul,
  1728. .md ol {
  1729.     background-color: transparent;
  1730. }
  1731.  
  1732. /* --  B.1.3. Code Style ---------- */
  1733.  
  1734. .usertext-body pre,
  1735. .md.wiki pre {
  1736.     color: #222 !important;
  1737. }
  1738.  
  1739. .usertext-body pre,
  1740. .usertext-body p > code,
  1741. .usertext-body li > code,
  1742. .md.wiki pre,
  1743. .md.wiki p > code,
  1744. .md.wiki li > code {
  1745.     border-color: #ccc;
  1746.     border-radius: 2px;
  1747.     background-color: #f7f7f7;
  1748.     color: #222 !important;
  1749.     font-size: 11px;
  1750. }
  1751.  
  1752. .usertext-body code,
  1753. .md.wiki code {
  1754.     color: #222 !important;
  1755.     font-family: Consolas,Monaco,'Courier New',monospace;
  1756. }
  1757.  
  1758. .usertext-body p > code,
  1759. .usertext-body li > code,
  1760. .md.wiki p > code,
  1761. .md.wiki li > code {
  1762.     color: #222 !important;
  1763. }
  1764.  
  1765. a[href='#s'],
  1766. a[href='/s'] {
  1767.     background-color: #c2dcfe;
  1768.     color: #00F;
  1769. }
  1770.  
  1771.     a[href='#s']:after,
  1772.     a[href='/s']:after {
  1773.         background-color: #9a0019;
  1774.         color: #9a0019;
  1775.         font-size: small;
  1776.     }
  1777.  
  1778.     a[href='#s']:hover:after,
  1779.     a[href='#s']:active:after,
  1780.     a[href='/s']:hover:after,
  1781.     a[href='/s']:active:after {
  1782.         color: #fff;
  1783.         font-size: small;
  1784.     }
  1785.  
  1786. /* --  B.1.4. Common Button Style ---------- */
  1787.  
  1788. .btn button,
  1789. .btn .button {
  1790. }
  1791.  
  1792. .btn,
  1793. button,
  1794. .button,
  1795. input[type='submit'],
  1796. .side a[href*='/#btn'],
  1797. .entry .buttons a[onclick*='reply'] {
  1798.     border-color: #9a0019;
  1799.     border-radius: 2px;
  1800.     background-color: #ba001f;
  1801.     background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  1802.     background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  1803.     background-image: linear-gradient(top,#ba001f,#9a0019);
  1804.     color: #fff!important;
  1805.     font-size: 13px;
  1806.     font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  1807.     text-shadow: 1px 1px 2px #0f0f0f;
  1808. }
  1809.  
  1810.     .btn a {
  1811.         color: #ba001f;
  1812.     }
  1813.  
  1814.     .btn:hover,
  1815.     button:hover,
  1816.     .button:hover,
  1817.     input[type='submit']:hover,
  1818.     .side a[href*='/#btn']:hover .entry .buttons a[onclick*='reply'] {
  1819.         border-color: #ba001f;
  1820.         background-color: #9a0019;
  1821.         background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  1822.         background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  1823.         background-image: linear-gradient(top,#ba001f,#9a0019);
  1824.         color: #fff;
  1825.     }
  1826.  
  1827.     .btn.right,
  1828.     button.cancel {
  1829.         background: none transparent;
  1830.     }
  1831.  
  1832.         .btn.right:hover,
  1833.         button.cancel:hover {
  1834.             border-color: transparent;
  1835.             background: none transparent;
  1836.             color: #ba001f;
  1837.         }
  1838.  
  1839. /* ~~  B.2. Top Sr-Bar ~~~~~~~~~~~~~ */
  1840.  
  1841. #sr-header-area {
  1842.     border-bottom-color: #fff;
  1843.     background-color: #9a0019;
  1844.     box-shadow: -5px 1px 17px -1px #fff;
  1845. }
  1846.  
  1847.     #sr-header-area .separator {
  1848.         color: #9a0019;
  1849.     }
  1850.  
  1851.     #sr-header-area a {
  1852.         color: #fefefe;
  1853.     }
  1854.  
  1855.     #sr-header-area:hover a {
  1856.         color: #2d2d2d;
  1857.     }
  1858.  
  1859. #srLeftContainer,
  1860. #RESStaticShortcuts,
  1861. #RESShortcuts,
  1862. #srDropdown {
  1863.     background: none transparent;
  1864. }
  1865.  
  1866. #RESShortcutsEditContainer {
  1867.     background: none transparent!important;
  1868.     font-family: Consolas,Monaco,'Courier New',monospace;
  1869. }
  1870.  
  1871.     #RESShortcutsEditContainer div {
  1872.         background: none transparent;
  1873.         background-color: transparent;
  1874.     }
  1875.  
  1876. #RESSettingsButton {
  1877.     vertical-align: middle;
  1878. }
  1879.  
  1880. #sr-more-link {
  1881.     background-color: #fbfbf9;
  1882.     color: black;
  1883. }
  1884.  
  1885. /* --  B.2.1. Dropdown Subreddits Bar ---------- */
  1886.  
  1887. #sr-header-area .drop-choices {
  1888.     border-color: #d2d2d2;
  1889.     border-radius: 5px;
  1890.     background-color: #ffffff !important;
  1891. }
  1892.  
  1893.     #sr-header-area .drop-choices a.choice {
  1894.         background-color: #ffffff;
  1895.     }
  1896.  
  1897.         #sr-header-area .drop-choices a.choice:hover {
  1898.             background-color: #ffffff;
  1899.         }
  1900.  
  1901. /* ~~  B.3. Header ~~~~~~~~~~~~~ */
  1902.  
  1903. #header {
  1904.     background-color: #ba001f;
  1905.     box-shadow: 0 -3px 9px 5px #ddd;
  1906.     font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  1907. }
  1908.  
  1909.     #header:after,
  1910.     .footer-parent:after {
  1911.         border-top-color: #ba001f;
  1912.         border-bottom-color: #ba001f;
  1913.     }
  1914.  
  1915.     #header:after,
  1916.     #header-bottom-left:before,
  1917.     .footer-parent:after {
  1918.         background-color: #ba001f;
  1919.         background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  1920.         background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  1921.         background-image: linear-gradient(top,#ba001f,#9a0019);
  1922.     }
  1923.  
  1924. /* --  B.3.1. User Controls ---------- */
  1925.  
  1926. span.user {
  1927. }
  1928.  
  1929. a.pref-lang {
  1930. }
  1931.  
  1932. .logout {
  1933. }
  1934.  
  1935. #header-bottom-right {
  1936.     background-color: #fff;
  1937. }
  1938.  
  1939.     #header-bottom-right a {
  1940.     }
  1941.  
  1942.     #header-bottom-right.res-navTop {
  1943.     }
  1944.  
  1945. /* --  B.3.2. Banner Image ---------- */
  1946.  
  1947. #header-bottom-left {
  1948.     background-color: transparent;
  1949. }
  1950.  
  1951. /* --  B.3.3. The Reddit Name, applies to all pages ---------- */
  1952. .pagename {
  1953.     color: #1b1b1b;
  1954. }
  1955.  
  1956.     .pagename.redditname,
  1957.     .pagename.redditname.hover {
  1958.     }
  1959.  
  1960.     .pagename a,
  1961.     .pagename.selected {
  1962.         border-color: #9a0019;
  1963.         border-radius: 2px;
  1964.         background-color: #9a0019;
  1965.         background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  1966.         background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  1967.         background-image: linear-gradient(top,#ba001f,#9a0019);
  1968.         box-shadow: 0 4px 8px #bbb;
  1969.         color: #dcebfa;
  1970.         text-shadow: 0 1px 0 #333;
  1971.     }
  1972.  
  1973.         .pagename a:hover {
  1974.             border-color: #08c;
  1975.             background-color: #ba001f;
  1976.             background-image: -webkit-linear-gradient(top,#fbfbf9,#fbfbf9);
  1977.             background-image: -moz-linear-gradient(top,#fbfbf9,#fbfbf9);
  1978.             background-image: linear-gradient(top,#fbfbf9,#fbfbf9);
  1979.                         color: #ba001f
  1980.         }
  1981.  
  1982. /* --  B.3.4. Reddit Image and Text ---------- */
  1983.  
  1984. #header-img.default-header {
  1985. }
  1986.  
  1987. #header-img-a {
  1988.     background-color: #5b5b5b;
  1989.     box-shadow: 0 4px 6px #bbb;
  1990. }
  1991.  
  1992.     #header-img-a img {
  1993.     }
  1994.  
  1995. /* --  B.3.5. Header Nav ---------- */
  1996.  
  1997. ul.tabmenu {
  1998. }
  1999.  
  2000.     ul.tabmenu li {
  2001.     }
  2002.  
  2003.         ul.tabmenu li a,
  2004.         ul.tabmenu li a:visited,
  2005.         ul.tabmenu li.selected a {
  2006.             background-color: #ba001f;
  2007.             background-image: -webkit-linear-gradient(top,#383838,#5b5b5b);
  2008.             background-image: -moz-linear-gradient(top,#383838,#5b5b5b);
  2009.             background-image: linear-gradient(top,#383838,#5b5b5b);
  2010.             color: #fff;
  2011.         }
  2012.  
  2013.             ul.tabmenu li a:hover,
  2014.             ul.tabmenu li.selected a:hover {
  2015.                 color: #fff;
  2016.             }
  2017.  
  2018.             ul.tabmenu li.selected a,
  2019.             ul.tabmenu li.selected a:hover,
  2020.             ul.tabmenu li.selected a:visited {
  2021.                 border-color: #e20026;
  2022.                 border-radius: 2px;
  2023.                 background-color: #fbfbf9;
  2024.                 background-image: none;
  2025.                 color: #ff4500;
  2026.             }
  2027.  
  2028. /* ~~  B.4. Content Pane and Link Listings ~~~~~~~~~~~~~ */
  2029. /* --  B.4.1. Content Box ---------- */
  2030.  
  2031. div.content {
  2032.     border-color: #fdfdfd;
  2033.     background-color: #fdfdfe;
  2034.     box-shadow: 0 1px 4px 1px #cccccc;
  2035. }
  2036.  
  2037. body.listing-page > div.content,
  2038. body.single-page > div.content,
  2039. body.search-page > div.content,
  2040. body.messages-page > div.content {
  2041.     background-color: transparent;
  2042. }
  2043.  
  2044.     body.listing-page > div.content,
  2045.     body.messages-page > div.content,
  2046.     body.search-page > div.content > .linklisting,
  2047.     body.single-page > div.content > .linklisting {
  2048.         border-color: #fdfdfd;
  2049.         box-shadow: 0 1px 4px 1px #cccccc;
  2050.     }
  2051.  
  2052.     body.single-page > div.content > .commentarea {
  2053.         border-color: #fdfdfd;
  2054.         box-shadow: 0 1px 4px 1px #cccccc;
  2055.     }
  2056.  
  2057.     body.single-page > div.content > .linklisting .link {
  2058.         background-color: #fdfdfd;
  2059.         background-image: -moz-linear-gradient(top, #f7fafd,#ba001f);
  2060.         background-image: -webkit-linear-gradient(top, #f7fafd,#ba001f);
  2061.         background-image: none;
  2062.     }
  2063.  
  2064.         body.single-page > div.content > .linklisting .link .title {
  2065.         }
  2066.  
  2067.  
  2068. body.hot-page > div.content,
  2069. body.new-page > div.content,
  2070. body.rising-page > div.content,
  2071. body.top-page > div.content,
  2072. body.controversial-page > div.content,
  2073. body.related-page > div.content,
  2074. body.other-discussions-page > div.content {
  2075. }
  2076.  
  2077. /* --  B.4.2. Links (Post) ---------- */
  2078.  
  2079. .link.promotedlink.promoted {
  2080.     border-color: #d2d2d2;
  2081. }
  2082.  
  2083. .linklisting .even {
  2084.     border-top-color: #f1f1f1;
  2085.     background-color: #fbfbfb;
  2086.     background-image: -moz-linear-gradient(left,#fefefe,#fbfbfb);
  2087.     background-image: -webkit-linear-gradient(left, #fefefe, #fbfbfb);
  2088. }
  2089.  
  2090. .linklisting .odd {
  2091.     border-top-color: #f1f1f1;
  2092.     background-color: #fefefe;
  2093.     background-image: -moz-linear-gradient(left,#fdfdfd,#fefefe);
  2094.     background-image: -webkit-linear-gradient(left, #fdfdfd, #fefefe);
  2095. }
  2096.  
  2097. .linklisting .link:first-child {
  2098. }
  2099.  
  2100. .link.last-clicked {
  2101.     background-color: #f5f5f5;
  2102.     background-image: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
  2103.     background-image: -webkit-linear-gradient(top,#fbfbfb,#f5f5f5);
  2104. }
  2105. /* --  B.4.3. Links sub-parts ---------- */
  2106.  
  2107. .link {
  2108. }
  2109.  
  2110.     .link .rank {
  2111.         border-radius: 25px;
  2112.         background-color: transparent;
  2113.         /* box-shadow: inset -6px 0 9px -1px #dadac8; */
  2114.         text-align: left;
  2115.     }
  2116.  
  2117.     .link .midcol {
  2118.     }
  2119.  
  2120.     .link .thumbnail {
  2121.     }
  2122.  
  2123.     .link.compressed .thumbnail {
  2124.     }
  2125.  
  2126.     .link .entry {
  2127.     }
  2128.  
  2129.     .link .title {
  2130.         color: #ba001f;
  2131.     }
  2132.  
  2133.     .link.self .usertext-body .md p,
  2134.     .comment .usertext-body .md p {
  2135.     }
  2136.  
  2137.     .link .usertext .md {
  2138.         background-color: transparent;
  2139.     }
  2140.  
  2141. .entry .buttons {
  2142. }
  2143.  
  2144.     .entry .buttons li a {
  2145.     }
  2146.  
  2147.     .entry .buttons a[onclick*='reply'] {
  2148.         font-size: 11px;
  2149.     }
  2150.  
  2151. .panestack-title {
  2152.     border-bottom-color: gray;
  2153. }
  2154.  
  2155.     .panestack-title .title {
  2156.         color: #888;
  2157.     }
  2158.  
  2159. /* --  B.4.4. usertext-edit textarea ---------- */
  2160.  
  2161. form.usertext.cloneable {
  2162.     /* border: 1px solid #d2d2d2; */
  2163.     /* background-color: #f5f5f5; */
  2164. }
  2165.  
  2166. div.usertext-edit {
  2167. }
  2168.  
  2169.     div.usertext-edit textarea {
  2170.     }
  2171.  
  2172. .commentarea > .usertext {
  2173. }
  2174.  
  2175. .usertext {
  2176. }
  2177.  
  2178.     .usertext .bottom-area {
  2179.     }
  2180.  
  2181.     .usertext button {
  2182.     }
  2183.  
  2184.     .usertext span[class*='toggle'],
  2185.     .btn.right {
  2186.         background-color: transparent;
  2187.     }
  2188.  
  2189.         .usertext span[class*='toggle'] a,
  2190.         .btn.right a,
  2191.         button.cancel {
  2192.             border: 0;
  2193.             color: #888!important;
  2194.             text-decoration: underline;
  2195.             text-shadow: 1px 1px 2px #eee;
  2196.         }
  2197.  
  2198.             .usertext span[class*='toggle'] a:hover,
  2199.             .btn.right a:hover,
  2200.             button.cancel:hover {
  2201.                 color: #ba001f;
  2202.                 text-shadow: 1px 1px 2px #ddd;
  2203.             }
  2204.  
  2205.     .usertext table.markhelp {
  2206.     }
  2207.  
  2208. /* --  B.4.5. Link submission form ---------- */
  2209.  
  2210. .formtabs-content {
  2211.     border-color: #ba001f;
  2212. }
  2213.  
  2214.     .formtabs-content .infobar {
  2215.         color: #222;
  2216.         text-shadow: none;
  2217.     }
  2218.  
  2219. ul.tabmenu.formtab {
  2220. }
  2221.  
  2222.     ul.tabmenu.formtab li {
  2223.     }
  2224.  
  2225.         ul.tabmenu.formtab li a {
  2226.             border-color: #ba001f;
  2227.         }
  2228.  
  2229.         ul.tabmenu.formtab li.selected {
  2230.         }
  2231.  
  2232.             ul.tabmenu.formtab li.selected a {
  2233.                 background-color: #ba001f;
  2234.             }
  2235.  
  2236. #noresults {
  2237. }
  2238.  
  2239. .nextprev {
  2240.     border-top-color: #d2d2d2;
  2241. }
  2242.  
  2243. /* --  B.4.6. Custom Upvote/Downvote Arrows ---------- */
  2244.  
  2245. /*  Entire comment block in masonry template
  2246. .arrow {
  2247. }
  2248.  
  2249. .arrow.up {
  2250. }
  2251.  
  2252. .arrow.down {
  2253. }
  2254.  
  2255. .arrow.upmod,
  2256. .arrow.up:hover {
  2257. }
  2258.  
  2259. .arrow.downmod,
  2260. .arrow.down:hover {
  2261. }
  2262.  */
  2263. /* --  B.4.7. Comment Formatting ---------- */
  2264.  
  2265. body div.content > form > div .commentarea .even {
  2266.     border-top-color: #eee;
  2267.     background-color: transparent;
  2268. }
  2269.  
  2270. .commentarea .menuarea {
  2271.     background-color: transparent;
  2272. }
  2273.  
  2274. .commentarea p {
  2275. }
  2276.  
  2277. .commentarea h1,
  2278. .commentarea h2,
  2279. .commentarea h3,
  2280. .commentarea h4 {
  2281.     border-color: #d2d2d2;
  2282. }
  2283.  
  2284. .commentarea h1 {
  2285.     font-size: 110%;
  2286. }
  2287.  
  2288. .commentarea h2 {
  2289.     font-size: 108%;
  2290. }
  2291.  
  2292. .commentarea h3 {
  2293.     font-size: 104%;
  2294. }
  2295.  
  2296. .commentarea h4 {
  2297.     font-size: 102%;
  2298. }
  2299.  
  2300. .commentarea .nestedlisting {
  2301.     background-color: #fdfdfd;
  2302. }
  2303.  
  2304. .commentarea .comment {
  2305.     border-color: #eeeeee #eeeeee #e0e0e0 #eeeeee !important;
  2306.     border-right: 0 !important;
  2307.     border-radius: 0 !important;
  2308. }
  2309.  
  2310. .commentarea .sitetable.nestedlisting > .comment:first-child {
  2311. }
  2312.  
  2313. .commentarea .sitetable.nestedlisting > .comment {
  2314.     border-color: #eeeeee #e0e0e0 #e0e0e0 #e0e0e0!important;
  2315. }
  2316.  
  2317. .even.comment {
  2318.     background-color: #fbfbfb;
  2319. }
  2320.  
  2321. .odd.comment {
  2322.     background-color: #f7f7f7;
  2323. }
  2324.  
  2325. .child {
  2326.     background: none transparent!important;
  2327. }
  2328.  
  2329. .nestedlisting > .comment .comment {
  2330.     background-color: #fbfbfa!important;
  2331. }
  2332.  
  2333.     .nestedlisting > .comment .comment .comment {
  2334.         background-color: #fdfdfd!important;
  2335.     }
  2336.  
  2337. .comment .collapsed {
  2338. }
  2339.  
  2340. .comment .noncollapsed {
  2341. }
  2342.  
  2343. .comment a.expand {
  2344.     color: #888 !important;
  2345. }
  2346.  
  2347.     .comment a.expand:hover {
  2348.         background-color: transparent;
  2349.     }
  2350.  
  2351.     .comment a.expand:visited {
  2352.         color: #888 !important;
  2353.     }
  2354.  
  2355. .commentarea .author {
  2356.     font-weight: bold;
  2357. }
  2358.  
  2359. .commentarea .collapsed .author {
  2360.     color: #888 !important;
  2361. }
  2362.  
  2363. .comment .child,
  2364. .comment .showreplies {
  2365. }
  2366.  
  2367. /* --  B.4.8. Sort By Dropdown ---------- */
  2368.  
  2369. div.drop-choices.lightdrop.inuse {
  2370. }
  2371.  
  2372. /* ~~  B.5. Sidebar ~~~~~~~~~~~~~ */
  2373.  
  2374. .side {
  2375.     background-color: transparent;
  2376. }
  2377.  
  2378.     .side .spacer {
  2379.         background-color: transparent;
  2380.     }
  2381.  
  2382.     .side .md {
  2383.     }
  2384.  
  2385.     .side .titlebox {
  2386.     }
  2387.  
  2388.         .side .titlebox .bottom {
  2389.         }
  2390.  
  2391.         .side .titlebox h1.redditname {
  2392.             text-shadow: 1px 1px 1px #fff, 2px 2px 3px #aaa, -1px -1px 1px #eee;
  2393.         }
  2394.  
  2395. .icon-menu li {
  2396. }
  2397.  
  2398. .side h1,
  2399. .side h2,
  2400. .side h3 {
  2401.     color: #222;
  2402. }
  2403.  
  2404. .side h1 {
  2405. }
  2406.  
  2407. .side h2 {
  2408. }
  2409.  
  2410. .side h3 {
  2411. }
  2412.  
  2413. .side li {
  2414. }
  2415.  
  2416. /* --  B.5.1. Search ---------- */
  2417.  
  2418. .side #search {
  2419. }
  2420.  
  2421. .side .spacer #search {
  2422. }
  2423.  
  2424. #search input[type="text"] {
  2425.     border-color: #e3e3e3;
  2426.     font-size: 14px;
  2427. }
  2428.  
  2429. .searchpane {
  2430.     border-color: #d2d2d2;
  2431.     background-color: #f5f5f5;
  2432.     font-size: 12px;
  2433. }
  2434.  
  2435. .searchfacets {
  2436.     border-color: #d2d2d2;
  2437.     background-color: transparent;
  2438.     box-shadow: none;
  2439. }
  2440.  
  2441. body.search-page .menuarea {
  2442.     border-color: transparent;
  2443.     background-color: transparent;
  2444. }
  2445.  
  2446. /* --  B.5.2. Infobar, MoreInfo and MoreSearch Divs ---------- */
  2447.  
  2448. .infobar {
  2449. }
  2450.  
  2451.     .infobar .md {
  2452.     }
  2453.  
  2454. .content .infobar {
  2455. }
  2456.  
  2457. div#moresearchinfo {
  2458. }
  2459.  
  2460.     div#moresearchinfo a {
  2461.     }
  2462.  
  2463.         div#moresearchinfo a:hover {
  2464.         }
  2465.  
  2466. .commentarea .infobar {
  2467. }
  2468.  
  2469.     .commentarea .infobar a {
  2470.         color: #08c !important;
  2471.     }
  2472.  
  2473.         .commentarea .infobar a:hover {
  2474.             color: #08c !important;
  2475.         }
  2476.  
  2477. .linkinfo {
  2478.     border-width: 1px 0;
  2479.     border-color: #d2d2d2;
  2480.     border-radius: 0 !important;
  2481.     background-color: transparent;
  2482.     color: #333;
  2483.     text-shadow: none;
  2484. }
  2485.  
  2486.     .linkinfo .date {
  2487.     }
  2488.  
  2489.     .linkinfo .score {
  2490.         color: #333;
  2491.     }
  2492.  
  2493.         .linkinfo .score .number,
  2494.         .linkinfo .score .word {
  2495.             color: #333;
  2496.         }
  2497.  
  2498.         .linkinfo .score .number {
  2499.             color: #333;
  2500.         }
  2501.  
  2502.     .linkinfo .shortlink input {
  2503.         background-color: transparent;
  2504.         color: #0a0a0a !important;
  2505.     }
  2506.  
  2507. /* --  B.5.3. Contributor and Moderator Buttons ---------- */
  2508.  
  2509. .titlebox form.toggle,
  2510. .leavemoderator {
  2511.     background-color: transparent;
  2512. }
  2513.  
  2514. .leavemoderator-button {
  2515.     background-color: transparent !important;
  2516. }
  2517.  
  2518. .leavecontributor-button {
  2519.     background-color: transparent !important;
  2520. }
  2521.  
  2522. /* --  B.5.4. Login Form ---------- */
  2523.  
  2524. .login-form-side {
  2525.     border-width: 1px 0;
  2526.     border-color: #eee;
  2527. }
  2528.  
  2529.     .login-form-side input[type=text],
  2530.     .login-form-side input[type=password] {
  2531.         border-color: #d2d2d2;
  2532.     }
  2533. /* --  B.5.5. Flair Setting area ---------- */
  2534.  
  2535. .titlebox form.toggle {
  2536.     background-color: transparent;
  2537. }
  2538.  
  2539. .titlebox .tagline {
  2540.     border-color: #eaeaea;
  2541.     background-color: #fefefe;
  2542. }
  2543.  
  2544. .fancy-toggle-button .active,
  2545. .RESshortcutside,
  2546. .RESDashboardToggle {
  2547.     border-color: #e3e3e3!important;
  2548. }
  2549.  
  2550. /* --  B.5.6. Submit Button ---------- */
  2551.  
  2552. .sidebox.submit {
  2553. }
  2554.  
  2555. body:not(.listing-page) .morelink,
  2556. body:not(.listing-page) .morelink:hover {
  2557.     border-color: #6c0012;
  2558.     border-radius: 2px;
  2559.     background-color: #ba001f;
  2560.     background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  2561.     background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  2562.     background-image: linear-gradient(top,#ba001f,#9a0019);
  2563.     color: #1b1b1b;
  2564.     text-shadow: 1px 1px 2px #eee;
  2565. }
  2566.  
  2567.     body:not(.listing-page) .morelink a {
  2568.         color: #1b1b1b;
  2569.     }
  2570.  
  2571. body .morelink,
  2572. body .morelink:hover {
  2573.     border-color: #9a0019;
  2574.     border-radius: 2px;
  2575.     background-color: #6c0012;
  2576.     background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  2577.     background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  2578.     background-image: linear-gradient(top,#ba001f,#9a0019);
  2579.     color: #fff;
  2580.     text-shadow: 1px 1px 2px #0f0f0f;
  2581. }
  2582.  
  2583.     body .morelink:hover,
  2584.     body:not(.listing-page) .morelink:hover {
  2585.         border-color: #ba001f;
  2586.         background-color: #ba001f;
  2587.         background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
  2588.         background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
  2589.         background-image: linear-gradient(top,#ba001f,#9a0019);
  2590.         color: #fff;
  2591.     }
  2592.  
  2593.     body .morelink a {
  2594.         color: #fff;
  2595.     }
  2596.  
  2597.         body .morelink a:hover,
  2598.         body:not(.listing-page) .morelink a:hover {
  2599.             color: #fff;
  2600.             text-shadow: 1px 1px 2px #0f0f0f;
  2601.         }
  2602.  
  2603. body .disabled .morelink,
  2604. body .disabled .morelink:hover {
  2605.     border-color: #f5f5f5;
  2606.     background-color: #f5f5f5;
  2607.     background-image: none;
  2608. }
  2609.  
  2610.     body .disabled .morelink a,
  2611.     body .disabled .morelink a:hover {
  2612.         color: #aaa;
  2613.         text-shadow: none;
  2614.     }
  2615.  
  2616.     body .disabled .morelink .nub,
  2617.     body .disabled .morelink:hover .nub {
  2618.         background: none transparent!important;
  2619.     }
  2620.  
  2621. /* --  B.5.7. Moderators Area ---------- */
  2622.  
  2623. .sidecontentbox {
  2624.     background-color: transparent !important;
  2625. }
  2626.  
  2627.     .sidecontentbox a {
  2628.         color: #08c !important;
  2629.     }
  2630.  
  2631.         .sidecontentbox a:hover {
  2632.             color: #08c !important;
  2633.         }
  2634.  
  2635.         .sidecontentbox a:visited {
  2636.             color: #08c !important;
  2637.         }
  2638.  
  2639.     .sidecontentbox .title h1 {
  2640.         color: #888;
  2641.     }
  2642.  
  2643. .spacer .sidecontentbox .content {
  2644.     border-color: #ccc;
  2645.     border-radius: 2px;
  2646.     background-color: #f5f5f5;
  2647. }
  2648.  
  2649. /* --  B.5.8. Account Activity area at Bottom of Sidebar ---------- */
  2650.  
  2651. .account-activity-box {
  2652.     border-radius: 2px !important;
  2653.     background-color: transparent;
  2654.     background-position: center bottom;
  2655. }
  2656.  
  2657. /* ~~  B.6. Footer ~~~~~~~~~~~~~ */
  2658.  
  2659. .footer-parent {
  2660.     background-color: #fff;
  2661.     box-shadow: 0 -3px 9px -2px #ddd;
  2662.     font-size: 12px;
  2663. }
  2664.  
  2665. .footer {
  2666.     background-color: transparent;
  2667. }
  2668.  
  2669. /* --  B.6.1. Reddit Copyright Text ---------- */
  2670.  
  2671. .bottommenu {
  2672.     background-color: transparent;
  2673.     color: #05374e;
  2674. }
  2675.  
  2676.     .bottommenu a {
  2677.         color: #231307;
  2678.     }
  2679.  
  2680. /* ~~  B.7. Other areas in Reddit - [WIP] ~~~~~~~~~~~~~ */
  2681.  
  2682. .menuarea {
  2683.     border-bottom-color: #d2d2d2;
  2684.     background-color: #fdfdfe;
  2685. }
  2686.  
  2687. /* --  B.7.1. Wiki Page ---------- */
  2688.  
  2689. body.wiki-page h1.wikititle {
  2690.     color: #ba001f;
  2691.     font-size: 1em;
  2692. }
  2693.  
  2694. body.wiki-page .pageactions {
  2695.     border: 0 none;
  2696. }
  2697.  
  2698. body.wiki-page .wiki-page-content {
  2699.     border-top-color: #d2d2d2;
  2700. }
  2701.  
  2702.     body.wiki-page .wiki-page-content .md.wiki > .toc > ul {
  2703.         border-color: #eee;
  2704.         background-color: #fbfbf9;
  2705.     }
  2706.  
  2707.     body.wiki-page .wiki-page-content .md.wiki h1,
  2708.     body.wiki-page .wiki-page-content .md.wiki h2,
  2709.     body.wiki-page .wiki-page-content .md.wiki h3,
  2710.     body.wiki-page .wiki-page-content .md.wiki h4 {
  2711.         color: #323638;
  2712.         text-shadow: 0px 0px 0px #fdfdfe,0px 0px 1px #585858;
  2713.     }
  2714.  
  2715.     body.wiki-page .wiki-page-content .md.wiki h5,
  2716.     body.wiki-page .wiki-page-content .md.wiki h6 {
  2717.         color: #08c;
  2718.     }
  2719.  
  2720. /* ~~  B.8. RES Optimisation ~~~~~~~~~~~~~ */
  2721.  
  2722. .lcTagged {
  2723.     outline: 0 !important;
  2724.     border: 0 !important;
  2725.     background-color: transparent !important;
  2726. }
  2727.  
  2728. .keyHighlight {
  2729.     outline-color: #ffe0a5 !important;
  2730.     border-right-color: #ffe0a5 !important;
  2731.     background: none transparent !important;
  2732. }
  2733.  
  2734. .keyNavAnnotation {
  2735.     color: #888;
  2736. }
  2737.  
  2738. div#userbarToggle {
  2739.     background-color: transparent !important;
  2740.     color: #888;
  2741. }
  2742.  
  2743. .morecomments {
  2744. }
  2745.  
  2746.     .morecomments a.button {
  2747.         border-color: #e0e0e0;
  2748.         background-color: #ececec;
  2749.         background-image: none;
  2750.         color: #777;
  2751.         text-shadow: 1px 1px 2px #eee;
  2752.     }
  2753.  
  2754. /* --  B.8.1. Progress Indicator and Page marker for RES mode ---------- */
  2755.  
  2756. p#progressIndicator.neverEndingReddit,
  2757. div.NERPageMarker,
  2758. #NERFail {
  2759.     border-width: 1px 0;
  2760.     border-color: #d2d2d2;
  2761.     border-radius: 0;
  2762.     background-color: #fbfbf9;
  2763.     font-size: 20px;
  2764. }
  2765.  
  2766. #NERFail {
  2767.     color: #b90a0a;
  2768.     font-size: 14px;
  2769. }
  2770.  
  2771. /* ~~  B.9. Sidebar Boxes ~~~~~~~~~~~~~ */
  2772. /* --  B.9.1 Boxes ---------- */
  2773.  
  2774. .side blockquote {
  2775.     border-color: #ccc;
  2776.     border-radius: 2px;
  2777.     background-color: #f5f5f5;
  2778. }
  2779.  
  2780.     .side blockquote h1 {
  2781.         background-color: transparent;
  2782.     }
  2783.  
  2784. .side h6 + blockquote p,
  2785. .side h5 + blockquote p,
  2786. .side h4 + blockquote p {
  2787.     color: #000;
  2788. }
  2789.  
  2790. .side .spacer .md h1,
  2791. .side .spacer .md h2,
  2792. .side .spacer .md h3 {
  2793.     background: none transparent;
  2794.     text-shadow: 0 0 1px #585858;
  2795. }
  2796.  
  2797. .side blockquote + p,
  2798. .side p + blockquote,
  2799. .side p + h4,
  2800. .side p + h5,
  2801. .side p + h6 {
  2802. }
  2803.  
  2804. .side .md p {
  2805. }
  2806.  
  2807. .side .md li p,
  2808. .side .md ol p {
  2809. }
  2810.  
  2811. .side .icon-menu a {
  2812.     background-color: transparent;
  2813. }
  2814.  
  2815. /* --  B.9.2 Colored Boxes ---------- */
  2816.  
  2817. .side blockquote a[href*='#icon-']:before {
  2818.     border-radius: 3px;
  2819.     background-color: #5c5c5c;
  2820.     background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
  2821.     background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
  2822.     background-image: -o-linear-gradient(top, #666666, #4d4d4d);
  2823.     background-image: linear-gradient(to bottom, #666666, #4d4d4d);
  2824.     color: #eee;
  2825.     text-shadow: none;
  2826. }
  2827. /*Blue*/
  2828. .side h3 + blockquote {
  2829.     border-color: #aacdf1;
  2830.     background-color: #d4ecfe;
  2831. }
  2832.  
  2833.     .side h3 + blockquote a[href*='#icon-']:before,
  2834.     .side blockquote a[href$='blue']:before {
  2835.         background-color: #a2e5f9;
  2836.         background-image: -moz-linear-gradient(top,#50a3fd,#1c89d1);
  2837.         background-image: -webkit-linear-gradient(top,#50a3fd,#1c89d1);
  2838.         background-image: -o-linear-gradient(top,#50a3fd,#1c89d1);
  2839.         background-image: -ms-linear-gradient(top,#50a3fd,#1c89d1);
  2840.         background-image: linear-gradient(to bottom,#50a3fd,#1c89d1);
  2841.         color: #e9f4f7;
  2842.     }
  2843.  
  2844. /*Green*/
  2845. .side h4 + blockquote {
  2846.     border-color: #45e745;
  2847.     background-color: #e9ffe6;
  2848. }
  2849.  
  2850.     .side h4 + blockquote a[href*='#icon-']:before,
  2851.     .side blockquote a[href$='green']:before {
  2852.         background-color: #5dd15d;
  2853.         background-image: -moz-linear-gradient(top, #6de46d, #39c739);
  2854.         background-image: -webkit-linear-gradient(top, #6de46d, #39c739);
  2855.         background-image: -o-linear-gradient(top, #62c462, #51a351);
  2856.         background-image: linear-gradient(to bottom, #6de46d, #39c739);
  2857.         color: #e9ffe6;
  2858.     }
  2859.  
  2860. /*Yellow*/
  2861. .side h5 + blockquote {
  2862.     border-color: #fae296;
  2863.     background-color: #fffde6;
  2864. }
  2865.  
  2866.     .side h5 + blockquote a[href*='#icon-']:before,
  2867.     .side blockquote a[href$='yellow']:before {
  2868.         background-color: #ffce36;
  2869.         background-image: -moz-linear-gradient(top, #fde000, #fcca2e);
  2870.         background-image: -webkit-linear-gradient(top, #fde000, #fcca2e);
  2871.         background-image: -o-linear-gradient(top, #fff185, #ffe40e);
  2872.         background-image: linear-gradient(to bottom, #fde000, #fcca2e);
  2873.         color: #ffffe6;
  2874.     }
  2875.  
  2876. /*Red*/
  2877. .side h6 + blockquote {
  2878.     border-color: #ff9185;
  2879.     background-color: #fef0f0;
  2880. }
  2881.  
  2882.     .side h6 + blockquote a[href*='#icon-']:before,
  2883.     .side blockquote a[href$='red']:before {
  2884.         background-color: #e86537;
  2885.         background-image: -moz-linear-gradient(top, #ef784e, #dd4814);
  2886.         background-image: -webkit-linear-gradient(top, #ef784e, #dd4814);
  2887.         background-image: -o-linear-gradient(top, #ef784e, #dd4814);
  2888.         background-image: linear-gradient(to bottom, #ef784e, #dd4814);
  2889.         color: #fef0f0;
  2890.     }
  2891.  
  2892. /* --  B.9.3  Sidebar Icons ---------- */
  2893.  
  2894. .side a[href*='#icon-'] {
  2895.     color: #333;
  2896. }
  2897.  
  2898. /* ~~  B.10. Night Mode for RES ~~~~~~~~~~~~~ */
  2899.  
  2900. body.res-nightmode {
  2901.     color: #ccc;
  2902.     font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  2903. }
  2904.  
  2905.     body.res-nightmode h1,
  2906.     body.res-nightmode h2,
  2907.     body.res-nightmode h3 {
  2908.         border: 0 none!important;
  2909.         color: #d7d7d7!important;
  2910.     }
  2911.  
  2912.     body.res-nightmode a {
  2913.         color: #ff910b;
  2914.     }
  2915.  
  2916.         body.res-nightmode a:visited {
  2917.             color: #7b9f6f;
  2918.         }
  2919.  
  2920.         body.res-nightmode a:hover {
  2921.             color: #ff0;
  2922.         }
  2923.  
  2924.         body.res-nightmode a:active {
  2925.             color: #79efef;
  2926.         }
  2927.  
  2928.     body.res-nightmode .buttons li a {
  2929.         color: #777!important;
  2930.     }
  2931.  
  2932.         body.res-nightmode .buttons li a:hover {
  2933.             color: #f73!important;
  2934.         }
  2935.  
  2936.         body.res-nightmode .buttons li a:visited {
  2937.             color: #777!important;
  2938.         }
  2939.  
  2940.         body.res-nightmode .buttons li a:active {
  2941.             color: #79efef;
  2942.         }
  2943.  
  2944.     body.res-nightmode .comment .md p > a:visited {
  2945.         color: #6cf15a;
  2946.     }
  2947.  
  2948.     body.res-nightmode #sr-header-area {
  2949.         border-bottom-color: #000;
  2950.         background-color: #000 !important;
  2951.         box-shadow: 0 1px 8px 1px #000;
  2952.     }
  2953.  
  2954.         body.res-nightmode #sr-header-area .separator {
  2955.             color: #d2d2d2;
  2956.         }
  2957.  
  2958.         body.res-nightmode #sr-header-area a {
  2959.             color: #d2d2d2;
  2960.         }
  2961.  
  2962.         body.res-nightmode #sr-header-area:hover a {
  2963.             color: #fff;
  2964.         }
  2965.  
  2966.     body.res-nightmode #header #srLeftContainer,
  2967.     body.res-nightmode #header #RESStaticShortcuts,
  2968.     body.res-nightmode #header #RESShortcuts,
  2969.     body.res-nightmode #header #srDropdown {
  2970.         background: none transparent;
  2971.     }
  2972.  
  2973.     body.res-nightmode #header #RESShortcutsEditContainer {
  2974.         background: none transparent;
  2975.         font-family: Consolas,Monaco,'Courier New',monospace;
  2976.     }
  2977.  
  2978.         body.res-nightmode #header #RESShortcutsEditContainer div {
  2979.             background: none transparent;
  2980.             background-color: transparent;
  2981.         }
  2982.  
  2983.     body.res-nightmode #header #RESSettingsButton {
  2984.         vertical-align: middle;
  2985.     }
  2986.  
  2987.     body.res-nightmode #sr-more-link {
  2988.         background-color: #040406 !important;
  2989.         color: black;
  2990.     }
  2991.  
  2992.     body.res-nightmode #sr-header-area .drop-choices {
  2993.         border: none!important;
  2994.         border-radius: 5px;
  2995.         background-color: #000000!important;
  2996.     }
  2997.  
  2998.         body.res-nightmode #sr-header-area .drop-choices a.choice {
  2999.             background-color: #000000;
  3000.         }
  3001.  
  3002.             body.res-nightmode #sr-header-area .drop-choices a.choice:hover {
  3003.                 background-color: #000000;
  3004.             }
  3005.  
  3006.     body.res-nightmode #header {
  3007.         background-color: #000!important;
  3008.         box-shadow: 0 -3px 9px 5px #000;
  3009.         font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  3010.     }
  3011.  
  3012.         body.res-nightmode #header:after,
  3013.         body.res-nightmode .footer-parent:after {
  3014.             border-top-color: #494848;
  3015.             border-bottom-color: #494848;
  3016.         }
  3017.  
  3018.         body.res-nightmode #header:after,
  3019.         body.res-nightmode #header-bottom-left:before,
  3020.         body.res-nightmode .footer-parent:after {
  3021.             background-color: #414141;
  3022.             background-image: -webkit-linear-gradient(top,#696969,#414141);
  3023.             background-image: -moz-linear-gradient(top,#696969,#414141);
  3024.             background-image: linear-gradient(top,#696969,#414141);
  3025.         }
  3026.  
  3027.     body.res-nightmode #header-bottom-right {
  3028.         border-radius: 0 !important;
  3029.         background-color: #1b1b1b !important;
  3030.     }
  3031.  
  3032.     body.res-nightmode #header-bottom-left {
  3033.         background-color: transparent !important;
  3034.     }
  3035.  
  3036.     body.res-nightmode .pagename a,
  3037.     body.res-nightmode .pagename.selected {
  3038.         border-width: 0 0 1px 0;
  3039.         background-color: #083e5c;
  3040.         background-image: -webkit-linear-gradient(top,#546477,#083e5c);
  3041.         background-image: -moz-linear-gradient(top,#546477,#083e5c);
  3042.         background-image: linear-gradient(top,#546477,#083e5c);
  3043.         box-shadow: 0 4px 6px #010611;
  3044.         color: #eee;
  3045.         font-size: 18px!important;
  3046.         text-shadow: 0 1px 0 #231405;
  3047.     }
  3048.  
  3049.         body.res-nightmode .pagename a:hover {
  3050.             background-color: #333;
  3051.             background-image: -moz-linear-gradient(top,#4f4f52,#333333);
  3052.             background-image: -webkit-linear-gradient(top,#4f4f52,#333333);
  3053.             background-image: linear-gradient(tobottom,#4f4f52,#333333);
  3054.             font-size: 18px!important;
  3055.         }
  3056.  
  3057.     body.res-nightmode #header-img-a {
  3058.         border-width: 1px 0 1px 1px;
  3059.         border-color: #1c1c1c;
  3060.         background-color: #414141;
  3061.         box-shadow: 0 4px 6px #444;
  3062.     }
  3063.  
  3064.     body.res-nightmode #header ul.tabmenu li a,
  3065.     body.res-nightmode #header ul.tabmenu li a:visited,
  3066.     body.res-nightmode #header ul.tabmenu li.selected a {
  3067.         background-color: #414141;
  3068.         background-image: -webkit-linear-gradient(top,#696969,#414141);
  3069.         background-image: -moz-linear-gradient(top,#696969,#414141);
  3070.         background-image: linear-gradient(top,#696969,#414141);
  3071.         color: #ff910b;
  3072.     }
  3073.  
  3074.         body.res-nightmode #header ul.tabmenu li.selected a,
  3075.         body.res-nightmode #header ul.tabmenu li.selected a:visited {
  3076.             padding-bottom: 10px!important;
  3077.             border: 1px solid #a35d17!important;
  3078.             background-color: #040406;
  3079.             background-image: none;
  3080.             box-shadow: 0 13px 0 -9px #a35d17;
  3081.         }
  3082.  
  3083.             body.res-nightmode #header ul.tabmenu li a:hover,
  3084.             body.res-nightmode #header ul.tabmenu li.selected a:hover {
  3085.                 color: #e06935;
  3086.             }
  3087.  
  3088.     body.res-nightmode div.content {
  3089.         border-color: #202020;
  3090.         background-color: #1b1b1b !important; /*020201;*/
  3091.         box-shadow: 0 1px 4px 3px #000;
  3092.     }
  3093.  
  3094.     body.res-nightmode.listing-page > div.content,
  3095.     body.res-nightmode.single-page > div.content,
  3096.     body.res-nightmode.search-page > div.content,
  3097.     body.res-nightmode.messages-page > div.content {
  3098.         border: 0;
  3099.         background-color: transparent!important;
  3100.         box-shadow: none;
  3101.     }
  3102.  
  3103.         body.res-nightmode.listing-page > div.content,
  3104.         body.res-nightmode.messages-page > div.content,
  3105.         body.res-nightmode.search-page > div.content > .linklisting,
  3106.         body.res-nightmode.single-page > div.content > .linklisting {
  3107.             border-color: #202020;
  3108.             box-shadow: 0 1px 4px 3px #000;
  3109.         }
  3110.  
  3111.         body.res-nightmode.single-page > div.content > .commentarea {
  3112.             border-color: #202020;
  3113.             box-shadow: 0 1px 4px 3px #000;
  3114.         }
  3115.  
  3116.         body.res-nightmode.single-page > div.content > .linklisting .link {
  3117.             border-radius: 0;
  3118.             background-color: #160f08;
  3119.             background-image: -moz-linear-gradient(top,#160f08,#040404,#040404,#040404,#040404);
  3120.             background-image: -webkit-linear-gradient(top,#160f08,#040404,#040404,#040404,#040404);
  3121.         }
  3122.  
  3123.     body.res-nightmode .linklisting .even {
  3124.         border: 0 !important;
  3125.         border-top: 1px solid #0e0e0e;
  3126.         background-color: #262626;
  3127.         background-image: -moz-linear-gradient(left,#222,#262626);
  3128.         background-image: -webkit-linear-gradient(left,#222,#262626);
  3129.     }
  3130.  
  3131.     body.res-nightmode .linklisting .odd {
  3132.         border: 0 !important;
  3133.         border-top: 1px solid #0e0e0e;
  3134.         background-color: #1e1e1e;
  3135.         background-image: -moz-linear-gradient(left,#222,#1e1e1e);
  3136.         background-image: -webkit-linear-gradient(left,#222,#1e1e1e);
  3137.     }
  3138.  
  3139.     body.res-nightmode .linklisting .even:first-child {
  3140.         border-top: 0 !important;
  3141.     }
  3142.  
  3143.     body.res-nightmode .linklisting .odd:first-child {
  3144.         border-top: 0 !important;
  3145.     }
  3146.  
  3147.     body.res-nightmode .link .rank {
  3148.         border-radius: 25px;
  3149.         background-color: transparent;
  3150.         text-align: left;
  3151.     }
  3152.  
  3153.     body.res-nightmode .link .usertext .md {
  3154.         border: 0 none;
  3155.         background-color: transparent;
  3156.     }
  3157.  
  3158.     body.res-nightmode .entry .buttons li a {
  3159.     }
  3160.  
  3161.     body.res-nightmode .panestack-title {
  3162.         border-bottom: 1px dotted gray;
  3163.     }
  3164.  
  3165.         body.res-nightmode .panestack-title .title {
  3166.             color: #777;
  3167.         }
  3168.  
  3169.     body.res-nightmode form.usertext.cloneable {
  3170.         border-width: 1px 0;
  3171.         border-radius: 0;
  3172.     }
  3173.  
  3174.     body.res-nightmode .usertext span[class*="toggle"],
  3175.     body.res-nightmode .btn.right {
  3176.         border: 0 none;
  3177.         background-color: transparent!important;
  3178.     }
  3179.  
  3180.         body.res-nightmode .usertext span[class*="toggle"] a,
  3181.         body.res-nightmode .btn.right a {
  3182.             color: #777;
  3183.             text-decoration: underline;
  3184.             text-shadow: 1px 1px 2px #111;
  3185.         }
  3186.  
  3187.             body.res-nightmode .usertext span[class*="toggle"] a:hover,
  3188.             body.res-nightmode .btn.right a:hover {
  3189.                 color: #bb6107;
  3190.                 text-shadow: 1px 1px 2px #222;
  3191.             }
  3192.  
  3193.     body.res-nightmode .formtabs-content .infobar {
  3194.         color: #ddd;
  3195.         text-shadow: none;
  3196.     }
  3197.  
  3198.     body.res-nightmode .link.last-clicked {
  3199.         border-width: 1px 0 0;
  3200.         background-color: #0a0a0a;
  3201.         background-image: -moz-linear-gradient(top,#040404,#0a0a0a);
  3202.         background-image: -webkit-linear-gradient(top,#040404,#0a0a0a);
  3203.     }
  3204.  
  3205.     body.res-nightmode .nextprev {
  3206.         border-top: 1px dotted #2d2d2d;
  3207.     }
  3208.  
  3209.     body.res-nightmode div.content > form > div .commentarea .even {
  3210.         border-top: 1px solid #111;
  3211.         background-color: transparent;
  3212.     }
  3213.  
  3214.     body.res-nightmode .commentarea .menuarea {
  3215.         background-color: transparent;
  3216.     }
  3217.  
  3218.     body.res-nightmode .commentarea .nestedlisting {
  3219.         background-color: #202020;
  3220.     }
  3221.  
  3222.     body.res-nightmode .commentarea .comment {
  3223.         border: 1px solid #111!important;
  3224.         border-color: #4f4f52 #4f4f52 #2d2d2d #4f4f52!important;
  3225.         border-right: 0 !important;
  3226.         border-radius: 0 !important;
  3227.     }
  3228.  
  3229.     body.res-nightmode .commentarea .sitetable.nestedlisting > .comment {
  3230.         border: 1px solid #111!important;
  3231.         border-color: #1f1f1f #2d2d2d #2d2d2d #1f1f1f!important;
  3232.     }
  3233.  
  3234.     body.res-nightmode .even.comment {
  3235.         background-color: #131313!important;
  3236.     }
  3237.  
  3238.     body.res-nightmode .odd.comment {
  3239.         background-color: #1b1b1b!important;
  3240.     }
  3241.  
  3242.     body.res-nightmode .child {
  3243.         background: none transparent!important;
  3244.     }
  3245.  
  3246.     body.res-nightmode .nestedlisting > .comment .comment {
  3247.         background-color: #131313!important;
  3248.     }
  3249.  
  3250.         body.res-nightmode .nestedlisting > .comment .comment .comment {
  3251.             background-color: #1b1b1b!important;
  3252.         }
  3253.  
  3254.     body.res-nightmode .comment a.expand {
  3255.         color: #777!important;
  3256.     }
  3257.  
  3258.         body.res-nightmode .comment a.expand:hover {
  3259.             background-color: transparent;
  3260.         }
  3261.  
  3262.         body.res-nightmode .comment a.expand:visited {
  3263.             color: #777!important;
  3264.         }
  3265.  
  3266.     body.res-nightmode .commentarea .author {
  3267.         margin-left: 0;
  3268.         font-weight: normal;
  3269.     }
  3270.  
  3271.     body.res-nightmode .commentarea .collapsed .author {
  3272.         color: #777!important;
  3273.     }
  3274.  
  3275.     body.res-nightmode .comment .child,
  3276.     body.res-nightmode .comment .showreplies {
  3277.         border: 0 none;
  3278.     }
  3279.  
  3280.     body.res-nightmode .side {
  3281.         background-color: transparent;
  3282.     }
  3283.  
  3284.         body.res-nightmode .side .titlebox {
  3285.             padding: 0!important;
  3286.         }
  3287.  
  3288.             body.res-nightmode .side .titlebox > h1 {
  3289.                 text-shadow: 1px 1px 1px #000,2px 2px 3px #555,-1px -1px 1px #111;
  3290.             }
  3291.  
  3292.         body.res-nightmode .side h1,
  3293.         body.res-nightmode .side h2,
  3294.         body.res-nightmode .side h3 {
  3295.             color: #ddd;
  3296.         }
  3297.  
  3298.     body.res-nightmode #search input[type="text"] {
  3299.         border-color: #1c1c1c;
  3300.     }
  3301.  
  3302.     body.res-nightmode .searchpane {
  3303.         border-color: #151515;
  3304.         border-radius: 0 !important;
  3305.         background-color: #393939;
  3306.         box-shadow: none;
  3307.     }
  3308.  
  3309.     body.res-nightmode .searchfacets {
  3310.         border-color: #151515;
  3311.         background-color: transparent;
  3312.         box-shadow: none;
  3313.     }
  3314.  
  3315.     body.res-nightmode.search-page .menuarea {
  3316.         border-color: transparent;
  3317.         background-color: transparent;
  3318.     }
  3319.  
  3320.     body.res-nightmode .commentarea .infobar {
  3321.     }
  3322.  
  3323.         body.res-nightmode .commentarea .infobar a {
  3324.             color: #f73!important;
  3325.         }
  3326.  
  3327.             body.res-nightmode .commentarea .infobar a:hover {
  3328.                 color: #f73!important;
  3329.             }
  3330.  
  3331.     body.res-nightmode .linkinfo {
  3332.         border: 1px solid #2d2d2d;
  3333.         border-width: 1px 0;
  3334.         border-radius: 0 !important;
  3335.         background-color: transparent!important;
  3336.         color: #ccc;
  3337.         text-shadow: none;
  3338.     }
  3339.  
  3340.         body.res-nightmode .linkinfo .score {
  3341.             color: #ccc;
  3342.         }
  3343.  
  3344.             body.res-nightmode .linkinfo .score .number,
  3345.             body.res-nightmode .linkinfo .score .word {
  3346.                 color: #ccc;
  3347.             }
  3348.  
  3349.             body.res-nightmode .linkinfo .score .number {
  3350.                 color: #ccc;
  3351.             }
  3352.  
  3353.         body.res-nightmode .linkinfo .shortlink input {
  3354.             border: 0 !important;
  3355.             background-color: transparent!important;
  3356.             color: #f5f5f5!important;
  3357.         }
  3358.  
  3359.     body.res-nightmode .titlebox form.toggle,
  3360.     body.res-nightmode .leavemoderator {
  3361.         background-color: transparent;
  3362.     }
  3363.  
  3364.     body.res-nightmode .leavemoderator-button {
  3365.         background-color: transparent!important;
  3366.     }
  3367.  
  3368.     body.res-nightmode .leavecontributor-button {
  3369.         background-color: transparent!important;
  3370.     }
  3371.  
  3372.     body.res-nightmode .login-form-side {
  3373.         border: 1px solid #111!important;
  3374.         border-width: 1px 0 !important;
  3375.         background-color: transparent!important;
  3376.     }
  3377.  
  3378.         body.res-nightmode .login-form-side label {
  3379.             color: #fff!important;
  3380.         }
  3381.  
  3382.  
  3383.     body.res-nightmode .titlebox form.toggle {
  3384.         background-color: transparent;
  3385.     }
  3386.  
  3387.     body.res-nightmode .titlebox .tagline {
  3388.         border: 1px solid #151515;
  3389.         background-color: #010101;
  3390.     }
  3391.  
  3392.     body.res-nightmode .fancy-toggle-button .active,
  3393.     body.res-nightmode .RESshortcutside,
  3394.     body.res-nightmode .RESDashboardToggle {
  3395.         border-color: #010101!important;
  3396.     }
  3397.  
  3398.     body.res-nightmode .sidebox.submit {
  3399.         background: none transparent;
  3400.     }
  3401.  
  3402.     body.res-nightmode .morelink,
  3403.     body.res-nightmode .morelink:hover {
  3404.         border-color: #bb6107;
  3405.         background-color: #083e5c!important;
  3406.         background-image: -webkit-linear-gradient(top,#546477,#083e5c)!important;
  3407.         background-image: -moz-linear-gradient(top,#546477,#083e5c)!important;
  3408.         background-image: linear-gradient(top,#546477,#083e5c)!important;
  3409.         text-shadow: 1px 1px 2px #010611;
  3410.     }
  3411.  
  3412.         body.res-nightmode .morelink:hover {
  3413.             border-color: #a95908!important;
  3414.             background-color: #333!important;
  3415.             background-image: -moz-linear-gradient(top,#4f4f52,#333333)!important;
  3416.             background-image: -webkit-linear-gradient(top,#4f4f52,#333333)!important;
  3417.             background-image: linear-gradient(tobottom,#4f4f52,#333333)!important;
  3418.             color: #ddd!important;
  3419.         }
  3420.  
  3421.         body.res-nightmode .morelink a,
  3422.         body.res-nightmode .morelink a:hover {
  3423.             color: #fff!important;
  3424.         }
  3425.  
  3426.         body.res-nightmode .morelink .nub,
  3427.         body.res-nightmode .morelink:hover .nub {
  3428.             background: none transparent!important;
  3429.         }
  3430.  
  3431.     body.res-nightmode .disabled .morelink a,
  3432.     body.res-nightmode .disabled .morelink a:hover {
  3433.         color: #555;
  3434.         text-shadow: none;
  3435.     }
  3436.  
  3437.     body.res-nightmode .morelink:hover {
  3438.         border-color: #a95908;
  3439.         background-color: #a95908;
  3440.     }
  3441.  
  3442.     body.res-nightmode .disabled .morelink,
  3443.     body.res-nightmode .disabled .morelink:hover {
  3444.         border-color: #0a0a0a;
  3445.         background-color: #0a0a0a;
  3446.     }
  3447.  
  3448.         body.res-nightmode .disabled .morelink .nub,
  3449.         body.res-nightmode .disabled .morelink:hover .nub {
  3450.             background: none transparent!important;
  3451.         }
  3452.  
  3453.     body.res-nightmode .sidecontentbox {
  3454.         background-color: transparent!important;
  3455.     }
  3456.  
  3457.         body.res-nightmode .sidecontentbox a {
  3458.             color: #f73!important;
  3459.         }
  3460.  
  3461.             body.res-nightmode .sidecontentbox a:hover {
  3462.                 color: #f73!important;
  3463.             }
  3464.  
  3465.             body.res-nightmode .sidecontentbox a:visited {
  3466.                 color: #f73!important;
  3467.             }
  3468.  
  3469.         body.res-nightmode .sidecontentbox .title h1 {
  3470.             color: #d2d2d2;
  3471.         }
  3472.  
  3473.         body.res-nightmode .sidecontentbox .thing {
  3474.             border: 0 none #222!important;
  3475.         }
  3476.  
  3477.     body.res-nightmode .spacer .sidecontentbox .content {
  3478.         border: 1px solid #6a6a6a;
  3479.         background-color: #222;
  3480.     }
  3481.  
  3482.     body.res-nightmode .account-activity-box {
  3483.         border-radius: 0 3px;
  3484.         background-color: transparent;
  3485.     }
  3486.  
  3487.     body.res-nightmode .footer-parent {
  3488.         box-shadow: 0 -3px 9px -2px #222;
  3489.         background-color: #393939;
  3490.     }
  3491.  
  3492.     body.res-nightmode .footer {
  3493.         border: 0 none;
  3494.         background-color: transparent;
  3495.     }
  3496.  
  3497.     body.res-nightmode .bottommenu {
  3498.         color: #fac8b1;
  3499.     }
  3500.  
  3501.         body.res-nightmode .bottommenu a {
  3502.             color: #dcecf8;
  3503.         }
  3504.  
  3505.     body.res-nightmode .menuarea {
  3506.         border-bottom: 1px dotted #2d2d2d;
  3507.         background-color: #020201;
  3508.     }
  3509.  
  3510.     body.res-nightmode #image-upload {
  3511.         font-size: 12px;
  3512.     }
  3513.  
  3514.         body.res-nightmode #image-upload * {
  3515.             font-size: 12px;
  3516.         }
  3517.  
  3518.     body.res-nightmode.wiki-page .wiki-page-content {
  3519.         border-top: 1px dotted #414141;
  3520.     }
  3521.  
  3522.         body.res-nightmode.wiki-page .wiki-page-content .md.wiki > .toc > ul {
  3523.             border-color: #111;
  3524.             background-color: #040406;
  3525.         }
  3526.  
  3527.         body.res-nightmode.wiki-page .wiki-page-content .md.wiki h1,
  3528.         body.res-nightmode.wiki-page .wiki-page-content .md.wiki h2 {
  3529.             text-shadow: 0 0 2px #fff,1px 1px 3px #0a0a0a;
  3530.         }
  3531.  
  3532.         body.res-nightmode.wiki-page .wiki-page-content .md.wiki h5,
  3533.         body.res-nightmode.wiki-page .wiki-page-content .md.wiki h6 {
  3534.             color: #fff!important;
  3535.         }
  3536.  
  3537.     body.res-nightmode.wiki-page .pageactions .wikiaction-current:hover {
  3538.         background-color: #ff910b;
  3539.     }
  3540.  
  3541.     body.res-nightmode.wiki-page .pageactions .wikiaction:hover {
  3542.         background-color: #c2dcfe;
  3543.     }
  3544.  
  3545.     body.res-nightmode.wiki-page .pageactions .wikiaction-current {
  3546.         background-color: #686868;
  3547.         color: white;
  3548.     }
  3549.  
  3550.     body.res-nightmode .lcTagged {
  3551.         outline: 0 !important;
  3552.         border: 0 !important;
  3553.         background-color: transparent!important;
  3554.     }
  3555.  
  3556.     body.res-nightmode .keyHighlight {
  3557.         outline: 1px dotted #e46700!important;
  3558.         border: 0 !important;
  3559.         border-right: 2px solid #e46700!important;
  3560.         background: none transparent!important;
  3561.     }
  3562.  
  3563.         body.res-nightmode .keyHighlight,
  3564.         body.res-nightmode .keyHighlight .usertext-body,
  3565.         body.res-nightmode .keyHighlight .usertext-body .md,
  3566.         body.res-nightmode .keyHighlight .usertext-body .md p,
  3567.         body.res-nightmode .keyHighlight .noncollapsed,
  3568.         body.res-nightmode .keyHighlight .noncollapsed .md,
  3569.         body.res-nightmode .keyHighlight .noncollapsed .md p {
  3570.             background-color: transparent!important;
  3571.         }
  3572.  
  3573.     body.res-nightmode .keyNavAnnotation {
  3574.         color: #777;
  3575.     }
  3576.  
  3577.     body.res-nightmode div#userbarToggle {
  3578.         border: 0 !important;
  3579.         background-color: transparent!important;
  3580.         color: #777;
  3581.     }
  3582.  
  3583.     body.res-nightmode .morecomments a.button {
  3584.         color: #111;
  3585.     }
  3586.  
  3587.     body.res-nightmode p#progressIndicator.neverEndingReddit,
  3588.     body.res-nightmode div.NERPageMarker {
  3589.         border: 1px solid #2d2d2d;
  3590.         border-width: 1px 0;
  3591.         border-radius: 0;
  3592.         background-color: #040406;
  3593.         font-size: 20px;
  3594.     }
  3595.  
  3596.     body.res-nightmode .md table {
  3597.         border-color: #6a6a6a;
  3598.     }
  3599.  
  3600.         body.res-nightmode .md table thead {
  3601.             border-bottom: 1px solid #000;
  3602.             background-color: #090909;
  3603.         }
  3604.  
  3605.         body.res-nightmode .md table tr:nth-child(even) {
  3606.             background-color: #222222;
  3607.         }
  3608.  
  3609.         body.res-nightmode .md table tr:nth-child(odd) {
  3610.             background-color: #292929;
  3611.         }
  3612.  
  3613.         body.res-nightmode .md table td,
  3614.         body.res-nightmode .md table th {
  3615.             border-right: 1px solid #6a6a6a;
  3616.         }
  3617.  
  3618.     body.res-nightmode .md ul,
  3619.     body.res-nightmode .md ol {
  3620.         background-color: transparent;
  3621.     }
  3622.  
  3623.     body.res-nightmode .sidebox {
  3624.         padding: 0 !important;
  3625.     }
  3626.  
  3627.     body.res-nightmode .btn,
  3628.     body.res-nightmode button,
  3629.     body.res-nightmode .button,
  3630.     body.res-nightmode input[type="submit"],
  3631.     body.res-nightmode .side a[href*="/#btn"],
  3632.     body.res-nightmode form#newlink.submit button.btn {
  3633.         border: none;
  3634.         border-radius: 2px;
  3635.         background-color: #083e5c!important;
  3636.         background-image: -webkit-linear-gradient(top,#546477,#083e5c);
  3637.         background-image: -moz-linear-gradient(top,#546477,#083e5c);
  3638.         background-image: linear-gradient(top,#546477,#083e5c);
  3639.         box-shadow: 0 4px 6px #010611;
  3640.         color: #eee!important;
  3641.         font-size: 13px;
  3642.         font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
  3643.         text-shadow: 1px 1px 2px #000;
  3644.     }
  3645.  
  3646.         body.res-nightmode .btn a {
  3647.             color: #000;
  3648.         }
  3649.  
  3650.         body.res-nightmode .btn:hover,
  3651.         body.res-nightmode button:hover,
  3652.         body.res-nightmode .button:hover,
  3653.         body.res-nightmode input[type="submit"]:hover,
  3654.         body.res-nightmode .side a[href*="/#btn"]:hover {
  3655.             border-color: #a95908!important;
  3656.             background-color: #333!important;
  3657.             background-image: -moz-linear-gradient(top,#4f4f52,#333333);
  3658.             background-image: -webkit-linear-gradient(top,#4f4f52,#333333);
  3659.             background-image: -o-linear-gradient(top,#4f4f52,#333333);
  3660.             background-image: -ms-linear-gradient(top,#4f4f52,#333333);
  3661.             background-image: linear-gradient(tobottom,#4f4f52,#333333);
  3662.             color: #ddd!important;
  3663.         }
  3664.  
  3665.         body.res-nightmode .btn.right,
  3666.         body.res-nightmode .btn.right:hover {
  3667.             border-color: transparent!important;
  3668.             background: none transparent!important;
  3669.             color: #a95908!important;
  3670.         }
  3671.  
  3672.     body.res-nightmode .usertext-body pre,
  3673.     body.res-nightmode .md.wiki pre {
  3674.         color: #ddd!important;
  3675.     }
  3676.  
  3677.     body.res-nightmode .usertext-body pre,
  3678.     body.res-nightmode .usertext-body p > code,
  3679.     body.res-nightmode .usertext-body li > code,
  3680.     body.res-nightmode .md.wiki pre,
  3681.     body.res-nightmode .md.wiki p > code,
  3682.     body.res-nightmode .md.wiki li > code {
  3683.         border: 1px solid #333;
  3684.         border-radius: 2px;
  3685.         background-color: #080808;
  3686.         color: #ddd!important;
  3687.         font-size: 11px;
  3688.     }
  3689.  
  3690.     body.res-nightmode .usertext-body code,
  3691.     body.res-nightmode .md.wiki code {
  3692.         color: #ddd!important;
  3693.         font-family: Consolas,Monaco,'Courier New',monospace;
  3694.     }
  3695.  
  3696.     body.res-nightmode .usertext-body p > code,
  3697.     body.res-nightmode .usertext-body li > code,
  3698.     body.res-nightmode .md.wiki p > code,
  3699.     body.res-nightmode .md.wiki li > code {
  3700.         color: #ddd!important;
  3701.     }
  3702.  
  3703.     body.res-nightmode a[href='#s'],
  3704.     body.res-nightmode a[href='/s'] {
  3705.         background-color: #3d3d3d;
  3706.         color: #f7f7f7;
  3707.     }
  3708.  
  3709.         body.res-nightmode a[href='#s']:after,
  3710.         body.res-nightmode a[href='/s']:after {
  3711.             background-color: #666;
  3712.             color: #666;
  3713.         }
  3714.  
  3715.         body.res-nightmode a[href='#s']:hover:after,
  3716.         body.res-nightmode a[href='#s']:active:after,
  3717.         body.res-nightmode a[href='/s']:hover:after,
  3718.         body.res-nightmode a[href='/s']:active:after {
  3719.             color: #fff;
  3720.             font-size: small;
  3721.         }
  3722.  
  3723.     body.res-nightmode .side blockquote {
  3724.         border: 1px solid #6a6a6a;
  3725.         border-radius: 2px;
  3726.         background-color: #0a0a0a;
  3727.     }
  3728.  
  3729.         body.res-nightmode .side blockquote h1 {
  3730.             background-color: transparent;
  3731.         }
  3732.  
  3733.         body.res-nightmode .side blockquote pre,
  3734.         body.res-nightmode .side blockquote code {
  3735.             color: #ddd!important;
  3736.         }
  3737.  
  3738.     body.res-nightmode .side h6 + blockquote p,
  3739.     body.res-nightmode .side h5 + blockquote p,
  3740.     body.res-nightmode .side h4 + blockquote p {
  3741.         color: #fff;
  3742.     }
  3743.  
  3744.     body.res-nightmode .side .spacer .md h1,
  3745.     body.res-nightmode .side .spacer .md h2,
  3746.     body.res-nightmode .side .spacer .md h3 {
  3747.         background-color: transparent!important;
  3748.     }
  3749.  
  3750.     body.res-nightmode hr,
  3751.     body.res-nightmode .side .usertext-body .md hr {
  3752.         border: none;
  3753.         background-color: #414141;
  3754.         color: #373737;
  3755.     }
  3756.  
  3757.     body.res-nightmode .side .icon-menu a {
  3758.         background-color: transparent;
  3759.     }
  3760.  
  3761.     body.res-nightmode .side blockquote a[href*='#icon-']:before {
  3762.         color: #111;
  3763.     }
  3764.  
  3765.     body.res-nightmode .side h4 + blockquote {
  3766.         border: 1px solid #046f04;
  3767.         background-color: #031401;
  3768.     }
  3769.  
  3770.         body.res-nightmode .side h4 + blockquote a[href*='#icon-']:before {
  3771.             color: #160019;
  3772.         }
  3773.  
  3774.     body.res-nightmode .side h5 + blockquote {
  3775.         border: 1px solid #e9cf7b;
  3776.         background-color: #120e01;
  3777.     }
  3778.  
  3779.         body.res-nightmode .side h5 + blockquote a[href*='#icon-']:before {
  3780.             color: #000019;
  3781.         }
  3782.  
  3783.     body.res-nightmode .side h6 + blockquote {
  3784.         border: 1px solid #b91b0a;
  3785.         background-color: #100000;
  3786.     }
  3787.  
  3788.         body.res-nightmode .side h6 + blockquote a[href*='#icon-']:before {
  3789.             color: #010f0f;
  3790.         }
  3791.  
  3792.     body.res-nightmode .side a[href*='#icon-'] {
  3793.         color: #ccc;
  3794.     }
  3795.  
  3796. /* [ C ]. Modules for specific customization ............ */
  3797. /*  visit http://www.reddit.com/r/mindashq/wiki/modules for ready to use code, samples and compatible modules  */
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!