API tools faq
paste
Blackberryroid

Minimaluminiumalism Header Style A v.1.06

Blackberryroid
Jun 22nd, 2015
571
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 58.73 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /*--------------------------------------------------------------------------
  3.         Minimaluminiumalism Theme
  4.         Version 1.06
  5.         Header Style A
  6.         Last modified on July 11, 2015
  7. --------------------------------------------------------------------------*/
  8.  
  9. /*UNCATEGORIZED FIXES*/
  10.  
  11. .icon-menu a {background: none;}
  12.  
  13. textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/}
  14.  
  15. a.madeVisible {margin-top: 20px;}
  16.  
  17. img.RESImage {border-radius: 12px;}
  18.  
  19. .gold-accent.comment-visits-box {color: black;}
  20.  
  21. .gold-accent {
  22.     background-color: transparent;
  23.     border: 0px;
  24.  }
  25.  
  26. .action-form {
  27.     border: medium none;
  28.     max-width: 300px;
  29.     padding: 20px;
  30.     margin: 5px 0px;
  31.     font-size: 12px;
  32.     text-transform: uppercase;
  33.     font-weight: bold;
  34.     line-height: 25px;
  35.     background: black;
  36.     color: white;
  37.     opacity: 0.85;
  38.     position: absolute;
  39.  }
  40.  
  41.     .action-form button {margin-right: 10px;}
  42.  
  43. .commentarea .nestedlisting {margin: 0 -10px;}
  44.  
  45. .res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;}
  46.  
  47. .res-commentBoxes .nestedlisting .comment {overflow: visible!important;}
  48.  
  49. /*SUBREDDIT TYPEFACE*/
  50. .login-form-side input[type="text"], .login-form-side input[type="password"],
  51. #search input[type="text"],
  52. .md textarea,
  53. textarea,
  54. * {font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;}
  55.  
  56. /*Stylesheet page fix*/
  57. .sheets {
  58.     margin-right: 20px;
  59.     margin-bottom: 20px;
  60.  }
  61.  
  62. #preview-table {padding-left: 20px;}
  63.  
  64. div#images {
  65.     margin-left: 20px;
  66.     padding-right: 20px;
  67.  }
  68.  
  69. ul#image-preview-list {
  70.     margin: -15px;
  71.     margin-bottom: -15px;
  72.     margin-top: 20px;
  73.     padding-top: 0px;
  74.  }
  75.  
  76.     ul#image-preview-list li {
  77.         background: #fff;
  78.         padding: 8px 8px;
  79.         margin: 0 0 5px 5px;
  80.         border-radius: 2px;
  81.         border: 1px solid #e1e1e1;
  82.         width: 296.5px;
  83.         height: 100px;
  84.         font-size: 14px;
  85.         color: #666;
  86.      }
  87.  
  88.     ul#image-preview-list .preview {
  89.         position: absolute;
  90.         top: 0;
  91.         bottom: 0;
  92.         left: 8px;
  93.         right: 0;
  94.         margin: auto 0;
  95.         line-height: 98px;
  96.      }
  97.  
  98.         ul#image-preview-list .preview img {vertical-align: middle;}
  99.  
  100. /*RES TEMP BUGFIX*/
  101. .title + .expando-button + .expando-button {display: none;}
  102.  
  103. /*DROP DOWN CHOICES*/
  104. .drop-choices.lightdrop {
  105.     background: rgb(0, 0, 0) none repeat scroll 0% 0%;
  106.     border: medium none;
  107.     padding: 5px;
  108.     border-radius: 0px 0px 4px 4px;
  109.     opacity: 0.85;
  110.     font-weight: bold;
  111.     margin-top: 2px;
  112.     color: rgb(255, 255, 255) !important;
  113.  }
  114.  
  115. .drop-choices a.choice {color: #FFF;}
  116.  
  117.     .drop-choices a.choice:hover {background: #666;}
  118.  
  119. /*ICONOGRAPHY*/
  120. #mail.nohavemail {
  121.     background: url(%%mail%%);
  122.     height: 12px;
  123.     background-size: contain !important;
  124.     background-repeat: no-repeat !important;
  125.  }
  126.  
  127. #mail.havemail {
  128.     background: url(%%havemail%%);
  129.     height: 12px;
  130.     background-size: contain !important;
  131.     background-repeat: no-repeat !important;
  132.  }
  133.  
  134. #modmail.havemail {
  135.     background: url(%%havemodmail%%);
  136.     height: 18px;
  137.     background-size: contain !important;
  138.     background-repeat: no-repeat !important;
  139.  }
  140.  
  141. #modmail.nohavemail {
  142.     background: url(%%modmail%%);
  143.     height: 18px;
  144.     background-size: contain !important;
  145.     background-repeat: no-repeat !important;
  146.  }
  147.  
  148. /*GENERAL RES FIXES*/
  149. .livePreview, .livePreview .md {text-transform: none;}
  150.  
  151. .new-comment .usertext-body {
  152.     background-color: none !important;
  153.     border: none !important;
  154.  }
  155.  
  156. /*AD fixes*/
  157. .organic-listing {border: 0px;}
  158.  
  159. .infobar.newsletterbar {display: none !important;}
  160.  
  161. /*MENU AREA*/
  162. .menuarea {overflow: visible;}
  163.  
  164. body:not(.search-page) .menuarea {
  165.     font-size: 12px;
  166.     font-weight: bold;
  167.     text-transform: uppercase;
  168.     margin-top: 20px !important;
  169.  }
  170.  
  171. .comments-page .menuarea {
  172.     font-size: 12px;
  173.     font-weight: bold;
  174.     text-transform: uppercase;
  175.     margin-top: 5px !important;
  176.  }
  177.  
  178. /*SEARCH PAGE*/
  179. .combined-search-page .search-result-group {
  180.     max-width: none;
  181.     min-width: none;
  182.     padding-left: 0px;
  183.     padding-right: 0px;
  184.  }
  185.  
  186. .combined-search-page .search-result {
  187.     margin-bottom: 25px;
  188.     margin-top: 10px;
  189.     padding: 0px 30px;
  190.     border-bottom: 1px solid #E1E1E1;
  191.     padding-bottom: 20px;
  192.  }
  193.  
  194. .combined-search-page .search-result-group .search-result-group-header {
  195.     border-bottom: 2px solid #E5E3DA;
  196.     color: inherit;
  197.     margin-bottom: 20px;
  198.     margin-top: 30px;
  199.     padding: 0px 30px;
  200.     text-transform: uppercase;
  201.     padding-bottom: 5px;
  202.     font-weight: bold;
  203.  }
  204.  
  205. .combined-search-page .searchpane {background: #444;}
  206.  
  207. .combined-search-page #search input[type="text"] {max-width: none;color: #fff !important}
  208.  
  209. .combined-search-page .search-icon {
  210.     background-size: 30px 30px;
  211.     height: 30px;
  212.     width: 30px;
  213.  }
  214.  
  215. .combined-search-page .search-submit-button {
  216.     background: none;
  217.     border: none;
  218.     float: left;
  219.     margin-top: -45px;
  220.     margin-left: -25px;
  221.  }
  222.  
  223. .combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;}
  224.  
  225. .combined-search-page .search-result .search-result-body {
  226.     font-size: 1em;
  227.     line-height: 1.25em;
  228.     color: #4F4F4F;
  229.     padding: 10px 0px;
  230.     width: 800px;
  231.  }
  232.  
  233. .combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;}
  234.  
  235. .combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score {
  236.     font-size: 10px;
  237.     line-height: 2em;
  238.     color: #808080;
  239.     padding: 8px 0px 0px 0px;
  240.     font-weight: bold;
  241.     text-transform: uppercase;
  242.  }
  243.  
  244. #moresearchinfo {
  245.     border: none;
  246.     background: black;
  247.     border-radius: 0 0 10px 10px;
  248.     line-height: 1.7em;
  249.     padding-left: 20px;
  250.     padding-right: 10px;
  251.     padding-bottom: 10px;
  252.     text-align: left;
  253.  }
  254.  
  255. .search-page div.content {
  256.     margin-top: 100px;
  257.     margin-left: auto;
  258.     margin-bottom: 300px;
  259.     margin-right: auto;
  260.     width: 80%;
  261.     min-width: 1000px;
  262.  }
  263.  
  264. .search-page #noresults {
  265.     padding-bottom: 20px !important;
  266.     margin-left: 15px !important;
  267.  }
  268.  
  269. .search-page .side {display: none;}
  270.  
  271. .search-page .menuarea {
  272.     border-bottom: none;
  273.     padding: 5px 10px;
  274.     margin: 5px;
  275.     font-size: 12px;
  276.     font-weight: bold;
  277.     text-transform: uppercase;
  278.     margin-top: -45px;
  279.     position: absolute;
  280.     top: 418px;
  281.  }
  282.  
  283. .search-page div#moresearchinfo {
  284.     background: #000;
  285.     position: absolute;
  286.     z-index: 9999;
  287.     padding-left: 22px;
  288.     padding-bottom: 20px;
  289.     color: white;
  290.     opacity: 0.85;
  291.     padding-right: 20px;
  292.     border-radius: 0 0 8px 8px;
  293.     top: 56px;
  294.  }
  295.  
  296. .search-page a#search_showmore {
  297.     position: absolute;
  298.     top: 100px;
  299.     font-size: 12px;
  300.     text-transform: uppercase;
  301.     color: #999;
  302.     font-weight: bold;
  303.     right: 13px;
  304.  }
  305.  
  306. .search-page .searchfacets {
  307.     border: none;
  308.     box-shadow: none;
  309.     background: #E0E0E0;
  310.     color: #434343;
  311.     text-transform: uppercase;
  312.     font-size: 12px;
  313.     padding-left: 20px;
  314.  }
  315.  
  316. .searchfacet a {color: #434343 !important;}
  317.  
  318. #previoussearch label {
  319.     display: block;
  320.     margin: 5px 0px;
  321.     position: absolute;
  322.     top: 95px;
  323.     text-transform: uppercase;
  324.     font-size: 12px;
  325.     font-weight: bold;
  326.  }
  327.  
  328. .search-page .searchpane {
  329.     margin: auto;
  330.     height: 50px;
  331.     border: none;
  332.     border-radius: 8px;
  333.     box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  334.     position: relative;
  335.     top: -85px;
  336.     margin-bottom: -45px;
  337.  }
  338.  
  339. .search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;}
  340.  
  341. .dropdown.lightdrop .selected {text-decoration: none;}
  342.  
  343. .search-page #search input[type="text"] {
  344.     background: none;
  345.     border: medium none;
  346.     font-size: 27px;
  347.     width: 100% !important;
  348.     position: relative;
  349.     top: 2px;
  350.     margin-left: 30px;
  351.  }
  352.  
  353. .search-page .raisedbox h4 {display: none;}
  354.  
  355. .search-summary {display: none}
  356.  
  357. .searchpane-toggle-hide {display: none;}
  358.  
  359. /*COMMENTS PAGE*/
  360. .comments-page .content .infobar {
  361.     border: 0px none;
  362.     background: #fff;
  363.     max-width: 300px;
  364.     padding: 10px 20px;
  365.     text-transform: uppercase;
  366.     font-weight: bold;
  367.     font-size: 11px;
  368.     border-radius: 4px;
  369.     box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  370.     margin-top: 30px;
  371.     margin-left: -10px !important;
  372.     margin-bottom: 15px;
  373. }
  374. .panestack-title a.title-button {
  375.     position: relative;
  376.     z-index: 2;
  377.  }
  378.  
  379.     .panestack-title a.title-button.gold, .panestack-title a.title-button {
  380.         background-color: #5d3CE9;
  381.         padding: 5px 10px;
  382.         text-transform: uppercase;
  383.         font-weight: bold;
  384.         font-size: 9px;
  385.         color: #fff;
  386.         border: none;
  387.         border-radius: 3px;
  388.      }
  389.  
  390. .linkinfo .shortlink input {
  391.     padding-left: 10px;
  392.     padding-right: 10px;
  393.     height: 20px;
  394.  }
  395.  
  396. .linkinfo {
  397.     border: none !important;
  398.     background-color: #fff;
  399.     top: 414px;
  400.     font-family: inherit !important;
  401.     padding: 20px;
  402.     position: absolute;
  403.     box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  404.     border-radius: 4px;
  405.  }
  406.  
  407. .res .comments-page .side {margin: 315px 25px 100px;}
  408.  
  409. .comments-page .side {margin: 300px 25px 100px;}
  410.  
  411. .res .content .RESBigEditorPop {
  412.     background-color: none;
  413.     line-height: inherit;
  414.     font-size: 11px;
  415.     box-shadow: none;
  416.     font-weight: 400;
  417.     color: #4D5763;
  418.     border: none;
  419.     padding: 0;
  420.     height: inherit;
  421.     margin-left: 4px;
  422.     margin-top: 5px;
  423.     background-color: transparent;
  424.  }
  425.  
  426. .RESSubscriptionButton {
  427.     display: inline-block;
  428.     position: relative;
  429.     z-index: 1;
  430.     margin-left: 15px;
  431.     padding: 5px !important;
  432.     font-size: 9px;
  433.     text-transform: uppercase;
  434.     text-align: center;
  435.     cursor: pointer;
  436.     color: #fff!important;
  437.     background-color: #5d3ce9;
  438.     border: 0 solid #CCC!important;
  439.     border-radius: 2px;
  440.     transition: .25s ease
  441.  }
  442.  
  443.     .RESSubscriptionButton:hover {background-color: #37248b !important;}
  444.  
  445. body.comments-page div.content {background: none !important;}
  446.  
  447. body.comments-page .link {
  448.     background: #FFF;
  449.     border: none;
  450.     border-radius: 5px 5px 0px 0px;
  451.     box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  452.  }
  453.  
  454. body.comments-page .sitetable {
  455.     position: relative;
  456.     z-index: 2;
  457.  }
  458.  
  459. .commentarea > .usertext {
  460.     background-color: #F8F8F8;
  461.     border-radius: 0px 0px 2px 2px;
  462.     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
  463.     overflow: visible;
  464.     padding-top: 165px;
  465.     padding-left: 29px;
  466.     margin-top: -160px;
  467.     margin-left: -10px;
  468.     margin-right: -10px;
  469.  }
  470.  
  471. .res .commentarea > .usertext {
  472.     position: relative;
  473.     top: -110px;
  474.     margin-bottom: -90px;
  475.     margin-top: -160px;
  476.     padding-top: 136px;
  477.  }
  478.  
  479. .commentarea .panestack-title {
  480.     margin: 16px 0 -16px 22px;
  481.     border-bottom: 0
  482.  }
  483.  
  484. .commentarea span.title {
  485.     text-transform: uppercase !important;
  486.     font-weight: bold;
  487.     font-size: 13px;
  488.     position: relative;
  489.     z-index: 1;
  490.  }
  491.  
  492. .commentarea .panestack-title .title {color: #4D5763}
  493.  
  494. .commentarea .menuarea {
  495.     margin-left: 22px !important;
  496.     text-transform: uppercase;
  497.     font-size: 12px;
  498.     position: relative;
  499.     z-index: 1;
  500.     overflow: visible;
  501.  }
  502.  
  503. .commentarea .thing {
  504.     border-radius: 2px;
  505.     background-color: #fff;
  506.     box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  507.     margin: 0 0 8px;
  508.     padding-top: 15px !important;
  509.     padding-bottom: 10px !important;
  510.     padding-left: 15px !important;
  511.  }
  512.  
  513. .res .commentarea .thing {
  514.     padding-top: 15px !important;
  515.     padding-bottom: 10px !important;
  516.     padding-left: 15px !important;
  517.  }
  518.  
  519. .commentarea .child .thing {
  520.     box-shadow: none;
  521.     padding: 4px;
  522.     margin-left: 0px !important;
  523.     margin-top: 15px;
  524.  }
  525.  
  526. body.comments-page div.content {border: none !important;}
  527.  
  528. div.sitetable.nestedlisting, div.child {box-shadow: none;}
  529.  
  530. /*END COMMENT AREA*/
  531. /*WIKI PAGE*/
  532. .wiki-page div.content {
  533.     border: 0px;
  534.     background: none;
  535.     margin-right: 55px !important;
  536.  }
  537.  
  538. .wiki-page .wiki-page-content .md.wiki h4 {
  539.     padding: 15px 0px;
  540.     font-weight: bold;
  541.  }
  542.  
  543. .wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;}
  544.  
  545. .wiki-page .wikititle {
  546.     background-color: #fff;
  547.     padding: 12px 16px 10px;
  548.     border-radius: 5px;
  549.     box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  550.     font-size: 12px;
  551.     text-transform: uppercase;
  552.     margin: 0
  553.  }
  554.  
  555. .wiki-page .pageactions {
  556.     background-color: #fff;
  557.     margin-left: 16px;
  558.     border-radius: 5px;
  559.     padding: 8px 16px;
  560.     font-size: 12px;
  561.     border: none;
  562.     text-transform: uppercase;
  563.     box-shadow: 0 1px 5px rgba(0,0,0,0.16)
  564.  }
  565.  
  566.     .wiki-page .pageactions .wikiaction {
  567.         margin: 0;
  568.         background-color: transparent;
  569.         border-radius: 0;
  570.         color: #B3B3B3
  571.      }
  572.  
  573.     .wiki-page .pageactions .wikiaction-current {
  574.         color: #666;
  575.         font-weight: bold;
  576.      }
  577.  
  578.     .wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {background-color: rgba(0,0,0,0.05)}
  579.  
  580. .wiki-page .wiki-page-content {
  581.     margin: 16px 300px 16px 0;
  582.     background-color: #fff;
  583.     padding: 16px;
  584.     border-radius: 2px;
  585.     box-shadow: 0 1px 5px rgba(0,0,0,0.16)
  586.  }
  587.  
  588.     .wiki-page .wiki-page-content .wiki>.toc>ul {border: none}
  589.  
  590.     .wiki-page .wiki-page-content .wiki.md {color: #4D5763;}
  591.  
  592.         .wiki-page .wiki-page-content .wiki.md h2 {color: #444;}
  593.  
  594.         .wiki-page .wiki-page-content .wiki.md p {
  595.             font-size: 14px;
  596.             line-height: 1.4285714285714em
  597.          }
  598.  
  599.     .wiki-page .wiki-page-content hr {
  600.         border-style: solid;
  601.         border-color: #e5e5e5
  602.      }
  603.  
  604.     .wiki-page .wiki-page-content em {color: #B3B3B3}
  605.  
  606. /*SUBMIT PAGE*/
  607. .formtabs-content .infobar {
  608.     font-size: 15px;
  609.     font-weight: bold;
  610.     border: none;
  611.     background-color: white;
  612.     box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  613.     padding: 20px;
  614.     border-radius: 4px;
  615.     text-align: center;
  616.     color: #000;
  617.  }
  618.  
  619. a {color: #08c;}
  620.  
  621. #sr-more-link {background-color: #fff !important;}
  622.  
  623. .roundfield {
  624.     background: #FFF;
  625.     width: auto;
  626.     padding: 15px 20px 9px;
  627.     text-transform: uppercase;
  628.     font-weight: bold;
  629.     font-size: 12px;
  630.     line-height: 1.5em;
  631.     border-radius: 4px;
  632.     box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  633.  }
  634.  
  635.     .roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {width: 530px;}
  636.  
  637.     .roundfield input[type="text"] {margin-bottom: 15px;}
  638.  
  639. .submit-page .markdownEditor-wrapper {
  640.     white-space: nowrap;
  641.     width: 535px;
  642.  }
  643.  
  644. .content.submit .info-notice {
  645.     margin-bottom: 12px;
  646.     margin-left: 10px;
  647.     margin-top: -10px;
  648.     margin-right: 10px;
  649.     font-size: 12px;
  650.     padding: 9px;
  651.     background-color: #FFF;
  652.     border: none;
  653.  }
  654.  
  655. .submit-page .content .spacer {margin-left: 0px;}
  656.  
  657. .submit-page .content {
  658.     width: 600px;
  659.     margin: 0 auto;
  660.  }
  661.  
  662. .submit-page div.content {
  663.     margin-top: 20px !important;
  664.     margin-bottom: 50px !important;
  665.     background: none;
  666.     border: none;
  667.  }
  668.  
  669. .submit-page a {color: #5d3ce9;}
  670.  
  671. .submit-page .tabmenu.formtab .selected a {
  672.     color: #cecece;
  673.     background-color: transparent;
  674.     border: none;
  675.     font-size: inherit;
  676.  }
  677.  
  678. .submit-page ul.tabmenu.formtab {
  679.     display: block;
  680.     padding-left: 10px;
  681.     font-size: larger;
  682.     border-radius: 4px;
  683.  }
  684.  
  685. .submit-page .tabmenu li a {
  686.     background: transparent;
  687.     border: none;
  688.  }
  689.  
  690. .submit-page .tabmenu {margin-top: 0px;}
  691.  
  692. .formtabs-content {border-top: 0px solid!important;}
  693.  
  694. body:not(.submit-page) .tabmenu::after {display: none;}
  695.  
  696. .submit-page #newlink.submit.content .btn {
  697.     height: 42px;
  698.     line-height: 41px;
  699.     width: 97%;
  700.     margin-left: 10px;
  701.  }
  702.  
  703. /*SIDEBAR*/
  704. .md-container {text-align: left;}
  705.  
  706. .titlebox {text-align: center;}
  707.  
  708. .submit-page .side, .submit-page .content h1 {display: none !important;}
  709.  
  710. .formtabs-content {border-top: 0px solid!important;}
  711.  
  712. body:not(.submit-page) .tabmenu::after {
  713.     position: absolute;
  714.     height: 49px;
  715.     content: '';
  716.     z-index: -1;
  717.     left: 0px;
  718.     right: 0px;
  719.     background: #666;
  720.  }
  721.  
  722. .formtabs-content {
  723.     width: auto;
  724.     border-top: 4px solid #5f99cf;
  725.     padding: 10px;
  726.     margin-top: 15px;
  727.  }
  728.  
  729. /*No comment message*/
  730. .comments-page #noresults:after {content: ".";}
  731.  
  732. /* --- Message the mod button --- */
  733. .sidecontentbox .title h1 {display: inline-block;}
  734.  
  735. .sidecontentbox a.helplink {
  736.     margin-right: 30px;
  737.     margin-bottom: 20px;
  738.     margin-top: 10px;
  739.     width: 215px;
  740.     background-color: #5d3ce9;
  741.     border: none;
  742.     border-radius: 4px;
  743.     color: #fff!important;
  744.     text-align: center;
  745.     font-weight: 700;
  746.     font-size: 13px;
  747.     text-transform: uppercase;
  748.     line-height: 30px;
  749.     transition: .25s ease
  750.  }
  751.  
  752.     .sidecontentbox a.helplink:hover {
  753.         background-color: #8d76ef;
  754.         text-decoration: none;
  755.      }
  756.  
  757.     .sidecontentbox a.helplink:active {background-color: #ae9df4}
  758.  
  759. /* ADDS DISTINGUISH TAG*/
  760. .tagline .moderator:after {content: "oderator - speaking officially.";}
  761.  
  762. a.author.moderator:after {content: "";}
  763.  
  764. .comments-page .thing .tagline .author.moderator, .front-page .thing .tagline .author.moderator {background: #1A4B17 !important;}
  765.  
  766. /*--- Tabs - Hide unimportant ones  ---*/
  767. #header .tabmenu li:nth-of-type(8) {
  768.     display: none;
  769.     visibility: hidden;
  770.  }
  771.  
  772. /*--- Hide Promoted (Tab 8) --- */
  773. .listing-page .tabmenu li a[href*="/gilded"] {display: none;}
  774.  
  775. .listing-page .tabmenu li a[href*="/rising"] {display: none;}
  776.  
  777. .listing-page .tabmenu li a[href*="/controversial"] {display: none;}
  778.  
  779. #header .tabmenu li:nth-of-type(9) {
  780.     display: none;
  781.     visibility: hidden;
  782.  }
  783.  
  784. /*--- Hide View Images (Tab 9) ---*/
  785. /*--- End Tabs - Hide unimportant ones  ---*/
  786. /*BODY AND POST APPEARANCE*/
  787. .link {
  788.     padding: 15px;
  789.     border-bottom: 1px solid #E1E1E1; /*LINE SPACING BETWEEN POSTS*/
  790.     margin-bottom: 0px;
  791.  }
  792.  
  793. .comments-page .link {padding: 20px;}
  794.  
  795. /*IMAGE SIDEBAR SUB TITLE*/
  796. .res h1.redditname {overflow: visible;}
  797.  
  798. /*LINK SCORES TYPE*/
  799. .link .score.likes {color: #5d3ce9;}
  800.  
  801. .link .score.dislikes {color: #88c800;}
  802.  
  803. /*USER BAR TOGGLE*/
  804. #userbarToggle {
  805.     background: none !important;
  806.     border: 0px !important;
  807.     color: #FFF !important;
  808.  }
  809.  
  810. /*NO SELECT BACKGROUND*/
  811. .entry.RES-keyNav-activeElement, .entry.RES-keyNav-activeElement div.md, .entry.RES-keyNav-activeElement .usertext-body, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed {background: none repeat scroll 0% 0% transparent !important;}
  812.  
  813. /*BODY BACKGROUND*/
  814. body {background: #f2f2f2;}
  815.  
  816. /*EXPANDO NO OUTLINE*/
  817. .entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md {
  818.     outline: medium none !important;
  819.     border: 0px none !important;
  820.  }
  821.  
  822. /*RES NEVER ENDING REDDIT*/
  823. .NERPageMarker, #progressIndicator {
  824.     font-size: 14px !important;
  825.     font-weight: bold !important;
  826.     text-align:left !important;
  827.     background-color: transparent !important;
  828.     border: none !important;
  829.     border-radius: 0 !important;
  830.     padding: 10px !important;
  831.     text-transform:uppercase;
  832.     margin-left:20px;
  833. }
  834.  
  835. #progressIndicator {
  836.     font-size: 12px !important;
  837.     text-align: center;
  838.     text-transform: uppercase;
  839.     color: #666;
  840.  }
  841.  
  842.     #progressIndicator a#NERStaticLink {color: #08c;}
  843.  
  844.     #progressIndicator h2 {
  845.         text-align: center;
  846.         font-size: 16px !important;
  847.         text-transform: uppercase;
  848.         font-weight: bold;
  849.         margin-top: 5px;
  850.      }
  851.  
  852. /*RES-NAVTOP*/
  853. div#header-bottom-right.res-navTop {
  854.     position: absolute;
  855.     top: 215px;
  856.     background: none;
  857.  }
  858.  
  859. .user, .user a {
  860.     color: #FFF;
  861.     font-size: 13px;
  862.     font-weight: normal;
  863.  }
  864.  
  865. .pref-lang, .pref-lang a {
  866.     color: #FFF !important;
  867.     font-weight: normal !important;
  868.     text-transform: capitalize !important;
  869.     font-weight: normal !important;
  870.     font-size: 13px !important;
  871.  }
  872.  
  873. a[href="javascript:void(0)"] {
  874.     color: #999;
  875.     font-weight: normal;
  876.     font-size: 13px;
  877.  }
  878.  
  879. /*NO-RES HEADER-BOTTOM-RIGHT*/
  880. #header-bottom-right {
  881.     background: none repeat scroll 0% 0% transparent !important;
  882.     margin-right: 20px;
  883.     position: abolute;
  884.     top: 216px;
  885.     padding-top: 5px;
  886.     padding-right: 10px;
  887.     right: -2px;
  888.  }
  889.  
  890. /*Sub Selector*/
  891. #sr-header-area {
  892.     background: #FFF;
  893.     border: none;
  894.     color: #666 !important;
  895.     padding-top: 3px;
  896.     padding-bottom: 3px;
  897.     font-weight: 400;
  898.     font-size: 9px;
  899.  }
  900.  
  901. #srList {
  902.     position: absolute;
  903.     top: 24px !important;
  904.     left: 20px !important;
  905.     z-index: 9999;
  906.     border: none;
  907.     background-color: #000 !important;
  908.     width: auto;
  909.     overflow-y: auto;
  910.     color: white;
  911.     text-transform: uppercase;
  912.     font-weight: bold;
  913.     line-height: 2em;
  914.     border-radius: 0 0 10px 10px;
  915.     padding-bottom: 6px;
  916.     opacity: 0.85;
  917.  }
  918.  
  919.     #srList tr {border-bottom: none !important;}
  920.  
  921.         #srList tr:hover {background-color: #333 !important;}
  922.  
  923. #sr-header-area .drop-choices.srdrop {
  924.     margin-top: 3px;
  925.     margin-left: 5px;
  926.     background: rgb(0, 0, 0) none repeat scroll 0% 0%;
  927.     border: medium none;
  928.     opacity: 0.85;
  929.     line-height: 1.5em;
  930.     font-weight: bold;
  931.     padding-bottom: 10px;
  932.     padding-left: 10px;
  933.     padding-right: 10px;
  934.     padding-top: 10px;
  935.     border-radius: 0px 0px 10px 10px;
  936.  }
  937.  
  938. body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #444!important; /*COLOR OF SUB SELECTOR, ACTIVE*/}
  939.  
  940. #sr-header-area a {font-size: 9px;}
  941.  
  942.     #sr-header-area a:hover {font-weight: bold;}
  943.  
  944. .sr-bar a {color: #666;}
  945.  
  946. .titlebox h1 {
  947.     font-family: inherit;
  948.     font-weight: normal;
  949.  }
  950.  
  951. div.score {
  952.     font-weight: 500;
  953.     color: #999;
  954.  }
  955.  
  956. .linkinfo .date {
  957.     font-weight: 500;
  958.     font-size: 12px;
  959.  }
  960.  
  961. .md p, .md h1 {line-height: 20px;}
  962.  
  963. .md ul {line-height: 20px;}
  964.  
  965. h2 {
  966.     color: #252525;
  967.     font-size: 18px;
  968.     font-weight: normal;
  969.  }
  970.  
  971. .linkinfo .shortlink input {
  972.     box-shadow: none!important;
  973.     font-family: monospace !important;
  974.     border: 1px solid #e5e5e5!important;
  975.     transition: all .15s ease!important;
  976.  }
  977.  
  978. .linkinfo .shortlink {
  979.     text-transform: uppercase;
  980.     margin-top: 20px;
  981.     font-weight: bold;
  982.     text-align: center;
  983.  }
  984.  
  985. .comment .collapsed {
  986.     padding-left: 24px;
  987.     padding-bottom: 10px;
  988.     padding-top: 2px;
  989.  }
  990.  
  991. .comment .midcol {width: 20px !important;}
  992.  
  993. .gadget .midcol {width: 20px !important;}
  994.  
  995. /*Sub Selector*/
  996. /*HEADER*/
  997. #header {
  998.     background: #0079A3;
  999.     border-bottom: 1px solid transparent;
  1000.     height: 249px;
  1001.  }
  1002.  
  1003. .pagename a {
  1004.     height: 100px;
  1005.     width: 200px;
  1006.     display: inline-block;
  1007.     text-indent: -99999px;
  1008.     background-repeat: no-repeat;
  1009.  }
  1010.  
  1011. span.pagename.redditname a {
  1012.     color: transparent;
  1013.     display: block;
  1014.     width: 100%;
  1015.     height: 85px;
  1016.     background-image: url(%%sublogo%%);
  1017.     background-size: contain;
  1018.     background-position: center center;
  1019.     background-repeat: no-repeat;
  1020.     position: absolute;
  1021.     z-index: 600;
  1022.     top: 60px;
  1023.  }
  1024.  
  1025.     span.pagename.redditname a:hover {opacity: 0.8}
  1026.  
  1027. .pagename {font-size: 0px;}
  1028.  
  1029. .subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;}
  1030.  
  1031. /*DISABLE CSS STYLE TOGGLE*/
  1032. .res .titlebox>div:first-of-type, .titlebox form.toggle {
  1033.     font-weight: normal;
  1034.     text-align: center;
  1035.     padding-top: 5px;
  1036.     padding-bottom: 5px;
  1037.  }
  1038.  
  1039. /*SUBSCRIBE+SIDEBAR TOGGLES*/
  1040. .fancy-toggle-button .add {
  1041.     font-size: 9px;
  1042.     background-color: #80d04b !important;
  1043.     background: none;
  1044.     border: none !important;
  1045.     padding: 5px 10px;
  1046.     text-transform: uppercase;
  1047.  }
  1048.  
  1049. .fancy-toggle-button .remove {
  1050.     background: none;
  1051.     border: none !important;
  1052.     background-color: #5d3ce9 !important;
  1053.     padding: 5px 8px !important;
  1054.     text-transform: uppercase;
  1055.     font-size: 9px;
  1056.  }
  1057.  
  1058. .RESshortcutside {
  1059.     font-size: 9px !important;
  1060.     background-color: #80d04b !important;
  1061.     background: none;
  1062.     border: none !important;
  1063.     padding: 5px 10px !important;
  1064.     text-transform: uppercase;
  1065.     background-image: none !important;
  1066.  }
  1067.  
  1068.     .RESshortcutside.remove {
  1069.         background: none !important;
  1070.         border: none !important;
  1071.         background-color: #5d3ce9 !important;
  1072.         padding: 5px 10px !important;
  1073.         text-transform: uppercase;
  1074.         font-size: 9px;
  1075.      }
  1076.  
  1077. .RESDashboardToggle {
  1078.     font-size: 9px !important;
  1079.     background-color: #80d04b !important;
  1080.     background: none;
  1081.     border: none !important;
  1082.     padding: 5px 10px !important;
  1083.     text-transform: uppercase;
  1084.     background-image: none !important;
  1085.  }
  1086.  
  1087.     .RESDashboardToggle.remove {
  1088.         background: none !important;
  1089.         border: none !important;
  1090.         background-color: #5d3ce9 !important;
  1091.         padding: 5px 10px !important;
  1092.         text-transform: uppercase;
  1093.         font-size: 9px;
  1094.      }
  1095.  
  1096. /*END SIDEBAR TOGGLES*/
  1097. .linkinfo .date {
  1098.     font-weight: 500;
  1099.     font-size: 12px;
  1100.     text-transform: uppercase;
  1101.     text-align: left;
  1102.  }
  1103.  
  1104. .linkinfo .score .number {
  1105.     font-size: 14px;
  1106.     text-align: left;
  1107.  }
  1108.  
  1109. div.score {
  1110.     text-transform: uppercase;
  1111.     font-size: 14px;
  1112.     font-weight: 500 !important;
  1113.     color: #777;
  1114.  }
  1115.  
  1116. .linkinfo .totalvotes {font-size: 100%;}
  1117.  
  1118. span.totalvotes {
  1119.     text-transform: uppercase;
  1120.     font-size: 14px;
  1121.     font-weight: 500;
  1122.     color: #999;
  1123.  }
  1124.  
  1125. /* reddit name on sidebar below search box */
  1126. .titlebox h1.redditname {
  1127.     width: 100%;
  1128.     text-align: center;
  1129.  }
  1130.  
  1131. .titlebox .redditname {height: 25px}
  1132.  
  1133. .titlebox h1.redditname a::before {
  1134.     font-size: 20px;
  1135.     font-weight: 300;
  1136.  }
  1137.  
  1138. .res .titlebox .fancy-toggle-button {
  1139.     display: inline-block;
  1140.     margin-top: 10px;
  1141.     margin-right: 5px;
  1142.     margin-left: 0
  1143.  }
  1144.  
  1145. .titlebox .fancy-toggle-button {
  1146.     display: inline-block;
  1147.     margin-left: 100px;
  1148.     margin-right: 100px;
  1149.     margin-top: 4px;
  1150.  }
  1151.  
  1152. .thing .title {
  1153.     color: #00F;
  1154.     outline: medium none;
  1155.     margin-right: 0.4em;
  1156.     padding: 0px;
  1157.     overflow: hidden;
  1158.  }
  1159.  
  1160. .flat-list {
  1161.     list-style-type: none;
  1162.     display: inline;
  1163.  }
  1164.  
  1165. /*COMMENTTS BUTTON COLOR*/
  1166. .entry .buttons .may-blank {
  1167.     font-weight: 400;
  1168.     color: #0F93CB !important;
  1169.  }
  1170.  
  1171. .entry .buttons li a, .entry .buttons li + li {
  1172.     font-weight: normal;
  1173.     background: none repeat scroll 0% 0% !important;
  1174.     color: black !important;
  1175.     text-transform: none !important;
  1176.     margin-top: 0px !important;
  1177.  }
  1178.  
  1179. /*COMMENTS AND EVERYTHING ELSE BUTTONS*/
  1180. button {
  1181.     background: #5d3ce9;
  1182.     border-radius: 4px;
  1183.     color: #FFF;
  1184.     cursor: pointer;
  1185.     font-size: 14px;
  1186.     line-height: 2.16;
  1187.     text-align: center;
  1188.     white-space: nowrap;
  1189.     border: 0px none;
  1190.     padding: 0px 1.06667em;
  1191.     text-transform: capitalize;
  1192.  }
  1193.  
  1194.     button:hover {background: #37248b;}
  1195.  
  1196. #header-img {
  1197.     position: relative;
  1198.     height: 25px !important;
  1199.     width: 70px;
  1200.     margin-top: 190px;
  1201.     margin-left: 35px;
  1202.     background-size: contain !important;
  1203.     background-repeat: no-repeat !important;
  1204.     z-index: 1;
  1205.  }
  1206.  
  1207. /*BODY MARGINS AND SETTINGS */
  1208. body:not(.submit-page) .tabmenu::after {
  1209.     position: absolute;
  1210.     height: 49px;
  1211.     content: '';
  1212.     z-index: -1;
  1213.     left: 0px;
  1214.     right: 0px;
  1215.     background: #666; /*TABMENU BACKGROUND SELECT*/
  1216.  }
  1217.  
  1218. /* TAB BAR SETTINGS */
  1219. #sr-header-area {
  1220.     width: 100%;
  1221.     z-index: 9999;
  1222.  }
  1223.  
  1224. /* THIS CODE CENTERS THE TAB MENU*/
  1225. #header-bottom-left .tabmenu {
  1226.     text-align: center;
  1227.     position: absolute;
  1228.     left: 0px;
  1229.     right: 0px;
  1230.     top: 179px;
  1231.  }
  1232.  
  1233. /*END*/
  1234. /*TABMENU*/
  1235. .tabmenu {
  1236.     margin-top: 22px;
  1237.     background-color: #444;
  1238.  }
  1239.  
  1240.     .tabmenu li {
  1241.         background-color: transparent;
  1242.         margin: 0 !important;
  1243.         height: 36px;
  1244.         width: 102px;
  1245.      }
  1246.  
  1247. .selected, .choice.primary {font-weight: 600;}
  1248.  
  1249. a {
  1250.     text-decoration: none;
  1251.     color: #999;
  1252.  }
  1253.  
  1254. .tabmenu li a {
  1255.     padding: 0px 20px!important;
  1256.     background-color: transparent;
  1257.     border-left: none;
  1258.     border-right: none;
  1259.     display: inline-block;
  1260.     line-height: 48px;
  1261.     text-align: center;
  1262.     text-transform: Uppercase;
  1263.     transition: .4s color ease;
  1264.     font-weight: normal;
  1265.     color: #ccc !important;
  1266.  }
  1267.  
  1268. .tabmenu li:hover a {
  1269.     background-color: transparent;
  1270.     color: #FFF !important;
  1271.     font-weight: bold !important;
  1272.  }
  1273.  
  1274. .tabmenu li.selected a {
  1275.     color: #FFF !important;
  1276.     background-color: transparent;
  1277.     font-weight: bold !important;
  1278.     border: none !important;
  1279.  }
  1280.  
  1281. /* BODY MARGINS */
  1282. div.content {
  1283.     border-radius: 8px;
  1284.     margin: 20px 350px 10px 25px;
  1285.     border: 1px solid #e1e1e1;
  1286.     background-color: #fff;
  1287.     font-size: 12px;
  1288.  }
  1289.  
  1290. .content h1 {
  1291.     padding: 10px 20px;
  1292.     text-transform: capitalize;
  1293.  }
  1294.  
  1295. .midcol {margin-left: 0;}
  1296.  
  1297. body >.content .link .rank, .rank-spacer {display: none;}
  1298.  
  1299. body >.content .link .midcol, .midcol-spacer {width: 40px !important;}
  1300.  
  1301. .thing .title {color: black;}
  1302.  
  1303.     .thing .title:visited {color: #7f7f7f;}
  1304.  
  1305. .link .title {font-weight: normal;}
  1306.  
  1307.     .link .title .domain {
  1308.         color: #999;
  1309.         font-size: 0;
  1310.         font-weight: normal
  1311.      }
  1312.  
  1313.         .link .title .domain::before {font-size: 12px}
  1314.  
  1315.         .link .title .domain a {
  1316.             font-size: 12px;
  1317.             margin-left: 1px;
  1318.             margin-top: -10px;
  1319.          }
  1320.  
  1321. .link .tagline {
  1322.     color: #999;
  1323.     font-size: 12px;
  1324.     margin-top: 3px;
  1325.  }
  1326.  
  1327. /*SIDEBAR*/
  1328. .side {
  1329.     border: 1px solid #e1e1e1;
  1330.     border-radius: 5px;
  1331.     padding: 0px;
  1332.     margin: 163px 25px 100px;
  1333.     width: 300px;
  1334.     background: #ffffff;
  1335.  }
  1336.  
  1337. /*SEARCH*/
  1338. body:not(.search-page) #search input[type=text] {
  1339.     padding: 9px;
  1340.     border-radius: 1px; /*makes it look cleaner in some browsers*/
  1341.     border: 1px solid #ccc;
  1342.     font: 200 16px;
  1343.     text-align: center;
  1344.     width: 300px !important;
  1345.     background: #FFF;
  1346.  }
  1347.  
  1348. #searchexpando {
  1349.     border-radius: 0px 0px 4px 4px;
  1350.     text-align: center;
  1351.     width: 280px;
  1352.     background: black none repeat scroll 0% 0%;
  1353.     border: medium none;
  1354.     box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
  1355.     color: white;
  1356.     opacity: 0.85;
  1357.     margin-top: 0px;
  1358.     font-weight: bold;
  1359.     text-transform: uppercase;
  1360.     font-size: 11px;
  1361.     line-height: 2.5em;
  1362.     height: 65px;
  1363.  }
  1364.  
  1365. .res #searchexpando {height: 88px;}
  1366.  
  1367. .infobar {border: 0px}
  1368.  
  1369. .side #search {
  1370.     top: 270px;
  1371.     position: absolute;
  1372.     margin-right: 25px;
  1373.     z-index: 4;
  1374.     width: 317px;
  1375.  }
  1376.  
  1377. /*SPECIAL SEARCH ANIMATION*/
  1378. body:not(.search-page) #search input[type=text] {
  1379.     border-radius: 6px;
  1380.     text-align: left;
  1381.     padding-left: 125px;
  1382.     -webkit-transition: 0.4s padding-left;
  1383.     -moz-transition: 0.4s padding-left;
  1384.     -ms-transition: 0.4s padding-left;
  1385.     -o-transition: 0.4s padding-left;
  1386.     transition: 0.4s padding-left;
  1387.  }
  1388.  
  1389.     body:not(.search-page) #search input[type=text]:focus {
  1390.         border-color: #aaa;
  1391.         padding-left: 8px;
  1392.         outline: 0;
  1393.      }
  1394.  
  1395. /*SUBMIT LINKS */
  1396. .morelink {
  1397.     background: #444;
  1398.     border: none;
  1399.     letter-spacing: 0;
  1400.     font-size: 14px !important;
  1401.     border-radius: 3.5px;
  1402.     padding: 3px;
  1403.     text-transform: uppercase;
  1404.  }
  1405.  
  1406.     .morelink:hover {background: #666;}
  1407.  
  1408.     .morelink a, .morelink a:hover, .morelink a:visited {color: #fff;}
  1409.  
  1410. .side .submit-link {
  1411.     position: absolute;
  1412.     width: 300px;
  1413.     top: 318px;
  1414.     right: 25px;
  1415.  }
  1416.  
  1417. .side .submit-text {
  1418.     position: absolute;
  1419.     width: 300px;
  1420.     top: 365px;
  1421.     right: 25px;
  1422.  }
  1423.  
  1424. .morelink .nub {display: none;}
  1425.  
  1426. /*TITLEBOX PADDING*/
  1427. .titlebox {padding: 12px;}
  1428.  
  1429. .side .titlebox .md h3 a {margin-left: 5px;}
  1430.  
  1431. .side md {
  1432.     padding-left: 5px;
  1433.     padding-right: 5px;
  1434.  }
  1435.  
  1436. .side #moderation_tools {
  1437.     padding-left: 15px;
  1438.     margin-bottom: 15px;
  1439.  }
  1440.  
  1441. .sidecontentbox {padding: 15px;}
  1442.  
  1443. .infobar {
  1444.     background: #f2f2f2;
  1445.     border: 1px solid #ebebeb;
  1446.  }
  1447.  
  1448. .user .userkarma {font-weight: normal;}
  1449.  
  1450. .message-count {
  1451.     position: relative;
  1452.     top: -2px;
  1453.  }
  1454.  
  1455. .commentarea {padding: 0 10px 10px;}
  1456.  
  1457. .users-online {color: #535353;}
  1458.  
  1459.     .users-online:before {display: none;}
  1460.  
  1461. .flair, .linkflairlabel {
  1462.     margin-right: 0.8em;
  1463.     margin-bottom: -2px;
  1464.     padding: 2px 4px;
  1465.  }
  1466.  
  1467. .nextprev, .next-suggestions {
  1468.     margin: 10px !important;
  1469.     padding: 10px !important;
  1470.     display: block;
  1471.  }
  1472.  
  1473. .nextprev a, .next-suggestions a {font-weight: normal !important;}
  1474.  
  1475. .link .usertext .md {border: 1px solid #e1e1e1;}
  1476.  
  1477. .link .usertext-body .md {
  1478.     border: none !important;
  1479.     background: none !important;
  1480.  }
  1481.  
  1482. .link.last-clicked {
  1483.     border: none;
  1484.     border-bottom: 1px solid #e1e1e1;
  1485.  }
  1486.  
  1487. .arrow.downmod {
  1488.     background-image: url(%%downvoted%%);
  1489.     background-size: contain;
  1490.     background-position: 0px 0px;
  1491.     height: 25px;
  1492.     width: 25px;
  1493.  }
  1494.  
  1495. .arrow.upmod {
  1496.     background-image: url(%%upvoted%%);
  1497.     background-size: contain;
  1498.     background-position: 0px 0px;
  1499.     height: 25px;
  1500.     width: 25px;
  1501.  }
  1502.  
  1503. .arrow.up {
  1504.     background-image: url(%%upvote%%);
  1505.     background-size: contain;
  1506.     background-position: 0px 0px;
  1507.     height: 25px;
  1508.     width: 25px;
  1509.  }
  1510.  
  1511. .arrow.down {
  1512.     background-image: url(%%downvote%%);
  1513.     background-size: contain;
  1514.     background-position: 0px 0px;
  1515.     height: 25px;
  1516.     width: 25px;
  1517.  }
  1518.  
  1519. div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;}
  1520.  
  1521. #header-img.default-header:hover, #header-img:hover {opacity: .7;}
  1522.  
  1523.  
  1524. .users-online {margin-bottom: 2em;}
  1525.  
  1526. .titlebox span.subscribers,.titlebox .number {
  1527.     font-size: 12px;
  1528.     position: relative;
  1529.  }
  1530.  
  1531. .titlebox span.subscribers, .titlebox .users-online {color: #999; position: relative; top: 7px;}
  1532.  
  1533. div.leavemoderator {
  1534.     margin-left: 18px;
  1535.     background: none;
  1536.  }
  1537.  
  1538. .titlebox .users-online {
  1539.     font-size: 12px;
  1540.     position: relative;
  1541.     top: 15px;
  1542.  }
  1543.  
  1544. .titlebox h1 {
  1545.     color: #4d5763;
  1546.     margin-bottom: 6px
  1547.  }
  1548.  
  1549. .titlebox .users-online {}
  1550.  
  1551.     .titlebox .users-online:before {display: none}
  1552.  
  1553.     .titlebox .users-online .number {font-style: italic}
  1554.  
  1555.         .titlebox .users-online .number:before {content: ""}
  1556.  
  1557. .titlelebox .word {display: none}
  1558.  
  1559. .titlebox .users-online,.titlebox .number {cursor: text}
  1560.  
  1561. .titlebox .tagline {
  1562.     font-size: 12px;
  1563.     margin: 0
  1564.  }
  1565.  
  1566. /* Text */
  1567. .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {
  1568.     margin-top: 15px;
  1569.     color: #000;
  1570.     font-size: 13px;
  1571.     font-weight: normal;
  1572.  }
  1573.  
  1574. /*BUTTONS ON SIDEBAR - Buttonstyle one */
  1575. .side .titlebox .md h3 a {
  1576.     border-radius: 3.5px;
  1577.     padding: 8px 0px;
  1578.     background: #444;
  1579.     border: none;
  1580.     color: #fff;
  1581.     letter-spacing: 0;
  1582.     font-weight: bold;
  1583.     text-align: center;
  1584.     transition: .3s background ease;
  1585.     font-size: 12px !important;
  1586.     width: 276px;
  1587.     margin: 1.5em 0;
  1588.     display: block;
  1589.  }
  1590.  
  1591.     .side .titlebox .md h3 a:hover {background: #666;}
  1592.  
  1593. .md hr {border: solid 1px #e5e5e5}
  1594.  
  1595. .titlebox .bottom {display: none}
  1596.  
  1597. /* Mod Box */
  1598. .side #moderation_tools {}
  1599.  
  1600.     .side #moderation_tools .title {}
  1601.  
  1602. .sidecontentbox .collapse-button {
  1603.     display: inline-block;
  1604.     width: 12px;
  1605.     height: 12px;
  1606.     line-height: 10px;
  1607.     text-align: center;
  1608.     font-size: 10px;
  1609.     margin: 1px 8px;
  1610.     background-color: transparent;
  1611.     color: #00bfa5;
  1612.     vertical-align: middle;
  1613.     border-radius: 2px;
  1614.     border: 1px solid #00bfa5
  1615.  }
  1616.  
  1617.     .sidecontentbox .collapse-button:hover {
  1618.         background-color: transparent;
  1619.         color: #009884;
  1620.         vertical-align: middle;
  1621.         border-radius: 2px;
  1622.         border: 1px solid #009884
  1623.      }
  1624.  
  1625. .side .sidecontentbox .content {
  1626.     border: none;
  1627.     padding: 8px 0
  1628.  }
  1629.  
  1630. /* Recently viewed links */
  1631. .gadget .midcol {width: 38px}
  1632.  
  1633. /* Body Content - Frontpage */
  1634. .content {
  1635.     margin: 96px 16px 0;
  1636.     padding: 0
  1637.  }
  1638.  
  1639.     .content:before {
  1640.         height: 166px;
  1641.         top: 0;
  1642.         position: absolute;
  1643.         width: 100%;
  1644.         left: 0;
  1645.         right: 0;
  1646.         background: #66B880;
  1647.         content: "";
  1648.         text-indent: -9999px;
  1649.         z-index: -1
  1650.      }
  1651.  
  1652. .entry .buttons li a, .entry .buttons li + li {font-weight: normal;}
  1653.  
  1654.  
  1655. /*EXPANDO BUTTONS*/
  1656. expando-button, .expando-button.image {
  1657.     height: 20px;
  1658.     width: 20px;
  1659.     margin: 5px 7px 2px 3px;
  1660.     background-repeat: no-repeat !important;
  1661.     background-size: contain;
  1662.  }
  1663.  
  1664. .expando-button {
  1665.     background: url(%%expand%%) !important;
  1666.     background-size: 20px 20px !important;
  1667.     background-repeat: no-repeat !important;
  1668.  }
  1669.  
  1670.     .expando-button:hover {
  1671.         background: url(%%expand-h%%) !important;
  1672.         background-size: 20px 20px !important;
  1673.         background-repeat: no-repeat !important;
  1674.      }
  1675.  
  1676.     .expando-button.expanded:hover {
  1677.         background: url(%%collapse-h%%) !important;
  1678.         background-size: 20px 20px !important;
  1679.         background-repeat: no-repeat !important;
  1680.      }
  1681.  
  1682.     .expando-button.expanded {
  1683.         background: url(%%collapse%%) !important;
  1684.         background-size: 20px 20px !important;
  1685.         background-repeat: no-repeat !important;
  1686.      }
  1687.  
  1688. /*FLAIRS*/
  1689. /*Redflair*/
  1690. .flair-redflair[title]:before {
  1691.     background: #fe506e;
  1692.     font-weight: Bold;
  1693.     display: inline-block;
  1694.     font-size: 10px;
  1695.     padding: 4px 8px;
  1696.     border-radius: 4px;
  1697.  }
  1698.  
  1699. .flair-redflair[title] {
  1700.     background: #c41959;
  1701.     color: white;
  1702.     font-size: 0;
  1703.     padding: 0 5px 0 0;
  1704.     -webkit-transition: 300ms;
  1705.     transition: 300ms;
  1706.     -webkit-box-sizing: border-box;
  1707.     box-sizing: border-box;
  1708.     border-radius: 4px;
  1709.  }
  1710.  
  1711.     .flair-redflair[title]:hover {font-size: 10px;}
  1712.  
  1713.         .flair-redflair[title]:hover:before {margin-right: 8px;}
  1714.  
  1715. /*purpleflair*/
  1716. .flair-purpleflair[title]:before {
  1717.     background: #a05be5;
  1718.     font-weight: Bold;
  1719.     display: inline-block;
  1720.     font-size: 10px;
  1721.     padding: 4px 8px;
  1722.     border-radius: 4px;
  1723.  }
  1724.  
  1725. .flair-purpleflair[title] {
  1726.     background: #6600cc;
  1727.     color: white;
  1728.     font-size: 0;
  1729.     padding: 0 5px 0 0;
  1730.     -webkit-transition: 300ms;
  1731.     transition: 300ms;
  1732.     -webkit-box-sizing: border-box;
  1733.     box-sizing: border-box;
  1734.     border-radius: 5px;
  1735.  }
  1736.  
  1737.     .flair-purpleflair[title]:hover {font-size: 10px;}
  1738.  
  1739.         .flair-purpleflair[title]:hover:before {margin-right: 8px;}
  1740.  
  1741. /*greenflair*/
  1742. .flair-greenflair[title]:before {
  1743.     background: #2B8B27;
  1744.     font-weight: Bold;
  1745.     display: inline-block;
  1746.     font-size: 10px;
  1747.     padding: 4px 8px;
  1748.     border-radius: 4px;
  1749.  }
  1750.  
  1751. .flair-greenflair[title] {
  1752.     background: #1A4B17;
  1753.     color: white;
  1754.     font-size: 0;
  1755.     padding: 0 5px 0 0;
  1756.     -webkit-transition: 300ms;
  1757.     transition: 300ms;
  1758.     -webkit-box-sizing: border-box;
  1759.     box-sizing: border-box;
  1760.     border-radius: 5px;
  1761.  }
  1762.  
  1763.     .flair-greenflair[title]:hover {font-size: 10px;}
  1764.  
  1765.         .flair-greenflair[title]:hover:before {margin-right: 8px;}
  1766.  
  1767. /*orangeflair*/
  1768. .flair-orangeflair[title]:before {
  1769.     background: #f26200;
  1770.     font-weight: Bold;
  1771.     display: inline-block;
  1772.     font-size: 10px;
  1773.     padding: 4px 8px;
  1774.     border-radius: 4px;
  1775.  }
  1776.  
  1777. .flair-orangeflair[title] {
  1778.     background: #c94700;
  1779.     color: white;
  1780.     font-size: 0;
  1781.     padding: 0 5px 0 0;
  1782.     -webkit-transition: 300ms;
  1783.     transition: 300ms;
  1784.     -webkit-box-sizing: border-box;
  1785.     box-sizing: border-box;
  1786.     border-radius: 5px;
  1787.  }
  1788.  
  1789.     .flair-orangeflair[title]:hover {font-size: 10px;}
  1790.  
  1791.         .flair-orangeflair[title]:hover:before {margin-right: 8px;}
  1792.  
  1793. /*blueflair*/
  1794. .flair-blueflair[title]:before {
  1795.     background: #4099ff;
  1796.     font-weight: Bold;
  1797.     display: inline-block;
  1798.     font-size: 10px;
  1799.     padding: 4px 8px;
  1800.     border-radius: 4px;
  1801.  }
  1802.  
  1803. .flair-blueflair[title] {
  1804.     background: #1E5790;
  1805.     color: white;
  1806.     font-size: 0;
  1807.     padding: 0 5px 0 0;
  1808.     -webkit-transition: 300ms;
  1809.     transition: 300ms;
  1810.     -webkit-box-sizing: border-box;
  1811.     box-sizing: border-box;
  1812.     border-radius: 5px;
  1813.  }
  1814.  
  1815.     .flair-blueflair[title]:hover {font-size: 10px;}
  1816.  
  1817.         .flair-blueflair[title]:hover:before {margin-right: 8px;}
  1818.  
  1819. div .thing .tagline .author.submitter:before {
  1820.     background: #4099ff;
  1821.     font-weight: Bold;
  1822.     line-height: 20px;
  1823.     padding: 0 4px;
  1824.     color: #FFF;
  1825.     display: inline-block;
  1826.     border-radius: 3px;
  1827.     font-size: 10px;
  1828.     content: "OP ";
  1829.     margin-right: .4em;
  1830.  }
  1831.  
  1832. div .thing .tagline .author.submitter {
  1833.     background: #1E5790;
  1834.     font-weight: Bold;
  1835.     line-height: 20px;
  1836.     padding: 0 4px;
  1837.     color: #FFF;
  1838.     display: inline-block;
  1839.     border-radius: 3px;
  1840.     font-size: 10px;
  1841.  }
  1842.  
  1843. .titlebox form.toggle {background: none;}
  1844.  
  1845. form.toggle.sr_style_toggle, form.toggle.flairtoggle {font-size: 0px;}
  1846.  
  1847. form.toggle.sr_style_toggle:after {
  1848.     content: "Use subreddit theme";
  1849.     font-size: 12px;
  1850.  }
  1851.  
  1852. form.toggle.flairtoggle:after {
  1853.     content: "ENABLE YOUR FLAIR";
  1854.     font-size: 12px;
  1855.     font-weight: 500;
  1856.  }
  1857.  
  1858. /*FLAIR TOGGLE*/
  1859. form.toggle.flairtoggle {
  1860.     background: #5d3ce9;
  1861.     border-radius: 5px 5px 0px 0px;
  1862.     margin-top: 30px;
  1863.     margin-right: auto;
  1864.     margin-left: auto;
  1865.     padding: 10px;
  1866.     color: white;
  1867.     text-transform: uppercase;
  1868.     text-align: center;
  1869.  }
  1870.  
  1871. .titlebox .tagline {
  1872.     background: #f4f4f4;
  1873.     border-radius: 0px 0px 5px 5px;
  1874.     border: none;
  1875.     margin-top: 0px;
  1876.     margin-bottom: 15px;
  1877.     margin-right: 0px;
  1878.     margin-left: 0px;
  1879.     padding: 20px;
  1880.     font-family: sans-serif;
  1881.     font-size: 12px;
  1882.  }
  1883.  
  1884. a.flairselectbtn {
  1885.     text-transform: uppercase;
  1886.     display: inline-block;
  1887.     margin-top: 18px;
  1888.     margin-left: auto;
  1889.     margin-right: auto;
  1890.     background: #5d3ce9!important;
  1891.     border-radius: 4px;
  1892.     color: #FFF!important;
  1893.     font-weight: bold;
  1894.     padding: 5px;
  1895.  }
  1896.  
  1897.     a.flairselectbtn:hover {text-decoration: none;}
  1898.  
  1899. .titlebox .tagline {
  1900.     text-align: center;
  1901.     max-height: 50px;
  1902.  }
  1903.  
  1904. .side .tagline {color: transparent;}
  1905.  
  1906. /*NO PRESET DEFAULT FLAIR*/
  1907. .linkflairlabel {
  1908.     background: #888;
  1909.     color: #fff;
  1910.     font-weight: bold;
  1911.  }
  1912.  
  1913. /*Colorful Link Flairs*/
  1914. /*This adds a colorful little tag to posts*/
  1915. /*Flairs*/
  1916. .linkflairlabel {
  1917.     max-width: none;
  1918.     border: 0px none;
  1919.  }
  1920.  
  1921. .linkflair-red .linkflairlabel {
  1922.     background: #fe506e;
  1923.     color: white;
  1924.     font-weight: Bold;
  1925.     border-radius: 2.5px;
  1926.  }
  1927.  
  1928. .linkflair-purple .linkflairlabel {
  1929.     background: #5d3ce9;
  1930.     color: white;
  1931.     font-weight: Bold;
  1932.     border-radius: 2.5px;
  1933.  }
  1934.  
  1935. .linkflair-orange .linkflairlabel {
  1936.     background: #f37735;
  1937.     color: white;
  1938.     font-weight: Bold;
  1939.     border-radius: 2.5px;
  1940.  }
  1941.  
  1942. .linkflair-green .linkflairlabel {
  1943.     background: #228b22;
  1944.     color: white;
  1945.     font-weight: Bold;
  1946.     border-radius: 2.5px;
  1947.  }
  1948.  
  1949. .linkflair-blue .linkflairlabel {
  1950.     background: #00aedb;
  1951.     color: white;
  1952.     font-weight: Bold;
  1953.     border-radius: 2.5px;
  1954.  }
  1955.  
  1956. /* Flair Selector */
  1957. .flairselector.drop-choices.active {
  1958.     border: 1px solid #D8D8D8;
  1959.     border-radius: 8px !important;
  1960.     visibility: visible;
  1961.     background-color: #FFF;
  1962.     padding: 20px !important;
  1963.  }
  1964.  
  1965. .flairselector .flairselection {margin-bottom: 17px;}
  1966.  
  1967. .flairselector .customizer {
  1968.     display: inline-block;
  1969.     vertical-align: middle;
  1970.  }
  1971.  
  1972. .side .flairselector {
  1973.     position: fixed;
  1974.     top: 150px!important;
  1975.     left: 50%!important;
  1976.     margin-left: -162px;
  1977.     width: 250px!important;
  1978.     border: none;
  1979.     border-radius: 2px;
  1980.     box-shadow: 0 0 16px rgba(0,0,0,0.64);
  1981.  }
  1982.  
  1983. .flairselector h2 {
  1984.     margin-bottom: 4px;
  1985.     background-color: transparent;
  1986.     color: #555 !important;
  1987.     text-align: left;
  1988.     text-transform: uppercase !important;
  1989.     font-weight: bold;
  1990.     font-size: 12px !important;
  1991.  }
  1992.  
  1993. .flairselector form button {
  1994.     text-transform: uppercase;
  1995.     font-size: 10px;
  1996.     font-weight: bold;
  1997.  }
  1998.  
  1999. .side .flairselector:before {
  2000.     display: block;
  2001.     position: fixed;
  2002.     top: 0px;
  2003.     left: 0px;
  2004.     z-index: -2;
  2005.     overflow: hidden;
  2006.     width: 100%;
  2007.     height: 100%;
  2008.     background-color: rgba(255, 255, 255, 0.75);
  2009.     content: "";
  2010.     cursor: default;
  2011.     transition: all 0.25s ease;
  2012.     pointer-events: none;
  2013.  }
  2014.  
  2015. .flairselector.drop-choices.active {
  2016.     visibility: visible !important;
  2017.     background-color: #fff;
  2018.     border: 1px solid #d8d8d8;
  2019.     border-radius: 2px;
  2020.  }
  2021.  
  2022. .flairselector h2 {
  2023.     padding: 5px 5px 5px 5px;
  2024.     background-color: #fff;
  2025.     border-bottom: 1px solid #e5e5e5;
  2026.     text-transform: capitalize;
  2027.  }
  2028.  
  2029. .flairoptionpane {text-align: left;}
  2030.  
  2031.     .flairoptionpane ul {visibility: visible !important;}
  2032.  
  2033.         .flairoptionpane ul a.title {font-size: 100% !important;}
  2034.  
  2035. .flairselector li {
  2036.     padding: 3px 0px 3px 0px;
  2037.     width: 182px;
  2038.  }
  2039.  
  2040.     .flairselector li:hover {background-color: #efefef;}
  2041.  
  2042. .flairselector form {border-top: 1px solid #e5e5e5;}
  2043.  
  2044. .flairsample-left {text-align: left !important;}
  2045.  
  2046. .flairselector ul {overflow: visible;}
  2047.  
  2048. .flairselector li.selected {
  2049.     background-color: #e5ebf8;
  2050.     border: none;
  2051.  }
  2052.  
  2053. /*LOGIN FORM*/
  2054. .login-form-side {
  2055.     border: medium none;
  2056.     padding: 16px;
  2057.     margin-top: -10px;
  2058.  }
  2059.  
  2060.     .login-form-side input[type="text"], .login-form-side input[type="password"] {
  2061.         font-size: 11px;
  2062.         box-sizing: border-box;
  2063.         border: 1px solid #999;
  2064.         width: 258px;
  2065.      }
  2066.  
  2067.     .login-form-side #remember-me * {vertical-align: middle;}
  2068.  
  2069.     .login-form-side .submit {
  2070.         float: right;
  2071.         margin-top: 5px;
  2072.         margin-right: 5px;
  2073.      }
  2074.  
  2075. /*THUMBNAILS*/
  2076. .thumbnail {border-radius: 5px;}
  2077.  
  2078. .stickied .thumbnail {
  2079.     background: url(%%Sticky%%) !important;
  2080.     background-repeat: no-repeat !important;
  2081.     background-size: contain !important;
  2082.     background-size: 70px !important;
  2083.     padding-bottom: 18px !important;
  2084.     margin-top: -5 !important;
  2085.  }
  2086.  
  2087. .thumbnail.nsfw {
  2088.     background: url(%%NSFW%%);
  2089.     background-repeat: no-repeat;
  2090.     background-size: contain;
  2091.     background-size: 70px;
  2092.     padding-bottom: 18px;
  2093.     margin-top: -5;
  2094.  }
  2095.  
  2096. .thumbnail.self {
  2097.     background: url(%%SelfPost%%);
  2098.     background-repeat: no-repeat;
  2099.     background-size: contain;
  2100.     background-size: 70px;
  2101.     padding-bottom: 18px;
  2102.     margin-top: -5;
  2103.  }
  2104.  
  2105. body:not(.loggedin) .thumbnail.self {padding-bottom: 20px;}
  2106.  
  2107. body:not(.loggedin) .thumbnail.default {padding-bottom: 20px;}
  2108.  
  2109. /*STICKIED*/
  2110. body:not(.comments-page) .stickied a.title:link,
  2111. body:not(.comments-page) .stickied a.title:visited,
  2112. body:not(.comments-page) .stickied .link .tagline,
  2113. body:not(.comments-page) .stickied .tagline,
  2114. body:not(.comments-page) .stickied .entry .buttons li a,
  2115. body:not(.comments-page) .stickied .entry .buttons li + li,
  2116. body:not(.comments-page) .stickied .md p {color: #2B8B27 !important;}
  2117.  
  2118. /*NSFW*/
  2119. body:not(.comments-page) .over18 a.title:link,
  2120. body:not(.comments-page) .over18 a.title:visited,
  2121. body:not(.comments-page) .over18 .link .tagline,
  2122. body:not(.comments-page) .over18 .tagline,
  2123. body:not(.comments-page) .over18 .entry .buttons li a,
  2124. body:not(.comments-page) .over18 .entry .buttons li + li,
  2125. body:not(.comments-page) .over18 .md p {color: #d11141 !important;}
  2126.  
  2127. /*UPPER RIGHT RES THINGY*/
  2128. .res #RESShortcutsEditContainer, .res #sr-more-link {
  2129.     height: 23px!important;
  2130.     max-height: 23px!important;
  2131.     line-height: 23px;
  2132.     padding-left: 8px;
  2133.     background: none !important;
  2134.     border: 0px;
  2135.     font-weight: normal;
  2136.     margin-right: 10px;
  2137.  }
  2138.  
  2139. #sr-more-link {
  2140.     position: absolute;
  2141.     top: -3px;
  2142.  }
  2143.  
  2144. #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
  2145.     height: 25px;
  2146.     line-height: 25px!important;
  2147.     margin-right: 4px;
  2148.     background: transparent!important;
  2149.     color: #000;
  2150.  }
  2151.  
  2152. .link .flat-list {
  2153.     display: block;
  2154.     padding: 1px 0px;
  2155.     margin-top: 3px;
  2156.  }
  2157.  
  2158. .flaircell, .flairlist .header {
  2159.     display: inline-block;
  2160.     text-align: center;
  2161.     width: 30ex;
  2162.     margin-right: 100px;
  2163.  }
  2164.  
  2165. li.searchfacet {width: 20em}
  2166.  
  2167. /*LOADING MESSAGE AND ERROR FORMAT*/
  2168. .error {
  2169.     color: #5d3ce9;
  2170.     font-size: 12px;
  2171.     text-transform: uppercase;
  2172.     font-weight: bold;
  2173.  }
  2174.  
  2175. /*STYLESHEET EDITING PAGE FIX*/
  2176. .pretty-form {
  2177.     font-size: larger;
  2178.     margin-left: 25px;
  2179.  }
  2180.  
  2181. #preview-table > table {
  2182.     border-width: 0.2em;
  2183.     border-style: dashed;
  2184.     border-color: #D3D3D3;
  2185.     padding: 5px;
  2186.     margin: 5px;
  2187.     width: 900px;
  2188.     margin-left: 25px;
  2189.  }
  2190.  
  2191. form#image-upload.image-upload {margin-left: 25px;}
  2192.  
  2193. .footer-parent {
  2194.     position: relative;
  2195.     overflow: hidden;
  2196.     padding: 0;
  2197.     background: #333;
  2198.     text-align: left;
  2199.     font-size: 12px;
  2200.     line-height: 20px;
  2201.     margin-top: 300px;
  2202.  }
  2203.  
  2204. .footer {
  2205.     position: relative;
  2206.     z-index: 1;
  2207.     display: block;
  2208.     overflow: hidden;
  2209.     margin: 0 0 5px 25px;
  2210.     padding: 0;
  2211.     width: 100%;
  2212.     border: 0 none;
  2213.     text-transform: uppercase;
  2214.  }
  2215.  
  2216.     .footer a {color: #b2b2b2 !important;}
  2217.  
  2218.     .footer .col {
  2219.         margin: 10px;
  2220.         border: 0 none
  2221.      }
  2222.  
  2223.     .footer .flat-vert.title {
  2224.         margin: 0 0 15px;
  2225.         color: white;
  2226.         font-weight: bold;
  2227.         font-size: 12px;
  2228.      }
  2229.  
  2230. .bottommenu,.bottommenu a {font-size: 10px}
  2231.  
  2232. .bottommenu {
  2233.     margin: 0 0 0 25px;
  2234.     margin: -5px 0;
  2235.     padding: 5px 50px;
  2236.     color: #444;
  2237.     background-color: #FFF;
  2238.     text-transform: uppercase;
  2239.     font-weight: bold;
  2240.     line-height: 1em;
  2241.  }
  2242.  
  2243.     .bottommenu:before {
  2244.         position: absolute;
  2245.         top: 0;
  2246.         left: 0;
  2247.         display: block;
  2248.         width: 100%;
  2249.         height: 37px;
  2250.         border-width: 0px 2000px;
  2251.         border-style: solid;
  2252.         content: " "
  2253.      }
  2254.  
  2255.  
  2256. /*NEW MAIL ANIMATION*/
  2257. /*TAKEN FROM /R/APPLE*/
  2258. #mail.havemail:before {
  2259.     position: fixed;
  2260.     bottom: 24px;
  2261.     z-index: 100;
  2262.     padding: 45px 0px 10px 0px;
  2263.     background-color: #000;
  2264.     border-radius: 6px;
  2265.     box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  2266.     color: #fff;
  2267.     width: 210px;
  2268.     height: 15px;
  2269.     left: 0px;
  2270.     right: 0px;
  2271.     content: "YOU HAVE NEW MESSAGES";
  2272.     text-indent: 30px;
  2273.     font-size: 11px;
  2274.     line-height: 1;
  2275.     -webkit-transform: translateY(112px);
  2276.     transform: translateY(112px);
  2277.     transition: background-color 0.25s ease, box-shadow 0.25s ease;
  2278.     background-image: url(%%mail%%);
  2279.     background-position: 85px 14px;
  2280.     margin: 0px auto;
  2281.     background-size: 32px;
  2282.     font-weight: bold;
  2283.     background-repeat: no-repeat;
  2284.     opacity: 0.8;
  2285.  }
  2286.  
  2287.  
  2288.     /*Animation */
  2289.         #mail.havemail:before {
  2290.             animation-name: toast;
  2291.             animation-duration: 8s;
  2292.             animation-iteration-count: 1;
  2293.             animation-timing-function: ease;
  2294.  
  2295.             -webkit-animation-name: toast;
  2296.             -webkit-animation-duration: 8s;
  2297.             -webkit-animation-iteration-count: 1;
  2298.             -webkit-animation-timing-function: ease;
  2299.         }
  2300.  
  2301.             #mail.havemail:hover:before {
  2302.                 -webkit-animation-play-state: paused;
  2303.                  -moz-animation-play-state: paused;
  2304.                  -o-animation-play-state: paused;
  2305.                   animation-play-state: paused;
  2306.             }
  2307.  
  2308.  
  2309.             @-webkit-keyframes toast {
  2310.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2311.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2312.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2313.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2314.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2315.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2316.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2317.             }
  2318.  
  2319.             @-o-keyframes toast {
  2320.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2321.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2322.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2323.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2324.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2325.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2326.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2327.             }
  2328.  
  2329.  
  2330.             @-moz-keyframes toast {
  2331.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2332.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2333.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2334.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2335.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2336.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2337.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2338.             }
  2339.  
  2340.  
  2341.             @keyframes toast {
  2342.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2343.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2344.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2345.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2346.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2347.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2348.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2349.             }
  2350.  
  2351. /*Dark mode*/
  2352. /*COMMENTS PAGE*/
  2353. html[lang="dm"] .combined-search-page .search-result-group .search-header-label,
  2354. html[lang="dm"] .combined-search-page .search-result .search-result-body,
  2355. html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,
  2356. html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,
  2357. html[lang="dm"] .combined-search-page .search-result .search-result-meta,
  2358. html[lang="dm"] .combined-search-page .search-result .search-score,
  2359. html[lang="dm"] .combined-search-page .search-result .search-comments,
  2360. html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff;}
  2361.  
  2362. html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #444 100%) repeat scroll 0% 0%}
  2363.  
  2364. html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B;}
  2365.  
  2366. /*STICKIED*/
  2367. html[lang="dm"] body:not(.comments-page) .stickied a.title:link,
  2368. html[lang="dm"] body:not(.comments-page) .stickied a.title:visited,
  2369. html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,
  2370. html[lang="dm"] body:not(.comments-page) .stickied .tagline,
  2371. html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,
  2372. html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,
  2373. html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f !important;}
  2374.  
  2375. /*NSFW*/
  2376. html[lang="dm"] body:not(.comments-page) .over18 a.title:link,
  2377. html[lang="dm"] body:not(.comments-page) .over18 a.title:visited,
  2378. html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,
  2379. html[lang="dm"] body:not(.comments-page) .over18 .tagline,
  2380. html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,
  2381. html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,
  2382. html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b !important;}
  2383.  
  2384. html[lang="dm"] body {background: #323232;}
  2385.  
  2386. html[lang="dm"] div.content {
  2387.     background-color: #444;
  2388.     border: 1px solid #4c4c4c;
  2389.  }
  2390.  
  2391. html[lang="dm"] .arrow.upmod {
  2392.     background-image: url(%%upvoted-nm%%);
  2393.     background-size: contain;
  2394.     background-position: 0px 0px;
  2395.     height: 25px;
  2396.     width: 25px;
  2397.  }
  2398.  
  2399. html[lang="dm"] .entry .buttons li a {color: #ccc !important;}
  2400.  
  2401. html[lang="dm"] .thing .title:visited {color: #ccc;}
  2402.  
  2403. html[lang="dm"] .thing .title {color: white;}
  2404.  
  2405. html[lang="dm"] input[name="uh"] ~ a:after {display: none;}
  2406.  
  2407. html[lang="dm"] .entry .buttons .may-blank {color: white;}
  2408.  
  2409. html[lang="dm"] a.comments::after {color: #ccc !important;}
  2410.  
  2411. html[lang="dm"] .flair {border: none;}
  2412.  
  2413. html[lang="dm"] .side {
  2414.     border: #4c4c4c;
  2415.     background: #444;
  2416.  }
  2417.  
  2418. html[lang="dm"] div.leavemoderator {color: #ccc;}
  2419.  
  2420. html[lang="dm"] .side .usertext-body {
  2421.     background-image: none;
  2422.     padding: 0;
  2423.  }
  2424.  
  2425. html[lang="dm"] .side .md p {color: white;}
  2426.  
  2427. html[lang="dm"] .icon-menu a {color: white;}
  2428.  
  2429. html[lang="dm"] .sidecontentbox .title h1 {
  2430.     color: white;
  2431.     font-weight: bold;
  2432.  }
  2433.  
  2434. html[lang="dm"] .side .titlebox .md h3 a {background: #323232;}
  2435.  
  2436. html[lang="dm"] .titlebox span.subscribers, html[lang="dm"] .titlebox .users-online {color: white !important;}
  2437.  
  2438. html[lang="dm"] #sr-header-area {background: #323232;}
  2439.  
  2440.     html[lang="dm"] #sr-header-area a,
  2441. html[lang="dm"] h2 {color: white;}
  2442.  
  2443. html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: white !important;}
  2444.  
  2445. html[lang="dm"] .side .md h4 a {color: white !important;}
  2446.  
  2447. html[lang="dm"] .side .md h4 {background: #323232;}
  2448.  
  2449. html[lang="dm"] .link {border-bottom: 1px solid #888;}
  2450.  
  2451. html[lang="dm"] .md a {color: #a4d11b;}
  2452.  
  2453. html[lang="dm"] textarea {
  2454.     background-color: #222 !important;
  2455.     color: white !important;
  2456.  }
  2457.  
  2458. html[lang="dm"] .link.promotedlink.promoted {background-color: #565656;}
  2459.  
  2460. html[lang="dm"] .link .score.likes {color: #FF5F3F !important;}
  2461.  
  2462. html[lang="dm"] .titlebox .tagline {background-color: #323232;}
  2463.  
  2464. html[lang="dm"] .expando-button.video,
  2465. html[lang="dm"] .expando-button.image,
  2466. html[lang="dm"] .expando-button.selftext,
  2467. html[lang="dm"] .expanded-button.video-muted {
  2468.     background: url(%%expand-h%%) !important;
  2469.     background-size: 20px 20px !important;
  2470.     background-repeat: no-repeat !important;
  2471.  }
  2472.  
  2473. html[lang="dm"] .expando-button.video.expanded,
  2474. html[lang="dm"] .expando-button.image.expanded,
  2475. html[lang="dm"] .expando-button.selftext.expanded,
  2476. html[lang="dm"] .expanded-button.video-muted.expanded {
  2477.     background: url(%%collapse-h%%) !important;
  2478.     background-size: 20px 20px !important;
  2479.     background-repeat: no-repeat !important;
  2480.  }
  2481.  
  2482. html[lang="dm"] span.score, html[lang="dm"] .sidecontentbox .more a {color: #ccc !important;}
  2483.  
  2484. html[lang="dm"] #progressIndicator,
  2485. html[lang="dm"] .commentarea .panestack-title .title,
  2486. html[lang="dm"] .commentingAs,
  2487. html[lang="dm"] .md,
  2488. html[lang="dm"] .linkinfo .date,
  2489. html[lang="dm"] div.score,
  2490. html[lang="dm"] span.totalvotes,
  2491. html[lang="dm"] .linkinfo .shortlink {color: white !important;}
  2492.  
  2493. html[lang="dm"] form.toggle.flairtoggle {background-color: #222;}
  2494.  
  2495. html[lang="dm"] body.comments-page .link {background: #4c4c4c;}
  2496.  
  2497. html[lang="dm"] .commentarea > .usertext {background-color: #444;}
  2498.  
  2499. html[lang="dm"] .commentarea .thing, html[lang="dm"] .commentarea .child .thing.comment {
  2500.     background-color: #444 !important;
  2501.     border: 1px solid #666 !important;
  2502.  }
  2503.  
  2504. html[lang="dm"] button {
  2505.     background-color: #999;
  2506.     color: #000;
  2507.  }
  2508.  
  2509. html[lang="dm"] .tagline a,
  2510. html[lang="dm"] #RESShortcutsSort,
  2511. html[lang="dm"] #RESShortcutsRight,
  2512. html[lang="dm"] #RESShortcutsLeft,
  2513. html[lang="dm"] #RESShortcutsAdd,
  2514. html[lang="dm"] #RESShortcutsTrash {color: #fff;}
  2515.  
  2516. html[lang="dm"] .shortlink .input {
  2517.     background-color: #222;
  2518.     color: #fff;
  2519.     border: 1px solid #666 !important;
  2520.  }
  2521.  
  2522. html[lang="dm"] .side .titlebox .md h1,
  2523. html[lang="dm"] .side .md ol,
  2524. html[lang="dm"] .error,
  2525. html[lang="dm"] .md del,
  2526. html[lang="dm"] .dropdown.srdrop span.selected.title,
  2527. html[lang="dm"] .menuarea,
  2528. html[lang="dm"] #previoussearch label,
  2529. html[lang="dm"] .search-page .searchfacets,
  2530. html[lang="dm"] .searchfacet a,
  2531. html[lang="dm"] .wiki-page-content .md h1,
  2532. html[lang="dm"] .titlebox h1 a,
  2533. html[lang="dm"]  .wiki-page .wikititle,
  2534. html[lang="dm"]  .wiki-page .pageactions .wikiaction-current,
  2535. html[lang="dm"]  .generic-table,
  2536. html[lang="dm"]  .md pre code,
  2537. html[lang="dm"]  .formtabs-content .infobar,
  2538. html[lang="dm"]  .roundfield,
  2539. html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,
  2540. html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2 {color: #fff !important;}
  2541.  
  2542. html[lang="dm"] .search-page .searchfacets {background: #555;}
  2543.  
  2544. html[lang="dm"] .roundfield,
  2545. html[lang="dm"] .formtabs-content .infobar {background-color: #444;}
  2546.  
  2547. html[lang="dm"]  .md code {
  2548.     background-color: #222;
  2549.     border: 1px solid #666 !important;
  2550.  }
  2551.  
  2552. html[lang="dm"]  .md pre {
  2553.     padding: 0px;
  2554.     background-color: transparent !important;
  2555.  }
  2556.  
  2557. html[lang="dm"]  .footer-parent {background: #222;}
  2558.  
  2559. html[lang="dm"] .wiki-page div.content {
  2560.     background-color: transparent;
  2561.     border: none;
  2562.  }
  2563.  
  2564. html[lang="dm"] .livePreview .md p {color: #000;}
  2565.  
  2566. html[lang="dm"] .wiki-page .infobar {
  2567.     background: none;
  2568.     border: none;
  2569.  }
  2570.  
  2571. html[lang="dm"]  .wiki-page .wiki-page-content,
  2572. html[lang="dm"]  .wiki-page .pageactions,
  2573. html[lang="dm"]  .wiki-page .wikititle,
  2574. html[lang="dm"] .content.submit .info-notice {background-color: #444 !important;}
  2575.  
  2576. html[lang="dm"]  body:not(.search-page) #search input[type="text"] {
  2577.     background: #222 !important;
  2578.     border: 1px solid #444;
  2579.     color: white;
  2580.  }
  2581.  
  2582. html[lang="dm"]  .submit-page a {color: #999;}
  2583.  
  2584. html[lang="dm"] .submit-page div.content {
  2585.     background: none;
  2586.     border: 1px solid #666;
  2587.  }
  2588.  
  2589. html[lang="dm"] .md table,html[lang="dm"]  .md ul {color: #fff !important;}
  2590.  
  2591. html[lang="dm"] .side .titlebox {color: #fff;}
  2592.  
  2593. html[lang="dm"] *::-moz-selection {
  2594.     background: #666;
  2595.     color: #fff;
  2596.  }
  2597.  
  2598. html[lang="dm"] .linkinfo {background-color: #444;}
  2599.  
  2600. html[lang="dm"] .gold-accent.comment-visits-box {color: white;}
  2601.  
  2602. html[lang="dm"] ul#image-preview-list li {
  2603.     background: #444;
  2604.     border: 1px solid #666;
  2605.     color: #fff;
  2606.  }
  2607.  
  2608. html[lang="dm"]  .flairselector h2,
  2609. html[lang="dm"]  .flairselector .tagline a {color: #000 !important;}
  2610.  
  2611. html[lang="dm"]   .wiki-page .wiki-page-content .md.wiki h4 {
  2612.     color: #fff !important;
  2613.  }
  2614.  
  2615. /* ===============================================================================================================================
  2616.  
  2617.  
  2618. ADD SNIPPETS BELOW THIS LINE
  2619.  
  2620.  
  2621. ==================================================================================================================================*/
Advertisement
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!