Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

css

By: a guest on Apr 4th, 2014  |  syntax: CSS  |  size: 28.22 KB  |  views: 77  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. .author[href$="/Astrid___"] {
  2. font-size: 0;
  3. content: '';
  4. }
  5. .author[href$="/Astrid___"]:after {
  6. font-size: 11px;
  7. content: 'Astrid___ ';
  8. color: red;
  9.  
  10. }
  11.  
  12.  
  13. /*custom size for menu sections*/
  14.  
  15. .titlebox blockquote ul:nth-of-type(2) {width: 135px;} /* Related Reddits */
  16. .titlebox blockquote ul:nth-of-type(1) {width: 205px;} /* Invites*/
  17.  
  18. /* menu */
  19.  
  20. div.content {
  21.     margin-top:7px;
  22.     }
  23.  
  24. /*hack to enable positioning of child elements*/
  25.  
  26. .titlebox form {
  27.     position: static
  28.     }
  29.  
  30. /*turns top quote in sidebar into menu container*/
  31.  
  32. .titlebox blockquote:first-child {
  33.     border-left: none;
  34.     position: absolute;
  35.     z-index: 100;
  36.     top: 185px;
  37.     left: 23px
  38.     }
  39.  
  40. /*turns first paragraph into menu title*/
  41.  
  42. .titlebox blockquote:first-child p:first-child {
  43.     margin-top: 0px;
  44.     padding: 5px;
  45.     float: left;
  46.     font-size: 16pt;
  47.     background: white;
  48.     border: 1px solid #BFBDBF;
  49.     font-weight:bold;
  50.     color: white;
  51.     cursor:default;
  52.     }
  53.  
  54. /*turns the lists into menus*/
  55.  
  56.  
  57. .titlebox blockquote ul {
  58. float: right;
  59. padding: -2px;
  60. background: white;
  61. border: 1px solid #BFBDBF;
  62. margin:0px;
  63. }
  64.  
  65.  
  66. .titlebox blockquote ul:hover {
  67. float: right;
  68. padding: 0px;
  69. background: #F2F2F2;
  70. border: 1px solid #BFBDBF;
  71. margin:0px;
  72. }
  73.  
  74. /*hide and styles lists*/
  75.  
  76. .titlebox blockquote ul li {
  77.     display: none;
  78.     padding:2px;
  79.     text-align:center;
  80.     }
  81.  
  82.  
  83. /*makes whole list item selectable*/
  84.  
  85. .titlebox blockquote li a {
  86.     color: black;
  87.     display:block;
  88.     font-size: 12px;
  89.     }
  90.  
  91. /*shows menu on hover*/
  92.  
  93. .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li {
  94.     display: block
  95.     }
  96.  
  97. /*turns top list item into section header*/
  98.  
  99. .titlebox blockquote li:first-child {
  100.     font-size: 12pt;
  101.     padding: 4px;
  102.     cursor:default;
  103.     }
  104.  
  105. /*styling menu items*/
  106.  
  107. .titlebox blockquote:first-child ul li:hover {
  108.     background: #4ac8f1;
  109.     }
  110. .titlebox blockquote li a:hover {
  111.     color: black;
  112.     }
  113.  
  114.  
  115.  .side blockquote {
  116.     padding: 0;
  117.     margin: 0;
  118.     background: none;
  119.     border: 0px solid;
  120.     /*position: absolute;
  121.     top: 40px;
  122.     left: 200px;*/
  123.     z-index: 99;
  124. }
  125. .side blockquote p {
  126.     margin: -3px 0 0;
  127.     padding: 3px 0 0;
  128.     display: none;
  129.     text-align: center;
  130. }
  131. .side blockquote a {
  132.     padding: .5em 0;
  133.     display: inline-block;
  134.     width: 100%;
  135.     border-top: 0px solid;
  136. }
  137. .side blockquote a:hover {
  138.     background: none;
  139.     color: #eee;
  140. }
  141. .side blockquote h4 {
  142.     padding: .5em;
  143. }
  144. .side blockquote h4:hover + p, .side blockquote p:hover {
  145.     display: block;
  146. }
  147.  
  148. /***** Going to probably play around below here becauseeeee why not -SickOrSane *****/
  149.  
  150.  
  151.  
  152. /* Replace [M] on mod distinguish to say [DNM Moderator] */
  153. .userattrs .moderator { font-size: 0; content: 'Mod'; }
  154. .userattrs .moderator::after { content: 'DNM Moderator'; font-size: x-small; }
  155.  
  156. /* Remove list of suggested subreddits on the submit page because it's dumb */
  157. .submit-page .formtabs-content .roundfield#reddit-field {
  158.   display: none;
  159. }
  160.  
  161. /* Put a little CSS message on the submit page in addition to what we have with reddit's built in functionality */
  162. #title-field:before {
  163.     display: block;
  164.     margin-top: 1em;
  165.     content: "Please read our sidebar before posting! Thank you.";
  166.     text-align: left;
  167.     margin-bottom: 10px;
  168.     font-size: 15px;
  169.     color: #222;
  170. }
  171.  
  172. /* Put the submit page text that we added using /about/edit above the place to post instead of the default position underneath - this way people will read it before making their post hopefully (need to tweak it a bit, but I'm lazy atm */
  173. .submit-page .formtabs-content .spacer:first-child {
  174.     margin-top: 200px;
  175. }
  176. .submit_text.roundfield {
  177.     position: absolute;
  178.     top: 410px;
  179. }
  180.  
  181. /* Make [deleted] say 'deleted/removed' in way smaller text */
  182. .deleted .grayed { display: none; }
  183. .deleted > .entry .tagline { font-size: 0; }
  184. .deleted .tagline .expand { font-size: x-small;
  185. }
  186. .deleted > .entry .noncollapsed:after {
  187. content: 'deleted/removed';
  188. opacity: .5;
  189. color: black;
  190. }
  191.  
  192. /* Turn 'comment' under threads with no comments into 'no comments yet, be the first one' */
  193. a.comments.empty:before{
  194. content:"no ";
  195. }
  196. a.comments.empty:after{
  197. content:"s yet, be the first one";
  198. }
  199.  
  200. /* Let's mess with the color of the 'no comments yet, be the first one' text just for the hell of it */
  201. a.comments.empty{
  202. color:green !important
  203. }
  204.  
  205. /* Make the report button for comments stand out a bit by making it black instead of grey */
  206. .comment .report-button {
  207.   color: black;
  208. }
  209. .comment .report-button .option.main a {
  210.   color: #FFF!important;
  211.   font-size: 0;
  212. }
  213. .comment .report-button .option.main a:after {
  214.   content: "report";
  215.   color: black!important;
  216.   font-size: 10px;
  217. }
  218. .comment .report-button .option.error a {
  219.   color: black!important;
  220. }
  221.  
  222. /* Make the report button for submissions stand out a bit by making it black instead of grey and changing the text to say 'report to mods' */
  223. .link .report-button {
  224.   color: black;
  225. }
  226. .link .report-button .option.main a {
  227.   color: #FFF!important;
  228.   font-size: 0;
  229. }
  230. .link .report-button .option.main a:after {
  231.   content: "report to mods";
  232.   color: black!important;
  233.   font-size: 10px;
  234. }
  235. .link .report-button .option.error a {
  236.   color: black!important;
  237. }
  238.  
  239.  
  240. /* Change what the [score hidden] text says */
  241. .tagline [title*="hides comment"] { display: none; }
  242. .tagline [title*="hides comment"] + *:before { content: '[score hidden for only 15 minutes!] '; }
  243.  
  244. /* Some big h3 text for the sidebar */
  245. h3 {
  246.     font-size: 200% !important;
  247.     font-weight: bold !important;
  248.     background-color: #383838;
  249.     text-align: center;
  250.     -moz-border-radius: 10px;
  251.     -webkit-border-radius: 10px;
  252.     color: white !important;
  253.     }
  254.  
  255. /* Let's make the 'give gold' button for comments have some custom text and say something besides 'give gold' */
  256. .comment a.give-gold {
  257.   font-size: 0;
  258.   font-weight: bold;
  259.   color: #FFF!important;
  260. }
  261. .res.res-nightmode .comment a.give-gold {
  262.   color: #222!important;
  263. }
  264. .comment a.give-gold:after {
  265.   content: "<3";
  266.   font-size: 10px;
  267.   color: red!important;
  268. }
  269.  
  270. /* Links too, why not */
  271. .link a.give-gold {
  272.   font-size: 0;
  273.   font-weight: bold;
  274.   color: #FFF!important;
  275. }
  276. .res.res-nightmode .comment a.give-gold {
  277.   color: #222!important;
  278. }
  279. .link a.give-gold:after {
  280.   content: "<3";
  281.   font-size: 10px;
  282.   color: red!important;
  283. }
  284.  
  285.  
  286. /***** SickOrSane's stuff ends here *****/
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300. /*---------------------------*/
  301. .author[href$="/CanUTasteTheWaste"] {
  302. font-size: 0;
  303. content: '';
  304. }
  305. .author[href$="/CanUTasteTheWaste"]:after {
  306. font-size: 12px;
  307. content: 'CanUTasteTheWaste';
  308. color: brown;
  309. font-family: "Times New Roman";
  310. }
  311. .author[href$="/hugsfordrugs"] {
  312. font-size: 0;
  313. content: '';
  314. }
  315. .author[href$="/hugsfordrugs"]:after {
  316. font-size: 16px;
  317. content: 'HUGS';
  318. color: blue;
  319. font-family: "Courier";
  320. }
  321. .author[href$="/Litecoin_Messiah"] {
  322. font-size: 0;
  323. content: '';
  324. }
  325. .author[href$="/Litecoin_Messiah"]:after {
  326. font-size: 12px;
  327. content: 'messiah';
  328. color: black;
  329. font-family: "Times New Roman";
  330. }
  331.  
  332.  
  333. /*---------------------------*/
  334. .author[href$="/WishIWasOnACatamaran"] {
  335. font-size: 0;
  336. content: '';
  337. }
  338. .author[href$="/WishIWasOnACatamaran"]:after {
  339. font-size: 12px;
  340. content: 'Hunter S. Thompson';
  341. color: navy;
  342. font-family: fantasy;
  343. }
  344.  
  345.  
  346. /*---------------------------*/
  347. .author[href$="/SilkRoadGuru"] {
  348. font-size: 0;
  349. content: '';
  350. }
  351. .author[href$="/SilkRoadGuru"]:after {
  352. font-size: 12px;
  353. content: 'Guru';
  354. color: #01DF01;
  355. font-family: Courier;
  356. }
  357.  
  358. /*---------------------------*/
  359. .author[href$="/mr_oblomov"] {
  360. font-size: 0;
  361. content: '';
  362. }
  363. .author[href$="/mr_oblomov"]:after {
  364. font-size: 13px;
  365. content: 'A State of Trance';
  366. color: #0066FF;
  367. background: -webkit-linear-gradient(left, #200000, #280000, #300000, #300000, #300000, #280000, #200000);
  368. font-family: Courier;
  369. }
  370.  
  371. /*---------------------------*/
  372. .author[href$="/InfinitelyOutThere"] {
  373. font-size: 0;
  374. content: '';
  375. }
  376. .author[href$="/InfinitelyOutThere"]:after {
  377. font-size: 12px;
  378. content: 'INFINITE';
  379. color: #00CC33;
  380. font-family: courier;
  381. }
  382.  
  383. /*---------------------------*/
  384. .author[href$="/lucyskyhigher"] {
  385. font-size: 0;
  386. content: '';
  387. }
  388. .author[href$="/lucyskyhigher"]:after {
  389. font-size: 12px;
  390. content: 'LUCYSKYHIGHER';
  391. color: white!important;
  392. background: purple;
  393. font-family: courier;
  394. }
  395.  
  396.  
  397. /* Start of Sidebar */
  398.  
  399.  
  400. /* Hides Recently Viewed Links */
  401. .side .spacer:nth-of-type(9) {
  402.     display: none
  403.     }
  404. /*Bold Cosmetics*/
  405. .side .md strong {
  406.     font-weight: bold;
  407.     font-size: 12px
  408.     }
  409. .side .usertext-body ul {
  410.         list-style:none;
  411. }
  412. .side .usertext-body ul li {
  413.         margin-bottom:5px;
  414. }
  415.  
  416.  
  417.  
  418. .side {
  419.  
  420. background-color: #D7FAD7;
  421.     margin-top: 10px;
  422.     margin-right: 3px;
  423.     padding: 1px 15px 0px 13px;
  424.     border: 1px solid black;
  425.     border-radius: 3px;
  426.         /*position:relative;*/
  427.     }
  428.  
  429. /* Remove "Account Activity div */
  430. .account-activity-box {
  431.     display: none
  432.     }
  433. /* Edit Moderators Box */
  434. .side .sidecontentbox {
  435.     border: 0px solid #d5d9dd;
  436.     background-color: #D7FAD7;
  437.     border-radius: 0px;
  438.     padding-bottom: 0px
  439.     }
  440. .sidecontentbox h1 {
  441.     text-transform: none;
  442.     padding-top: 2px;
  443.     position: relative;
  444.     text-align: left
  445.     }
  446.  
  447. .side .usertext {
  448.     border: 0px solid black;  
  449.     background-color: #f1f2f4;
  450.     margin-top: 20px;
  451.     border-radius: 10px;
  452.     text-align: left
  453.     }
  454.  
  455. .sidebox .spacer {
  456.     display: none
  457.     }
  458. /* Re-Position Moderators Box */
  459. .side .spacer:nth-of-type(0) {
  460.     padding-top: 1px
  461.     }
  462.  
  463.  
  464.  
  465. .bottom .author{font-size:0;}
  466. .bottom .author:after{
  467.     font-size:x-small!important;
  468.     content:'Astrid__';
  469.     color:#369;
  470. }
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. /* "A community for x time" Text Color */
  478. span.age {
  479.     color: black
  480.     }
  481. /* Created By: Text Color */
  482. .titlebox .bottom {
  483.     color: black
  484.     }
  485.  
  486. /* Search Bar */
  487. /*form#search {
  488.    
  489. padding-top: 100px    
  490. }*/
  491. #search input[type=text] {
  492.     border: 1px solid black;
  493.     /*margin-left: -14px;
  494.     top: 20px;*/
  495.     width: 288px;
  496.         /*left:21px;*/
  497.     padding: 5px;
  498.     text-align: center;
  499.     /*position: absolute;*/
  500.     font-size: 17px;
  501.     border-radius: 7px
  502.     }
  503. /* Grey Box on Search Page */
  504. .searchpane {
  505.     margin: 0px 7px 4px 2px
  506.     }
  507. div.search-summary {
  508.     display: none
  509.     }
  510. /* Search Position on Search Page */
  511. .searchpane #search input[type="text"] {
  512.     position: relative;
  513.     top: 0px;
  514.     left: 20px
  515.     }
  516. /* Search Expando */
  517. .side #searchexpando.infobar {
  518.     /*margin-top: 65px;
  519.     margin-bottom: -47px;*/
  520.     padding-top: 6px;
  521.     padding-left: 4px;
  522.     padding-bottom: 0px;
  523.     border: 1px solid black;
  524.     background-color: white;
  525.     border-radius: 7px
  526.     }
  527. #moresearchinfo {
  528.     border: 0 solid #333
  529.     }
  530. /*Comment Area*/
  531. /* No Comments Error */
  532. div.commentarea > p#noresults.error {
  533.     padding: 10px;
  534.     font-size: 0px
  535.     }
  536. div.commentarea > p#noresults.error:after {
  537.     font-size: small;
  538.     content: "No comments yet... be the first to write one!"
  539.     }
  540. div.commentarea {
  541.     border: 1px solid black;
  542.     padding-top: 3px;
  543.     margin-left: 7px;
  544.     margin-right: 10px;
  545.     padding-bottom: 2px;
  546.     background: white;
  547.     border-radius: 7px
  548.     }
  549.  
  550. /* Post Stripes / Rounded Rectangles */
  551. .content div.thing {
  552.     background-color: white;
  553.     border-radius: 3px;
  554.     border: 1px solid black;
  555.         margin: 10px;
  556.     padding-top: 10px;
  557.     padding-bottom: 10px
  558.     }
  559. .thing .title.click, .thing a.title {
  560.         color: #468966;
  561. }
  562. .thing .title.loggedin:visited, .thing .title.loggedin.click:visited {
  563.         color:#FFB03B;
  564. }
  565.  
  566. /* Post Stripes Hover Color */
  567. .content div.thing:hover {
  568.     background: -webkit-linear-gradient(bottom,#fafdff,#edf9ff);
  569.     background: -moz-linear-gradient(bottom,#fafdff,#edf9ff);
  570.     background: -o-linear-gradient(bottom,#fafdff,#edf9ff);
  571.     /* Fallback Color */
  572.     background-color: #edf9ff
  573.     }
  574. /* Remove UN-NSFW  Button */
  575. .link .marknsfw-button .option.active a[href="#"], .link .unmarknsfw-button .option.active a[href="#"] {
  576.     font-size: 0;
  577.     color: white
  578.     }
  579. .link {
  580.     margin: 0;
  581.     margin-bottom: -1px;
  582.     padding-left: 3px
  583.     }
  584.  
  585. /* Change share/save/hide cosmetics*/
  586. .link .flat-list {
  587.     font-size: 10px
  588.     }
  589. .link .tagline {
  590.     color: #999;
  591.     font-size: 10px;
  592.     margin: 4px 0
  593.     }
  594.  
  595. /* Background Gradient */
  596.  
  597. div.content {
  598.  
  599.  
  600.         background-color: #D7FAD7;
  601. background-image: url(%%FUCKFACE5%%);
  602.     padding-bottom: 10px;
  603.     padding-top: 70px;
  604.         border: 1px solid black;
  605.         border-radius: 3px;
  606.         overflow:hidden;
  607.     }
  608.  
  609. a[href*="/r/DarkNetMarkets"].title:link {
  610.     color: black
  611.     }
  612. .content {
  613.  border: 1px solid black;
  614.     margin-right: 339px;
  615.     margin-left: 7px;
  616.     padding-left: 5px;
  617.     padding-top: 55px;
  618.     border-radius: 7px
  619.     }
  620.  
  621.  
  622.  
  623. a#header-img.default-header {
  624.     display: none
  625.     }
  626. .author { color: black !important; }
  627.  
  628.  
  629. #header {border-bottom: 1px solid black;}
  630.  
  631.  
  632.  
  633. .morelink {
  634.     background: #a9bacb;
  635. }
  636. .morelink:hover {
  637.     background: #a9bacb;
  638. }
  639. .morelink a{color:#404244 !important;}
  640. .morelink:hover a{color:black !important;}
  641. .morelink .nub, .morelink:hover .nub {background:#259023 none;}
  642.  
  643.  
  644.  
  645.  
  646. /**** submit bar corners ****/
  647. .sidebox.submit .nub {display:none;}
  648.  
  649.  
  650.  
  651. .fancy-toggle-button .remove:hover:before {
  652.     position: absolute;
  653.     display: block;
  654.     z-index: 1000;
  655.     padding-top: 0px;
  656.     padding-bottom: 0px;
  657.     padding-left: 3px;
  658.     padding-right: 3px;
  659.     border: medium outset black;
  660.     background-color: black;
  661.    
  662.     text-align: center;
  663.     font-size: 10px;
  664.     font-weight: bold;
  665.     margin-left: -2px;
  666.     margin-top: 18px
  667.     }
  668. .fancy-toggle-button .remove {
  669.     background-color: #FFF !important;
  670.     background-image: none !important;
  671.     color: black !important;
  672.     border-color: #000
  673.     }
  674. .fancy-toggle-button .add {
  675.     background-color: black !important;
  676.     background-image: none !important
  677.     }
  678. .fancy-toggle-button .active {
  679.     border-color: black !important
  680.     }
  681.  
  682. .linkinfo {
  683.     border: 2px solid #000000;
  684.     border-radius: 0;
  685.     background: #D7FAD7;
  686. }
  687.  
  688.  
  689. /* Flair for the bitch-niggas by PS*/
  690.  
  691.  
  692.  
  693.       /* thread coloring  fixed by Numbers */
  694.  
  695.  
  696. #siteTable a[href*="smp"].title {color: blue;}
  697.  
  698. #siteTable a[href*="bmr"].title {color: red;}
  699.  
  700. #siteTable a[href*="sr"].title {color: green;}
  701.  
  702. #siteTable a[href*="tmp"].title {color: black;}
  703. .tagline .author.submitter {
  704.     color: orange !important;
  705. }
  706.  
  707.                 /* Header Image -----------------------------------------------------------------------------------------------------------------*/
  708.                
  709.  
  710. #header {
  711.     background: url(%%headder6%%) no-repeat 0 0;
  712.     height: 175px;
  713. }
  714.  
  715.  
  716. #sr-header-area {
  717.                         opacity: 0.0;
  718.                         filter: alpha(opacity=40);
  719.                         height: 18px;
  720.                         background-color: #C2C2C2;
  721.                         border-bottom: 1px solid #C2C2C2;
  722.  
  723.                 }
  724.  
  725.                         #sr-header-area:hover {
  726.                                 opacity: 90;
  727.                                 filter: alpha(opacity=90);
  728.                         }
  729.  
  730.                         #sr-header-area a {
  731.                                 color: #F2F2F2;
  732.                                 font-family: Verdana, Arial, sans-serif;
  733.                         }
  734.                
  735.                                 #sr-header-area a:hover {
  736.                                         color: black;
  737.                                         text-decoration: none;
  738.                                 }
  739.                
  740.                         #sr-more-link {
  741.                                 position: absolute;
  742.                                 background-color: #C2C2C2;
  743.                                 color: #eee;
  744.                         }
  745.                
  746.                         .dropdown.srdrop .selected {background-image: none;}
  747.                                 .dropdown.srdrop .selected:after {content: "▼";}
  748.                         .sr-bar .separator {color: #333;}
  749.  
  750.                         #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  751.                                 color: #C4C4C4;
  752.                                 font-size: 9px;
  753.                                 font-weight: normal;
  754.                                 font-family: Verdana, Arial, sans-serif;
  755.                                 padding-right: 3px;
  756.                         }
  757.  
  758.                                 #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  759.                                         color: #427FED;
  760.                                 }
  761.  
  762.                         #sr-header-area .drop-choices a.choice {
  763.                                 color: #333 !important;
  764.                         }
  765.  
  766.                          #sr-header-area .drop-choices a.choice:hover {
  767.                                 background-color: #427FED;
  768.                                 color: #eee !important;
  769.                          }
  770.  
  771. #header #header-bottom-right { top: auto !important; bottom: 0 !important; height: 17px; line-height: 17px; margin: 0; background: #C2C2C2; padding: 0 1em 0 0; }
  772.  
  773. #header-bottom-right * { color: black; }
  774.  
  775. #header-bottom-right a:hover {
  776.     color: black;
  777. }
  778.  
  779.  
  780.  
  781.  
  782. #header-bottom-left { position: absolute; bottom: 0; left: 0; right: 0; height: 17px; background: #CCCCCC; }
  783. #header .tabmenu,
  784. #header .tabmenu { position: absolute; bottom: 0; left: 400px; height: 17px; background: #CCCCCC; }
  785. #header .tabmenu li { display: inline-block; height: 17px; line-height: 17px; }
  786.  
  787.  
  788. .res #userbarToggle { display: none; }
  789. .res #header-bottom-right .user { margin-left: 1em; }
  790. .tabmenu li.selected a {
  791.    color: #949494;
  792.    border-bottom: 1px solid #F2F2F2;
  793.     background-color: #F2F2F2;
  794. }
  795.  
  796. .tabmenu li.selected a:hover {
  797.     color: red;
  798.    
  799.     border-bottom: 1px solid #F2F2F2;
  800.     background-color: #F2F2F2;
  801. }
  802.  
  803. .tabmenu li a {
  804.     background: none;
  805.     color: #F2F2F2;
  806. }
  807.  
  808. .tabmenu li a:hover {
  809.     color: black;
  810. }
  811.  
  812.  
  813.  
  814. /* Mod icons */
  815.                         .icon-menu a {background-color: transparent;}
  816.                         .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px  -33px;}
  817.                         .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  818.                         .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  819.                         .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  820.                         .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  821.                         .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  822.                         .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  823.                         .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  824.                         .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  825.                         .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  826.                         .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  827.                         .icon-menu a.reddit-unmoderated {display: none;}
  828.  
  829. /* Upvote and downvotes */
  830.                                 .link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;}
  831.                        
  832.                                         .link .score.likes {color: #ee5821;}   
  833.                                         .link .score.dislikes {color: #6f85bf;}
  834.                        
  835.                                 .arrow {
  836.                                         margin: 2px 0px 0px 0px;
  837.                                         margin-right: auto;
  838.                                         margin-left: auto;
  839.                                         width: 16px;
  840.                                         height: 16px;
  841.                                         background-image: url(%%spritesheet%%) !important;
  842.                                         background-position: center center;
  843.                                         outline: none !important;
  844.                                         border: none !important;
  845.                                 }
  846.                                
  847.                                         .arrow.up {background-position: -32px 0px;}
  848.                                         .arrow.upmod {background-position: -48px 0px;}
  849.                                         .arrow.down {background-position: 0px 0px;}
  850.                                         .arrow.downmod {background-position: -16px 0px;}
  851. #mail {
  852.                                 top: 0px;
  853.                                 overflow: visible;
  854.                                 width: 16px;
  855.                                 height: 16px;
  856.                                 background-image: url(%%spritesheet%%) !important;
  857.                         }
  858.  
  859.                                 #mail:hover, #modmail:hover {
  860.                                         border-bottom: 0px solid !important;
  861.                                 }
  862.                        
  863.                                 #mail.nohavemail {background-position: -64px 0px;}
  864.                                 #mail.havemail   {background-position:-80px 0px;}
  865.  
  866.                                         #mail.havemail:before, #modmail.havemail:before  {
  867.                                                 display: block;
  868.                                                 visibility: visible !important;
  869.                                                 position: fixed;
  870.                                                 top: 2px;
  871.                                                 right: 10px;
  872.                                                 z-index: 2;
  873.                                                 z-index: 0;
  874.                                                 width: 25px;
  875.                                                 height: 25px;
  876.                                                 background-color: #fff;
  877.                                                 background-image: url(%%spritesheet%%);
  878.                                                 background-position: -151px -50px;
  879.                                                 border-radius: 50%;
  880.                                                 content: " ";
  881.                                         }
  882.  
  883.                        
  884.                         #modmail {
  885.                                 top: -2px;
  886.                                 margin-bottom: -6px;
  887.                                 width: 16px;
  888.                                 height: 16px;
  889.                                 background-image: url(%%spritesheet%%) !important;
  890.                         }
  891.                        
  892.  
  893.                                 #modmail.havemail   {background-position:-112px 0px;}
  894.                                 #modmail.nohavemail {background-position:-96px 0px;}
  895.                                 #modmail.havemail:before {background-position: -126px -50px; margin-right: 40px;}
  896.  
  897.                         .comments-page #noresults:after {
  898.                                 content: "... so go ahead and tell us what you think!";
  899.                         }
  900.  
  901. /* Message the mods */
  902.                                 .sidecontentbox a.helplink {
  903.                                         display: block;
  904.                                         margin-right: 27px;
  905.                                         margin-bottom: 15px;
  906.                                         width: 80%;
  907.                                         background-color: #949494;
  908.                                         background-image: none!important;
  909.                                         border: none;
  910.                                        
  911.                                 -webkit-box-shadow: 0 1px 0 #E2E0E0;
  912.                                         box-shadow: 0 1px 0 #E2E0E0;
  913.                                         color: #fff !important;
  914.                                         text-align: center;
  915.                                         text-transform: capitalize;
  916.                                         text-shadow: 0px 1px 0px #5787e1;
  917.                                         letter-spacing: 0px;
  918.                                         font-weight: bold;
  919.                                         font-size: 13px;
  920.                                         font-family: Arial, sans-serif;
  921.                                         line-height: 26px;
  922.                                         cursor: default;
  923.                                 }
  924.  
  925. .thumbnail {
  926.                                 max-height: 50px;
  927.                                 max-width: 70px;
  928.                         }
  929.  
  930.                                 .thumbnail.self {
  931.                                         background-image: url(%%spritesheet%%);
  932.                                         background-position: -102px -92px;
  933.                                         background-repeat: no-repeat;
  934.                                 }
  935.  
  936.                                 .thumbnail.default {
  937.                                         background-image: url(%%spritesheet%%);
  938.                                         background-position: -102px -154px;
  939.                                         background-repeat: no-repeat;
  940.                                 }
  941.  
  942. .link .flat-list {
  943.   padding: 0;
  944. }
  945. .link .entry .buttons li.first a { /* comment link */
  946.   color: #5c5c5c;
  947. }
  948. .link .entry .buttons li:not(.first) a {
  949.   font-weight: normal;
  950. }
  951. .entry .buttons li a:hover,
  952. .entry .buttons li.first a:hover {
  953.   color: #000000;
  954. }
  955.  
  956.  
  957.  
  958. .side .helplink + .title h1 { display: none; }
  959. .side .helplink + .title::before {
  960. content: 'Global Moderators';
  961. display: block;
  962. font-size: 130%;
  963. color: gray;
  964. text-transform: uppercase;
  965. }
  966.  
  967.  
  968. #moderation_tools .title h1 {
  969.     color: black;
  970.     }
  971.  
  972. .sidecontentbox a {color: black;}
  973.                                
  974.  
  975.  
  976. html:lang(re) .link:not(.linkflair-one) {
  977.     display: none    }
  978.  
  979. html:lang(ds) .link:not(.linkflair-two) {
  980.     display: none    }
  981.  
  982.  
  983.  
  984. .linkflair-one .linkflairlabel {
  985.     background-color: #D6D6FF;
  986.     font-size: 9px;
  987.     font-weight: bold;
  988.     color:#000000;
  989.     }
  990.  
  991.  
  992. .linkflair-two .linkflairlabel {
  993.     background-color: #FFC0CB;
  994.     font-size: 9px;
  995.     font-weight: bold;
  996.     color:#000000;
  997.     }
  998.  
  999.  
  1000. .linkflair-three .linkflairlabel {
  1001.     background-color:   #FFC266;
  1002.     font-size: 9px;
  1003.     font-weight: bold;
  1004.     color:#000000;
  1005.     }
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011. .titlebox form {
  1012. /*Hack to enable repositioning of child elements*/
  1013. position: static
  1014. }
  1015.  
  1016.  
  1017. .titlebox.usertext-body .md h3 a{
  1018. color: #3D5C5C;}
  1019. .usertext-body .md h3 a{
  1020. color:#3D5C5C;}
  1021.  
  1022. .usertext-body .md h3 a:hover { color: black }
  1023.  
  1024.  
  1025. .titlebox.usertext-body .md h4 a{
  1026. color: #3D5C5C;}
  1027. .usertext-body .md h4 a{
  1028. color:#3D5C5C;}
  1029.  
  1030. .usertext-body .md h4 a:hover { color: black }
  1031.  
  1032. div.titlebox span.word {  
  1033.   display: none  
  1034. }  
  1035.  
  1036.  
  1037.  
  1038. div.titlebox span.number:after {  
  1039.   content: " Space Cadets"  
  1040. }  
  1041.  
  1042. div.titlebox .users-online span.number:after {
  1043.   content: " Floating Around in the Ether"  
  1044. }
  1045.  
  1046.  
  1047. #sr-header-area {
  1048.                         opacity: 0.0;
  1049.                         filter: alpha(opacity=40);
  1050.                         height: 18px;
  1051.                         background-color: #C2C2C2;
  1052.                         border-bottom: 1px solid #C2C2C2;
  1053.  
  1054.                 }
  1055.  
  1056.                         #sr-header-area:hover {
  1057.                                 opacity: 90;
  1058.                                 filter: alpha(opacity=90);
  1059.                         }
  1060.  
  1061.                         #sr-header-area a {
  1062.                                 color: #F2F2F2;
  1063.                                 font-family: Verdana, Arial, sans-serif;
  1064.                         }
  1065.                
  1066.                                 #sr-header-area a:hover {
  1067.                                         color: black;
  1068.                                         text-decoration: none;
  1069.                                 }
  1070.                
  1071.                         #sr-more-link {
  1072.                                 position: absolute;
  1073.                                 background-color: #C2C2C2;
  1074.                                 color: #eee;
  1075.                         }
  1076.                
  1077.                         .dropdown.srdrop .selected {background-image: none;}
  1078.                                 .dropdown.srdrop .selected:after {content: "▼";}
  1079.                         .sr-bar .separator {color: #333;}
  1080.  
  1081.                         #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  1082.                                 color: #C4C4C4;
  1083.                                 font-size: 9px;
  1084.                                 font-weight: normal;
  1085.                                 font-family: Verdana, Arial, sans-serif;
  1086.                                 padding-right: 3px;
  1087.                         }
  1088.  
  1089.                                 #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  1090.                                         color: #427FED;
  1091.                                 }
  1092.  
  1093.                         #sr-header-area .drop-choices a.choice {
  1094.                                 color: #333 !important;
  1095.                         }
  1096.  
  1097.                          #sr-header-area .drop-choices a.choice:hover {
  1098.                                 background-color: #427FED;
  1099.                                 color: #eee !important;
  1100.                          }
  1101.  
  1102. .flairselector .customizer {
  1103. display: none !important;
  1104. }
  1105.  
  1106. .flair {
  1107. border: none !important;
  1108. padding:0px;
  1109. background: url(%%spritesheet2%%) no-repeat -9999px -9999px;
  1110. display:inline-block;
  1111. }
  1112. .link .flair, .entry .tagline .flair {
  1113. float:left;
  1114. }
  1115. .flair-40{ background-position: 0 0; width: 18px; height: 18px; }
  1116. .flair-beer{ background-position: 0 -19px; width: 18px; height: 18px; }
  1117. .flair-bitch{ background-position: 0 -38px; width: 22px; height: 22px; }
  1118. .flair-booze{ background-position: 0 -61px; width: 23px; height: 25px; }
  1119. .flair-chemist{ background-position: 0 -87px; width: 18px; height: 18px; }
  1120. .flair-cut{ background-position: 0 -106px; width: 18px; height: 18px; }
  1121. .flair-dealer{ background-position: 0 -125px; width: 18px; height: 18px; }
  1122. .flair-death{ background-position: 0 -144px; width: 18px; height: 18px; }
  1123. .flair-dpill{ background-position: 0 -163px; width: 18px; height: 21px; }
  1124. .flair-drank{ background-position: 0 -185px; width: 18px; height: 18px; }
  1125. .flair-drink{ background-position: 0 -204px; width: 18px; height: 18px; }
  1126. .flair-fam{ background-position: 0 -223px; width: 18px; height: 18px; }
  1127. .flair-fly{ background-position: 0 -242px; width: 18px; height: 18px; }
  1128. .flair-hookah{ background-position: 0 -261px; width: 22px; height: 24px; }
  1129. .flair-money{ background-position: 0 -286px; width: 18px; height: 18px; }
  1130. .flair-natural{ background-position: 0 -305px; width: 18px; height: 18px; }
  1131. .flair-party{ background-position: 0 -324px; width: 18px; height: 18px; }
  1132. .flair-pill{ background-position: 0 -343px; width: 18px; height: 18px; }
  1133. .flair-pillz{ background-position: 0 -362px; width: 20px; height: 24px; }
  1134. .flair-sherrif{ background-position: 0 -387px; width: 18px; height: 18px; }
  1135. .flair-shootup{ background-position: 0 -406px; width: 18px; height: 18px; }
  1136. .flair-shroom{ background-position: 0 -425px; width: 18px; height: 18px; }
  1137. .flair-smoke{ background-position: 0 -444px; width: 18px; height: 18px; }
  1138. .flair-tuff{ background-position: 0 -463px; width: 18px; height: 18px; }
  1139. .flair-weed{ background-position: 0 -482px; width: 18px; height: 18px; }
  1140. .flair-winner{ background-position: 0 -501px; width: 18px; height: 18px; }
  1141. .flair-x{ background-position: 0 -520px; width: 18px; height: 18px; }
  1142.  
  1143.  
  1144.  
  1145. /* FUCKING SEARCH */
  1146.  
  1147.  
  1148.  
  1149. .sidebox.submit:hover:after {
  1150.     content: url(%%SearchFirst%%);
  1151.     position: absolute;
  1152.    top: 50px;
  1153.     right: 16px;
  1154. }
  1155.  
  1156. .sidebox.submit:hover:before {
  1157.    
  1158.     position: absolute;
  1159.     top: 93px;
  1160.     right: 5px;
  1161. }
  1162.  
  1163. /* announce */
  1164.  
  1165. .side .md h5:nth-of-type(1) {    
  1166. list-style-type:none!important;
  1167. position: absolute;
  1168. font-size: 15px;
  1169. display: block;
  1170. top: 0px; /*Change this in relation to your header's height*/
  1171. left: -1100px; /*adjust this is well*/
  1172. margin:0;
  1173. background-color: #f6f7f8!important; /*Change for different background color*/
  1174. color: #555; /*Change for different for color*/
  1175. text-align: left;
  1176. border-radius: 2px;
  1177. border: 1px solid #dbdbdb;
  1178. width: auto;
  1179. padding: 7px 10px 7px 10px;
  1180. white-space: nowrap;
  1181. overflow: hidden;
  1182. }
  1183.  
  1184.  
  1185. .side .md h5:nth-of-type(1) a {
  1186. color: black; /*Changes the colors of the links*/
  1187. }
  1188.  
  1189. .side .md h5:nth-of-type(1) a:hover {
  1190. color: red; /*Changes the colors of the links*/ }
  1191.  
  1192.  
  1193. .footer-parent {
  1194.     padding-top: 415px;
  1195.     background-color: transparent;
  1196.     background-image: url(%%NeuSex4%%);
  1197.     background-position: 50% 0;
  1198.     background-repeat: no-repeat;
  1199.     margin: 0px;
  1200.     margin-top:5px;
  1201.     opacity: 0.75;
  1202. }
  1203.  
  1204. body div#header-bottom-left #header-img {
  1205.     position: absolute;
  1206.     float: left;
  1207.     height: 146px;
  1208.     width: inherit;
  1209.     padding: 0px;
  1210.  
  1211.     margin: -155px 1200px 0px;
  1212.     border: 3px solid rgb(255, 255, 255);
  1213.     box-shadow: 0px 1px 3px #000;
  1214.     z-index:12;
  1215. }
  1216. body div#header-bottom-left #header-img:hover {
  1217.    height: auto;
  1218. width:auto;
  1219.  
  1220.   position:fixed;
  1221. z-index:99999
  1222. }
  1223. body div#header-bottom-left img:hover {
  1224.     height: auto;
  1225.     width:auto;
  1226. left: -300px;
  1227.     z-index:999;
  1228.     position:absolute;
  1229. }
  1230.  
  1231. /* Remove Default Reddit Image/Promo Image */
  1232. /* #header-img {
  1233.     display: none
  1234.     }
clone this paste RAW Paste Data