API tools faq
paste
Advertisement
gavin19

lounge_raw

gavin19
May 2nd, 2015
390
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.77 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.  * 2015.01.01 - mattster42 - make hat flairs tip
  17.  */
  18.  
  19.  
  20. /*===== GLOBALS =====*/
  21.  
  22. body {background:#E5D2B2 url(http://a.thumbs.redditmedia.com/CwzEY_WwRS1apY7Jc5a0Yhdj0LaM17jh6RMQVrZp-q0.jpg);}
  23. .thing .title.click, .thing .title.loggedin.click {color:#682B1A;}
  24. a, a:link {color:#9a7d2e;}
  25. h2 a { color:#9BA01C; }
  26. a:visited, .comment a:visited, h2 a:visited {color:#736D37;}
  27. div.content {background:transparent url(http://a.thumbs.redditmedia.com/_assVlllQyc8CbAf.png) no-repeat 150px 100%;}
  28. .md h2 {color: #9A7D2E; margin: 5px 0 5px 0;}
  29.  
  30. /*===== GIVE GOLD LINK =====*/
  31. .give-gold {color: #9A7D2E !important;}
  32.  
  33. .tagline .admin { color: #ff0011 !important; }
  34. .tagline .moderator { color: #228822 !important; }
  35. .tagline .friend { color: #ff4500 !important; }
  36.  
  37. /* User Attributes */
  38. /*
  39. .tagline .userattrs .moderator, .green {color:#580 !important;}
  40. .tagline .userattrs .admin, .red {color:#f01 !important;}
  41. */
  42.  
  43. /*===== HEADER =====*/
  44.  
  45. /* Header */
  46. .gold-only #header {position:relative;z-index:0;height:150px;background:transparent url(http://f.thumbs.redditmedia.com/kwRskY2JScKgQ9sw.png) bottom left repeat-x;border:0;}
  47. /* #header-img  {position:relative;margin:26px 0 0 5px;} */
  48. .gold-only #header-img  {display:none;}
  49.  
  50.  
  51. #header-img-a {display:inline-block;margin:26px 0 0 5px;width:98px;height:80px;background:transparent url(http://d.thumbs.redditmedia.com/JGr5n9BHovydZLg9.png) no-repeat 0px 0px;}
  52. #header-img-a:hover {background-position:0px -80px;}
  53.  
  54.  
  55. /**
  56. #header-img-a {display:inline-block;margin:22px 0 0 27px;width:59px;height:88px;background:transparent url(%%new-snoo-bg%%) no-repeat 0px 0px;}
  57. **/
  58.  
  59. .pagename {position:absolute;left:240px;bottom:40px;text-indent:80px;font-size:150%;color:#FFF;}
  60. .pagename a {text-indent:-9999px;position:absolute;left:-130px;bottom:-20px;display:block;width:203px;height:72px;background-image:url(http://b.thumbs.redditmedia.com/SJGazeGIg_W4DrHa.png);}
  61. .pagename a:hover {background-position:0px -72px;}
  62.  
  63. /* Reddit Bar */
  64. div#sr-header-area {color:#F2ECE1 !important;background:transparent;border:0;}
  65. .sr-list .separator {color:#E5D2B2;}
  66. .sr-bar a, .sr-bar a:visited {color:#E5D2B2;text-decoration:none;}
  67. .sr-bar a:hover {color:#FEC209;text-decoration:none;}
  68. span.selected.title {color:#F2ECE1 !important;}
  69.  
  70. /* Account Bar */
  71. .gold-only #header #header-bottom-right {background-color:inherit}
  72. #header-bottom-right {top:20px !important;bottom:auto !important;padding-bottom:20px !important;background:transparent url(http://c.thumbs.redditmedia.com/rhJmEycUMiwo6rdP.png) bottom left repeat-x;border-top-left-radius:0;}
  73. #header-bottom-right a, #header-bottom-right a:visited {color:#E5D2B2;text-decoration:none;}
  74. #header-bottom-right a:hover {color:#FEC209;text-decoration:none;}
  75. #header-bottom-right:before {position:absolute;top:2px;left:-20px;z-index:10;display:block;width:20px;height:34px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/B6oe3E7a1_II1sNA.png) no-repeat top left;border:0;}
  76.  
  77. /* Mail icons */
  78. #header-bottom-right #mail.havemail{
  79.   background-image: url(http://c.thumbs.redditmedia.com/g97W2rfwRS5c4LPz.png);
  80.   background-position: 0 0;
  81. }
  82.  
  83. #header-bottom-right #modmail.havemail{
  84.   background-image: url(http://d.thumbs.redditmedia.com/UtMmmtCo6fX3mCXc.png);
  85.   background-position: 0 0;
  86. }
  87.  
  88. /* Tab Navigation */
  89. .gold-only #header .tabmenu li a { color:#511909 }
  90. body:not(.submit-page) .tabmenu {position:absolute;left:350px;bottom:30px;}
  91. body:not(.submit-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;}
  92. body:not(.submit-page) .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;}
  93. body:not(.submit-page) .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(http://b.thumbs.redditmedia.com/ymV_Ww9J4p_pJiYa.png) no-repeat 50% 0px;}
  94. body:not(.submit-page) .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/2t2oeBUGkqnQpFgX.png) top right no-repeat;}
  95. body:not(.submit-page) .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:46px;height:65px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/OOWznHaZTDyXCTVS.png) top right no-repeat;}
  96. body:not(.submit-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;}
  97. body:not(.submit-page) .tabmenu .selected:hover {background-position:50% -64px;}
  98. body:not(.submit-page) .tabmenu .selected:hover:before {background-position:0px -65px;}
  99. body:not(.submit-page) .tabmenu .selected:hover:after {background-position:100% -65px;}
  100. /*
  101. .listing-page .tabmenu, .single-page .tabmenu {position:absolute;left:350px;bottom:30px;}
  102. .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;}
  103. .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;}
  104. .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(http://b.thumbs.redditmedia.com/ymV_Ww9J4p_pJiYa.png) no-repeat center center;}
  105. .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/2t2oeBUGkqnQpFgX.png) top right no-repeat;}
  106. .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:28px;height:65px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/OOWznHaZTDyXCTVS.png) top right no-repeat;}
  107. .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;}
  108.  
  109.  
  110. .tabmenu .selected a {padding:10px 20px !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;background:transparent url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) 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;}
  111. .tabmenu li {display:inline-block !important;margin:0 !important;padding:0 !important;}
  112. .tabmenu .selected {border-right:1px solid #320B00;border-bottom:1px solid #320B00;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
  113.  
  114. */
  115.  
  116. /*===== ANNOUNCEMENTS =====*/
  117.  
  118. /* 60px for one, 100px for both */
  119. div.content { margin-top: 100px }
  120.  
  121. /* Announcement */
  122.  
  123. .side .md h5 { margin-top: 0px; margin-bottom: 0px; line-height: inherit }
  124. .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(http://d.thumbs.redditmedia.com/gEmTFkyK0Pu7BbRK.png) repeat-x top left !important }
  125. .titlebox h5:hover { background-position: 0 -46px !important }
  126. .titlebox h5:before { position: absolute; top: -6px; left: -25px; display: block; width: 45px; height: 46px; content: ""; background: transparent url(http://b.thumbs.redditmedia.com/I8sLSNjK3vB8nFb7.png) 0% 0px no-repeat }
  127. .titlebox h5:after { position: absolute; top: -6px; right: -25px; display: block; width: 45px; height: 46px; content: ""; background: transparent url(http://b.thumbs.redditmedia.com/I8sLSNjK3vB8nFb7.png) 100% 0px no-repeat }
  128. .titlebox h5:hover:before { background-position: 0% -46px !important }
  129. .titlebox h5:hover:after { background-position: 100% -46px !important }
  130. .titlebox h5 a, .titlebox h5 a:visited { color: #5b3700 !important }
  131. .titlebox h5 a:hover { color: #925900 !important }
  132.  
  133. /* Announcement List */
  134.  
  135. .titlebox .md ul { position: absolute; top: 214px; left: 0px; display: block; margin-left: 40px!important; margin-right: 340px!important; padding: 0px; color: #925900 !important; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 16px !important; font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif; font-weight: bold }
  136. .titlebox .md ul li { display: inline-block; margin-right: 10px; }
  137. .side .titlebox .md ul li a { color: #5b3700; }
  138. .side .titlebox .md ul li a:hover { color: #925900; }
  139. .titlebox .md ul li:not(:first-child):after { content: '|'; margin: 0 0 0 0.5em; font-weight: bold; color: #5b3700; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5) }
  140. .titlebox .md ul li:last-child:after { content: "" }
  141.  
  142.  
  143. /*===== LISTING PAGE =====*/
  144.  
  145. .sheets {margin-right:335px;}
  146.  
  147. /* Link Items */
  148. .linklisting .link {margin:12px 335px 12px 6px !important;padding:10px 0;}
  149. .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;}
  150. .linklisting .link a.title:visited {color:#3D2A1E !important;}
  151. .linklisting .odd {background:transparent url(http://f.thumbs.redditmedia.com/z2P0hHMXZ71k9gpY.png) repeat top left;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
  152.  
  153. /* Arrows */
  154. .linklisting .midcol {margin:0 15px 0 10px;padding:0;}
  155. .gold-only .arrow {height:14px;background-image:url(http://f.thumbs.redditmedia.com/nMB74o4qzhR_DBPe.png) !important;}
  156. .gold-only .arrow.upmod {background-image: url(http://b.thumbs.redditmedia.com/8afmL3Lyv6lIQQpI.png) !important;background-position:0 0;}
  157. .gold-only .arrow.upmod:hover {background-position:-15px 0px;}
  158. .gold-only .arrow.downmod {background-image:url(http://b.thumbs.redditmedia.com/8afmL3Lyv6lIQQpI.png) !important;background-position:0 -23px;}
  159. .gold-only .arrow.up {background-position:0 0;}
  160. .gold-only .arrow.down {background-position:0 -23px;}
  161. .gold-only .link .score {color:#685243;}
  162. .gold-only .link .score.likes,.linkinfo .upvotes {color:#DDA23F;text-shadow:1px 1px 1px #000;}
  163. .gold-only .link .score.dislikes,.linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #444;}
  164.  
  165. /* Thumbnail */
  166. .thumbnail {position:relative;margin-right:20px;padding:2px;width:65px;height:53px;text-align:center;vertical-align:middle;overflow:visible;background-color:#CB982D;}
  167. .thumbnail.default,.thumbnail.self {background-image:url(http://a.thumbs.redditmedia.com/Z1gncQlg3EV30ihB.png)!important;background-position:center center;}
  168. .thumbnail:after {position:absolute;top:-13px;left:-12px;display:block;width:93px;height:83px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/XNYCzRVnj3PGKfCj.png) top left no-repeat;}
  169. .thumbnail:hover:after {background-position:0 -83px;}
  170. .thumbnail img {height:53px;}
  171.  
  172. /* NSFW Thumbnail */
  173. .thumbnail.nsfw {background-image:url(http://f.thumbs.redditmedia.com/25OgAaJvgJsFIzjk.png)!important;background-position:center center;}
  174. .thumbnail.nsfw {height:50px}
  175.  
  176.  
  177. /* Domain */
  178. .link .domain {color:#682B1A;}
  179.  
  180. /* Tagline */
  181. .link .tagline {color:#682B1A;}
  182. .tagline a.author.submitter a,.tagline a.author.submitter a:visited,.tagline a.author.moderator a,.tagline a.author.moderator a:visited {
  183.     color: #9a7d2e!important;
  184. }
  185.  
  186.  
  187. /* Flat List */
  188. .link ul.flat-list li a {color:#682B1A;}
  189. .flat-list .selected a {color:#3D2A1E;}
  190.  
  191. /* Rank */
  192. .link .rank {color:#703322;}
  193.  
  194. /*===== SINGLE PAGE =====*/
  195. /*
  196. .single-page .midcol {margin:0 15px 0 10px;padding:0;}
  197. */
  198. .single-page .commentarea {margin-right:335px}
  199.  
  200. /*===== COMMENT REPLY BOX =====*/
  201.  
  202. .usertext-edit textarea {
  203. background: url(http://b.thumbs.redditmedia.com/VazqJq9nbDuAY7V5ZBIWcXJdsGO8seIgvgQg61bXaXw.png) no-repeat 0 0px;
  204. background-color: #fff;
  205. padding: 0px;
  206. background-size: 500px 100px;
  207. }
  208.  
  209. .usertext-edit textarea:active,
  210. .usertext-edit textarea:focus {
  211.     background: #fff;
  212. }
  213.  
  214. /* Don't display on subreddit settings page */
  215.  
  216. .fancy-settings .usertext-edit textarea {
  217. background: #fff;
  218. }
  219.  
  220.  
  221. /*===== SUBMIT PAGE =====*/
  222.  
  223. .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;}
  224. .submit-page .tabmenu li.selected a {background-color:#40291B;}
  225. .submit-page .formtabs-content {border-color:#40291B;}
  226. .usertext.border .usertext-body, .roundfield {background-color:#D6C7BE;border:1px solid #40291B;}
  227.  
  228. #reddit-field { display: none; }
  229.  
  230. .submit-page .submit_text {
  231.   max-height: initial;
  232. }
  233.  
  234. .submit-page .submit_text {
  235.   font-family:baskerville, palatino, "palatino linotype", georgia,serif;
  236.   margin: 0.5em 0;
  237.   color: #424242;
  238. }
  239.  
  240. .submit-page .submit_text h1 {
  241.   font-size: 2em;
  242.   color: #000;
  243. }
  244.  
  245. .submit-page .submit_text .md {
  246.   font-size: 1.3em
  247. }
  248.  
  249. /*===== SEARCH PAGE =====*/
  250.  
  251. .searchpane, .searchfacets {margin-right:335px;border:1px solid #40291B;}
  252. .search-summary {margin-right:30px;}
  253. .searchpane {background-color:#D6C7BE;}
  254.  
  255.  
  256.  
  257. /*===== SIDEBAR =====*/
  258.  
  259. .side {margin:-4px 0 0 0;width:325px;background:transparent url(http://b.thumbs.redditmedia.com/szLRVnuFv2m-Byx1.png) top left repeat-y;border:0;}
  260.  .side > .spacer {margin:0;padding:0 10px 0 20px;}
  261. .sidecontentbox .content,  .sidecontentbox a {background-color:transparent;border:0;}
  262. .titlebox form.toggle, .leavemoderator, .sidebox .spacer {background-color:transparent;}
  263.  
  264. .titlebox form.toggle, .leavemoderator {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.1em;}
  265. .side a, .side a:visited {color:#E5D2B2;text-decoration:none;}
  266. .side h1 a, .side h1 a:visited {color:#5b3700; text-decoration:none;}
  267.  
  268. .side a:hover {color:#FEC209;text-decoration:none;}
  269.  
  270. .titlebox .md {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.3em;}
  271.  
  272. .side .md ul {
  273.   list-style: none;
  274.   margin: 0px;
  275. }
  276.  
  277. .side .md ul li { margin-bottom: 10px; }
  278.  
  279. /* Search */
  280. .side #search {position:relative;z-index:100;display:block!important;margin:-15px -10px 90px -35px!important;height:71px;background:transparent url(http://b.thumbs.redditmedia.com/8vGosE8dVNs6GsO7.png) no-repeat;}
  281. .side #search:hover {background-position:0 -71px;}
  282. .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;}
  283. .side #search .infobar {position:relative;margin:0 0 0 20px;width:280px;background-color:#5A1D0C;border-color:#451305;color:#F2ECE1;}
  284. .side #search .infobar a {color:#E5D2B2;font-weight:bold;}
  285. #search input[type=submit] { display: none; }
  286.  
  287.  
  288. /* Placeholder text fixes for browsers needing it */
  289. #search input::-webkit-input-placeholder {font-size:14px;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900 !important;}
  290. input:-moz-placeholder, #search input[placeholder] {color:#925900 !important;}
  291.  
  292.  
  293. /* Reddit Name Image Replacement */
  294. /*
  295. .side .titlebox h1 { bordeR:1px solid #0F0 !important;}
  296. .side .titlebox .hover {margin:0 !important; bordeR:1px solid #00F !important;}
  297. .side .titlebox .redditname{ bordeR:1px solid #FF0 !important;}
  298. */
  299. /*
  300. .side .titlebox .redditname {display:block;margin:0 0 0 0px !important;padding:0 !important;width:300px;height:240px;background-image:url(%%bacon-chalice%%);}
  301. .side .titlebox .redditname:hover {background-position:0 -240px;}
  302. .side .titlebox .redditname a {text-indent:-9999px;display:block;margin:0;padding:0;width:300px;height:240px;}
  303. */
  304.  
  305. /*
  306. .side .titlebox .redditname {display:none !important;}
  307. */
  308.  
  309. /* Subscribe Buttons */
  310. .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(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) 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}
  311. .fancy-toggle-button a:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;}
  312.  
  313. /* Subscribers Text */
  314. /*
  315. div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:block;}
  316. div.titlebox .subscribers {margin-top:5px;}
  317. div.titlebox .users-online {margin-bottom:5px;}
  318. div.titlebox span.word {text-indent:-9999px;float:left;display:block;margin:0 0 0 5px !important;height:36px;}
  319. 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;}
  320. div.titlebox span.number:before {content:" ";}
  321. */
  322. div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:none;}
  323.  
  324.  
  325. /* Sidebar Account Controls */
  326. div.leavemoderator {clear:both;}
  327.  
  328.  
  329. /* Link Info Box */
  330. .linkinfo {background-color:#F6E69F;border-color:#D89433;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:10px;}
  331. .linkinfo .upvotes {color:#6E3F05;text-shadow:1px 1px 1px #d4ad00;}
  332. .linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #d4ad00;}
  333.  
  334. /* Headers */
  335. .side div.md{overflow:visible}
  336. .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(http://d.thumbs.redditmedia.com/ObfaON52dubVgsZQ.png) top left no-repeat;}
  337. .side h1:hover {background-position:0 -46px;}
  338.  
  339. .side .title span.collapse-button {float:right;}
  340.  
  341. /* Sidebar Bottom */
  342. .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;}
  343. .side:after {display:block;margin-bottom:-21px;width:325px;height:22px;content:"";background:transparent url(http://a.thumbs.redditmedia.com/x3PKTSuDJQQ7FBbl.png) top left no-repeat;}
  344.  
  345.  
  346. /* Submit Post and Create Subreddit */
  347. .sidebox {clear:both;position:relative;right:0;margin:0 0 0 -6px;padding:0;width:310px;}
  348. .side .submit {display:none}
  349. .side .submit .spacer, .side .create .spacer {display:none;}
  350. .morelink, .morelink:hover {height:67px;background:none;border:0;}
  351. .morelink .nub, .morelink .nub:hover, .morelink:hover .nub, .mlhn {background:none;}
  352. .morelink a, .morelink:hover a {width:310px;height:67px;background:url(http://f.thumbs.redditmedia.com/I6jM8oqJMaGjqPZw.png) no-repeat 0 0;font-size:0px;}
  353. .morelink:hover a {background-position:0 -67px;}
  354. .create .morelink a {background-position:0 -134px;}
  355. .create .morelink a:hover {background-position:0 -201px;}
  356.  
  357. h2 a[href$='/r/lounge/submit?selftext=true'] {position:absolute;top:210px;right:0px;display:block;width:310px;height:67px;background:url(http://f.thumbs.redditmedia.com/I6jM8oqJMaGjqPZw.png) no-repeat 0 0;font-size:0px;}
  358. h2 a[href$='/r/lounge/submit?selftext=true']:hover {background-position:0 -67px;}
  359. .search-page h2 a[href$='/r/lounge/submit?selftext=true'] {display:none;}
  360.  
  361.  
  362. /* Moderators */
  363. .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(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat-x top left;border:1px solid;border-color:#EDB960 #CA892C #CA892C #EDB960;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
  364. .sidecontentbox a.helplink:hover {background-position:0 -50px;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82;}
  365.  
  366.  
  367. /* Arrows */
  368. .side .arrow.up {background-position:-15px 0;}
  369. .side .arrow.down {background-position:-15px -23px;}
  370.  
  371. /* Footer */
  372.  
  373. .footer-parent {
  374.   height: 1180px;
  375.   width: 100%;
  376.   background-image: url(http://f.thumbs.redditmedia.com/5CxiAhoD5LqJu8K_.png);
  377.   background-position: bottom center;
  378.   background-repeat: repeat-x;
  379.   margin-bottom: -1px;
  380. }
  381.  
  382. .footer {
  383.   background-color: rgba(250, 250, 250, 0.5);
  384. }
  385.  
  386. .debuginfo {
  387.   margin-top: -26px;
  388.   color: #fff;
  389. }
  390.  
  391. .debuginfo .content{
  392.   margin: 0;
  393.   background: none;
  394. }
  395.  
  396. .debuginfo .icon{
  397.   color: #fff;
  398. }
  399.  
  400. /*===== HUMOR ACCENT =====*/
  401.  
  402. /*
  403. .side .titlebox h6 {position:fixed;z-index:1000;bottom:-330px;right:350px;display:block;width:192px;height:345px;padding:0;background:transparent url(http://d.thumbs.redditmedia.com/4BxTxuijo53FE4Au.png) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden;}
  404. .side .titlebox h6:hover {bottom:-80px;}
  405. */
  406.  
  407. .side .titlebox h6 {position:fixed;z-index:1000;bottom:-260px;right:350px;display:block;width:300px;height:286px;padding:0;background:transparent url(http://c.thumbs.redditmedia.com/1j2DCkNhM97JRl5h.png) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden; transition: bottom 1s;}
  408. .side .titlebox h6:hover {bottom:-80px; transition: bottom 1s;}
  409.  
  410. /*===== RES FIXES =====*/
  411.  
  412. /* Reddit Bar */
  413. #RESShortcuts, .srSep {color:#F2ECE1;}
  414.  
  415.  
  416. /* Account Bar */
  417. #userbarToggle {color:#E5D2B2 !important;background-color:transparent !important;border:0 !important;}
  418. #header-bottom-right.res-navTop {padding-bottom:15px !important;}
  419.  
  420. /* RES Style Toggle */
  421. .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;}
  422.  
  423. /* RES Buttons */
  424. .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(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) 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}
  425. .RESshortcutside:hover, .RESDashboardToggle:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;}
  426. .RESshortcutside {width:auto !important;}
  427.  
  428. /* ========= FLAIR =========== */
  429.  
  430. .flairselector .customizer {
  431. display: none !important;
  432. }
  433.  
  434.  
  435. .flair {
  436. border: none !important;
  437. padding:0px;
  438. background: url(http://b.thumbs.redditmedia.com/0Lxz2VoyoU2TpDXsLEv3yhVi00vFZCWCh4fb4Ac13Po.png) no-repeat -9999px -9999px;
  439. display:inline-block;
  440. }
  441.  
  442. .span.flair { margin:-25px  0 0  0; }
  443.  
  444. .flair-hatleft-gold{ background-position: 0px 0px; width: 25px; height: 22px; }
  445. .flair-hatleft-top{ background-position: 0px -50px; width: 25px; height: 22px; }
  446. .flair-hatleft-fedora{ background-position: 0px -100px; width: 25px; height: 19px; }
  447. .flair-hatright-bowler-gold{ background-position: 0px -150px; width: 27px; height: 17px; }
  448. .flair-hatright-bowler-black{ background-position: 0px -200px; width: 27px; height: 17px; }
  449. .flair-hatleft-derby-gold-flower{ background-position: 0px -250px; width: 32px; height: 15px; }
  450. .flair-hatleft-derby-gold{ background-position: 0px -300px; width: 32px; height: 15px; }
  451. .flair-hatleft-derby-white-flower{ background-position: 0px -350px; width: 32px; height: 16px; }
  452. .flair-hatleft-derby-white{ background-position: 0px -400px; width: 32px; height: 15px; }
  453. .flair-hatright-wizardly{ background-position: 0px -450px; width: 18px; height: 22px; }
  454. .flair-hatleft-trilby{ background-position: 0px -500px; width: 28px; height: 15px; }
  455. .flair-hatright-baker{ background-position: 0px -550px; width: 26px; height: 16px; }
  456. .flair-hatleft-silver-tiara{ background-position: 0px -600px; width: 35px; height: 19px; }
  457. .flair-hatleft-crown{ background-position: 0px -650px; width: 33px; height: 16px; }
  458. .flair-hatleft-gold-tiara{ background-position: 0px -700px; width: 35px; height: 12px; }
  459. .flair-hatleft-regal-tiara{ background-position: 0px -750px; width: 32px; height: 20px; }
  460. .flair-hatleft-fez{ background-position: 0px -800px; width: 20px; height: 20px; }
  461.  
  462.  
  463.  
  464. .flair-text-gold,
  465. .linkflair-gold .linkflairlabel
  466. {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(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) 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}
  467.  
  468. [class*="hatright-"]
  469. {
  470.     display:inline-block;
  471.     transform-origin: 50% 50% 0;
  472.     transition-duration: 0.33s;
  473.     vertical-align: bottom;
  474.     -webkit-transform-origin: 50% 50% 0;
  475.     -webkit-transition-duration: 0.33s;
  476. }
  477.  
  478. [class*="hatright-"]:hover
  479. {
  480.     transform: rotate(30deg);
  481.     -webkit-transform: rotate(30deg);
  482. }
  483.  
  484.  
  485. [class*="hatright-"]:hover:before
  486. {
  487.     animation-play-state: running;
  488.     -webkit-animation-play-state: running;
  489. }
  490.  
  491. [class*="hatleft-"]
  492. {
  493.     display:inline-block;
  494.     transform-origin: 50% 50% 0;
  495.     transition-duration: 0.33s;
  496.     vertical-align: bottom;
  497.     -webkit-transform-origin: 50% 50% 0;
  498.     -webkit-transition-duration: 0.33s;
  499. }
  500.  
  501. [class*="hatleft-"]:hover
  502. {
  503.     transform: rotate(-30deg);
  504.     -webkit-transform: rotate(-30deg);
  505. }
  506.  
  507.  
  508. [class*="hatleft-"]:hover:before
  509. {
  510.     animation-play-state: running;
  511.     -webkit-animation-play-state: running;
  512. }
  513.  
  514. /*===== MEME SPRITESHEETS =====*/
  515.  
  516. /* --- Memes --- */
  517.  
  518. 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"]{
  519.     text-align: center;
  520.     color: #FFFFFF !important;
  521.     font-family: Impact, sans-serif;
  522.     font-size: 22px;
  523.     line-height: 24px;
  524.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  525.     overflow: hidden;
  526.     position: relative ;
  527.     text-transform: uppercase
  528. }
  529.  
  530. 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 {
  531.     font-style: normal;
  532.     position: absolute;
  533.     bottom: 12px;
  534.     left: 50%;
  535.     }
  536.  
  537. a[href|="/pitythefools"]{
  538.     display: block;
  539.     clear: none;
  540.     cursor: default;
  541.     width: 242px;
  542.     height: 169px;
  543.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  544.     background-position: -215px 0px;
  545. }
  546.  
  547. a[href|="/pitythefools"] em {
  548.     width: 241px;
  549.     margin-left: -120px;
  550. }
  551.  
  552. a[href|="/hulkster"]{
  553.     display: block;
  554.     clear: none;
  555.     cursor: default;
  556.     width: 180px;
  557.     height: 154px;
  558.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  559.     background-position: -274px -196px;
  560. }
  561.  
  562. a[href="/hulkster"] em {
  563.     width: 180px;
  564.     margin-left: -90px;
  565. }
  566.  
  567. a[href|="/rockefeller"]{
  568.     display: block;
  569.     clear: none;
  570.     cursor: default;
  571.     width: 144px;
  572.     height: 175px;
  573.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  574.     background-position: 0px -372px;
  575. }
  576.  
  577. a[href="/rockefeller"] em {
  578.     width: 144px;
  579.     margin-left: -72px;
  580. }
  581.  
  582. a[href|="/heyguise"]{
  583.     display: block;
  584.     clear: none;
  585.     cursor: default;
  586.     width: 166px;
  587.     height: 160px;
  588.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  589.     background-position: -206px -387px;
  590. }
  591.  
  592. a[href|="/heyguise"] em {
  593.     width: 160px;
  594.     margin-left: -80px;
  595.     top: 12px;
  596.  
  597. }
  598.  
  599. a[href|="/haughty"]{
  600.     display: block;
  601.     clear: none;
  602.     cursor: default;
  603.     width: 220px;
  604.     height: 173px;
  605.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  606.     background-position: -0px -556px;
  607. }
  608.  
  609. a[href|="/haughty"] em {
  610.     width: 220px;
  611.     margin-left: -110px;
  612. }
  613.  
  614. a[href|="/loose-seal"]{
  615.     display: block;
  616.     clear: none;
  617.     cursor: default;
  618.     width: 251px;
  619.     height: 176px;
  620.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  621.     background-position: -256px -553px;
  622. }
  623.  
  624. a[href|="/loose-seal"] em {
  625.     width: 251px;
  626.     margin-left: -125px;
  627. }
  628.  
  629.  
  630. a[href|="/noseup"]{
  631.     display: block;
  632.     clear: none;
  633.     cursor: default;
  634.     width: 146px;
  635.     height: 203px;
  636.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  637.     background-position: 0px -747px;
  638. }
  639.  
  640. a[href|="/noseup"] em {
  641.     width: 146px;
  642.     margin-left: -73px;
  643. }
  644.  
  645. /* --- No Text Over Allowed --- */
  646.  
  647.  
  648. a[href|="/exquisite"]{
  649.     display: block;
  650.     clear: none;
  651.     cursor: default;
  652.     width: 196px;
  653.     height: 196px;
  654.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  655.     background-position: 0px 0px;
  656.     /* Hide Text */
  657.     text-indent:-9999px;
  658. }
  659.  
  660. a[href|="/goldbar"]{
  661.     display: block;
  662.     clear: none;
  663.     cursor: default;
  664.     width: 131px;
  665.     height: 150px;
  666.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  667.     background-position: 0px -206px;
  668.     /* Hide Text */
  669.     text-indent:-9999px;
  670. }
  671.  
  672.  
  673. a[href|="/turd"]{
  674.     display: block;
  675.     clear: none;
  676.     cursor: default;
  677.     width: 94px;
  678.     height: 70px;
  679.     background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important;
  680.     background-position: -149px -263px;
  681.     /* Hide Text */
  682.     text-indent:-9999px;
  683. }
  684.  
  685.  
  686. /* --- End Memes --- */
  687.  
  688.  
  689. /* --- Circles --- */
  690.  
  691. 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"], a[href|="/robobutler"],
  692. a[href|="/hedonism"]{
  693.     display: block;
  694.     cursor: default;
  695.     width: 149px;
  696.     height: 149px;
  697.     background-image: url(http://a.thumbs.redditmedia.com/ZvC2bHE05SPZDqjbrtsTvreITnSoM4UJXI0EzBgRQj0.png) !important;
  698.     text-align: center;
  699.     color: #FFFFFF !important;
  700.     font-family: Impact, sans-serif;
  701.     font-size: 20px;
  702.     line-height: 24px;
  703.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  704.     overflow: hidden;
  705.     position: relative;
  706.     text-transform: uppercase;
  707. }
  708.  
  709. 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, a[href|="/robobutler"] em,  a[href|="/hedonism"] em{
  710.     font-style: normal;
  711.     position: absolute;
  712.     bottom: 4px;
  713.     width: 149px;
  714.     left: 50%;
  715.     margin-left: -75px
  716.     }
  717.  
  718.  
  719. a[href|="/orly"]{
  720.     background-position: 0px 0px;
  721. }
  722.  
  723. a[href|="/blackjack"]{
  724.     background-position: 0px -149px;
  725. }
  726.  
  727. a[href|="/meowmers"]{
  728.     background-position: 0px -298px;
  729. }
  730.  
  731. a[href|="/tiphat"]{
  732.     background-position: 0px -447px;
  733. }
  734.  
  735. a[href|="/liz"]{
  736.     background-position: 0px -596px;
  737. }
  738.  
  739. a[href|="/smirk"]{
  740.     background-position: 0px -745px;
  741. }
  742.  
  743. a[href|="/robobutler"]{
  744.     background-position: 0px -894px;
  745. }
  746.  
  747. a[href|="/pipe"]{
  748.     background-position: -149px 0px;
  749. }
  750.  
  751. a[href|="/portrait"]{
  752.     background-position: -149px -149px;
  753. }
  754.  
  755. a[href|="/jackiedoubts"]{
  756.     background-position: -149px -298px;
  757. }
  758.  
  759. a[href|="/isay"]{
  760.     background-position: -149px -447px;
  761. }
  762.  
  763. a[href|="/bully"]{
  764.     background-position: -149px -596px;
  765. }
  766.  
  767. a[href|="/sophisticat"]{
  768.     background-position: -149px -745px;
  769. }
  770.  
  771. a[href|="/hedonism"]{
  772.     background-position: -149px -894px;
  773. }
  774.  
  775.    
  776. /* --- End Circles --- */
  777.  
  778. /* --- Snobbery --- */
  779.  
  780. a[href="/snob"], a[href="/snobette"], a[href="/prospector-joe"], a[href="/prince"], a[href="/shirt"]{
  781.     width: 300px;
  782.     height: 409px;
  783.     cursor: default;
  784.     display: inline-block;
  785.     background-image: url(http://b.thumbs.redditmedia.com/r3sMlUuYCL_VHhjU.jpg);
  786.     text-align: center;
  787.     color: #FFFFFF !important;
  788.     font-family: Impact, sans-serif;
  789.     font-size: 25px;
  790.     line-height: 24px;
  791.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  792.     overflow: hidden;
  793.     position: relative ;
  794.     text-transform: uppercase
  795.     }
  796.  
  797. a[href="/snob"] {
  798.     background-position: 0px 0px;
  799. }
  800.  
  801. a[href="/snobette"] {
  802.     background-position: 0px -409px;
  803. }
  804.  
  805. a[href="/prospector-joe"] {
  806.     background-position: 0px -818px;
  807.     height: 388px;
  808. }
  809.  
  810. a[href="/prince"] {
  811.     background-position: 0px -1206px;
  812. }
  813.  
  814. a[href="/shirt"] {
  815.     background-position: 0px -1616px;
  816. }
  817.  
  818. a[href="/snob"] em, a[href="/snobette"] em, a[href="/prospector-joe"] em, a[href="/prince"] em, a[href="/shirt"] em {
  819.     font-style: normal;
  820.     position: absolute;
  821.     top: 12px;
  822.     width: 292px;
  823.     left: 50%;
  824.     margin-left: -146px
  825.     }
  826.  
  827. a[href="/snob"] strong, a[href="/snobette"] strong, a[href="/prospector-joe"] strong, a[href="/prince"] strong, a[href="/shirt"] strong {
  828.     font-weight: normal;
  829.     position: absolute;
  830.     bottom: 12px;
  831.     width: 292px;
  832.     left: 50%;
  833.     margin-left: -146px
  834.     }
  835.  
  836.  
  837. /* --- End Snobbery --- */
  838.  
  839. /* --- Meme Spacing --- */
  840.  
  841. /* Space thingy */
  842.  
  843. a[href|="/sp"] {
  844.     display: inline-block;
  845.     padding-right: 100%
  846.     }
  847.  
  848. a[href|="/sp"] + .reddit_show_hidden_emotes_span {display:none;}
  849. /*in-line emotes -in and -inp, e.g. texttext[](/b24-in)texttext*/
  850. a[href^="/"][href*="-in-"], a[href^="/"][href$="-in"], a[href^="/"][href*="-inp-"], a[href^="/"][href$="-inp"] {
  851.     float: none !important;
  852.     display: inline-block !important
  853.     }
  854.  
  855. /*Force an /sp at the end of a self post to fix any emotes that trail off the post area.*/
  856.  
  857. .thing.self .md>p:last-of-type:after
  858. {
  859.  content:"";
  860.  display: inline-block;
  861.  padding-right: 100% !important;
  862. }
  863.  
  864. /* --- End Meme Spacing --- */
  865.  
  866.  
  867. .beta-notice { top: 64px !important; }
  868.  
  869. /* h3 as pre for goldbot speech */
  870.  
  871. .usertext-body h3 {
  872.   display: block;
  873.   font-family: monospace;
  874.   white-space: pre;
  875.   font-size: small;
  876.   font-weight: normal;
  877.   margin: 10px;
  878. }
  879.  
  880. /* Wiki */
  881.  
  882.  
  883. .wiki-page .wiki-page-content{
  884.   padding: 15px;
  885.   background-color: rgba(255, 255, 255, 0.45);
  886.   color: #424242;
  887. }
  888.  
  889. .wiki-page-content .toc li {
  890.   padding-bottom: 5px;
  891. }
  892.  
  893. .wiki-page .content {
  894.   background: none;
  895. }
  896.  
  897. .wiki-page .wiki-page-content .md.wiki h1,
  898. .wiki-page .wiki-page-content .md.wiki h2,
  899. .wiki-page .wiki-page-content .md.wiki h3,
  900. .wiki-page .wiki-page-content .md.wiki h4,
  901. .wiki-page .wiki-page-content .md.wiki h5,
  902. .wiki-page .wiki-page-content .md.wiki h6{
  903.   font-family:baskerville, palatino, "palatino linotype", georgia,serif;
  904.   margin: 0.5em 0;
  905.   color: #424242;
  906. }
  907.  
  908. .wiki-page .wiki-page-content .md.wiki h1 {
  909.   font-size: 3.5em;
  910.   color: #d8c161;
  911.   text-shadow: 0 0.03em 0.04em #555454;
  912. }
  913.  
  914. .wiki-page .wiki-page-content .md.wiki p {
  915.   font-size: 0.9em;
  916. }
  917.  
  918. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki p:last-of-type:after {
  919.   content: '';
  920.   display: block;
  921.   background: url(http://b.thumbs.redditmedia.com/bTk8IUCBqm0IpAYr2b_WYUb3UCyEtyNZ-VuD80B9P6Q.png);
  922.   width: 423px;
  923.   height: 197px;
  924.   margin-top: 20px;
  925. }
  926.  
  927. /* FAQ wiki page */
  928.  
  929. .wiki-page.wiki-page-faq .wiki-page-content .md.wiki h4{
  930.   margin: 1.2em 0 0.5em 0;
  931. }
  932.  
  933. /* wiki pages */
  934.  
  935. .wiki-page-contract-of-moderation .toc,
  936. .wiki-page-contract-of-moderation .side,
  937. .wiki-page-rules .toc,
  938. .wiki-page-rules .side {
  939.   display: none;
  940. }
  941.  
  942. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2,
  943. .wiki-page-rules .wiki-page-content .md.wiki h1 {
  944.   text-align: center;
  945. }
  946.  
  947. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2,
  948. .wiki-page-rules .wiki-page-content .md.wiki h2 {
  949.   margin-top: 0.75em;
  950. }
  951.  
  952. .wiki-page-contract-of-moderation .wiki-page-content,
  953. .wiki-page-rules .wiki-page-content{
  954.   width: 600px;
  955.   margin: 0 auto;
  956. }
  957.  
  958. .wiki-page-contract-of-moderation .md.wiki ~ em,
  959. .wiki-page-contract-of-moderation .md.wiki ~ hr,
  960. .wiki-page-rules .md.wiki ~ em,
  961. .wiki-page-rules .md.wiki ~ hr {
  962.   display: none;
  963. }
  964. .wiki-page-contract-of-moderation .footer-parent,
  965. .wiki-page-rules .footer-parent {
  966.   height: auto;
  967.   width: auto;
  968.   background-image: none;
  969.   margin-bottom: 0px;
  970. }
  971.  
  972. .wiki-page-contract-of-moderation .wiki-page-content {
  973.   line-height: 1.9em;
  974.   margin-top: 2em;
  975. }
  976.  
  977. .wiki-page-contract-of-moderation .wiki-page-content h2 + p {
  978.   text-align: center;
  979. }
  980.  
  981. /* Side Bar menu */
  982.  
  983. .side blockquote {
  984.   text-align: center;
  985.   border: 0 none;
  986.   margin: 20px 0;
  987.   background: url(http://c.thumbs.redditmedia.com/3CM32WUPTG20USCJ.png) repeat center center;
  988.   width: 291px;
  989.   padding: 30px 0px;
  990.   border: none;
  991.   position: relative;
  992. }
  993.  
  994. .side blockquote:before{
  995.   content: "";
  996.   width: 291px;
  997.   height: 45px;
  998.   background: url(http://e.thumbs.redditmedia.com/Ry0xx1TVBwdSN2O4.png) no-repeat center center;
  999.   display: block;
  1000.   position: absolute;
  1001.   top: -5px;
  1002. }
  1003.  
  1004. .side blockquote:after{
  1005.   content: "";
  1006.   width: 291px;
  1007.   height: 45px;
  1008.   background: url(http://b.thumbs.redditmedia.com/8EQ5FFzXL5tUOZOy.png) no-repeat center center;
  1009.   display: block;
  1010.   position: absolute;
  1011.   bottom: -5px;
  1012. }
  1013.  
  1014. .side blockquote a {
  1015.   font-size: 1.5em;
  1016.   line-height: 1.3em;
  1017.   color: #5b3700;
  1018.   text-shadow: -1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;
  1019. }
  1020.  
  1021. .side blockquote a:hover {
  1022.   color: #FCFCE1!important;
  1023. }
  1024.  
  1025. .side blockquote a:visited {
  1026.   color: #5b3700;
  1027. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!