API tools faq
paste
Guest User

Secret Lounge CSS!

a guest
Dec 31st, 2013
422
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.03 KB | None | 0 0
raw download clone embed print report
  1. /* ==========================
  2. * 2012.11.05-21 - kjhatch - Subreddit design, images, CSS, testing
  3. * 2012.11.25 - kjhatch - Fixed the placeholder text on the search input for Chrome and Safari
  4. * 2012.11.28 - kjhatch - Announcement code
  5. * 2012.12.06 - powerlanguage - user attributes
  6. * 2012.12.07 - powerlanguage - h2 global
  7. * 2013.02.18 - Deimorz - fixed submit buttons that I broke
  8. * 2013.03.01 - powerlanguage - updated anchor colors for better contrast
  9. side h1 anchors
  10. sidebar md overflow for headers
  11.  
  12. * 2013.03.08 - alienth - re-redify admin usernames
  13. * 2013.04.10 - powerlanguage - hat flair
  14. * 2013.05.10 - powerlanguage - moar hats
  15. * 2013.05.14 - chromakode - move beta notice down
  16. */
  17.  
  18.  
  19. /*===== GLOBALS =====*/
  20.  
  21. body {background:#E5D2B2 url(%%paper-tile%%);}
  22. .thing .title.click, .thing .title.loggedin.click {color:#682B1A;}
  23. a, a:link, h2 a {color:#9a7d2e;}
  24. a:visited, .comment a:visited, h2 a:visited {color:#736D37;}
  25. div.content {background:transparent url(%%body-watermark%%) no-repeat 150px 100%;}
  26. .md h2 {color: #9A7D2E; margin: 5px 0 5px 0;}
  27.  
  28. /*===== GIVE GOLD LINK =====*/
  29. .give-gold {color: #9A7D2E !important;}
  30.  
  31. .tagline .admin { color: #ff0011 !important; }
  32. .tagline .moderator { color: #228822 !important; }
  33. .tagline .friend { color: #ff4500 !important; }
  34.  
  35. /* User Attributes */
  36. /*
  37. .tagline .userattrs .moderator, .green {color:#580 !important;}
  38. .tagline .userattrs .admin, .red {color:#f01 !important;}
  39. */
  40.  
  41. /*===== HEADER =====*/
  42.  
  43. /* Header */
  44. #header {position:relative;z-index:0;height:150px;background:transparent url(%%header-bg%%) bottom left repeat-x;border:0;}
  45. /* #header-img {position:relative;margin:26px 0 0 5px;} */
  46. #header-img {display:none;}
  47. #header-img-a {display:inline-block;margin:26px 0 0 5px;width:98px;height:80px;background:transparent url(%%logo%%) no-repeat 0px 0px;}
  48. #header-img-a:hover {background-position:0px -80px;}
  49.  
  50. .pagename {position:absolute;left:240px;bottom:40px;text-indent:80px;font-size:150%;color:#FFF;}
  51. .pagename a {text-indent:-9999px;position:absolute;left:-130px;bottom:-20px;display:block;width:203px;height:72px;background-image:url(%%logo-lounge%%);}
  52. .pagename a:hover {background-position:0px -72px;}
  53.  
  54. /* Reddit Bar */
  55. div#sr-header-area {color:#F2ECE1 !important;background:transparent;border:0;}
  56. .sr-list .separator {color:#E5D2B2;}
  57. .sr-bar a, .sr-bar a:visited {color:#E5D2B2;text-decoration:none;}
  58. .sr-bar a:hover {color:#FEC209;text-decoration:none;}
  59. span.selected.title {color:#F2ECE1 !important;}
  60.  
  61. /* Account Bar */
  62. #header-bottom-right {top:20px !important;bottom:auto !important;padding-bottom:20px !important;background:transparent url(%%account-bg%%) bottom left repeat-x;border-top-left-radius:0;}
  63. #header-bottom-right a, #header-bottom-right a:visited {color:#E5D2B2;text-decoration:none;}
  64. #header-bottom-right a:hover {color:#FEC209;text-decoration:none;}
  65. #header-bottom-right:before {position:absolute;top:2px;left:-20px;z-index:10;display:block;width:20px;height:34px;content:"";background:transparent url(%%account-bg-left%%) no-repeat top left;border:0;}
  66.  
  67. /* Tab Navigation */
  68. .listing-page .tabmenu, .single-page .tabmenu {position:absolute;left:350px;bottom:30px;}
  69. .listing-page .tabmenu a, .single-page .tabmenu a {display:inline-block;margin:0;height:30px;padding:10px 10px !important;text-transform:uppercase;text-shadow:-1px -1px 1px #320B00, 1px 1px 1px #A86552;font-weight:bold;font-size:20px;font-family:baskerville, palatino, "palatino linotype", georgia,serif;line-height:1.4;color:#511909;background-color:transparent !important;}
  70. .listing-page .tabmenu a:hover, .single-page .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;}
  71. .listing-page .tabmenu .selected, .single-page .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(%%nav-frame%%) no-repeat 50% 0px;}
  72. .listing-page .tabmenu .selected:before, .single-page .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(%%nav-frame-left%%) top right no-repeat;}
  73. .listing-page .tabmenu .selected:after, .single-page .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:46px;height:65px;content:"";background:transparent url(%%nav-frame-right%%) top right no-repeat;}
  74. .listing-page .tabmenu .selected a, .single-page .tabmenu .selected a {padding:16px 20px 15px !important;height:34px;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;border:0 !important;}
  75. .listing-page .tabmenu .selected:hover, .single-page .tabmenu .selected:hover {background-position:50% -64px;}
  76. .listing-page .tabmenu .selected:hover:before, .single-page .tabmenu .selected:hover:before {background-position:0px -65px;}
  77. .listing-page .tabmenu .selected:hover:after, .single-page .tabmenu .selected:hover:after {background-position:100% -65px;}
  78.  
  79. /*
  80. .listing-page .tabmenu, .single-page .tabmenu {position:absolute;left:350px;bottom:30px;}
  81. .tabmenu a {display:inline-block;margin:0;height:30px;padding:10px 10px !important;text-transform:uppercase;text-shadow:-1px -1px 1px #320B00, 1px 1px 1px #A86552;font-weight:bold;font-size:150%;font-family:baskerville, palatino, "palatino linotype", georgia,serif;line-height:1.5;color:#511909;background-color:transparent !important;}
  82. .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;}
  83. .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(%%nav-frame%%) no-repeat center center;}
  84. .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(%%nav-frame-left%%) top right no-repeat;}
  85. .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:28px;height:65px;content:"";background:transparent url(%%nav-frame-right%%) top right no-repeat;}
  86. .tabmenu .selected a {padding:16px 20px 15px !important;height:34px;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;border:0 !important;}
  87.  
  88.  
  89. .tabmenu .selected a {padding:10px 20px !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;background:transparent url(%%gold-bg%%) repeat top left;border-top:1px solid #FFECAA !important;border-right:1px solid #BD8E00 !important;border-bottom:1px solid #BD8E00 !important;border-left:1px solid #FFECAA !important;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
  90. .tabmenu li {display:inline-block !important;margin:0 !important;padding:0 !important;}
  91. .tabmenu .selected {border-right:1px solid #320B00;border-bottom:1px solid #320B00;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
  92.  
  93. */
  94.  
  95.  
  96. /* Announcement */
  97.  
  98. /*
  99.  
  100. div.content {margin-top:60px;}
  101. .titlebox h5 {position:absolute;top:160px;left:0px;display:block;margin:0 340px 0 40px;padding:12px 15px 6px 15px !important;height:28px;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:16px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:transparent url(%%announcement-bg%%) repeat-x top left !important;}
  102. .titlebox h5:hover {background-position:0 -46px !important;}
  103. .titlebox h5:before {position:absolute;top:-6px;left:-25px;display:block;width:45px;height:46px;content:"";background:transparent url(%%announcement-ends%%) 0% 0px no-repeat;}
  104. .titlebox h5:after {position:absolute;top:-6px;right:-25px;display:block;width:45px;height:46px;content:"";background:transparent url(%%announcement-ends%%) 100% 0px no-repeat;}
  105. .titlebox h5:hover:before {background-position:0% -46px !important;}
  106. .titlebox h5:hover:after {background-position:100% -46px !important;}
  107. .titlebox h5 a, .titlebox h5 a:visited {color:#5b3700 !important;}
  108. .titlebox h5 a:hover {color:#925900 !important;}
  109.  
  110. */
  111.  
  112. /*===== LISTING PAGE =====*/
  113.  
  114. .sheets {margin-right:335px;}
  115.  
  116. /* Link Items */
  117. .linklisting .link {margin:12px 335px 12px 6px !important;padding:10px 0;}
  118. .linklisting .link a.title:link {color:#3D2A1E;font-weight:bold;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size:1.3em;}
  119. .linklisting .link a.title:visited {color:#3D2A1E !important;}
  120. .linklisting .odd {background:transparent url(%%bg-w30%%) repeat top left;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
  121.  
  122. /* Arrows */
  123. .linklisting .midcol {margin:0 15px 0 10px;padding:0;}
  124. .arrow {height:14px;background-image:url(%%arrows-off%%) !important;}
  125. .arrow.upmod {background-image: url(%%arrows%%) !important;background-position:0 0;}
  126. .arrow.upmod:hover {background-position:-15px 0px;}
  127. .arrow.downmod {background-image:url(%%arrows%%) !important;background-position:0 -23px;}
  128. .arrow.up {background-position:0 0;}
  129. .arrow.down {background-position:0 -23px;}
  130. .link .score {color:#685243;}
  131. .link .score.likes,.linkinfo .upvotes {color:#DDA23F;text-shadow:1px 1px 1px #000;}
  132. .link .score.dislikes,.linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #444;}
  133.  
  134. /* Thumbnail */
  135. .thumbnail {position:relative;margin-right:20px;padding:2px;width:65px;height:53px;text-align:center;vertical-align:middle;overflow:visible;background-color:#CB982D;}
  136. .thumbnail.default,.thumbnail.self {background-image:url(%%thumbnail%%)!important;background-position:center center;}
  137. .thumbnail:after {position:absolute;top:-13px;left:-12px;display:block;width:93px;height:83px;content:"";background:transparent url(%%thumbnail-frame%%) top left no-repeat;}
  138. .thumbnail:hover:after {background-position:0 -83px;}
  139. .thumbnail img {height:53px;}
  140.  
  141. /* NSFW Thumbnail */
  142. .thumbnail.nsfw {background-image:url(%%thumbnail-nsfw%%)!important;background-position:center center;}
  143. .thumbnail.nsfw {height:50px}
  144.  
  145.  
  146. /* Domain */
  147. .link .domain {color:#682B1A;}
  148.  
  149. /* Tagline */
  150. .link .tagline {color:#682B1A;}
  151. .tagline a.author.submitter a,.tagline a.author.submitter a:visited,.tagline a.author.moderator a,.tagline a.author.moderator a:visited {
  152. color: #9a7d2e!important;
  153. }
  154.  
  155.  
  156. /* Flat List */
  157. .link ul.flat-list li a {color:#682B1A;}
  158. .flat-list .selected a {color:#3D2A1E;}
  159.  
  160. /* Rank */
  161. .link .rank {color:#703322;}
  162.  
  163. /*===== SINGLE PAGE =====*/
  164. /*
  165. .single-page .midcol {margin:0 15px 0 10px;padding:0;}
  166. */
  167. .single-page .commentarea {margin-right:335px}
  168.  
  169.  
  170. /*===== SUBMIT PAGE =====*/
  171.  
  172. .submit-page .tabmenu.formtab a {margin-left:1px;background-color:#D6C7BE;border-color:#40291B;border-top-left-radius:3px;border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;}
  173. .submit-page .tabmenu li.selected a {background-color:#40291B;}
  174. .submit-page .formtabs-content {border-color:#40291B;}
  175. .usertext.border .usertext-body, .roundfield {background-color:#D6C7BE;border:1px solid #40291B;}
  176.  
  177.  
  178. /*===== SEARCH PAGE =====*/
  179.  
  180. .searchpane, .searchfacets {margin-right:335px;border:1px solid #40291B;}
  181. .search-summary {margin-right:30px;}
  182. .searchpane {background-color:#D6C7BE;}
  183.  
  184.  
  185.  
  186. /*===== SIDEBAR =====*/
  187.  
  188. .side {margin:-4px 0 0 0;width:325px;background:transparent url(%%sidebar-bg%%) top left repeat-y;border:0;}
  189. .side > .spacer {margin:0;padding:0 10px 0 20px;}
  190. .sidecontentbox .content, .sidecontentbox a {background-color:transparent;border:0;}
  191. .titlebox form.toggle, .leavemoderator, .sidebox .spacer {background-color:transparent;}
  192.  
  193. .titlebox form.toggle, .leavemoderator {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.1em;}
  194. .side a, .side a:visited {color:#E5D2B2;text-decoration:none;}
  195. .side h1 a, .side h1 a:visited {color:#5b3700; text-decoration:none;}
  196.  
  197. .side a:hover {color:#FEC209;text-decoration:none;}
  198.  
  199. .titlebox .md {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.3em;}
  200.  
  201.  
  202. /* Search */
  203. .side #search {position:relative;z-index:100;display:block!important;margin:-15px -10px 90px -35px!important;height:71px;background:transparent url(%%search-bar%%) no-repeat;}
  204. .side #search:hover {background-position:0 -71px;}
  205. .side #search input[type="text"] {margin:20px 0 0 30px;padding:2px 0 0 65px;width:240px;height:50px;font-size:14px;font-family:baskerville,palatino,"palatino linotype",georgia,serif;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900 !important;background:transparent;border:0;}
  206. .side #search .infobar {position:relative;margin:0 0 0 20px;width:280px;background-color:#5A1D0C;border-color:#451305;color:#F2ECE1;}
  207. .side #search .infobar a {color:#E5D2B2;font-weight:bold;}
  208.  
  209. /* Placeholder text fixes for browsers needing it */
  210. #search input::-webkit-input-placeholder {font-size:14px;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900 !important;}
  211. input:-moz-placeholder, #search input[placeholder] {color:#925900 !important;}
  212.  
  213.  
  214. /* Reddit Name Image Replacement */
  215. /*
  216. .side .titlebox h1 { bordeR:1px solid #0F0 !important;}
  217. .side .titlebox .hover {margin:0 !important; bordeR:1px solid #00F !important;}
  218. .side .titlebox .redditname{ bordeR:1px solid #FF0 !important;}
  219. */
  220. /*
  221. .side .titlebox .redditname {display:block;margin:0 0 0 0px !important;padding:0 !important;width:300px;height:240px;background-image:url(%%bacon-chalice%%);}
  222. .side .titlebox .redditname:hover {background-position:0 -240px;}
  223. .side .titlebox .redditname a {text-indent:-9999px;display:block;margin:0;padding:0;width:300px;height:240px;}
  224. */
  225.  
  226. /*
  227. .side .titlebox .redditname {display:none !important;}
  228. */
  229.  
  230. /* Subscribe Buttons */
  231. .fancy-toggle-button a {padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(%%gold-bg%%) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important}
  232. .fancy-toggle-button a:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;}
  233.  
  234. /* Subscribers Text */
  235. /*
  236. div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:block;}
  237. div.titlebox .subscribers {margin-top:5px;}
  238. div.titlebox .users-online {margin-bottom:5px;}
  239. div.titlebox span.word {text-indent:-9999px;float:left;display:block;margin:0 0 0 5px !important;height:36px;}
  240. div.titlebox span.number {float:left;display:block;padding-top:7px;font-size:120%;font-family:baskerville,palatino,"palatino linotype",georgia,serif;color:#DDA23F;text-shadow:1px 1px 1px #000;}
  241. div.titlebox span.number:before {content:" ";}
  242. */
  243. div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:none;}
  244.  
  245.  
  246. /* div.titlebox .subscribers span.number:after {content:" Dapper Members";} */
  247. div.titlebox .subscribers span.word {width:159px;background:transparent url(%%text-members%%) top left no-repeat;}
  248. div.titlebox .subscribers span.word:hover {background-position:0 -36px;}
  249. /* div.titlebox .users-online span.number:after {content:" in the Lounge";} */
  250. div.titlebox .users-online span.word {width:126px;background:transparent url(%%text-lounge%%) top left no-repeat;}
  251. div.titlebox .users-online span.word:hover {background-position:0 -36px;}
  252.  
  253.  
  254. /* Sidebar Account Controls */
  255. div.leavemoderator {clear:both;}
  256.  
  257.  
  258. /* Link Info Box */
  259. .linkinfo {background-color:#F6E69F;border-color:#D89433;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
  260. .linkinfo .upvotes {color:#6E3F05;text-shadow:1px 1px 1px #d4ad00;}
  261. .linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #d4ad00;}
  262.  
  263. /* Headers */
  264. .side div.md{overflow:visible}
  265. .side h1 {display:block!important;margin:10px -10px 0 -35px!important;padding:12px 0 0 40px!important;height:36px;line-height:1.3;font-size:16px !important;font-weight:bold!important;font-family:baskerville,palatino,"palatino linotype",georgia,serif;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900!important;background:transparent url(%%header-bar%%) top left no-repeat;}
  266. .side h1:hover {background-position:0 -46px;}
  267.  
  268. .side .title span.collapse-button {float:right;}
  269.  
  270. /* Sidebar Bottom */
  271. .side .titlebox .bottom {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1em;border-color:#E0A345 !important;}
  272. .side:after {display:block;margin-bottom:-21px;width:325px;height:22px;content:"";background:transparent url(%%sidebar-bottom%%) top left no-repeat;}
  273.  
  274.  
  275. /* Submit Post and Create Subreddit */
  276. .sidebox {clear:both;position:relative;right:0;margin:0 0 0 -6px;padding:0;width:310px;}
  277. .side .submit {display:none}
  278. .side .submit .spacer, .side .create .spacer {display:none;}
  279. .morelink, .morelink:hover {height:67px;background:none;border:0;}
  280. .morelink .nub, .morelink .nub:hover, .morelink:hover .nub, .mlhn {background:none;}
  281. .morelink a, .morelink:hover a {width:310px;height:67px;background:url(%%submit-pen%%) no-repeat 0 0;font-size:0px;}
  282. .morelink:hover a {background-position:0 -67px;}
  283. .create .morelink a {background-position:0 -134px;}
  284. .create .morelink a:hover {background-position:0 -201px;}
  285.  
  286. h2 a[href$='reddit.com/r/lounge/submit'] {position:absolute;top:210px;right:0px;display:block;width:310px;height:67px;background:url(%%submit-pen%%) no-repeat 0 0;font-size:0px;}
  287. h2 a[href$='reddit.com/r/lounge/submit']:hover {background-position:0 -67px;}
  288. .search-page h2 a[href$='reddit.com/r/lounge/submit'] {display:none;}
  289.  
  290.  
  291. /* Moderators */
  292. .sidecontentbox a.helplink {position:absolute;right:2px;margin-top:41px;padding:2px 2px 1px 2px !important;color:#925900;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(%%gold-bg%%) repeat-x top left;border:1px solid;border-color:#EDB960 #CA892C #CA892C #EDB960;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
  293. .sidecontentbox a.helplink:hover {background-position:0 -50px;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82;}
  294.  
  295.  
  296. /* Arrows */
  297. .side .arrow.up {background-position:-15px 0;}
  298. .side .arrow.down {background-position:-15px -23px;}
  299.  
  300.  
  301. /*===== HUMOR ACCENT =====*/
  302.  
  303. .side .titlebox h6 {position:fixed;z-index:1000;bottom:-330px;right:350px;display:block;width:192px;height:345px;padding:0;background:transparent url(%%sir-midas-otis%%) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden;}
  304. .side .titlebox h6:hover {bottom:-80px;}
  305.  
  306.  
  307. /*===== RES FIXES =====*/
  308.  
  309. /* Reddit Bar */
  310. #RESShortcuts, .srSep {color:#F2ECE1;}
  311.  
  312.  
  313. /* Account Bar */
  314. #userbarToggle {color:#E5D2B2 !important;background-color:transparent !important;border:0 !important;}
  315. #header-bottom-right.res-navTop {padding-bottom:15px !important;}
  316.  
  317. /* RES Style Toggle */
  318. .side .redditname + .styleToggle {margin:0 0 5px 0;padding-left:5px;color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.1em;color:#E5D2B2;background-color:transparent;}
  319.  
  320. /* RES Buttons */
  321. .RESshortcutside, .RESDashboardToggle {padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(%%gold-bg%%) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important}
  322. .RESshortcutside:hover, .RESDashboardToggle:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;}
  323. .RESshortcutside {width:auto !important;}
  324.  
  325. /* ========= FLAIR =========== */
  326.  
  327. .flairselector .customizer {
  328. display: none !important;
  329. }
  330.  
  331.  
  332. .flair {
  333. border: none !important;
  334. padding:0px;
  335. background: url(%%hats%%) no-repeat -9999px -9999px;
  336. display:inline-block;
  337. }
  338.  
  339. .span.flair { margin:-25px 0 0 0; }
  340.  
  341. .flair-gold{ background-position: 0px 0px; width: 25px; height: 22px; }
  342. .flair-top{ background-position: 0px -50px; width: 25px; height: 22px; }
  343. .flair-fedora{ background-position: 0px -100px; width: 25px; height: 19px; }
  344. .flair-bowler-gold{ background-position: 0px -150px; width: 27px; height: 17px; }
  345. .flair-bowler-black{ background-position: 0px -200px; width: 27px; height: 17px; }
  346. .flair-derby-gold-flower{ background-position: 0px -250px; width: 32px; height: 15px; }
  347. .flair-derby-gold{ background-position: 0px -300px; width: 32px; height: 15px; }
  348. .flair-derby-white-flower{ background-position: 0px -350px; width: 32px; height: 16px; }
  349. .flair-derby-white{ background-position: 0px -400px; width: 32px; height: 15px; }
  350.  
  351. .flair-text-gold{padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(%%gold-bg%%) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important}
  352.  
  353.  
  354. /*===== MEME SPRITESHEETS =====*/
  355.  
  356. /* --- Memes --- */
  357.  
  358. a[href|="/pitythefools"], a[href|="/goldbar"], a[href="/hulkster"], a[href|="/rockefeller"], a[href|="/heyguise"], a[href|="/haughty"], a[href|="/loose-seal"], a[href|="/noseup"]{
  359. text-align: center;
  360. color: #FFFFFF !important;
  361. font-family: Impact, sans-serif;
  362. font-size: 22px;
  363. line-height: 24px;
  364. text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  365. overflow: hidden;
  366. position: relative ;
  367. text-transform: uppercase
  368. }
  369.  
  370. a[href|="/pitythefools"] em, a[href|="/goldbar"] em, a[href="/hulkster"] em, a[href="/rockefeller"] em, a[href|="/heyguise"] em, a[href|="/haughty"] em, a[href|="/loose-seal"] em, a[href|="/noseup"] em {
  371. font-style: normal;
  372. position: absolute;
  373. bottom: 12px;
  374. left: 50%;
  375. }
  376.  
  377. a[href|="/pitythefools"]{
  378. display: block;
  379. clear: none;
  380. float: left;
  381. cursor: default;
  382. width: 242px;
  383. height: 169px;
  384. background-image: url(%%memes-1%%) !important;
  385. background-position: -215px 0px;
  386. }
  387.  
  388. a[href|="/pitythefools"] em {
  389. width: 241px;
  390. margin-left: -120px;
  391. }
  392.  
  393. a[href|="/hulkster"]{
  394. display: block;
  395. clear: none;
  396. float: left;
  397. cursor: default;
  398. width: 180px;
  399. height: 154px;
  400. background-image: url(%%memes-1%%) !important;
  401. background-position: -274px -196px;
  402. }
  403.  
  404. a[href="/hulkster"] em {
  405. width: 180px;
  406. margin-left: -90px;
  407. }
  408.  
  409. a[href|="/rockefeller"]{
  410. display: block;
  411. clear: none;
  412. float: left;
  413. cursor: default;
  414. width: 144px;
  415. height: 175px;
  416. background-image: url(%%memes-1%%) !important;
  417. background-position: 0px -372px;
  418. }
  419.  
  420. a[href="/rockefeller"] em {
  421. width: 144px;
  422. margin-left: -72px;
  423. }
  424.  
  425. a[href|="/heyguise"]{
  426. display: block;
  427. clear: none;
  428. float: left;
  429. cursor: default;
  430. width: 166px;
  431. height: 160px;
  432. background-image: url(%%memes-1%%) !important;
  433. background-position: -206px -387px;
  434. }
  435.  
  436. a[href|="/heyguise"] em {
  437. width: 160px;
  438. margin-left: -80px;
  439. top: 12px;
  440.  
  441. }
  442.  
  443. a[href|="/haughty"]{
  444. display: block;
  445. clear: none;
  446. float: left;
  447. cursor: default;
  448. width: 220px;
  449. height: 173px;
  450. background-image: url(%%memes-1%%) !important;
  451. background-position: -0px -556px;
  452. }
  453.  
  454. a[href|="/haughty"] em {
  455. width: 220px;
  456. margin-left: -110px;
  457. }
  458.  
  459. a[href|="/loose-seal"]{
  460. display: block;
  461. clear: none;
  462. float: left;
  463. cursor: default;
  464. width: 251px;
  465. height: 176px;
  466. background-image: url(%%memes-1%%) !important;
  467. background-position: -256px -553px;
  468. }
  469.  
  470. a[href|="/loose-seal"] em {
  471. width: 251px;
  472. margin-left: -125px;
  473. }
  474.  
  475.  
  476. a[href|="/noseup"]{
  477. display: block;
  478. clear: none;
  479. float: left;
  480. cursor: default;
  481. width: 146px;
  482. height: 203px;
  483. background-image: url(%%memes-1%%) !important;
  484. background-position: 0px -747px;
  485. }
  486.  
  487. a[href|="/noseup"] em {
  488. width: 146px;
  489. margin-left: -73px;
  490. }
  491.  
  492. /* --- No Text Over Allowed --- */
  493.  
  494.  
  495. a[href|="/exquisite"]{
  496. display: block;
  497. clear: none;
  498. float: left;
  499. cursor: default;
  500. width: 196px;
  501. height: 196px;
  502. background-image: url(%%memes-1%%) !important;
  503. background-position: 0px 0px;
  504. /* Hide Text */
  505. text-indent:-9999px;
  506. }
  507.  
  508. a[href|="/goldbar"]{
  509. display: block;
  510. clear: none;
  511. float: left;
  512. cursor: default;
  513. width: 131px;
  514. height: 150px;
  515. background-image: url(%%memes-1%%) !important;
  516. background-position: 0px -206px;
  517. /* Hide Text */
  518. text-indent:-9999px;
  519. }
  520.  
  521.  
  522. a[href|="/turd"]{
  523. display: block;
  524. clear: none;
  525. float: left;
  526. cursor: default;
  527. width: 94px;
  528. height: 70px;
  529. background-image: url(%%memes-1%%) !important;
  530. background-position: -149px -263px;
  531. /* Hide Text */
  532. text-indent:-9999px;
  533. }
  534.  
  535.  
  536. /* --- End Memes --- */
  537.  
  538.  
  539. /* --- Circles --- */
  540.  
  541. a[href|="/orly"], a[href|="/pipe"], a[href|="/blackjack"], a[href|="/portrait"], a[href|="/meowmers"], a[href|="/jackiedoubts"], a[href|="/tiphat"],a[href|="/isay"],a[href|="/liz"],a[href|="/bully"],a[href|="/sophisticat"], a[href|="/smirk"]{
  542. display: block;
  543. clear: none;
  544. float: left;
  545. cursor: default;
  546. width: 149px;
  547. height: 149px;
  548. background-image: url(%%circular%%) !important;
  549. text-align: center;
  550. color: #FFFFFF !important;
  551. font-family: Impact, sans-serif;
  552. font-size: 20px;
  553. line-height: 24px;
  554. text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  555. overflow: hidden;
  556. position: relative;
  557. text-transform: uppercase;
  558. }
  559.  
  560. a[href|="/orly"] em, a[href|="/pipe"] em, a[href|="/blackjack"] em, a[href|="/portrait"] em, a[href|="/meowmers"] em, a[href|="/jackiedoubts"] em, a[href|="/tiphat"] em, a[href|="/isay"] em, a[href|="/liz"] em, a[href|="/bully"] em, a[href|="/sophisticat"] em, a[href|="/smirk"] em{
  561. font-style: normal;
  562. position: absolute;
  563. bottom: 4px;
  564. width: 149px;
  565. left: 50%;
  566. margin-left: -75px
  567. }
  568.  
  569.  
  570. a[href|="/orly"]{
  571. background-position: 0px 0px;
  572. }
  573.  
  574. a[href|="/blackjack"]{
  575. background-position: 0px -149px;
  576. }
  577.  
  578. a[href|="/meowmers"]{
  579. background-position: 0px -298px;
  580. }
  581.  
  582. a[href|="/tiphat"]{
  583. background-position: 0px -447px;
  584. }
  585.  
  586. a[href|="/liz"]{
  587. background-position: 0px -596px;
  588. }
  589.  
  590. a[href|="/smirk"]{
  591. background-position: 0px -745px;
  592. }
  593.  
  594. a[href|="/pipe"]{
  595. background-position: -149px 0px;
  596. }
  597.  
  598. a[href|="/portrait"]{
  599. background-position: -149px -149px;
  600. }
  601.  
  602. a[href|="/jackiedoubts"]{
  603. background-position: -149px -298px;
  604. }
  605.  
  606. a[href|="/isay"]{
  607. background-position: -149px -447px;
  608. }
  609.  
  610. a[href|="/bully"]{
  611. background-position: -149px -596px;
  612. }
  613.  
  614. a[href|="/sophisticat"]{
  615. background-position: -149px -745px;
  616. }
  617.  
  618.  
  619. /* --- End Circles --- */
  620.  
  621. /* --- Snobbery --- */
  622.  
  623. a[href="/snob"], a[href="/snobette"], a[href="/prospector-joe"], a[href="/prince"], a[href="/shirt"]{
  624. width: 300px;
  625. height: 409px;
  626. cursor: default;
  627. display: inline-block;
  628. background-image: url(%%snobs%%);
  629. text-align: center;
  630. color: #FFFFFF !important;
  631. font-family: Impact, sans-serif;
  632. font-size: 25px;
  633. line-height: 24px;
  634. text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  635. overflow: hidden;
  636. position: relative ;
  637. text-transform: uppercase
  638. }
  639.  
  640. a[href="/snob"] {
  641. background-position: 0px 0px;
  642. }
  643.  
  644. a[href="/snobette"] {
  645. background-position: 0px -409px;
  646. }
  647.  
  648. a[href="/prospector-joe"] {
  649. background-position: 0px -818px;
  650. height: 388px;
  651. }
  652.  
  653. a[href="/prince"] {
  654. background-position: 0px -1206px;
  655. }
  656.  
  657. a[href="/shirt"] {
  658. background-position: 0px -1616px;
  659. }
  660.  
  661. a[href="/snob"] em, a[href="/snobette"] em, a[href="/prospector-joe"] em, a[href="/prince"] em, a[href="/shirt"] em {
  662. font-style: normal;
  663. position: absolute;
  664. top: 12px;
  665. width: 292px;
  666. left: 50%;
  667. margin-left: -146px
  668. }
  669.  
  670. a[href="/snob"] strong, a[href="/snobette"] strong, a[href="/prospector-joe"] strong, a[href="/prince"] strong, a[href="/shirt"] strong {
  671. font-weight: normal;
  672. position: absolute;
  673. bottom: 12px;
  674. width: 292px;
  675. left: 50%;
  676. margin-left: -146px
  677. }
  678.  
  679.  
  680. /* --- End Snobbery --- */
  681.  
  682. /* --- Meme Spacing --- */
  683.  
  684. /* Space thingy */
  685.  
  686. a[href|="/sp"] {
  687. display: inline-block;
  688. padding-right: 100%
  689. }
  690.  
  691. a[href|="/sp"] + .reddit_show_hidden_emotes_span {display:none;}
  692. /*in-line emotes -in and -inp, e.g. texttext[](/b24-in)texttext*/
  693. a[href^="/"][href*="-in-"], a[href^="/"][href$="-in"], a[href^="/"][href*="-inp-"], a[href^="/"][href$="-inp"] {
  694. float: none !important;
  695. display: inline-block !important
  696. }
  697.  
  698. /*Force an /sp at the end of a self post to fix any emotes that trail off the post area.*/
  699.  
  700. .thing.self .md>p:last-of-type:after
  701. {
  702. content:"";
  703. display: inline-block;
  704. padding-right: 100% !important;
  705. }
  706.  
  707. /* --- End Meme Spacing --- */
  708.  
  709.  
  710. .beta-notice { top: 64px !important; }
  711.  
  712. /* h3 as pre for goldbot speech */
  713.  
  714. .usertext-body h3 {
  715. display: block;
  716. font-family: monospace;
  717. white-space: pre;
  718. font-size: small;
  719. font-weight: normal;
  720. margin: 10px;
  721. }
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!