API tools faq
paste
gavin19

askr2

gavin19
Jan 20th, 2015
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 100.46 KB | None | 0 0
raw download clone embed print report
  1. /*---------------------------
  2. Version 1.0 - AskReddit
  3. Stylesheet by /u/qtx
  4. Released: September 2014
  5. Details: askreddit stylesheet
  6. ---------------------------*/
  7.  
  8. body { background: #eee; }
  9. body>.content { margin: 0 20px 0 10px; z-index: 1; }
  10.  
  11. /* Header
  12. ----------*/
  13.  
  14. #header {
  15. border-bottom: 0;
  16. background-color: #f0f7fd;
  17. margin: 0 8px;
  18. border-left: 1px solid #dee5e7;
  19. border-right: 1px solid #dee5e7;
  20. }
  21.  
  22. /* Top menu dropdown list
  23. --------------------------*/
  24.  
  25. #sr-header-area { font-family: arial; background-color: #fafcfe; border-bottom: 1px solid #e9f3fc; }
  26. #sr-header-area:hover { background-color: #fff; }
  27. #sr-header-area a, .srSep { color: #a2b5bf; }
  28. #sr-header-area a:hover { color: #607d8b; text-decoration: none; }
  29. #RESShortcutsEditContainer, #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { background: transparent!important; }
  30. #RESShortcutsRight { background-color: #f5fafe!important; }
  31. #sr-header-area .separator { visibility: hidden; }
  32.  
  33. #sr-header-area .srdrop.dropdown .selected {
  34. width: 40px;
  35. height: 19px;
  36. padding: 0;
  37. margin: 0;
  38. display: block;
  39. background: url(http://b.thumbs.redditmedia.com/dIAKpJrYC7z36x77rvy6rDNk0zVGPii78_R1GEeSDUo.png) no-repeat center #f0f7fd;
  40. line-height: 20px;
  41. border-right: 1px dotted #dee5e7;
  42. text-indent: -999em
  43. }
  44.  
  45. #sr-header-area .srdrop.dropdown .selected:hover {
  46. background: url(http://b.thumbs.redditmedia.com/zymAiPMIkrHP86ouP7qbTHzWQuJZw71rIzn_JcLKKVo.png) no-repeat center #f0f7fd;
  47. -webkit-transition: 0.2s ease-in-out;
  48. -moz-transition: 0.2s ease-in-out;
  49. -o-transition: 0.2s ease-in-out;
  50. transition: 0.2s ease-in-out;
  51. }
  52.  
  53. #sr-header-area .srdrop.dropdown .selected:active { background-color: #fff; }
  54. #sr-header-area .dropdown.srdrop { padding-left: 0; }
  55. #sr-header-area .sr-list { padding-left: 10px; }
  56. #sr-header-area { border-bottom: 1px dotted #dee5e7; }
  57. #sr-header-area .drop-choices.srdrop { margin-top: 0; margin-left: 0; }
  58. .drop-choices { border: 1px solid #dee5e7; border-top: 0; border-left: 0; z-index: 102; line-height: 150%; padding: 10px 20px; }
  59. .drop-choices a.choice:hover { background: #eee; }
  60. #sr-more-link { background: #f5fafe; }
  61. #srLeftContainer { padding-left: 0!important; margin-right: 10px!important; }
  62.  
  63. .res #sr-header-area #srDropdownContainer a {
  64. width: 40px;
  65. height: 19px;
  66. padding: 0;
  67. margin: 0;
  68. display: block;
  69. background: url(http://b.thumbs.redditmedia.com/dIAKpJrYC7z36x77rvy6rDNk0zVGPii78_R1GEeSDUo.png) no-repeat center #f0f7fd;
  70. line-height: 20px;
  71. border-right: 1px dotted #dee5e7;
  72. text-indent: -999em
  73. }
  74.  
  75. .res #sr-header-area #srDropdownContainer a:hover {
  76. background: url(http://b.thumbs.redditmedia.com/zymAiPMIkrHP86ouP7qbTHzWQuJZw71rIzn_JcLKKVo.png) no-repeat center #f0f7fd;
  77. -webkit-transition: 0.2s ease-in-out;
  78. -moz-transition: 0.2s ease-in-out;
  79. -o-transition: 0.2s ease-in-out;
  80. transition: 0.2s ease-in-out;
  81. }
  82.  
  83. .res #sr-header-area { border-bottom: 0; background: linear-gradient(to bottom,  rgba(250, 252, 254,1) 17px,rgba(222, 229, 231,1) 1px); }
  84. .res #sr-header-area:hover { background: linear-gradient(to bottom,  rgba(255, 255, 255,1) 17px,rgba(222, 229, 231,1) 1px); }
  85. .res #srList { padding: 3px; top: 18px; left: 9px; border: none; background-color: #FFF; }
  86. .res #srList tr { border-bottom:none; }
  87. .res #srList tr:hover{ background-color:#eee; }
  88. .res #srList td a { width: 100%; display: block; color: #808080!important; text-transform: uppercase; }
  89. .res #srList td a:hover { color: #333!important; }
  90.  
  91. /* Logos etc
  92. -------------*/
  93.  
  94. #header-img { margin-top: 0; margin-right: 0; margin-left: 18px; }
  95. #header-bottom-left { height: 73px; }
  96.  
  97. .pagename a {
  98. background: url(http://b.thumbs.redditmedia.com/6ZPhW5VUdE5Li_Doi2zYBdmJAVs13ntUAmzvBH9ERfA.png) transparent no-repeat;
  99. vertical-align: top;
  100. display: inline-block;
  101. width: 225px!important;
  102. height: 73px!important;
  103. font-size: 0!important;
  104. margin-top: 1px;
  105. }
  106.  
  107. /* Tab Menu
  108. ------------*/
  109.  
  110. #header:after {
  111. content: "";
  112. padding-left: 15px;
  113. height: 40px;
  114. margin : 0;
  115. display: block;
  116. background: #454e59;
  117. line-height: 40px;
  118. font-family: sans-serif;
  119. font-size: 11px;
  120. font-weight: bold;
  121. text-transform: uppercase;
  122. color: #CCC;
  123. -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
  124. -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
  125. box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
  126. }
  127.  
  128. #header-bottom-left .tabmenu {
  129. position: absolute;
  130. top: 92px;
  131. left: 11px;
  132. height: 40px;
  133. margin-top: 0;
  134. }
  135.  
  136. .res #header-bottom-left .tabmenu { top: 91px; }
  137.  
  138. #header-bottom-left .tabmenu li { margin: 0px 0px; }
  139.  
  140. #header-bottom-left .tabmenu li a {
  141. background: transparent;
  142. font-family: sans-serif;
  143. font-size: 10px;
  144. padding: 11px 8px 10px 8px;
  145. font-weight: 600;
  146. text-transform: uppercase;
  147. color: #fff;
  148. line-height: 40px;
  149. -webkit-transition: 0.1s ease-in-out;
  150. -moz-transition: 0.1s ease-in-out;
  151. -o-transition: 0.1s ease-in-out;
  152. transition: 0.1s ease-in-out;
  153. }
  154.  
  155. #header-bottom-left .tabmenu li a:hover { background: #c12666; }
  156.  
  157. #header-bottom-left .tabmenu li.selected a,#header-bottom-left .tabmenu li a:hover {
  158. position: relative;
  159. border: none;
  160. color: #fff;
  161. background: #3498db;
  162. }
  163.  
  164. #header-bottom-left .tabmenu li.selected a:after {
  165. top: 100%;
  166. left: 50%;
  167. border: solid transparent;
  168. content: " ";
  169. height: 0;
  170. width: 0;
  171. position: absolute;
  172. pointer-events: none;
  173. border-color: rgba(52, 152, 219, 0);
  174. border-top-color: #3498db;
  175. border-width: 10px;
  176. margin-left: -10px;
  177. }
  178.  
  179. #header-bottom-left .tabmenu li a:hover { padding: 11px 8px 10px 8px; }
  180. #header-bottom-left .tabmenu li.selected a, #header-bottom-left .tabmenu li.selected a:hover { font-size: 11px; padding: 10px 8px; }
  181.  
  182. /* User bar
  183. ------------*/
  184.  
  185. #header-bottom-right {
  186. padding: 0 15px;
  187. height: 40px;
  188. right: 0;
  189. top: 92px;
  190. bottom: 0;
  191. background: #454e59;
  192. border-radius: 0;
  193. font-family: sans-serif;
  194. font-size: 9px;
  195. font-weight: bold;
  196. line-height: 40px;
  197. text-transform: uppercase;
  198. }
  199. .res #header-bottom-right { top: 91px; }
  200. #header-bottom-right a { color: #fff; }
  201. #header-bottom-right .user,#header-bottom-right .userkarma { color: #fafafa; }
  202. #header-bottom-right .separator { visibility: hidden; }
  203.  
  204. /* RES Userbar
  205. ---------------*/
  206.  
  207. .res #header-bottom-right {
  208. height: 40px;
  209. padding: 0 15px;
  210. top: 91px;
  211. bottom: 0;
  212. }
  213.  
  214. .res #header-bottom-right #RESAccountSwitcherIcon { position: relative; top: -2px; }
  215. .res #header-bottom-right .userkarma a { color:#fff; }
  216. .res #header-bottom-right #mail.havemail+#mailCount { margin-left: 3px; color:#fff; }
  217.  
  218. .res #userbarToggle {
  219. width: 18px;
  220. height: 40px;
  221. padding-right: 6px;
  222. background-color: transparent;
  223. border: none;
  224. border-right: 1px solid #757575;
  225. border-radius: 0;
  226. line-height: 40px;
  227. color: #757575;
  228. }
  229.  
  230. .res #userbarToggle.userbarShow {
  231. width: 16px;
  232. padding-right: 8px;
  233. left: 6px;
  234. -webkit-transition: 0.4s ease-in-out;
  235. -moz-transition: 0.4s ease-in-out;
  236. -o-transition: 0.4s ease-in-out;
  237. transition: 0.4s ease-in-out;
  238. }
  239.  
  240. #mail.havemail {
  241. opacity: 1;
  242. -webkit-transition:all 1s ease-in-out;
  243. -moz-transition:all 1s ease-in-out;
  244. -o-transition:all 1s ease-in-out;
  245. -ms-transition:all 1s ease-in-out;
  246. transition:all 1s ease-in-out;
  247. -webkit-animation:blink normal 3s infinite ease-in-out;
  248. -moz-animation:blink normal 3s infinite ease-in-out;
  249. -ms-animation:blink normal 3s infinite ease-in-out;
  250. animation:blink normal 3s infinite ease-in-out;
  251. }
  252.  
  253. #mail.nohavemail { opacity: 0.75; }
  254.  
  255. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  256. background: #F0F3FC !important;
  257. outline: none;
  258. }
  259.  
  260. /* Front page
  261. --------------*/
  262.  
  263. .sitetable { padding-top: 0; background: transparent; border-bottom: 1px solid #dee5e7; border-left: 1px solid #dee5e7; margin-right: 0; }
  264. .sitetable.linklisting { margin-left: 10px; }
  265.  
  266. .link {
  267. margin: 0;
  268. position: relative;
  269. padding: 10px 0;
  270. background: #fff;
  271. border-top: 1px solid #dee5e7;
  272. }
  273.  
  274. .linklisting { z-index: 200; }
  275.  
  276.     /* make sure the selector is above all other elements. Thanks gavin :) */
  277.  
  278. .link.last-clicked { overflow: visible; }
  279.  
  280. .link:first-child { border-top: 0; }
  281.  
  282. .link .rank {
  283. position: absolute;
  284. margin-top: 0;
  285. top: 0;
  286. bottom: 0;
  287. min-width: 38px;
  288. text-align: center;
  289. color: #777;
  290. background: #fdfdfd;
  291. padding-top: 28px;
  292. border-right: 1px solid #dee5e7;
  293. }
  294.  
  295. .link .midcol {
  296. position: absolute;
  297. top: 0;
  298. bottom: 0;
  299. margin: 0 40px 0 39px;
  300. padding-top: 10px;
  301. min-width: 47px;
  302. font-family: arial;
  303. background: #F6F6F6;
  304. border-right: 1px solid #dee5e7;
  305. }
  306.  
  307. .link .title:before {
  308. content: " ";
  309. position: absolute;
  310. top: 0;
  311. bottom: 0;
  312. left: 87px;
  313. background: #e0f2f1;
  314. min-width: 10px;
  315. }
  316.  
  317. .link p.title { padding-left: 104px; }
  318. .link p.tagline { padding: 8px 0 0 104px; }
  319. .link .flat-list { padding: 1px 0 0 104px; }
  320.  
  321. .thing .title { color: /*#3b50ce;*/ blue }
  322. .thing .title:visited, .thing.visited .title { color: #2a3f4d; }
  323.  
  324. .expando-button {
  325. cursor: pointer;
  326. float: left;
  327. height: 28px;
  328. width: 30px;
  329. margin: 8px 11px 2px 105px;
  330. background: #ffffff none no-repeat scroll center center;
  331. }
  332.  
  333. .expando-button.selftext.collapsed { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-repeat: no-repeat; background-position: -141px -79px; }
  334. .expando-button.selftext.collapsed:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-repeat: no-repeat; background-position: -139px -107px; }
  335. .expando-button.selftext.expanded { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-repeat: no-repeat; background-position: -98px -26px; }
  336. .expando-button.selftext.expanded:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-repeat: no-repeat; background-position: 0 -54px; }
  337. .expando-button.video.collapsed { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -16px -135px; }
  338. .expando-button.video.collapsed:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -46px -135px; }
  339. .expando-button.video.expanded { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -98px -26px; }
  340. .expando-button.video.expanded:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: 0 -54px; }
  341.  
  342. .expando-button.image {
  343. background:#f2f4f7 none no-repeat scroll center center;
  344. cursor: pointer;
  345. display: inline-block;
  346. float: left;
  347. height: 28px !important;
  348. margin-right: 11px;
  349. max-height: 28px !important;
  350. max-width: 30px !important;
  351. padding: 0;
  352. vertical-align: top !important;
  353. width: 30px !important;
  354. }
  355.  
  356. .res .expando-button.image.collapsedExpando { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -137px 0; }
  357. .res .expando-button.image.collapsedExpando:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -135px -28px; }
  358. .res .expando-button.image.expandedExpando { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -98px -26px; }
  359. .res .expando-button.image.expandedExpando:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: 0 -54px; }
  360. .res .expando-button.image.expanded { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -98px -26px; }
  361. .res .expando-button.image.expanded:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: 0 -54px; }
  362. .res .expando-button.image.gallery.collapsedExpando { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: 0 0; }
  363. .res .expando-button.image.gallery.collapsedExpando:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -30px 0; }
  364. .res .expando-button.image.gallery.expanded { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: -98px -26px; }
  365. .res .expando-button.image.gallery.expanded:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) !important; background-position: 0 -54px; }
  366.  
  367. .RESImage { margin-top: 10px; margin-left: 110px!important; }
  368. .RESGalleryControls .previous { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -64px -54px !important; }
  369. .RESGalleryControls .previous:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -80px -54px !important; }
  370. .RESGalleryControls .next { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -18px -28px !important; }
  371. .RESGalleryControls .next:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -34px -28px !important; }
  372.  
  373. .imgTitle { padding-left: 110px!important; margin-top: 10px!important; }
  374. .RESGalleryControls { margin-left: 110px!important; }
  375.  
  376. .expando { margin: 5px 0 5px 105px; }
  377. .link .usertext .md { border: 1px solid #3498db; }
  378.  
  379. /* Arrows
  380. ----------*/
  381.  
  382. .listing-page .arrow.up, .comments-page .link .arrow.up { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -152px -56px; width: 16px; height: 16px; }
  383. .listing-page .arrow.upmod, .comments-page .link .arrow.upmod { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: 0 -135px; width: 16px; height: 16px; }
  384. .listing-page .arrow.down, .comments-page .link .arrow.down { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -30px -54px; width: 17px; height: 16px; }
  385. .listing-page .arrow.downmod, .comments-page .link .arrow.downmod { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -47px -54px; width: 17px; height: 16px; }
  386.  
  387. /* Misc styling
  388. ----------------*/
  389.  
  390. .entry .buttons li a { color: #666; }
  391. .nsfw-stamp acronym { background: #fff; border-radius: 0; border: 1px solid #e74c3c; color: #c0392b; }
  392. .give-gold { color: #988143!important; }
  393.  
  394. /* Link Flair
  395. --------------*/
  396.  
  397. .linkflairlabel { margin-right: 0; padding: 0; }
  398.  
  399. .linkflair-mod-post .title .linkflairlabel, .linkflair-serious .title .linkflairlabel, .linkflair-stories .title .linkflairlabel, .linkflair-megathread .title .linkflairlabel, .linkflair-breaking-news .title .linkflairlabel {
  400. position: absolute;
  401. top: 0;
  402. bottom: 0;
  403. content: " ";
  404. left: 87px;
  405. min-width: 10px!important;
  406. text-indent: -9999px;
  407. border: 0;
  408. border-radius: 0;
  409. -webkit-transition: all .3s ease;
  410. -moz-transition: all .3s ease;
  411. -ms-transition: all .3s ease;
  412. -o-transition: all .3s ease;
  413. transition: all .3s ease;
  414. }
  415.  
  416. .linkflair-mod-post .title .linkflairlabel { background: #fde0dc; }
  417. .linkflair-serious .title .linkflairlabel { background: #cfe6b5; }
  418. .linkflair-stories .title .linkflairlabel { background: #f2e3a1; }
  419. .linkflair-megathread .title .linkflairlabel { background: #b5d5e6; }
  420. .linkflair-breaking-news .title .linkflairlabel { background: #c49dd4; }
  421.  
  422. .listing-page .linkflair-mod-post:hover .title .linkflairlabel { background: #f36c60; }
  423. .listing-page .linkflair-serious:hover .title .linkflairlabel { background: #8dc44e; }
  424. .listing-page .linkflair-stories:hover .title .linkflairlabel { background: #E9CF5C; }
  425. .listing-page .linkflair-megathread:hover .title .linkflairlabel { background: #5DA4C8; }
  426. .listing-page .linkflair-breaking-news:hover .title .linkflairlabel { background: #9b59b6; }
  427.  
  428. .linkflair-mod-post .buttons:before, .linkflair-serious .buttons:before, .linkflair-stories .buttons:before, .linkflair-megathread .buttons:before, .linkflair-breaking-news .buttons:before {
  429. display: inline-block;
  430. padding: 1px 10px;
  431. color: #fff;
  432. text-transform: uppercase!important;
  433. margin-right: 10px;
  434. font-size: 85%;
  435. }
  436.  
  437. .linkflair-mod-post .buttons:before { content: 'mod post'; background: #f36c60; }
  438. .linkflair-serious .buttons:before { content: 'serious'; background: #8dc44e; }
  439. .linkflair-stories .buttons:before { content: 'stories'; background: #E9CF5C; }
  440. .linkflair-megathread .buttons:before { content: 'megathread'; background: #5DA4C8; }
  441. .linkflair-breaking-news .buttons:before { content: 'breaking-news'; background: #9b59b6; }
  442.  
  443. .linkflair-mod-post .linkflairlabel { background: #f36c60; color: #fff; }
  444. .linkflair-serious .linkflairlabel { background: #8dc44e; color: #fff; }
  445. .linkflair-stories .linkflairlabel { background: #E9CF5C; color: #fff; }
  446. .linkflair-megathread .linkflairlabel { background: #5DA4C8; color: #fff; }
  447. .linkflair-breaking-news .linkflairlabel { background: #9b59b6; color: #fff; }
  448.  
  449. .flairselector .title:before { display: none; }
  450.  
  451. .comments-page .linkflair-mod-post .title .linkflairlabel, .comments-page .linkflair-serious .title .linkflairlabel, .comments-page .linkflair-stories .title .linkflairlabel, .comments-page .linkflair-megathread .title .linkflairlabel, .comments-page .linkflair-breaking-news .title .linkflairlabel {
  452. left: 48px;
  453. }
  454.  
  455. .link.last-clicked { border: 0; border-top: 1px solid #dee5e7; }
  456.  
  457. /* Sticky post
  458. ---------------*/
  459.  
  460. .link.stickied .rank:after {
  461. content: "";
  462. width: 17px;
  463. height: 23px;
  464. display: block;
  465. position: absolute;
  466. margin-left: auto;
  467. margin-right: auto;
  468. left: 12px;
  469. background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -135px -56px no-repeat;
  470. }
  471.  
  472. .tagline .stickied-tagline { color: #69b391; text-transform: uppercase; font-size: 70%; }
  473. .stickied .title { color: #69b391!important; }
  474.  
  475. /* Comments page
  476. -----------------*/
  477.  
  478. .comments-page .link { border-bottom: 1px solid #dee5e7; }
  479. .comments-page .link .rank { display: none; }
  480. .comments-page .link .midcol { margin: 0 0 0 0; }
  481. .comments-page .link p.title { padding-left: 70px; }
  482. .comments-page .link .title:before { left: 48px; }
  483. .comments-page .link p.tagline { padding-left: 70px; }
  484. .comments-page .expando { margin-left: 70px; }
  485. .comments-page .expando-button { margin-left: 70px; }
  486. .comments-page .link .flat-list { padding-left: 70px; }
  487. .comments-page .link .usertext .md { margin-top: 15px; margin-bottom: 15px; }
  488.  
  489. .comments-page .commentarea {
  490. background: #FDFDFF;
  491. border: 1px solid #dee5e7;
  492. margin-top: 20px;
  493. margin-left: 10px;
  494. padding-bottom: 20px;
  495. margin-bottom: 20px;
  496. }
  497.  
  498. .res .comments-page .commentarea .sitetable {
  499. background: #FDFDFF;
  500. border: 0;
  501. margin-left: 0!important;
  502. }
  503.  
  504. .comments-page .usertext-edit { font-family: arial; margin-left: 10px; }
  505. .comments-page .commentarea .menuarea { font-family: arial; margin-left: 20px; margin-top: 15px; }
  506. .comments-page .commentarea .menuarea a { color: #2a3f4d; border-bottom: 1px solid #f9acb4; }
  507. .comments-page .panestack-title { font-family: arial; margin-left: 20px; margin-bottom: 0; }
  508. .comments-page .sitetable { border-left: 0; border-bottom: 0; }
  509. .markdownEditor .edit-btn:not(.btn-macro) { border: 1px solid #dee5e7!important; }
  510. .comments-page textarea { border: 1px solid #dee5e7!important; }
  511. .content .RESBigEditorPop { border: 1px solid #dee5e7!important; }
  512. .dropdown.lightdrop .selected { font-weight: normal; color: #2a3f4d; font-size: 120%; }
  513. .commentNavSortType { font-weight: normal!important; color: #2a3f4d; }
  514. span.RESCharCounter { color:#e67e22; }
  515.  
  516. /* Comment box notice
  517. ----------------------*/
  518.  
  519. .commentarea .usertext textarea {
  520. background-image: url(http://b.thumbs.redditmedia.com/aGwgyCHnCtgNB5F5ysHuGYwh56dmKU-_37T-LUTzvIo.png);
  521. background-repeat: no-repeat;
  522. -webkit-transition: background 0.25s linear;
  523. -moz-transition: background 0.25s linear;
  524. -o-transition: background 0.25s linear;
  525. transition: background 0.25s linear;
  526. }
  527.  
  528. .commentarea .usertext textarea:focus { background-position: 0 -104px; right: -50px }
  529.  
  530. /* Comments
  531. ------------*/
  532.  
  533. .res-commentBoxes .comment {
  534. border:1px solid #dee5e7 !important;
  535. padding: 10px!important;
  536. margin-right: 0!important;
  537. background: #fff!important;
  538. }
  539.  
  540. .res-commentBoxes .sitetable .comment, .comment {
  541.  margin-left: 0 !important;
  542.  border-radius: 0 !important;
  543. }
  544.  
  545. .commentarea .sitetable.nestedlisting > .comment { margin-bottom: 0 !important; border-bottom: 6px solid #eee !important; border-top: 1px solid #d5d5d5 !important; padding-top: 6px; }
  546.  
  547. .comments-page .sitetable.nestedlisting { background: transparent!important; }
  548.  
  549. .res-commentBoxes .comment { padding-bottom: 0!important; margin-bottom: 4px!important; }
  550.  
  551. .res-commentBoxes .comment .comment,
  552. .res-commentBoxes .comment .comment .comment .comment,
  553. .res-commentBoxes .comment .comment .comment .comment .comment .comment {
  554. margin-left: 0!important; padding-bottom: 0; margin-bottom: 4px!important; border-right:1px solid #dee5e7 !important;
  555. -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  556. -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  557. box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  558. }
  559.  
  560. .res-commentBoxes .comment .comment .comment,
  561. .res-commentBoxes .comment .comment .comment .comment .comment,
  562. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment {
  563. margin-left: 0!important; padding-bottom: 0; margin-bottom: 4px!important; border-right:1px solid #dee5e7 !important;
  564. -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  565. -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  566. box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
  567. }
  568.  
  569. /* Inline comment expandos
  570. ---------------------------*/
  571.  
  572. .commentarea .expando-button { margin: 0 5px!important; height: 13px; width: 19px; }
  573. .res .commentarea .expando-button.image.collapsedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -99px -13px no-repeat !important; }
  574.  
  575. .res .commentarea .expando-button.image {
  576. background: transparent none no-repeat scroll center center;
  577. height: 28px !important;
  578. max-height: 13px !important;
  579. max-width: 19px !important;
  580. width: 19px !important;
  581. }
  582.  
  583. .commentarea .expando-button.video.collapsed { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -60px -26px no-repeat !important; }
  584. .commentarea .expando-button.video.collapsed:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -79px -26px no-repeat !important; }
  585. .commentarea .expando-button.video.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -118px 0 no-repeat !important; }
  586. .commentarea .expando-button.video.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -80px -13px no-repeat !important; }
  587. .res .commentarea .expando-button.image.collapsedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -118px -13px no-repeat !important; }
  588. .res .commentarea .expando-button.image.expandedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -118px 0 no-repeat !important; }
  589. .res .commentarea .expando-button.image.expandedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -80px -13px no-repeat !important; }
  590. .res .commentarea .expando-button.image.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -118px 0 no-repeat !important; }
  591. .res .commentarea .expando-button.image.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -80px -13px no-repeat !important; }
  592. .res .commentarea .expando-button.image.gallery.collapsedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -80px 0 no-repeat !important; }
  593. .res .commentarea .expando-button.image.gallery.collapsedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -99px 0 no-repeat !important; }
  594. .res .commentarea .expando-button.image.gallery.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -118px 0 no-repeat !important; }
  595. .res .commentarea .expando-button.image.gallery.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -80px -13px no-repeat !important; }
  596.  
  597. /* Deepthread
  598. --------------*/
  599.  
  600. .deepthread { background: #3498db; padding: 5px 0 5px 10px; color: #fff; line-height: 18px;
  601. -webkit-transition: all .1s ease;
  602. -moz-transition: all .1s ease;
  603. -ms-transition: all .1s ease;
  604. -o-transition: all .1s ease;
  605. transition: all .1s ease;
  606. }
  607.  
  608. .deepthread:hover { background: #2980b9; }
  609. .deepthread a { color: #fff; }
  610. .deepthread a:hover { text-decoration: none; }
  611. .deepthread:after { background-image: none; content: " ► "; }
  612.  
  613. /* Thread subscription btn
  614. ---------------------------*/
  615.  
  616. .RESSubscriptionButton:hover { background-color: #5da460!important; color:#fff!important; }
  617.  
  618. .RESSubscriptionButton {
  619. text-transform: uppercase;
  620. font-weight: normal!important;
  621. color: #fff!important;
  622. padding: 5px!important;
  623. background-color: #71bd73!important;
  624. border:0!important;
  625. border-radius: 0px!important;
  626. -webkit-transition: 0.1s ease-in-out;
  627. -moz-transition: 0.1s ease-in-out;
  628. -o-transition: 0.1s ease-in-out;
  629. transition: 0.1s ease-in-out;
  630. }
  631.  
  632. /* Taglines
  633. ------------*/
  634.  
  635. .listing-page .thing .tagline .author.moderator, .comments-page .thing .tagline .author.moderator { padding: 0 8px 2px 8px!important; }
  636.  
  637. .thing .tagline .author.moderator, .thing .tagline .author.submitter, .thing .tagline .author.friend {
  638. font-weight: normal!important; padding: 2px 8px!important; border-radius: 0!important;
  639. color: #fff; opacity: 0.7; }
  640.  
  641. .thing .tagline .author.moderator { background-color: #228822 !important; }
  642. .thing .tagline .author.submitter { background-color: #0055DF !important; }
  643. .thing .tagline .author.friend { background-color: #FF4500 !important; }
  644.  
  645. .thing .tagline .author.moderator:hover, .thing .tagline .author.submitter:hover, .thing .tagline .author.friend:hover { opacity: 1!important; }
  646.  
  647. .thing .tagline .author.friend.submitter { background: #FF4500!important; border-left: 5px solid #0055DF!important; border-right: 5px solid #0055DF!important; padding: 2px 4px!important; }
  648. .thing .tagline .author.friend.moderator { background: #FF4500!important; border-left: 5px solid #228822!important; border-right: 5px solid #228822!important; padding: 2px 4px!important; }
  649.  
  650. /* Deleted comment
  651. -------------------*/
  652.  
  653. .usertext.grayed .usertext-body { padding-left: 20px; background: url(http://a.thumbs.redditmedia.com/Dl17pddoSxwfdybCyteePJ42j7EvS19DYPDckQACcE0.png) left center no-repeat transparent; margin-top: 15px; }
  654. .thing.collapsed.deleted.comment { background: url(http://a.thumbs.redditmedia.com/Dl17pddoSxwfdybCyteePJ42j7EvS19DYPDckQACcE0.png) 10px center no-repeat transparent!important; padding-bottom: 10px!important; }
  655.  
  656.  
  657. /* Comments page - sidebar things
  658. ----------------------------------*/
  659.  
  660. .comments-page .side .spacer {margin-bottom: 0; }
  661.  
  662. /* Sidebar linkinfo
  663. --------------------*/
  664.  
  665. .comments-page .linkinfo {
  666. text-align: center;
  667. width: 300px;
  668. padding: 0;
  669. background: #fdfdfd;
  670. border: 0;
  671. border-top: 0;
  672. border-bottom: 0;
  673. border-radius: 0;
  674. }
  675.  
  676. .comments-page .linkinfo .score .word, .related-page .linkinfo .score .word { display: none; }
  677. .comments-page .linkinfo .score, .related-page .linkinfo .score { font-size: 11px; display: block; min-width: 80px; padding: 15px 40px; }
  678. .comments-page .linkinfo .score .number, .related-page .linkinfo .score .number { display: block; }
  679. .comments-page .linkinfo .totalvotes, .comments-page .linkinfo .upvotes, .comments-page .linkinfo .downvotes, .related-page .linkinfo .totalvotes, .related-page .linkinfo .upvotes, .related-page .linkinfo .downvotes { font-size: 110%; }
  680. .comments-page .linkinfo .upvotes .word, .comments-page .linkinfo .downvotes .word, .related-page .linkinfo .upvotes .word, .related-page .linkinfo .downvotes .word {display: none;}
  681. .comments-page .linkinfo .upvotes:after, .related-page .linkinfo .upvotes:after { content: "▲"; }
  682. .comments-page .linkinfo .downvotes:after, .related-page .linkinfo .downvotes:after { content: "▼"; }
  683. .comments-page .linkinfo .upvotes { margin-left: 10px; }
  684. .comments-page .linkinfo .shortlink { margin-top: 0; font-size: 0; text-align: center; visibility: hidden; }
  685. .comments-page .linkinfo .shortlink input { border: 1px solid #ddd; border-bottom: 0; font-size: 11px; text-align: center; background: #eceff1; visibility: visible; margin-bottom: -1px; }
  686. .comments-page .linkinfo .date { margin: 0; padding: 5px 0; border-top: 0; border-bottom: 1px solid #ddd; font-size: 12px; background: #F6F6F6; color: #000; font-weight: bold; text-align: center; }
  687. .comments-page .linkinfo .date span { font-size: 0; color: #FFF; }
  688. .comments-page .linkinfo .date span:after { content: "Submitted on "; display: inline; font-size: 12px; font-weight: normal; color: #111; }
  689. .res [class*="votes"] + .shortlink input { margin-top: 20px; }
  690.  
  691. /* Buttons
  692. -----------*/
  693.  
  694. button.save, button.submit-report, button.cancel, button.cancel-report-thing {
  695. position: relative;
  696. padding: 7px 10px;
  697. border: 0;
  698. width: 77px;
  699. color: #fff;
  700. overflow: hidden;
  701. -webkit-transition: all .2s ease;
  702. -moz-transition: all .2s ease;
  703. -ms-transition: all .2s ease;
  704. -o-transition: all .2s ease;
  705. transition: all .2s ease;
  706. }
  707.  
  708. button.save, button.submit-report { background-color: #55a9e1; }
  709. button.cancel, button.cancel-report-thing { background-color: #d75b4e; }
  710.  
  711. button.save:before, button.submit-report:before {
  712. background-image: url(http://a.thumbs.redditmedia.com/CdZam1Fl7W8repFepJjSj7AYv0bV8CLBQ_UHRrpU9u4.png);
  713. content: '';
  714. height: 16px;
  715. width: 16px;
  716. position: absolute;
  717. left: -16px;
  718. opacity: 0;
  719. transition: opacity 200ms, left 200ms;
  720. }
  721.  
  722. button.cancel:before, button.cancel-report-thing:before {
  723. background-image: url(http://a.thumbs.redditmedia.com/fnCYz4Ls0VJ76NB1alsfnVcV5L4c4fAbQ_62YRJPj_0.png);
  724. content: '';
  725. height: 16px;
  726. width: 16px;
  727. position: absolute;
  728. left: -16px;
  729. opacity: 0;
  730. transition: opacity 200ms, left 200ms;
  731. }
  732.  
  733. button.save:hover:before, button.submit-report:hover:before, button.cancel:hover:before, button.cancel-report-thing:hover:before { opacity: 1; left: 10px; }
  734. button.save:hover, button.submit-report:hover, button.cancel:hover, button.cancel-report-thing:hover {
  735. padding-left: 30px;
  736. -webkit-box-shadow: 0 8px 6px -6px #bbb;
  737. -moz-box-shadow: 0 8px 6px -6px #bbb;
  738. box-shadow: 0 8px 6px -6px #bbb;
  739. }
  740.  
  741. button.save:hover, button.submit-report:hover { background-color: #3498db; }
  742. button.cancel:hover, button.cancel-report-thing:hover { background-color:#c0392b; }
  743.  
  744. button.save:active, button.submit-report:active, button.cancel:active, button.cancel-report-thing:active {
  745. -webkit-box-shadow: 0 8px 6px -6px #fff;
  746. -moz-box-shadow: 0 8px 6px -6px #fff;
  747. box-shadow: 0 8px 6px -6px #fff;
  748. }
  749.  
  750. button.save:active, button.submit-report:active { background-color: #1abc9c; }
  751. button.cancel:active, button.cancel-report-thing:active { background-color: #a02f24; }
  752. button.save:focus, button.submit-report:focus, button.cancel:focus, button.cancel-report-thing:focus { outline: none; }
  753.  
  754. /* Comments Page Extras
  755. ------------------------*/
  756.  
  757. .infobar p a {
  758. background-color: #e67e22;
  759. padding: 5px 10px;
  760. margin: 10px 0;
  761. color: #fff;
  762. font-size: 12px;
  763. line-height: 38px;
  764. -webkit-transition: all .3s ease;
  765. -moz-transition: all .3s ease;
  766. -ms-transition: all .3s ease;
  767. -o-transition: all .3s ease;
  768. transition: all .3s ease;
  769. }
  770.  
  771. .infobar p a:hover { background: #16a085; }
  772.  
  773. .thing.spam { background-color: #fa8072!important; }
  774.  
  775. .usertext-body pre { background: url(http://b.thumbs.redditmedia.com/jwtdaV12f3Ep045mBfbpBLRTK54mkfSJH2ApGkfJQig.png) 10px 10px no-repeat #F6F6F6; border: 1px solid #dee5e7; padding: 10px 10px 10px 40px; }
  776. .usertext-body pre:active { border: 1px dashed #c0c0c0; }
  777. .usertext-body p > code {
  778. background-color: rgba(0,0,0,0.03);
  779. border: 1px solid #dee5e7;
  780. padding: 1px 4px;
  781. }
  782.  
  783. /* Top posts page
  784. ------------------*/
  785.  
  786. .content .menuarea { border-bottom: 0; }
  787.  
  788. /* Side bar
  789. ------------*/
  790.  
  791. .side {
  792. position: relative;
  793. background-color: /*#fbfcfc*/ #F6F6F6;
  794. margin: 0 20px 0 0;
  795. padding-top: 147px;
  796. border-left: 1px solid #dee5e7;
  797. border-right: 1px solid #dee5e7;
  798. z-index: 2;
  799. -webkit-box-shadow: -4px 0px 8px 2px rgba(0,0,0,0.07);
  800. -moz-box-shadow: -4px 0px 8px 2px rgba(0,0,0,0.07);
  801. box-shadow: -4px 0px 8px 2px rgba(0,0,0,0.07);
  802. }
  803.  
  804. .side .spacer { margin: 0; }
  805.  
  806. .create { display: none; }
  807.  
  808. /* Search bar
  809. --------------*/
  810.  
  811. #search input[type=text] {
  812. border: 1px solid #f6f6f6;
  813. font-size: 16px;
  814. background: url(http://b.thumbs.redditmedia.com/EDF7ggDz0V8QmSH6QjNYx67fFj3EMIsX4vT9TmQnYhk.png) no-repeat left center #fff;
  815. width: 270px;
  816. margin-left: 15px;
  817. text-indent: 35px;
  818. height: 28px;
  819. padding: 0;
  820. -webkit-transition: 0.1s ease-in-out;
  821. -moz-transition: 0.1s ease-in-out;
  822. -o-transition: 0.1s ease-in-out;
  823. transition: 0.1s ease-in-out;
  824. }
  825.  
  826. #search input[type=text]:hover { border: 1px solid #dee5e7; }
  827. #search input[type=text]:focus { border: 1px solid #ffca28; outline: none; }
  828. #search { margin-bottom: 30px; }
  829. #search input[type="text"]:-moz-placeholder { font-size: 0; color: #7f8c8d; }
  830. #search input[type="text"]::-webkit-input-placeholder { font-size: 0; color: #7f8c8d; }
  831. #search input[type="text"]:-moz-placeholder::after {
  832. font-size: 14px;
  833. line-height: 18px;
  834. font-weight: normal;
  835. content: "search";
  836. }
  837.  
  838. #search input[type="text"]::-webkit-input-placeholder::after {
  839. font-size: 14px!important;
  840. line-height: 18px;
  841. font-weight: normal;
  842. content: "search";
  843. }
  844.  
  845. .infobar {
  846. background-color: #ffecb3;
  847. padding: 10px;
  848. border: 0;
  849. color: #2a3f4d;
  850. font-size: 14px;
  851. font-family: arial,verdana,helvetica,sans-serif;
  852. }
  853.  
  854. #searchexpando { margin: 15px 0 0 0; position: relative; border-radius: 0; border-top: 1px solid #ffca28; border-bottom: 1px solid #ffca28;padding-top: 10px; }
  855. #searchexpando:after, #searchexpando:before {
  856. bottom: 100%;
  857. left: 35px;
  858. border: solid transparent;
  859. content: " ";
  860. height: 0;
  861. width: 0;
  862. position: absolute;
  863. pointer-events: none;
  864. }
  865.  
  866. #searchexpando:after {
  867. border-color: rgba(255, 236, 179, 0);
  868. border-bottom-color: #ffecb3;
  869. border-width: 10px;
  870. margin-left: -10px;
  871. }
  872.  
  873. #searchexpando:before {
  874. border-color: rgba(255, 202, 40, 0);
  875. border-bottom-color: #ffca28;
  876. border-width: 11px;
  877. margin-left: -11px;
  878. }
  879.  
  880. #searchexpando p { margin: 10px 0; }
  881.  
  882. #search input[type='submit'] {
  883. display: none;
  884. /*
  885. border: 0;
  886. padding: 5px 15px;
  887. background: #3498db;
  888. color: #fff;
  889. -webkit-transition: 0.1s ease-in-out;
  890. -moz-transition: 0.1s ease-in-out;
  891. -o-transition: 0.1s ease-in-out;
  892. transition: 0.1s ease-in-out;*/
  893. }
  894.  
  895. #search input[type='submit']:hover { background: #2980b9; }
  896.  
  897. /* Submit link
  898. ---------------*/
  899.  
  900. .submit-link { display: none; }
  901.  
  902. .morelink {
  903. position: absolute;
  904. top: 25px;
  905. color: white;
  906. font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
  907. font-size: 18px;
  908. text-transform: uppercase;
  909. text-align: center;
  910. font-weight: normal;
  911. line-height: 30px;
  912. width: 240px;
  913. margin-left: 30px;
  914. background: #3498db;
  915. background-image: linear-gradient(#3498db 50%, #268fd6 50%);
  916. box-shadow:0 2px 5px rgba(0,0,0,.3);
  917. border: none;
  918. padding: 10px 0;
  919. height: 30px;
  920. line-height: 30px;
  921. overflow: hidden;
  922. -webkit-transition: all .5s ease;
  923. -moz-transition: all .5s ease;
  924. -ms-transition: all .5s ease;
  925. -o-transition: all .5s ease;
  926. transition: all .5s ease;
  927. }
  928.  
  929. .morelink:hover { background: #55a9e1; background-image: linear-gradient(#55a9e1 50%, #45a0de 50%); border-color: #FF0000; box-shadow: 0 15px 20px rgba(10,0,10,.3); }
  930. .morelink:active { background-color: #29b877; box-shadow: 0 1px 1px rgba(10,0,10,.3); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; }
  931. .morelink .nub { display: none; }
  932.  
  933. .morelink a, .morelink a:hover { color: white; }
  934.  
  935. .nub { display: none;}
  936.  
  937. .titlebox {
  938. background-color: #eceff1;
  939. background: -moz-linear-gradient(top,  rgba(236,239,241,1) 101px, rgba(255,255,0,1) 101px, rgba(255,255,0,1) 101px, rgba(221,221,221,1) 101px, rgba(246,246,246,1) 101px);
  940. background: -webkit-linear-gradient(top,  rgba(236,239,241,1) 101px,rgba(255,255,0,1) 101px,rgba(255,255,0,1) 101px,rgba(221,221,221,1) 101px,rgba(246,246,246,1) 101px);
  941. background: -o-linear-gradient(top,  rgba(236,239,241,1) 101px,rgba(255,255,0,1) 101px,rgba(255,255,0,1) 101px,rgba(221,221,221,1) 101px,rgba(246,246,246,1) 101px);
  942. background: -ms-linear-gradient(top,  rgba(236,239,241,1) 101px,rgba(255,255,0,1) 101px,rgba(255,255,0,1) 101px,rgba(221,221,221,1) 101px,rgba(246,246,246,1) 101px);
  943. background: linear-gradient(to bottom,  rgba(236,239,241,1) 101px,rgba(255,255,0,1) 101px,rgba(255,255,0,1) 101px,rgba(221,221,221,1) 101px,rgba(246,246,246,1) 101px);
  944. }
  945.  
  946. .res .titlebox {
  947. background-color: #eceff1;
  948. background: -moz-linear-gradient(top,  rgba(236,239,241,1) 139px, rgba(255,255,0,1) 139px, rgba(255,255,0,1) 139px, rgba(221,221,221,1) 139px, rgba(246,246,246,1) 139px);
  949. background: -webkit-linear-gradient(top,  rgba(236,239,241,1) 139px,rgba(255,255,0,1) 139px,rgba(255,255,0,1) 139px,rgba(221,221,221,1) 139px,rgba(246,246,246,1) 139px);
  950. background: -o-linear-gradient(top,  rgba(236,239,241,1) 139px,rgba(255,255,0,1) 139px,rgba(255,255,0,1) 139px,rgba(221,221,221,1) 139px,rgba(246,246,246,1) 139px);
  951. background: -ms-linear-gradient(top,  rgba(236,239,241,1) 139px,rgba(255,255,0,1) 139px,rgba(255,255,0,1) 139px,rgba(221,221,221,1) 139px,rgba(246,246,246,1) 139px);
  952. background: linear-gradient(to bottom,  rgba(236,239,241,1) 139px,rgba(255,255,0,1) 139px,rgba(255,255,0,1) 139px,rgba(221,221,221,1) 139px,rgba(246,246,246,1) 139px);
  953. }
  954.  
  955. .titlebox h1 { margin-bottom: 0; }
  956. h1.redditname { text-align: center; padding: 15px 0 10px 0; background: #eceff1; border-top: 1px solid #DDDDDD; }
  957. h1.redditname a { color: #2a3f4d; font-weight: normal; }
  958. h1.redditname a:hover { color: #464646; text-decoration: none; }
  959. .side .redditname a:before { content: "Welcome to r/"; }
  960.  
  961. /* RES Use subreddit style button
  962. ----------------------------------*/
  963.  
  964. .res .side .titlebox h1+div { text-align: center; background: #eceff1!important; padding: 0 0 10px 0!important;}
  965.  
  966. /* Subscribe - Shortcut - Dashboard buttons
  967. --------------------------------------------*/
  968.  
  969. body:not(.res) .titlebox .fancy-toggle-button { display: block; }
  970. .titlebox .subscribe-button { display: block; text-align: center; }
  971. .titlebox .fancy-toggle-button { margin-bottom: 8px; margin-right: 0; }
  972. .titlebox .subscribe-button { display: block; text-align: center;}
  973. .fancy-toggle-button .active  {
  974. border-radius: 0px;
  975. border: 0;
  976. background-image: linear-gradient(#CF6165 50%, #ca5256 50%);
  977. padding: 3px 12px 3px 11px;
  978. font-weight: normal;
  979. font-size: 10px;
  980. }
  981.  
  982. .RESshortcutside, .RESDashboardToggle {
  983. position: relative!important;
  984. top: -27px!important;
  985. color: white;
  986. background-image: linear-gradient(#7bb850 50%, #71ae47 50%)!important;
  987. width: 83px!important;
  988. font-weight: normal!important;
  989. font-size: 10px!important;
  990. border: 0!important;
  991. border-radius: 0!important;
  992. }
  993.  
  994. .RESshortcutside { margin: 0 0 0 15px!important; padding: 3px 0!important; }
  995. .RESDashboardToggle { margin: 0 0 0 104px!important; padding: 3px 11px!important; }
  996.  
  997. /* Subscribers & users online
  998. ------------------------------*/
  999.  
  1000. .users-online { display: inline-block; border-bottom: 1px solid #ddd; padding: 5px 0; width: 150px; margin-left: 150px; color: #999; text-align: center; font-size: 10px; }
  1001.  
  1002. .res .users-online { position: relative; top: -20px; padding-bottom: 11px; }
  1003.  
  1004. .users-online:before,
  1005. .users-online .word { display: none; }
  1006. .users-online .number:before { content: ""; }
  1007. .users-online .number:after { content: " online"; }
  1008. .subscribers {
  1009. border-bottom: 1px solid #ddd;
  1010. padding: 5px 0 ;
  1011. position: absolute;
  1012. width: 150px;
  1013. right: 150px;
  1014. color: #999;
  1015. text-align: center;
  1016. font-size: 10px;
  1017. }
  1018.  
  1019. .subscribers span.word { display:none; }
  1020. .subscribers span.number:after { content: " Inquisitors."; padding-right: 10px; }
  1021.  
  1022. .res .subscribers {
  1023. position: absolute;
  1024. margin-top: -20px;
  1025. text-align: center;
  1026. width: 150px;
  1027. right: 150px;
  1028. padding-bottom: 11px;
  1029. }
  1030.  
  1031. /* Hide useless stuff
  1032. ----------------------*/
  1033.  
  1034. .titlebox form.toggle, .leavemoderator { display: none; }
  1035. .titlebox .tagline { display: none; }
  1036.  
  1037. /* Sidebar Headers & markup
  1038. ----------------------------*/
  1039.  
  1040. .titlebox .md {
  1041. font-family: arial;
  1042. font-size: 105%;
  1043. color: #34495e;
  1044. }
  1045.  
  1046. .titlebox .md blockquote {
  1047. border: 0;
  1048. margin: 0 15px 20px 15px;
  1049. border-bottom: 1px solid #dee5e7;
  1050. }
  1051.  
  1052. .titlebox .md blockquote:nth-of-type(1) { border-bottom: 0; }
  1053. .titlebox .md blockquote:nth-of-type(2) { border-bottom: 0; }
  1054.  
  1055. .titlebox .md blockquote strong { font-size: 95%; color: #666; }
  1056. .titlebox .md blockquote a { font-size: 95%; color: #0079c3; }
  1057.  
  1058. .titlebox .md blockquote p { font-size: 95%; padding: 10px; }
  1059.  
  1060. .titlebox .md blockquote h1 { border: 1px solid #dee5e7; height: 26px; line-height: 26px; text-indent: 10px; color: #444;background: #fdfdfd; }
  1061. body:not(.res) .titlebox .md blockquote h1 {margin-top: 20px; }
  1062.  
  1063. .titlebox .md blockquote h2 { margin-left: 64px; }
  1064. .titlebox .md blockquote h2 a { display: inline-block; position: relative; padding: 5px 7px; font-size: 95%; color: #fff; text-decoration: none; font-weight: normal; }
  1065. .titlebox .md blockquote h2 a:nth-of-type(1) { background: #8dc44e; margin-right: 7px; }
  1066. .titlebox .md blockquote h2 a:nth-of-type(2) { background: #E9CF5C; }
  1067. .titlebox .md blockquote h2 a:nth-of-type(1):hover { background: #79b03b; }
  1068. .titlebox .md blockquote h2 a:nth-of-type(2):hover { background: #e4c539; }
  1069.  
  1070. /* Rules section, idea from /r/Gaming4Gamers
  1071. ---------------------------------------------*/
  1072.  
  1073. .titlebox .md ol { margin:0 10px 0 25px; margin-top: -28px; }
  1074.  
  1075. .titlebox .md ol{
  1076. counter-reset: li;
  1077. list-style: none;
  1078. font: 15px 'Arial';
  1079. padding: 0;
  1080. }
  1081.  
  1082. .titlebox .md ol li{
  1083. position: relative;
  1084. display: block;
  1085. padding: .4em .8em .4em 2em;
  1086. margin: .5em .5em .5em 0;
  1087. background: #e8ebee;
  1088. color: #444;
  1089. text-decoration: none;
  1090. border-radius: 0;
  1091. border: 1px dotted #f9acb4;
  1092. font-size:12px;
  1093. -webkit-transition: all .3s ease;
  1094. -moz-transition: all .3s ease;
  1095. -ms-transition: all .3s ease;
  1096. -o-transition: all .3s ease;
  1097. transition: all .3s ease;
  1098. }
  1099.  
  1100. .titlebox .md ol li:hover { background: #fde2e5; margin-left: .5em; border: 1px dashed #f78793; }
  1101.  
  1102. .titlebox .md ol li:first-child { margin-top: 0; padding-top: 30px; background: #fdfdfd; border: 1px dotted #f78793; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; }
  1103. .titlebox .md ol li:first-child:hover { background: #fde2e5; margin-left: 0; }
  1104.  
  1105. .titlebox .md ol li:before{
  1106. content: counter(li);
  1107. counter-increment: li;
  1108. position: absolute;
  1109. left: -1.3em;
  1110. margin-top: -1.3em;
  1111. top: 50%;
  1112. background: #f78793;
  1113. height: 2em;
  1114. color: #fff;
  1115. width: 2em;
  1116. line-height: 2em;
  1117. border: .3em solid #F6F6F6;
  1118. text-align: center;
  1119. font-weight: bold;
  1120. border-radius: 2em;
  1121. -webkit-transition: all .1s ease;
  1122. -moz-transition: all .1s ease;
  1123. -ms-transition: all .1s ease;
  1124. -o-transition: all .1s ease;
  1125. transition: all .1s ease;
  1126. }
  1127.  
  1128. .titlebox .md ol li:hover:before{
  1129. -ms-transform: scale(1.3,1.3);
  1130. -webkit-transform: scale(1.3,1.3);
  1131. transform: scale(1.3,1.3);
  1132. text-align: center;
  1133. background: #607d8b;
  1134. }
  1135.  
  1136. .titlebox .md li:hover:after {
  1137. position: absolute;
  1138. white-space: normal;
  1139. display: block;
  1140. z-index: 1000;
  1141. width: 280px;
  1142. border-top: 1px solid #f04a3c;
  1143. border-bottom: 1px solid #f04a3c;
  1144. padding: 5px 10px;
  1145. background: #f36c60;
  1146. content: " ";
  1147. text-align: center;
  1148. font-size: 12px;
  1149. color: #fff;
  1150. margin-left: -56px;
  1151. margin-top: 10px;
  1152. }
  1153.  
  1154. .titlebox .md li:first-child:hover:after {
  1155. content: "click 'more' for additional info"; margin-left: -49px;
  1156. }
  1157.  
  1158. .titlebox .md li:nth-child(2):hover:after {
  1159. content: "You may include context about why you are asking the question in the text box but the question shouldn't be primarily about you.";
  1160. }
  1161.  
  1162. .titlebox .md li:nth-child(3):hover:after {
  1163. content: "Questions with a single correct answer, that can be researched elsewhere or provide a limited scope for discussion (yes/no, DAE, polls etc.) are not appropriate.";
  1164. }
  1165.  
  1166. .titlebox .md li:nth-child(4):hover:after {
  1167. content: "This includes for yourself or other people, and refers to, but is not limited to, names, phone numbers, email addresses and social media accounts.";
  1168. }
  1169.  
  1170. .titlebox .md li:nth-child(5):hover:after {
  1171. content: "Posts attempting to promote a specific agenda of yours or anyone else, to gain publicity, promote a cause or charity, or to publicly shame a person or entity will be removed. Rhetorical and loaded questions will also be removed.";
  1172. }
  1173.  
  1174. .titlebox .md li:nth-child(6):hover:after {
  1175. content: "This includes but is not limited to medical, legal, mental health and financial advice. If you think that you need professional support, please contact a professional in your area.";
  1176. }
  1177.  
  1178. .titlebox .md li:nth-child(7):hover:after {
  1179. content: "They will be removed.";
  1180. }
  1181.  
  1182. .titlebox .md li:nth-child(8):hover:after {
  1183. content: "Personal attacks or comments that insult or demean a specific user or group of users. Shotgunning or karmafarming falls under this rule.";
  1184. }
  1185.  
  1186. .titlebox .md li:nth-child(9):hover:after {
  1187. content: "There are literally thousands of subreddits for posting images, use one of them instead.";
  1188. }
  1189.  
  1190. .titlebox .md li:nth-child(10):hover:after {
  1191. content: "Be sure to include a link to the submission you're enquiring about or reporting.";
  1192. }
  1193.  
  1194. /* Other subreddits section
  1195. ----------------------------*/
  1196.  
  1197. .titlebox .md table { margin: 0 0 20px 15px; font-size: 85%; border-bottom: 1px solid #dee5e7; }
  1198. .titlebox .md table a { color: #0079c3; }
  1199. .titlebox .md th { display: none; }
  1200. .titlebox .md td {
  1201. background: #eceff1;
  1202. border-right: 5px solid #f6f6f6;
  1203. border-bottom: 5px solid #f6f6f6;
  1204. padding: 8px 10px;
  1205. -webkit-transition: all .2s ease;
  1206. -moz-transition: all .2s ease;
  1207. -ms-transition: all .2s ease;
  1208. -o-transition: all .2s ease;
  1209. transition: all .2s ease;
  1210. }
  1211.  
  1212. .titlebox .md td:hover {background: #fdfdfd; border-left: 2px solid #3498db; }
  1213. .titlebox .md td:hover:nth-child(2) { border-right: 2px solid #3498db; margin-right: 0; }
  1214.  
  1215. /* Other sidebar links
  1216. -----------------------*/
  1217.  
  1218. .side .md > h3 {
  1219. position: relative;
  1220. margin: 0 15px 20px 15px;
  1221. border-bottom: 1px solid #dee5e7;
  1222. padding: 0 10px 20px 20px;
  1223. font-size: 95%;
  1224. font-weight: normal;
  1225. -webkit-transition: all .3s ease;
  1226. -moz-transition: all .3s ease;
  1227. -ms-transition: all .3s ease;
  1228. -o-transition: all .3s ease;
  1229. transition: all .3s ease;
  1230. }
  1231.  
  1232. .side .md > h3:before {
  1233. background-image: url(http://b.thumbs.redditmedia.com/aOda4mWHCcJmalQL67wYCOs02LmGWsLjCMlfREVaNpU.png);
  1234. content: '';
  1235. height: 20px;
  1236. width: 20px;
  1237. position: absolute;
  1238. left: -15px;
  1239. top: 50%;
  1240. margin-top: -20px;
  1241. opacity: 0;
  1242. transition: opacity 200ms, left 200ms;
  1243. }
  1244.  
  1245. .side .md > h3:hover:before { opacity: 1; left: -5px; }
  1246.  
  1247. .side .md > h3:nth-of-type(1):before { margin-top: -45px;}
  1248. .side .md > h3:nth-of-type(2):before { background-position: -20px 0; margin-top: -10px;}
  1249. .side .md > h3:nth-of-type(3):before { background-position: -40px 0; }
  1250. .side .md > h3:nth-of-type(4):before { background-position: 0 -20px; }
  1251. .side .md > h3:nth-of-type(5):before { background-position: -20px -20px; }
  1252. .side .md > h3:nth-of-type(6):before { background-position: -40px -20px; }
  1253.  
  1254. .side .md > h3:nth-of-type(2) { margin-top: 25px; padding-top: 20px; border-top: 1px solid #dee5e7; }
  1255. .side .md > h3:last-of-type { border-bottom: 0; margin-bottom: 0; }
  1256.  
  1257. .side .md > h3:hover { padding-left: 25px; padding-right: 5px; }
  1258.  
  1259. /* Other subreddit links header
  1260. --------------------------------*/
  1261.  
  1262. .side h4 {
  1263. text-align: center;
  1264. font-size: 105%;
  1265. color: #888;
  1266. padding: 0 0 15px 0;
  1267. font-weight: normal;
  1268. }
  1269.  
  1270. .side h4:nth-of-type(1) { margin-top: 25px; }
  1271. .side h4:nth-of-type(2) { margin-top: 15px; }
  1272.  
  1273. /* Rules section header
  1274. ------------------------*/
  1275.  
  1276. .side h5 {
  1277. position: relative;
  1278. text-align: left;
  1279. text-indent: 10px;
  1280. font-weight: normal;
  1281. background:#f6f6f6;
  1282. line-height: 27px;
  1283. color: #2a3f4d;
  1284. margin: 0 16px 0 100px;
  1285. border: 1px dotted #f9acb4;
  1286. border-top: 0;
  1287. border-right: 0;
  1288. z-index: 10;
  1289. font-size: 80%;
  1290. }
  1291.  
  1292. .side h5:before {
  1293. content: 'Rules:';
  1294. position: absolute;
  1295. display: block;
  1296. top: 10px;
  1297. left: -63px;
  1298. font-size: 16px;
  1299. line-height: 18px;
  1300. text-align: center;
  1301. text-indent: 0;
  1302. font-weight: bold;
  1303. background: transparent;
  1304. color: #607d8b;
  1305. -webkit-transition: all .5s ease;
  1306. -moz-transition: all .5s ease;
  1307. -ms-transition: all .5s ease;
  1308. -o-transition: all .5s ease;
  1309. transition: all .5s ease;
  1310. }
  1311.  
  1312. /* Submit Stories or Series Links
  1313. ----------------------------------*/
  1314.  
  1315. .side h6 {
  1316. color: #FFF!important;
  1317. display: inline;
  1318. position: absolute;
  1319. top: 92px;
  1320. background: #607d8b;
  1321. font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
  1322. letter-spacing: 0;
  1323. font-size: 14px;
  1324. padding: 10px 25px;
  1325. height: 14px;
  1326. line-height: 14px;
  1327. margin: 0 0 0 25px;
  1328. text-transform: uppercase;
  1329. text-align: center;
  1330. font-weight: normal;
  1331. -webkit-border-top-left-radius: 5px;
  1332. -webkit-border-top-right-radius: 5px;
  1333. -moz-border-radius-topleft: 5px;
  1334. -moz-border-radius-topright: 5px;
  1335. border-top-left-radius: 5px;
  1336. border-top-right-radius: 5px;
  1337. box-shadow:0 2px 5px rgba(0,0,0,.3);
  1338. -webkit-transition: 0.1s ease-in-out;
  1339. -moz-transition: 0.1s ease-in-out;
  1340. -o-transition: 0.1s ease-in-out;
  1341. transition: 0.1s ease-in-out;
  1342. }
  1343.  
  1344. .side h6:nth-of-type(1):hover { background: #8dc44e; }
  1345. .side h6:nth-of-type(2):hover { background: #E9CF5C; }
  1346.  
  1347. .side h6 a { color: #fff; }
  1348.  
  1349. .side h6:nth-of-type(2) {
  1350. position: absolute;
  1351. top: 92px;
  1352. font-size: 14px;
  1353. display: inline;
  1354. right: 0;
  1355. margin: 0 25px 0 0;
  1356. }
  1357.  
  1358. .side h6:after {
  1359. bottom: 100%;
  1360. left: 50%;
  1361. border: solid transparent;
  1362. content: " ";
  1363. height: 0;
  1364. width: 0;
  1365. position: absolute;
  1366. pointer-events: none;
  1367. border-color: rgba(96, 125, 139, 0);
  1368. border-bottom-color: #607d8b;
  1369. border-width: 8px;
  1370. margin-left: -8px;
  1371. -webkit-transition: 0.1s ease-in-out;
  1372. -moz-transition: 0.1s ease-in-out;
  1373. -o-transition: 0.1s ease-in-out;
  1374. transition: 0.1s ease-in-out;
  1375. }
  1376.  
  1377. .side h6:nth-of-type(1):hover:after { border-color: rgba(141, 196, 78, 0); border-bottom-color: #8dc44e; }
  1378. .side h6:nth-of-type(2):hover:after { border-color: rgba(233, 207, 92, 0); border-bottom-color: #E9CF5C; }
  1379.  
  1380. .side h6:active {
  1381. box-shadow:0 1px 1px rgba(0,0,0,.3);
  1382. -webkit-transition: all 0.1s ease-in-out;
  1383. -moz-transition: all 0.1s ease-in-out;
  1384. -o-transition: all 0.1s ease-in-out;
  1385. transition: all 0.1s ease-in-out;
  1386. }
  1387.  
  1388. .side h6:nth-of-type(1):active { background: #79b03b; }
  1389. .side h6:nth-of-type(1):active:after { border-color: rgba(121,176,59, 0); border-bottom-color: #79b03b; }
  1390.  
  1391. .side h6:nth-of-type(2):active { background: #e4c539; }
  1392. .side h6:nth-of-type(2):active:after { border-color: rgba(228,197,57, 0); border-bottom-color: #e4c539; }
  1393.  
  1394. .side h6:hover:before {
  1395. position: absolute;
  1396. font-family: verdana;
  1397. display: block;
  1398. z-index: 1000;
  1399. text-transform: none;
  1400. padding: 8px 0;
  1401. width: 290px;
  1402. background: #f36c60;
  1403. content: "Designate as a serious, on-topic-only thread";
  1404. text-align: center;
  1405. font-size: 12px;
  1406. line-height: 12px;
  1407. letter-spacing: 0;
  1408. color: white;
  1409. margin-left: -45px;
  1410. margin-top: 46px;
  1411. }
  1412.  
  1413. .side h6:nth-of-type(2):hover:before {
  1414. position: absolute;
  1415. font-family: verdana;
  1416. display: block;
  1417. z-index: 1000;
  1418. padding: 8px 0;
  1419. width: 290px;
  1420. background: #f36c60;
  1421. content: "Designate as a stories-only thread";
  1422. text-align: center;
  1423. font-size: 12px;
  1424. line-height: 12px;
  1425. letter-spacing: 0;
  1426. color: white;
  1427. margin-left: -185px;
  1428. margin-top: 46px;
  1429. }
  1430.  
  1431. /* Moderator things
  1432. --------------------*/
  1433.  
  1434. .sidecontentbox .content { margin: 0; padding: 10px 20px; border: 0; font-size: larger; text-transform: uppercase; background: #fdfdfd; }
  1435. .sidecontentbox .content:nth-child(3) { text-transform: none; }
  1436. .sidecontentbox.collapsible .title, .sidecontentbox .title { background: #eceff1; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 29px; width: 100%; text-indent: 10px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
  1437. .sidecontentbox.collapsible .title:hover, .sidecontentbox .title:hover { background: #e1e5e9; }
  1438. .sidecontentbox .collapse-button { display: none; }
  1439. .sidecontentbox .title h1 { display: inline; text-transform: uppercase; margin: 0; color: #2a3f4d; background: transparent; font-size: 130%; padding: 5px; box-shadow: none; }
  1440. .sidecontentbox .title h1:hover { background: transparent; box-shadow: none; }
  1441. .sidecontentbox .title h1:before, .sidecontentbox .title h1:after { display: none; }
  1442. .sidecontentbox a.helplink {
  1443. line-height: 30px;
  1444. margin-top: 1px;
  1445. background: #f36c60;
  1446. background-image: linear-gradient(#6889ff 50%, #547aff 50%);
  1447. color: #fff;
  1448. padding: 0 10px;
  1449. text-transform: uppercase;
  1450. }
  1451.  
  1452. .sidecontentbox a.helplink:hover { background-image: linear-gradient(#547aff 50%, #416aff 50%); }
  1453.  
  1454. .sidecontentbox a.helplink:hover:after {
  1455. position: absolute;
  1456. white-space: normal;
  1457. display: block;
  1458. z-index: 1000;
  1459. width: 280px;
  1460. padding: 10px;
  1461. background: #f36c60;
  1462. content: "This button does not submit a thread. Please scroll up. When messaging the moderators please include all relevant links.";
  1463. text-align: center;
  1464. font-size: 10px;
  1465. color: #fff;
  1466. margin-left: -142px;
  1467. margin-top: 0;
  1468. }
  1469.  
  1470. .icon-menu li { padding: 2px 2px 2px 10px; }
  1471. .icon-menu li:hover { background: #f2f2f2; }
  1472. .icon-menu a { font-size: 12px; line-height: 12px; vertical-align: text-top; padding-left: 5px; background: transparent; }
  1473.  
  1474. .icon-menu .reddit-edit:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -24px -48px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1475. .icon-menu .reddit-edit:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -36px -48px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1476. .icon-menu .moderator-mail:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -24px -24px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; margin-left: 0px; }
  1477. .icon-menu .moderator-mail:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -36px -24px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1478. .icon-menu .reddit-contributors:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: 0 0; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1479. .icon-menu .reddit-contributors:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -12px 0; background-repeat: no-repeat; width: 12px; height: 12px; }
  1480. .icon-menu .reddit-moderators:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -36px -12px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1481. .icon-menu .reddit-moderators:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -48px -12px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1482. .icon-menu .reddit-traffic:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -48px -48px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1483. .icon-menu .reddit-traffic:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -60px 0; background-repeat: no-repeat; width: 12px; height: 12px; }
  1484. .icon-menu .reddit-modqueue:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -48px -24px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1485. .icon-menu .reddit-modqueue:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: 0 -36px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1486. .icon-menu .reddit-reported:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -12px -36px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1487. .icon-menu .reddit-reported:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -24px -36px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1488. .icon-menu .reddit-spam:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -36px -36px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1489. .icon-menu .reddit-spam:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -48px -36px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1490. .icon-menu .reddit-ban:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -24px 0; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1491. .icon-menu .reddit-ban:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -36px 0; background-repeat: no-repeat; width: 12px; height: 12px; }
  1492. .icon-menu .reddit-flair:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -12px -12px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1493. .icon-menu .reddit-flair:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -24px -12px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1494. .icon-menu .reddit-moderationlog:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: 0 -24px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1495. .icon-menu .reddit-moderationlog:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png);background-position: -12px -24px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1496. .icon-menu .reddit-unmoderated:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -60px -12px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1497. .icon-menu .reddit-unmoderated:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -60px -24px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1498. .icon-menu .edit-stylesheet:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: 0 -48px; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1499. .icon-menu .edit-stylesheet:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -12px -48px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1500. .icon-menu .reddit-edited:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: -48px 0; background-repeat: no-repeat; width: 12px; height: 12px; margin-top: 2px; }
  1501. .icon-menu .reddit-edited:hover:before { background-image: url(http://b.thumbs.redditmedia.com/dPJ-WqkTx-DTj3iw5lpq6TneA7Xoq4bPq72-6h2LlSA.png); background-position: 0 -12px; background-repeat: no-repeat; width: 12px; height: 12px; }
  1502.  
  1503. .account-activity-box { background: #f36c60; padding: 5px 0; }
  1504. .account-activity-box a { color: #fff; }
  1505.  
  1506. .sidecontentbox li > .gadget { text-transform: none; }
  1507.  
  1508. /* Sidebar images
  1509. ------------------*/
  1510.  
  1511. .side a[href="#timer"] {
  1512. display: inline-block;
  1513. clear: none;
  1514. width: 20px;
  1515. height: 15px;
  1516. margin: 0;
  1517. vertical-align: middle;
  1518. }
  1519.  
  1520. .side a[href="#timer"] { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -60px 0 no-repeat; width: 20px; height: 15px; }
  1521.  
  1522. /* New Spoiler Tags
  1523. --------------------*/
  1524.  
  1525. a[href$="/spoiler"], a[href$="#spoiler"], a[href$="/s"], a[href$="#s"] {  background: #000 !important; color: #000 !important; padding: 0 10px; }  
  1526. a[href$="/spoiler"]:hover, a[href$="#spoiler"]:hover, a[href$="/s"]:hover, a[href$="#s"]:hover { color: #FFF !important; }
  1527.  
  1528. /* Credits
  1529. -----------*/
  1530.  
  1531. .titlebox .bottom { margin: 0 25px 20px 25px; font-size: 0px; cursor: text; border-top: 1px solid #dee5e7; }
  1532. .titlebox .bottom > .age { font-size: 10px; }
  1533. .titlebox .bottom::before { font-size: 10px; content: "css by "; }
  1534. .titlebox .bottom::after { font-size: 10px; color: #369; cursor: pointer; content: "qtx"; }
  1535. .titlebox .bottom .author[href$="/qtx"]:after { display: none; }
  1536.  
  1537. .author[href$="/qtx"]:after {
  1538. position: relative;
  1539. display: inline-block;
  1540. width: 18px;
  1541. height: 12px;
  1542. right: -4px;
  1543. bottom: -2px;
  1544. margin-right: 2px;
  1545. content: " ";
  1546. overflow: visible;
  1547. background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) 0 -28px no-repeat;
  1548. }
  1549.  
  1550. .author[href$="/qtx"]:hover:after { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounce; animation-name: bounce; }
  1551. @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-10px);} 60% {-webkit-transform: translateY(-15px);} }
  1552. @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-15px);} }
  1553.  
  1554.  
  1555. /* Submit page
  1556. ---------------*/
  1557.  
  1558. .submit-page .pagename { font-size: 0; text-indent: -200px; }
  1559. .submit-page .pagename a { text-indent: 0; }
  1560. .submit-page .formtabs-content .infobar { margin-top: 676px; padding: 10px; border: 2px dashed #ffca28; }
  1561. .submit-page .tabmenu.formtab .selected a { background-color: #3498db; padding: 0 40px; }
  1562. .submit-page .tabmenu li a { background-color: #fff; border: 1px solid #dee5e7; border-bottom: 0; }
  1563. .submit-page .formtabs-content { border-top: 4px solid #3498db; }
  1564. .submit-page .roundfield { background-color: #fdfdfd; border-radius: 0; border: 1px solid #dee5e7; }
  1565.  
  1566. .submit-page .submit_text {
  1567. position: absolute;
  1568. top: 174px;
  1569. max-height: 670px;
  1570. max-width: 520px;
  1571. font-family: arial;
  1572. overflow: auto;
  1573. background: #F6F6F6;
  1574. border: 1px solid #dee5e7;
  1575. padding: 20px 10px;
  1576. }
  1577.  
  1578. .submit-page .submit_text ul { margin-left: 50px; }
  1579.  
  1580. .submit-page .submit_text hr {
  1581. margin: 10px 0 10px 20px;
  1582. width: 70%;
  1583. border: 0;
  1584. height: 1px;
  1585. background-image: -webkit-linear-gradient(left, rgba(183,183,183,0), rgba(183,183,183,0.75), rgba(183,183,183,0));
  1586. background-image:    -moz-linear-gradient(left, rgba(183,183,183,0), rgba(183,183,183,0.75), rgba(183,183,183,0));
  1587. background-image:     -ms-linear-gradient(left, rgba(183,183,183,0), rgba(183,183,183,0.75), rgba(183,183,183,0));
  1588. background-image:      -o-linear-gradient(left, rgba(183,183,183,0), rgba(183,183,183,0.75), rgba(183,183,183,0));
  1589. }
  1590.  
  1591. .submit-page .submit_text strong { margin-left: 20px; border-bottom: 1px solid #3498db; }
  1592. .submit-page .submit_text h1 { display: none; }
  1593. .submit-page .submit_text h2 { padding-bottom: 15px; color: #3498db; font-size: 95%; }
  1594. .submit-page .submit_text h2:nth-of-type(2) { padding-top: 15px; }
  1595.  
  1596. .content.submit .info-notice { background-color: #FEF0F0; border: 2px dashed #f36c60; }
  1597. .content.submit .info-notice a { color: #f36c60; }
  1598.  
  1599. .submit-page .content button[name="submit"] {
  1600. transition: .35s background-position ease, .35s text-indent ease;
  1601. -moz-transition: .35s background-position ease,.35s text-indent ease;
  1602. background-color: #55a9e1;
  1603. border-width:0px;
  1604. background-image: url(http://a.thumbs.redditmedia.com/CdZam1Fl7W8repFepJjSj7AYv0bV8CLBQ_UHRrpU9u4.png);
  1605. background-repeat: no-repeat;
  1606. background-position: -25px -2px;
  1607. line-height:26px;
  1608. padding-left:22px;
  1609. text-align:left;
  1610. text-indent: -19%;
  1611. width: 70px;
  1612. color: #FFF!important;
  1613. }
  1614.  
  1615. .submit-page .content button[name="submit"]:hover {
  1616. background-position: 0px -2px;
  1617. padding-bottom: 1px;
  1618. text-indent: 5px;
  1619. background-color: #3498db;
  1620. -webkit-box-shadow: 0 8px 6px -6px #bbb;
  1621. -moz-box-shadow: 0 8px 6px -6px #bbb;
  1622. box-shadow: 0 8px 6px -6px #bbb;
  1623. -webkit-transition: 0.2s ease-in-out;
  1624. -moz-transition: 0.2s ease-in-out;
  1625. -o-transition: 0.2s ease-in-out;
  1626. transition: 0.2s ease-in-out;
  1627. }
  1628.  
  1629. .submit-page .content button[name="submit"]:active {
  1630. background-color: #1abc9c;
  1631. -webkit-box-shadow: 0 8px 6px -6px #fff;
  1632. -moz-box-shadow: 0 8px 6px -6px #fff;
  1633. box-shadow: 0 8px 6px -6px #fff;
  1634. }
  1635.  
  1636. .submit-page .content button[name="submit"]:focus { outline: none; }
  1637.  
  1638. .roundfield .usertext-edit textarea {
  1639. background-image: url(http://b.thumbs.redditmedia.com/aGwgyCHnCtgNB5F5ysHuGYwh56dmKU-_37T-LUTzvIo.png);
  1640. background-repeat: no-repeat;
  1641. -webkit-transition: background 0.25s linear;
  1642. -moz-transition: background 0.25s linear;
  1643. -o-transition: background 0.25s linear;
  1644. transition: background 0.25s linear;
  1645. }
  1646.  
  1647. .roundfield .usertext-edit textarea:focus { background-position: 0 -104px; right: -50px }
  1648.  
  1649. /* Submit page sidebar clean up
  1650. --------------------------------*/
  1651.  
  1652. .submit-page .side { padding-top: 30px; }
  1653. .submit-page .side h6 { display: none; }
  1654.  
  1655. /* Report box
  1656. --------------*/
  1657.  
  1658. .report-action-form { position: relative; margin-left: 70px!important; margin-top: 16px!important; background-color: #ffecb3; border-radius: 0; border: 1px solid #ffca28; padding: 10px 20px; }
  1659. .report-form input { margin: 10px 0; }
  1660.  
  1661. .listing-page .report-form { margin-left: 104px!important; }
  1662. .commentarea .report-form { margin-left: 0!important; }
  1663. .report-form:after, .report-form:before {
  1664. bottom: 100%;
  1665. left: 35px;
  1666. border: solid transparent;
  1667. content: " ";
  1668. height: 0;
  1669. width: 0;
  1670. position: absolute;
  1671. pointer-events: none;
  1672. }
  1673.  
  1674. .report-form:after {
  1675. border-color: rgba(255, 236, 179, 0);
  1676. border-bottom-color: #ffecb3;
  1677. border-width: 10px;
  1678. margin-left: -10px;
  1679. }
  1680.  
  1681. .report-form:before {
  1682. border-color: rgba(255, 202, 40, 0);
  1683. border-bottom-color: #ffca28;
  1684. border-width: 11px;
  1685. margin-left: -11px;
  1686. }
  1687.  
  1688. /* Log in box
  1689. --------------*/
  1690.  
  1691. .login-form-side { border: 0; }
  1692.  
  1693. /* Linkflair filters
  1694. ---------------------*/
  1695.  
  1696. html:lang(ud) .link:not(.linkflair-mod-post) { display: none; }
  1697. html:lang(dg) .link:not(.linkflair-serious) { display: none; }
  1698. html:lang(rr) .link:not(.linkflair-stories) { display: none; }
  1699. html:lang(bu) .link:not(.linkflair-megathread) { display: none; }
  1700. html:lang(nr) .link:not(.linkflair-breaking-news) { display: none; }
  1701.  
  1702. .side a[href*='#ud'], .side a[href*='#dg'], .side a[href*='#rr'], .side a[href*='#bu'], .side a[href*='#nr'], .side a[href="http://goo.gl/qJBQRm"] {
  1703. display: inline-block;
  1704. position: relative;
  1705. width: 92px;
  1706. text-align: center;
  1707. font-size: 80%;
  1708. padding: 3px 10px;
  1709. color: #fff;
  1710. background: #bdc3c7;
  1711. }
  1712. .side a[href*='#ud'] { margin: 0 0 5px 30px; background: #f88e7f; }
  1713. .side a[href*='#dg'] { margin: 0 0 5px 10px; background: #9fcd6c; }
  1714. .side a[href*='#rr'] { margin: 0 0 5px 30px; background: #e6c94b; }
  1715. .side a[href*='#bu'] { margin: 0 0 5px 10px; background: #6cabcd; }
  1716. .side a[href*='#nr'] { margin-left: 30px; background: #a366bc; }
  1717. .side a[href="http://goo.gl/qJBQRm"] { margin: 0 0 5px 10px; background: #bdc3c7; }
  1718.  
  1719. .side a[href*='#ud']:hover { background: #f36c60; }
  1720. .side a[href*='#dg']:hover { background: #8dc44e; }
  1721. .side a[href*='#rr']:hover { background: #E9CF5C; }
  1722. .side a[href*='#bu']:hover { background: #5DA4C8; }
  1723. .side a[href*='#nr']:hover { background: #9b59b6; }
  1724. .side a[href="http://goo.gl/qJBQRm"]:hover { background: #b2b9be; }
  1725.  
  1726. /* Footer
  1727. ----------*/
  1728.  
  1729. .footer, .footer-parent { margin: 0; padding-bottom: 15px; border: 0; border-radius: 0; background: #F6F6F6; }
  1730. .footer-parent { border-top: 1px solid #dee5e7; margin: 0; }
  1731. .footer div.col { position: relative; margin: 0; padding: 0; width: 176px; height: auto; font-family: Arial, sans-serif; }
  1732. .footer div.col .title { font-size: 16px; font-weight: bold; padding: 8px; color: #fff; background: #454e59; }
  1733. .footer div.col a { display: block; margin: 5px; padding: 3px 4px 3px 7px; color: #000; }
  1734. .footer div.col a:hover { color: #000; text-decoration: none; background: #fff; }
  1735. .footer p.bottommenu { clear: left; color: #FFF; padding: 6px; font-weight: bold; }
  1736. .footer p.bottommenu a { font-weight: bold; color: #FFF; }
  1737. .debuginfo { background: #F6F6F6; }
  1738.  
  1739. /* RES nightmode
  1740. -----------------*/
  1741.  
  1742. .res-nightmode body, .res-nightmode .titlebox .md blockquote h1, .res-nightmode .titlebox .md li, .res-nightmode .titlebox .md ol li:first-child, .res-nightmode .titlebox .md ol li:hover, .res-nightmode .usertext-body pre, .res-nightmode .usertext-body p>code, .res-nightmode .footer-parent, .res-nightmode .debuginfo, .res-nightmode .side .linkinfo, .res-nightmode .titlebox .md td { background: #313131; }
  1743. .res-nightmode body .content, .res-nightmode .link .midcol { background: #232323; }
  1744. .res-nightmode #header, .res-nightmode #sr-header-area, .res-nightmode .linklisting .thing, .res-nightmode .linkflair-mod-post .title .linkflairlabel, .res-nightmode .linkflair-serious .title .linkflairlabel, .res-nightmode .linkflair-stories .title .linkflairlabel, .res-nightmode .linkflair-megathread .title .linkflairlabel, .res-nightmode .linkflair-breaking-news .title .linkflairlabel, .res-nightmode .link .title:before, .res-nightmode .sidecontentbox.collapsible .title, .res-nightmode .sidecontentbox .title, .res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1) { background-color: #212121!important; }
  1745. .res-nightmode body.post-linkflair-mod-post #header-bottom-left, .res-nightmode body.post-linkflair-serious #header-bottom-left, .res-nightmode body.post-linkflair-stories #header-bottom-left, .res-nightmode body.post-linkflair-megathread #header-bottom-left, .res-nightmode body.post-linkflair-breaking-news #header-bottom-left { background: #212121; }
  1746. .res-nightmode #header, .res-nightmode .side, .res-nightmode .sitetable { border-left: 1px solid #3f3f3f; }
  1747. .res-nightmode #header, .res-nightmode .link .rank, .res-nightmode .side, .res-nightmode .link .midcol { border-right: 1px solid #3f3f3f; }
  1748. .res-nightmode .link, .res-nightmode .titlebox .md ol { border-top: 1px solid #3f3f3f; }
  1749. .res-nightmode .res #header-bottom-right { background: #454e59; }
  1750. .res-nightmode .sitetable { background: #3A3A3A; }
  1751. .res-nightmode .linklisting .thing { margin-bottom: 0; }
  1752. .res-nightmode .sitetable .thing { border-color: #3f3f3f!important; }
  1753. .res-nightmode .link .rank, .res-nightmode .side, .res-nightmode .comments-page .linkinfo .date { background: #2A2A2A; }
  1754. .res-nightmode .side .morelink, .res-nightmode  .side h6 { background: #454e59; }
  1755. .res-nightmode #header-bottom-left .tabmenu { height: 40px; }
  1756. .res-nightmode #header-bottom-left .tabmenu .selected a { padding-bottom: 10px; }
  1757. .res-nightmode .expando-button.selftext.collapsed { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png)!important; background-repeat: no-repeat; background-position: -79px -112px!important; }
  1758. .res-nightmode .expando-button.selftext.collapsed:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png)!important; background-repeat: no-repeat; background-position: -109px -112px!important; }
  1759. .res-nightmode .expando-button.selftext.expanded { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png)!important; background-repeat: no-repeat; background-position: -19px -93px!important; }
  1760. .res-nightmode .expando-button.selftext.expanded:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png)!important; background-repeat: no-repeat; background-position: -49px -93px!important; }
  1761. .res-nightmode .RESGalleryControls .previous { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -125px -80px !important; }
  1762. .res-nightmode .RESGalleryControls .previous:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -79px -96px !important; }
  1763. .res-nightmode .RESGalleryControls .next { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -95px -96px !important; }
  1764. .res-nightmode .RESGalleryControls .next:hover { background-image: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png); background-position: -111px -96px !important; }
  1765. .res-nightmode h1.redditname { border-top: 0; }
  1766. .res-nightmode h1 {border-bottom: 0; }
  1767. .res-nightmode .subscribers, .res-nightmode .users-online, .res-nightmode .sitetable, .res-nightmode .titlebox .md blockquote, .res-nightmode .side h3, .res-nightmode .titlebox .md ol, .res-nightmode #sr-header-area, .res-nightmode .comments-page .linkinfo .date { border-bottom: 1px solid #3f3f3f; }
  1768. .res-nightmode .titlebox {
  1769. background-color: #222;
  1770. background: -moz-linear-gradient(top, rgba(34, 34, 34,1) 137px, rgba(34, 34, 34,1) 137px, rgba(34, 34, 34,1) 137px, rgba(221,221,221,1) 137px, rgba(34, 34, 34,1) 137px);
  1771. background: -webkit-linear-gradient(top, rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(221,221,221,1) 137px,rgba(34, 34, 34,1) 137px);
  1772. background: -o-linear-gradient(top, rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(221,221,221,1) 137px,rgba(34, 34, 34,1) 137px);
  1773. background: -ms-linear-gradient(top, rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(221,221,221,1) 137px,rgba(34, 34, 34,1) 137px);
  1774. background: linear-gradient(to bottom, rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(34, 34, 34,1) 137px,rgba(221,221,221,1) 137px,rgba(34, 34, 34,1) 137px);
  1775. }
  1776. .res-nightmode .usertext .usertext-body .md { background-color: #222; }
  1777. .res-nightmode .titlebox .md blockquote h1,
  1778. .res-nightmode .comments-page .commentarea,
  1779. .res-nightmode .comments-page .linkinfo .shortlink input,
  1780. .res-nightmode #search input[type=text] { border: 1px solid #3f3f3f!important; }
  1781. .res-nightmode #search input[type=text] { background: url(http://b.thumbs.redditmedia.com/EDF7ggDz0V8QmSH6QjNYx67fFj3EMIsX4vT9TmQnYhk.png) no-repeat left center #313131!important; }
  1782. .res-nightmode .side a,
  1783. .res-nightmode .comments-page .linkinfo .date,
  1784. .res-nightmode .comments-page .linkinfo .date span:after,
  1785. .res-nightmode .comments-page .linkinfo .shortlink input,
  1786. .res-nightmode .titlebox .md table a,
  1787. .res-nightmode .titlebox .md blockquote h1 { color: rgb(238, 238, 238); }
  1788. .res-nightmode .titlebox .md blockquote h2,
  1789. .res-nightmode #siteTable .thing .title.loggedin,
  1790. .res-nightmode #siteTable .thing .title,
  1791. .res-nightmode .titlebox .md blockquote a,
  1792. .res-nightmode .side .morelink a { color: #fff!important; }
  1793. .res-nightmode .comments-page .commentarea { background: #2D2D2D; }
  1794. .res-nightmode .comments-page .linkinfo .shortlink input { background-color: rgb(34, 34, 34)!important; border-bottom: 0!important; }
  1795. .res-nightmode .titlebox .md td { border-right: 5px solid #222222; border-bottom: 5px solid #222222; }
  1796. .res-nightmode .md td, .md th, .res-nightmode .titlebox .md ol li:first-child, .res-nightmode .side h5 { border: 0; }
  1797. .res-nightmode .side h5 { background: rgb(34, 34, 34); }
  1798. .res-nightmode .titlebox .md ol li:before { border: .3em solid rgb(34, 34, 34); }
  1799. .res-nightmode .domain, .res-nightmode .entry .domain a { color: #444; }
  1800. .res-nightmode #sr-header-area a, .res-nightmode .comments-page .commentarea .menuarea a { color: #666; }
  1801. .res-nightmode div#RESShortcutsEditContainer,
  1802. .res-nightmode div#RESShortcutsSort,
  1803. .res-nightmode div#RESShortcutsRight,
  1804. .res-nightmode div#RESShortcutsLeft,
  1805. .res-nightmode div#RESShortcutsAdd,
  1806. .res-nightmode div#RESShortcutsTrash { background-color: #3b3b3b!important; color: #666!important; }
  1807. .res-nightmode .res .RES-keyNav-activeElement, .res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background: none !important; outline: none; }
  1808. .res-nightmode .linkflair-mod-post .buttons:before, .res-nightmode .linkflair-serious .buttons:before, .res-nightmode .linkflair-megathread .buttons:before, .res-nightmode .linkflair-breaking-news .buttons:before { color: #e0e0e0!important; }
  1809. .res-nightmode .linkflair-stories .buttons:before, .res-nightmode .side h6:hover a, .res-nightmode .titlebox .md blockquote h2 a { color: #000!important; }
  1810. .res-nightmode .entry time { color: #79796f; }
  1811. .res-nightmode .nsfw-stamp acronym { background: #000; }
  1812. .res-nightmode .titlebox .md ol li:first-child, .res-nightmode .side h5, .res-nightmode .report-form, .res-nightmode #authorInfoToolTip { border: 1px dotted #f78793; }
  1813. .res-nightmode .side h5 { border-top: 0; border-right: 0; }
  1814. .res-nightmode .side h6:after { border-color: rgba(69, 78, 89,0); border-bottom-color: #454e59; }
  1815. .res-nightmode .titlebox .md ol {border-top: 0; border-bottom: 0;}
  1816. .res-nightmode .tagline a { color: #16a085!important; }
  1817. .res-nightmode navigateBysubmitter a { color: #888; }
  1818. .res-nightmode .usertext-body pre, .res-nightmode .usertext-body p>code { border: 1px solid #777; }
  1819. .res-nightmode .footer-parent { border-top: 1px solid #313131; }
  1820. .res-nightmode .footer div.col a, .res-nightmode .commentNavSortType a { color: #777; }
  1821. .res-nightmode .sidecontentbox.collapsible .title, .res-nightmode .sidecontentbox .title { border-top: 1px solid #666; border-bottom: 1px solid #666; }
  1822. .res-nightmode .sidecontentbox .title h1 { color: #999; }
  1823. .res-nightmode .usertext-edit textarea { background: #3b3b3b!important; }
  1824. .res-nightmode .comments-page textarea { border: 1px solid #666!important; }
  1825. .res-nightmode #searchexpando:after { border-bottom-color: rgb(34, 34, 34); }
  1826. .res-nightmode .titlebox .md blockquote { border-bottom: 0; }
  1827. .res-nightmode .link.stickied .rank:after { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) 0 -112px no-repeat; }
  1828. .res-nightmode .side a[href*='#ud'], .res-nightmode .side a[href*='#dg'], .res-nightmode .side a[href*='#rr'], .res-nightmode .side a[href*='#bu'], .res-nightmode .side a[href*='#nr'], .res-nightmode .side a[href="http://goo.gl/qJBQRm"] { color: #000; }
  1829. .res-nightmode .side a[href="#timer"] { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -96px -54px no-repeat; }
  1830. .res-nightmode #search input[type=text] { background: url(http://b.thumbs.redditmedia.com/qsCiZ9kA-1m_9YMf2fyGXXqpUrUi47Kg_kBVfWUlwRc.png) no-repeat left center #313131!important; }
  1831. .res-nightmode .side .md > h3:before { background-image: url(http://a.thumbs.redditmedia.com/RGlihyC1f9cxbNZMjYfuz4ielX4N-_kdWBxpkHpctp4.png); }
  1832. .res-nightmode .titlebox .bottom { border-top: 1px solid #666; padding-bottom: 20px; }
  1833. .res-nightmode .titlebox .bottom::before { color: rgb(221, 221, 221); }
  1834. .res-nightmode .RES-keyNav-activeElement .usertext .md a { color: #3498db!important; }
  1835. .res-nightmode .comment .md p a:visited {color: #2980b9!important; }
  1836. .res-nightmode .res .commentarea .expando-button.image.gallery.collapsedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -116px -54px no-repeat !important; }
  1837. .res-nightmode .res .commentarea .expando-button.image.gallery.collapsedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -116px -67px no-repeat !important; text-decoration: none!important; }
  1838. .res-nightmode .res .commentarea .expando-button.image.gallery.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -30px -80px no-repeat !important; text-decoration: none; }
  1839. .res-nightmode .res .commentarea .expando-button.image.gallery.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -49px -80px no-repeat !important; text-decoration: none; }
  1840. .res-nightmode .commentarea .expando-button.video.collapsed { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -106px -80px no-repeat !important; text-decoration: none!important; }
  1841. .res-nightmode .commentarea .expando-button.video.collapsed:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) 0 -93px no-repeat !important; text-decoration: none!important; }
  1842. .res-nightmode .commentarea .expando-button.video.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -30px -80px no-repeat !important; text-decoration: none; }
  1843. .res-nightmode .commentarea .expando-button.video.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -49px -80px no-repeat !important; text-decoration: none; }
  1844. .res-nightmode .res .commentarea .expando-button.image.collapsedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -68px -80px no-repeat !important; }
  1845. .res-nightmode .res .commentarea .expando-button.image.collapsedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -87px -80px no-repeat !important; text-decoration: none!important; }
  1846. .res-nightmode .res .commentarea .expando-button.image.expandedExpando { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -30px -80px no-repeat !important; text-decoration: none; }
  1847. .res-nightmode .res .commentarea .expando-button.image.expandedExpando:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -49px -80px no-repeat !important; text-decoration: none; }
  1848. .res-nightmode .res .commentarea .expando-button.image.expanded { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -30px -80px no-repeat !important; text-decoration: none; }
  1849. .res-nightmode .res .commentarea .expando-button.image.expanded:hover { background: url(http://b.thumbs.redditmedia.com/hcs7EikVTlZlQdQggxSCcn4TOoVs6xX1Y29tW-50wJk.png) -49px -80px no-repeat !important; text-decoration: none; }
  1850. .res-nightmode .thing.collapsed.deleted.comment { background: url(http://b.thumbs.redditmedia.com/Cj-CSoQenU5nolslYK3SRDe2MuSiksqlvi8lxqtrsiw.png) 10px center no-repeat!important; }
  1851. .res-nightmode .usertext.grayed .usertext-body { background: url(http://b.thumbs.redditmedia.com/Cj-CSoQenU5nolslYK3SRDe2MuSiksqlvi8lxqtrsiw.png) left center no-repeat!important; }
  1852. .res-nightmode .usertext .usertext-body .md { background-color: transparent!important; }
  1853. .res-nightmode #siteTable .visited.link .title.loggedin, .res-nightmode #siteTable .link .title.loggedin:visited, .res-nightmode #siteTable .link .title:visited, .res-nightmode #siteTable .link .title.loggedin.click, .res-nightmode .organic-listing .link .title:visited { color: #9e9e9e!important; }
  1854. .res-nightmode .report-form, .res-nightmode #authorInfoToolTip { background-color: #2A2A2A; }
  1855. .res-nightmode .report-form:before { border-color: rgba(247, 135, 147,0); border-bottom-color: #f78793; }
  1856. .res-nightmode .report-form:after { border-color: rgba(42, 42, 42,0); border-bottom-color: #2a2a2a; }
  1857. .res-nightmode .content button { border-radius: 0; border: 0; padding-top: 7px; padding-bottom: 7px; background: #3f3f3f; -webkit-box-shadow: 0 0 0 0 #bbb; -moz-box-shadow: 0 0 0 0 #bbb; box-shadow: 0 0 0 0 #bbb; }
  1858. .res-nightmode .new-comment .usertext-body .md { border: 0!important; padding-left: 10px; margin-top: 5px; }
  1859.  
  1860. .res-nightmode .morechildren,
  1861. .res-nightmode .comments-page .commentarea .sitetable { background: rgb(22,22,22)!important; }
  1862. .res-nightmode .commentarea .sitetable.nestedlisting>.comment { border-color: #222!important; }
  1863. .res-nightmode .nestedlisting>.comment:before { content: normal; }
  1864.  
  1865. /* Requested by /r/AskReddit
  1866. -----------------------------*/
  1867.  
  1868. .link:lang(re) .rank { margin-left: 90px; border-left: 1px solid #dee5e7; }
  1869. .link:lang(re) .midcol { margin-left: 130px; }
  1870. .link:lang(re) p.title { padding-left: 195px!important; }
  1871. .expando:lang(re) { margin-left: 196px; }
  1872. .expando-button:lang(re) { margin-left: 196px; }
  1873. .link:lang(re) .title:before { left: 178px; }
  1874. .linkflair-mod-post:lang(re) .title .linkflairlabel, .linkflair-serious:lang(re) .title .linkflairlabel, .linkflair-stories:lang(re) .title .linkflairlabel, .linkflair-megathread:lang(re) .title .linkflairlabel, .linkflair-breaking-news:lang(re) .title .linkflairlabel { left: 178px; }
  1875.  
  1876. .comments-page:lang(re) .linkflair-mod-post .title .linkflairlabel, .comments-page:lang(re) .linkflair-serious .title .linkflairlabel, .comments-page:lang(re) .linkflair-stories .title .linkflairlabel, .comments-page:lang(re) .linkflair-megathread .title .linkflairlabel, .comments-page:lang(re) .linkflair-breaking-news .title .linkflairlabel {
  1877. left: 48px;
  1878. }
  1879. .comments-page:lang(re) .link .midcol { margin-left: 0; }
  1880. .comments-page:lang(re) .link p.title { padding-left: 70px!important; }
  1881. .comments-page:lang(re) .link .title:before { left: 48px; }
  1882. .comments-page:lang(re) .link p.tagline { padding-left: 70px; }
  1883. .comments-page:lang(re) .expando { margin-left: 70px; }
  1884. .comments-page:lang(re) .expando-button { margin-left: 70px; }
  1885. .comments-page:lang(re) .link .flat-list { padding-left: 70px; }
  1886.  
  1887. html:lang(re) .moderator.listing-page .linklisting  .thing.link { padding-left: 0 }
  1888. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) {
  1889. position: absolute !important;
  1890. left: 10px;
  1891. width: 42px;
  1892. }
  1893.  
  1894. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button {
  1895. position: relative !important;
  1896. top: -20px;
  1897. width: 100%;
  1898. height: 100%;
  1899. min-width: 100%;
  1900. }
  1901.  
  1902. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button span.option.error.active { font-size: 0 }
  1903. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button span.option.error.active .no { display: none }
  1904. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button span.option.error.active a.yes {
  1905. /*content: "sure?";*/
  1906. font-size: 10pt;
  1907. background-color: #FFDBDB!important;
  1908. border-color: red !important;
  1909. padding-left: 0px;
  1910. padding-right: 0px;
  1911. }
  1912.  
  1913. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button {
  1914. font-weight: normal;
  1915. color: #D6D6D6;
  1916. text-align: center;
  1917. }
  1918.  
  1919. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button a {
  1920. padding: 20px 12px;
  1921. background-color: #F0F0F0;
  1922. color: gray !important;
  1923. font-weight: normal;
  1924. border: 1px solid gray !important;
  1925. text-decoration: none;
  1926. top: 0; bottom: 0;
  1927. }
  1928.  
  1929. html:lang(re) .moderator.listing-page ul.flat-list.buttons li:nth-child(6) form.toggle.remove-button a:hover {
  1930. background-color: #FFDBDB;
  1931. border-color: red !important;
  1932. }
  1933.  
  1934. /* Go home link on filter pages
  1935. --------------------------------*/
  1936.  
  1937. .side:lang(ud) .md [href="http://goo.gl/TQnRmU"]:before,
  1938. .side:lang(dg) .md [href="http://goo.gl/TQnRmU"]:before,
  1939. .side:lang(rr) .md [href="http://goo.gl/TQnRmU"]:before,
  1940. .side:lang(bu) .md [href="http://goo.gl/TQnRmU"]:before,
  1941. .side:lang(nr) .md [href="http://goo.gl/TQnRmU"]:before {
  1942. content: "Unfilter";
  1943. background: #3498db;
  1944. top: 0;
  1945. color: #fff;
  1946. right: 335px;
  1947. position: fixed;
  1948. padding: 5px 20px;
  1949. }
  1950.  
  1951. .side:lang(ud) .md [href="http://goo.gl/TQnRmU"]:hover:before,
  1952. .side:lang(dg) .md [href="http://goo.gl/TQnRmU"]:hover:before,
  1953. .side:lang(rr) .md [href="http://goo.gl/TQnRmU"]:hover:before,
  1954. .side:lang(bu) .md [href="http://goo.gl/TQnRmU"]:hover:before,
  1955. .side:lang(nr) .md [href="http://goo.gl/TQnRmU"]:hover:before { background: #268fd6; }
  1956.  
  1957. /* Change header based on linkflair
  1958. ------------------------------------*/
  1959.  
  1960. body.post-linkflair-mod-post #header-bottom-left, #header-bottom-left:lang(ud) {
  1961. background: rgba(240,247,253,1);
  1962. background: -moz-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(246,142,132,1) 75%);
  1963. background: -webkit-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(246,142,132,1) 75%);
  1964. background: -o-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(246,142,132,1) 75%);
  1965. background: -ms-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(246,142,132,1) 75%);
  1966. background: linear-gradient(135deg, rgba(240,247,253,1) 0%, rgba(246,142,132,1) 75%);
  1967. }
  1968.  
  1969. body.post-linkflair-serious #header-bottom-left, #header-bottom-left:lang(dg) {
  1970. background: rgba(240,247,253,1);
  1971. background: -moz-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(207,230,181,1) 75%);
  1972. background: -webkit-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(207,230,181,1) 75%);
  1973. background: -o-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(207,230,181,1) 75%);
  1974. background: -ms-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(207,230,181,1) 75%);
  1975. background: linear-gradient(135deg, rgba(240,247,253,1) 0%, rgba(207,230,181,1) 75%);
  1976. }
  1977.  
  1978. body.post-linkflair-stories #header-bottom-left, #header-bottom-left:lang(rr) {
  1979. background: rgba(240,247,253,1);
  1980. background: -moz-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(242,227,161,1) 75%);
  1981. background: -webkit-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(242,227,161,1) 75%);
  1982. background: -o-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(242,227,161,1) 75%);
  1983. background: -ms-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(242,227,161,1) 75%);
  1984. background: linear-gradient(135deg, rgba(240,247,253,1) 0%, rgba(242,227,161,1) 75%);
  1985. }
  1986.  
  1987. body.post-linkflair-megathread #header-bottom-left, #header-bottom-left:lang(bu) {
  1988. background: rgba(240,247,253,1);
  1989. background: -moz-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(181,213,230,1) 75%);
  1990. background: -webkit-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(181,213,230,1) 75%);
  1991. background: -o-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(181,213,230,1) 75%);
  1992. background: -ms-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(181,213,230,1) 75%);
  1993. background: linear-gradient(135deg, rgba(240,247,253,1) 0%, rgba(181,213,230,1) 75%);
  1994. }
  1995.  
  1996. body.post-linkflair-breaking-news #header-bottom-left, #header-bottom-left:lang(nr) {
  1997. background: rgba(240,247,253,1);
  1998. background: -moz-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(212,184,224,1) 75%);
  1999. background: -webkit-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(212,184,224,1) 75%);
  2000. background: -o-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(212,184,224,1) 75%);
  2001. background: -ms-linear-gradient(-45deg, rgba(240,247,253,1) 0%, rgba(212,184,224,1) 75%);
  2002. background: linear-gradient(135deg, rgba(240,247,253,1) 0%, rgba(212,184,224,1) 75%);
  2003. }
  2004.  
  2005. /* Upvote - Downvote anim
  2006. --------------------------*/
  2007.  
  2008. .link .upmod:focus::after {
  2009. content: "+1";
  2010. font-size: 14px;
  2011. margin-left: 1px;
  2012. position: relative;
  2013. color: #C2185B;
  2014. bottom: 18px;
  2015. opacity: 0.0;
  2016. z-index: 102;
  2017. -webkit-animation-name: exAn; -webkit-animation-duration: 3.0s; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; -moz-animation-name: exAn; -moz-animation-duration: 3.0s; -moz-animation-timing-function: ease-out; -moz-animation-iteration-count: 1; animation-name: exAn; animation-duration: 3.0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-play-state: running;
  2018. }
  2019.  
  2020. @-webkit-keyframes exAn { 0% {color: #FF8C69} 8% {bottom: 23px; opacity: 1.0} 15% {bottom: 28px;} 30% {color: #FF0000} 50% {color: red; bottom: 33px;} 60% {color: #FF4500} 100% {bottom: 38px; opacity: 0.0} }
  2021. @keyframes exAn { 0% {color: #FF8C69} 8% {bottom: 23px; opacity: 1.0} 15% {bottom: 28px;} 30% {color: #FF0000} 50% {color: red; bottom: 33px;} 60% {color: #FF4500} 100% {bottom: 38px; opacity: 0.0} }
  2022.  
  2023. .link .downmod:focus::after {
  2024. content: "-1";
  2025. font-size: 14px;
  2026. margin-left: 1px;
  2027. position: relative;
  2028. color: #9494FF;
  2029. bottom: -18px;
  2030. opacity: 0.0;
  2031. z-index: 102;
  2032. -webkit-animation-name: exBn; -webkit-animation-duration: 3.0s; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: 1; -moz-animation-name: exBn; -moz-animation-duration: 3.0s; -moz-animation-timing-function: ease-out; -moz-animation-iteration-count: 1; animation-name: exBn; animation-duration: 3.0s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-play-state: running;
  2033. }
  2034.  
  2035. @-webkit-keyframes exBn { 0% {color: #a8a8ff} 8% {bottom: -23px; opacity: 1.0} 15% {bottom: -28px;} 30% {color: #bbbbff} 50% {color: red; bottom: -33px;} 60% {color: #cfcfff} 100% {bottom: -38px; opacity: 0.0} }
  2036. @keyframes exBn { 0% {color: #a8a8ff} 8% {bottom: -23px; opacity: 1.0} 15% {bottom: -28px;} 30% {color: #bbbbff} 50% {color: red; bottom: -33px;} 60% {color: #cfcfff} 100% {bottom: -38px; opacity: 0.0} }
  2037.  
  2038. .link .upmod:focus:after {white-space:nowrap}
  2039. .link .downmod:focus:after {white-space:nowrap}
  2040. .midcol { overflow: visible; }
  2041.  
  2042. /* Gold features
  2043. -----------------*/
  2044.  
  2045. .gold-accent { border-radius: 0!important; border: 1px solid #ffca28; background: #ffecb3; margin-left: 20px!important; }
  2046. .gold-accent.comment-visits-box { padding: 3px 20px; }
  2047. .comment-visits-box .title { font-weight: normal; color: #2a3f4d; }
  2048. .new-comment .usertext-body { background-color: #fffde7; border: 1px solid #ffecb3; padding-left: 10px; margin-top: 5px; }
  2049. .panestack-title a.title-button.gold { background-color: #fffde7; border: 1px solid #ffecb3; }
  2050.  
  2051. /* RES specific elements
  2052. -------------------------*/
  2053.  
  2054. .RESDialogSmall { border: 1px solid #dee5e7!important; border-radius: 0!important; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); }
  2055. .RESDialogSmall > h3 { background-color: #F6F6F6; border-bottom: 1px solid #dee5e7!important; }
  2056. .blueButton { background-image: linear-gradient(#3498db 50%,#268fd6 50%); border: 0!important; border-radius: 0!important; }
  2057. .blueButton:hover { background-image: linear-gradient(#547aff 50%,#416aff 50%); }
  2058. .RESCloseButton { border-radius: 0; border:  1px solid #dee5e7!important; }
  2059. .RESCloseButton:hover { background: #eee; }
  2060.  
  2061. /* Search results
  2062. ------------------*/
  2063.  
  2064. .searchpane { background-color: #fdfdfd; margin: 0 300px 5px 10px; }
  2065. .raisedbox { border: 1px solid #ddd; padding: 20px 20px 20px 96px; }
  2066. .pretty-button { border: 0; border-radius: 0; padding: 3px 20px; color: #fff; }
  2067. .pretty-button.positive { background-image: linear-gradient(#7bb850 50%,#71ae47 50%)!important; background-position: 0 0; background-repeat: no-repeat; }
  2068. .pretty-button.negative { background-image: linear-gradient(#CF6165 50%,#ca5256 50%)!important; background-position: 0 0; background-repeat: no-repeat; }
  2069. .search-summary { margin: 20px 20px 0 0; }
  2070. .search-summary .debuginfo { background: #fdfdfd; }
  2071. .pretty-button.positive.pressed { background-image: linear-gradient(#bdc3c7 50%,#b2b9be 50%)!important; background-position: 0 0; background-repeat: no-repeat; }
  2072.  
  2073. #RESSubredditGroupDropdown { padding: 5px 20px!important; top: 17px!important; background-color: #fff!important; border-left: 1px solid #ddd!important; border-right: 1px solid #ddd!important; border-bottom: 1px solid #ddd!important; }
  2074. #RESSubredditGroupDropdown li:hover { background: transparent!important; }
  2075. #RESSubredditGroupDropdown .RESShortcutsEditButtons .edit { margin-left: -10px!important; }
  2076. #RESMainGearOverlay, .RESDropdownList { border: 0!important; background-color: #454e59!important; border-radius: 0!important; }
  2077. .RESDropdownList { right: 20px!important; }
  2078. .RESDropdownList li { border-bottom: 1px solid #677585!important; color: #fff!important; }
  2079. .RESDropdownList a, .RESDropdownList a:visited { color: #fff!important; }
  2080. #RESSearchMenuItem { border: 0!important; border-radius: 0!important; }
  2081. .toggleButton .toggleOn, .toggleButton .toggleOff { border: 1px solid #677585!important; border-radius: 0!important; }
  2082. .moduleToggle:not(.enabled) .toggleOff, .toggleButton:not(.enabled) .toggleOff { font-weight: normal!important; }
  2083. .res #RESMainGearOverlay .gearIcon { top: 9px; }
  2084.  
  2085. .thumbnail.self { display: none; }
  2086. .content .spacer { margin-bottom: 0!important; } /*removes weird margin between header and top post*/
  2087.  
  2088. /* bar next to comments to distinguish toplevel comment */
  2089.  
  2090. .nestedlisting > .comment { position: relative; }
  2091.  
  2092. .nestedlisting > .comment:before, body.post-linkflair-mod-post .nestedlisting > .comment:before, body.post-linkflair-serious .nestedlisting > .comment:before, body.post-linkflair-stories .nestedlisting > .comment:before, body.post-linkflair-megathread .nestedlisting > .comment:before, body.post-linkflair-breaking-news .nestedlisting > .comment:before {
  2093. content: " "; position: absolute; top: 0; bottom: 0; left: 0px; background: #e0f2f1; min-width: 3px; }
  2094.  
  2095. body.post-linkflair-mod-post .nestedlisting > .comment:before { background: #fde0dc; }
  2096. body.post-linkflair-serious .nestedlisting > .comment:before { background: #cfe6b5; }
  2097. body.post-linkflair-stories .nestedlisting > .comment:before { background: #f2e3a1; }
  2098. body.post-linkflair-megathread .nestedlisting > .comment:before { background: #b5d5e6; }
  2099. body.post-linkflair-breaking-news .nestedlisting > .comment:before { background: #c49dd4; }
  2100.  
  2101. .comment .midcol { margin-left: 10px; }
  2102. .res .comment .midcol { margin-left: 0px; }
  2103.  
  2104. .submit-page .content > h1 { margin-left: 10px; }
  2105.  
  2106. /* Req from admins */
  2107. .link.promotedlink .rank { visibility: hidden; display: none; }
  2108. .link.promotedlink p.title { padding-left: 54px; }
  2109. .link.promotedlink .thumbnail { position: relative; left: 53px; top: 5px; }
  2110. .link.promotedlink .midcol { margin-left: 0; }
  2111. .link.promotedlink .title:before { visibility: hidden; display: none; }
  2112.  
  2113. /* Notification bar - noahjk - currently disabled. to enable, place a ">***notification goes here***" in the sidebar!
  2114.  
  2115.     .listing-page .sitetable.linklisting, .comments-page .sitetable.linklisting { padding-top: 60px;}
  2116.  
  2117.     .comments-page .side .usertext-body .md blockquote strong em, .listing-page .side .usertext-body .md blockquote strong em {
  2118.     display: block;
  2119.     position: absolute;
  2120.     top: 10px;
  2121.     right: 312px;
  2122.     width: 2000px;
  2123.     height: 40px;
  2124.     z-index: -99;
  2125.     background-color: #c2e0f4;
  2126.     background-image: linear-gradient(to right, #3498db, #c2e0f4);
  2127.     line-height: 40px;
  2128.     padding: 0 20px;
  2129.     font-style: normal;
  2130.     font-weight: normal;
  2131.     font-size: 1.2em;
  2132.     text-align: right;
  2133.     color: #47a;
  2134.     }
  2135.  
  2136.     .side .usertext-body .md blockquote strong em a {
  2137.     color: #369;
  2138.     font-weight: bold;
  2139.     }
  2140.    
  2141.     .submit-page .side .usertext-body .md blockquote strong em {
  2142.     display: block;
  2143.     position: absolute;
  2144.     top: 10px;
  2145.     right: 312px;
  2146.     height: 40px;
  2147.     width: 300px;
  2148.     background-color: #c2e0f4;
  2149.     line-height: 40px;
  2150.     padding: 0 20px;
  2151.     font-style: normal;
  2152.     font-weight: normal;
  2153.     font-size: 1.2em;
  2154.     text-align: center;
  2155.     color: #47a;
  2156.     }
  2157.    
  2158.     .listing-page #siteTable_organic {position: relative; top: 60px; border-right: 0 !important;}
  2159.     .listing-page .content > .menuarea { position: relative; top: 60px; }
  2160.     .listing-page .content > .infobar { position: relative; top: 56px; }
  2161.     .drop-choices.inuse { position: relative; width: 100px; top: 12px !important; }  
  2162.    
  2163.    /* End notification bar (DO NOT REMOVE!)*/
  2164.  
  2165.     .res-nightmode .morechildren,
  2166.     .res-nightmode .comments-page .commentarea .sitetable { background: rgb(22,22,22)!important; }
  2167.     .res-nightmode .commentarea .sitetable.nestedlisting>.comment { border-color: #222!important; }
  2168.     .res-nightmode .nestedlisting>.comment:before { content: normal; }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!