API tools faq
paste
Blackberryroid

Sample CSS Snippet

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