Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

CSS

RawStanky Nov 10th, 2018 94 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. /*-----------------------------------Cursor Stuff, Rest is in Body-----------------------------------------*/
  2. a { cursor: url(%%linkcursor%%), pointer; }
  3. div.expando-button {
  4. cursor: url(%%linkcursor%%), pointer !important;
  5. }
  6. /*---------------------------------------------------------------------------------------------------------*/
  7.  
  8. /*SUBREDDIT FONT*/
  9. .login-form-side input[type="text"], .login-form-side input[type="password"],
  10. #search input[type="text"],
  11. .md textarea,
  12. textarea,
  13. body {font-family: -apple-system, San Francisco Display, Helvetica Neue, Helvetica, Arial, sans-serif; cursor: url(%%lscursor%%), default !important;}
  14.  
  15. *, *:before, *:after {
  16.     box-sizing: border-box;
  17.     font-family: Arial, sans-serif;
  18.     outline: 0;
  19. }
  20.  
  21. body {
  22.     background-color: #010a13;
  23.     background-image: url(%%Talon%%);
  24.     background-position: right 300px top;
  25.     background-repeat: no-repeat;
  26.     background-size: calc(100% - 300px);
  27.     color: #d7cfbd;
  28. }
  29. /* for smaller screens */
  30. @media screen and (max-width: 1500px) { body { background-size: 1200px; } }
  31.  
  32. body:before {
  33.     background-color: #010a13;
  34.     content: '';
  35.     height: 100%;
  36.     position: absolute;
  37.     top: 900px;
  38.     width: 100%;
  39.     z-index: -99;
  40. }
  41.  
  42. body:after {
  43.   content: '';
  44.   display: block;
  45.   background-image: linear-gradient(to bottom, transparent 0%, #010a13 60%);
  46.   height: 900px;
  47.     position: absolute;
  48.     top: 0;
  49.     width: 100%;
  50.     z-index: -99;
  51. }
  52.  
  53. a, .sr-bar a, .dropdown.srdrop .selected, #sr-more-link, .commentarea .menuarea .toggle a, .dropdown.lightdrop .selected, .md a { color: #cdbe91; text-decoration: none; transition: 100ms; }
  54. a:hover, .sr-bar a:hover, .dropdown.srdrop .selected:hover, #sr-more-link:hover, #newlink .tabmenu.formtab .selected a, .tabmenu li.selected a, .tagline a:hover, .search-result-meta a:hover, .commentarea .menuarea .toggle a:hover, .dropdown.lightdrop .selected:hover { color: #f0e6d2; text-decoration: none;}
  55. a:active, .sr-bar a:active, .dropdown.srdrop .selected:active, #sr-more-link:active, .tagline a, .search-result-meta a, .commentarea .menuarea .toggle a:active, .dropdown.lightdrop .selected:active { color: #c89b3c; }
  56. #sr-header-area .selected a, .tagline .submitter, .search-result-meta .submitter, .flat-list li.selected a, .bottommenu .updated, .side .titlebox h2 a, .spoiler-stamp.stamp { color: #048598; }
  57. .reddit-infobar .md { color: #a09b8c; }
  58.  
  59. button, .btn, .flairselector.drop-choices.active button, .titlebox .fancy-toggle-button .option, .usertext-buttons button, #send, .c-btn-primary, input[type="button"], input[type="reset"], input[type="submit"], .expando-gate .expando-gate__show-once{
  60.     background: #1e232a;
  61.     border-image: linear-gradient(to bottom, #c8a96d 0%, #7b5d28 100%) 1 1 1 1;
  62.     border-style: solid;
  63.     border-width: 2px;
  64.     color: #cdbe91;
  65.     font-size: 14px;
  66.     font-weight: bold;
  67.     line-height: 26px;
  68.     height: 32px;
  69.     margin: 0;
  70.     padding: 0 16px;
  71.     right: 0;
  72.     text-transform: uppercase;
  73.     top: 2px;
  74. }
  75. button:hover, .btn:hover, .flairselector.drop-choices.active button:hover, .titlebox .fancy-toggle-button .option:hover, .usertext-buttons button:hover, #send:hover, .c-btn-primary:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .expando-gate .expando-gate__show-once:hover {
  76.   background-image: linear-gradient(to bottom, #1e232a 0%, #453e2d 100%);
  77.     border-image: linear-gradient(to bottom, #efe4cf 0%, #c99c3e 100%) 1 1 1 1;
  78.     color: #f0e6d2;
  79. }
  80. button:focus, .btn:focus, .flairselector.drop-choices.active button:focus, .titlebox .fancy-toggle-button .option:focus, .usertext-buttons button:focus, #send :focus, .c-btn-primary:focus, .c-btn-primary:active, .c-btn-primary.disabled, .c-btn-primary[disabled], input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .expando-gate .expando-gate__show-once:focus {
  81.   background-image: linear-gradient(to bottom, #1e232a 0%, #453e2d 100%);
  82.     color: #5c5b57;
  83. }
  84.  
  85. #header {
  86.     background: 0 none;
  87.     background-image: url(%%theme--icons%%);
  88.     background-position-y: -185px;
  89.     background-repeat: repeat-x;
  90.     border-bottom: 1px solid rgba(236, 227, 207, 0.3);
  91.     height: 96px;
  92.     line-height:78px;
  93.     z-index: 1;
  94. }
  95.  
  96. #header-bottom-left {
  97.     display: inline-block;
  98.     padding-left: 172px;
  99.     width: calc(100% - 300px);
  100. }
  101.  
  102. #header-img {
  103.     height: 60px;
  104.     left: 35px;
  105.     position: absolute;
  106.     top: 25px;
  107.     width: 23px;
  108. }
  109.  
  110. .pagename { font-size: 0; }
  111.  
  112. #header .redditname a {
  113.     background-image: url(%%header%%);
  114.     background-size: cover;
  115.     display: block;
  116.     height: 30px;
  117.     left: 64px;
  118.     position: absolute;
  119.     top: 40px;
  120.     width: 100px;
  121. }
  122.  
  123. /* -------- TAB-MENU -------- */
  124. #header .tabmenu { margin: 0; line-height: inherit; position: absolute; }
  125. #header .tabmenu li { margin: 0 10px; }
  126.  
  127. #header .tabmenu li a, #header .tabmenu li.selected a {
  128.     background: 0;
  129.     border: 0 none;
  130. }
  131.  
  132. #header .tabmenu li a {
  133.     font-size: 14px;
  134.     font-weight: bold;
  135.     padding: 6px;
  136.     text-transform: uppercase;
  137. }
  138. #header .tabmenu li.selected a { color: #f0e6d2; position: relative; }
  139. #header .tabmenu li.selected a:before {
  140.     background-image: url(%%theme--icons%%);
  141.     background-position: -82px -49px;
  142.     content:'';
  143.     height: 16px;
  144.     left: 50%;
  145.     margin-left: -12px;
  146.     pointer-events: none;
  147.     position: absolute;
  148.     top: -27px;
  149.     width: 24px;
  150. }
  151. #header .tabmenu li.selected a:after {
  152.     background-image: url(%%theme--icons%%);
  153.     background-position: -82px 0;
  154.     bottom: -25px;
  155.     content:'';
  156.     height: 49px;
  157.     left: 50%;
  158.     margin-left: -58px;
  159.     pointer-events: none;
  160.     position: absolute;
  161.     width: 116px;
  162. }
  163.  
  164. #header .tabmenu li:nth-of-type(8) {
  165.     display: none;
  166.     visibility: hidden;
  167. }
  168.  
  169. /* ---- END-OF-TAB-MENU ---- */
  170.  
  171.  
  172. /* -------- USER ----------- */
  173. #header-bottom-right {
  174.     background: #010a13;
  175.     border-radius: 0;
  176.     display: inline-block;
  177.     font-size: 14px;
  178.     font-weight: bold;
  179.     height: 77px;
  180.     line-height: inherit;
  181.     padding: 0;
  182.     position: relative;
  183.     text-align: right;
  184.     text-transform: capitalize;
  185.     vertical-align: top;
  186.     width: 300px;
  187. }
  188.  
  189. #header-bottom-right .user { font-size: 0; height: inherit; left: 0; overflow: hidden; padding-left: 68px; padding-right: 10px; position: absolute; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
  190. #header-bottom-right .user a { font-size: 14px; margin-right: 0; }
  191. body:not(.loggedin) #header-bottom-right .user { padding-left: 10px; }
  192. #header-bottom-right .user .userkarma {
  193.     color: #a09b8c; font-size: 12px; left: 68px; line-height: 0; margin-top: 55px; position: absolute;
  194.     font-weight: normal;
  195. }
  196.  
  197. #header-bottom-right a { margin-right: 6px; }
  198.  
  199. #mail, #modmail, #new_modmail, #header-bottom-right .pref-lang, #header-bottom-right .logout a {
  200.     display: inline-block;
  201.     font-size: 0;
  202.     height: 14px;
  203.     margin-bottom: 0;
  204.     margin-top: 29px;
  205.     position: relative;
  206.     top: 0;
  207.     transition: none;
  208.     vertical-align: middle;
  209.     width: 14px;
  210.     z-index: 1;
  211. }
  212. .message-count {
  213.     bottom: 9px;
  214.     line-height: 12px;
  215.     margin-left: -20px;
  216.     position: absolute;
  217. }
  218. #mail.havemail, #modmail.havemail, #mail.nohavemail, #modmail.nohavemail, #header-bottom-right .pref-lang, #header-bottom-right .logout a { background-image: url(%%theme--icons%%); }
  219. #mail.havemail { background-position: -14px -42px; }
  220. #mail.havemail:hover { background-position: -14px -56px; }
  221. #modmail.havemail { background-position: 0 -42px; }
  222. #modmail.havemail:hover { background-position: 0 -56px; }
  223. #header-bottom-right .pref-lang { background-position: -28px 0; }
  224. #mail.nohavemail { background-position: -14px 0; }
  225. #mail.nohavemail:hover { background-position: -14px -14px; }
  226. #mail.nohavemail:active { background-position: -14px -28px; }
  227. #modmail.nohavemail { background-position: 0 0; }
  228. #modmail.nohavemail:hover { background-position: 0 -14px; }
  229. #modmail.nohavemail:active{ background-position: 0 -28px; }
  230. #header-bottom-right .pref-lang { background-position: -28px 0; }
  231. #header-bottom-right .pref-lang:hover { background-position: -28px -14px; }
  232. #header-bottom-right .pref-lang:active { background-position: -28px -28px; }
  233. #header-bottom-right .logout a { background-position: -42px 0; }
  234. #header-bottom-right .logout a:hover { background-position: -42px -14px; }
  235. #header-bottom-right .logout a:active { background-position: -42px -28px; }
  236.  
  237. #header-bottom-right .separator { display: none; }
  238.  
  239. /* ----- END-OF-USER ------- */
  240.  
  241.  
  242.  
  243. /* -------- SR-LIST -------- */
  244. #sr-header-area {
  245.     background-color: #010a13;
  246.     border: 0 none;
  247.     border-bottom: 2px solid #795a28;
  248.     font-size: 9px;
  249.     height: 18px;
  250.     line-height: 17px;
  251.     overflow: hidden;
  252. }
  253.  
  254. #sr-header-area .drop-choices.srdrop, #srList { background-color: transparent !important; border: 0 none; border-bottom: 1px solid #795a28 !important; margin-left: 0; margin-top: 1px; }
  255. #sr-header-area .drop-choices.srdrop a, #srList tr { background: rgba(1, 10, 19, 0.85); border: 0 none !important; color: #cdbe91; padding: 4px 12px; }
  256. #sr-header-area .drop-choices.srdrop a.choice:hover, #srList tr:hover { background: rgba(25, 32, 38, 0.85) none repeat scroll 0 0 !important; color: #f0e6d2; }
  257. #sr-header-area .drop-choices.srdrop a.choice.bottom-option { border-top: 1px solid #3c4042; font-style: normal; }
  258. #sr-more-link { background: #010a13; border: 2px solid #795a28; border-top: 0 none; border-right: 0 none; height: 18px; padding: 0 8px; }
  259. /* ---- END-OF-SR-LIST ----- */
  260.  
  261.  
  262. /* -------- CONTENT -------- */
  263. .content {
  264.     margin: 0 330px 0 35px;
  265. }
  266.  
  267. .link, .link.last-clicked { background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; min-height: 87px; margin: 50px 0; overflow: visible; padding-left: 0; position: relative; z-index: 0; }
  268. .comments-page .link { margin: 50px 0 16px; }
  269.  
  270. #siteTable a.title:visited { color: #a09b8c !important; }
  271.  
  272. .rank { display: none; }
  273.  
  274. .thumbnail { margin: 0 5px 2px 30px; }
  275. .thumbnail, .thumbnail.nsfw, .thumbnail.spoiler, .thumbnail.image, .thumbnail.default, .thumbnail.self, a.thumbnail img {
  276.     border-radius: 50%;
  277.     height: 95px;
  278.     overflow: visible;
  279.     pointer-events: none;
  280.     position: absolute;
  281.     width: 95px;
  282. }
  283. .thumbnail:before {
  284.     background-image: linear-gradient(to bottom, #bc9e62 0%, #916f2e 50%, #664d27 100%);
  285.     border-radius: 50%;
  286.     bottom: -1px;
  287.     content: "";
  288.     left: -1px;
  289.     position: absolute;
  290.     right: -1px;
  291.     top: -1px;
  292.     z-index: -1;
  293. }
  294. .thumbnail:after {
  295.     background-image: url(%%theme--icons%%);
  296.     background-position: 0 -73px;
  297.     content: "";
  298.     left: calc(50% - 56px);
  299.     position: absolute;
  300.     height: 112px; width: 112px;
  301.     top: calc(50% - 56px);
  302.     z-index: -1;
  303. }
  304.  
  305. .thumbnail, .thumbnail.spoiler, .thumbnail.default, .thumbnail.self { background: #010a13 url(%%thumbnail%%); background-position: 0 0; background-size: cover; }
  306. .thumbnail, .thumbnail.nsfw { background: url(%%thumbnailnsfw%%); background-position: 0 0; background-size: cover; }
  307.  
  308. body > .content .link .midcol, .midcol-spacer { width: 0 !important; }
  309. .link .score { background: #010a13; border-bottom: 2px solid #916f2e; border-top: 2px solid #916f2e; color: #cdbe91; height: 25px; left: -2px; line-height: 21px; position: absolute; top: 34px; width: 35px; z-index: 2; }
  310. .link .score:before { background-image: url(%%theme--icons%%);  background-position: -198px 0; content:""; height: 25px; left: -6px; position: absolute; top: -2px; width: 6px; }
  311. .link .score:after { background-image: url(%%theme--icons%%);   background-position: -204px 0; content:""; height: 25px; right: -6px; position: absolute; top: -2px; width: 6px; }
  312.  
  313. .arrow { height: 23px; position: absolute; width: 43px; }
  314. .arrow.up::before, .arrow.up, .arrow.up:after,
  315. .arrow.upmod::before, .arrow.upmod, .arrow.upmod:after,
  316. .arrow.down::before, .arrow.down, .arrow.down:after,
  317. .arrow.downmod::before, .arrow.downmod, .arrow.downmod:after { background-image: url(%%theme--icons%%); position: absolute; transition: top 100ms; }
  318. .arrow.up, .arrow.upmod { background-position: -120px -53px; left: 56px; top: -20px; }
  319. .arrow.up:after, .arrow.upmod:after { background-position: -120px -76px; content: ""; height: 7px; left: 15px; top: 14px; width: 13px; }
  320. .arrow.upmod:after { background-position: -133px -76px; }
  321. .arrow.up:hover:after, .arrow.upmod:after { top: 9px; }
  322. .arrow.down, .arrow.downmod { background-position: -163px -53px; left: 56px; top: 88px; }
  323. .arrow.down:after, .arrow.downmod:after  { background-position: -163px -76px; content: ""; height: 7px; left: 15px; top: 2px; width: 13px; }
  324. .arrow.downmod:after { background-position: -176px -76px; }
  325. .arrow.down:hover:after, .arrow.downmod:after { top: 7px; }
  326. .arrow.upmod:focus:before { -webkit-animation:upvotep 1s ease-out forwards; animation: upvotep 1s ease-out forwards; background: url(%%LSword%%); background-size: cover; content:""; display: block; height: 32px; left: -56px; top:20px; width: 32px; z-index: 1;}
  327. .arrow.downmod:focus:before { -webkit-animation:downvotep 1s ease-out forwards; animation: downvotep 1s ease-out forwards; background: url(%%Dblade%%); background-size: cover; content:""; display: block; height: 32px; left: -56px; top:-31px; width: 32px; z-index: 1;}
  328.  
  329. .entry { margin: 14px 16px 14px 153px; }
  330. .entry .domain, .link .tagline .flair, .entry .tagline .userattrs { display: none; }
  331. .entry .expando-button { float: right; }
  332. .entry .title { color: #d7cfbd !important; font-size: 18px; margin-bottom: 1px; }
  333. .entry .tagline { color: #a09b8c; font-size: 12px; font-weight: bold; margin-bottom: 1px; margin-left: 1px; }
  334. .entry .flat-list { padding: 0; }
  335. .entry .buttons li a.comments, .entry .buttons li a, .entry .buttons:hover li a{ color: #795a28; font-size: 12px; font-weight: bold;}
  336. .entry .buttons li a { color: rgba(120,90,40,0.4); transition: none; }
  337. .entry .buttons li .flairselector.drop-choices.active { height: 160px !important; position: absolute; top: -43px !important; }
  338. .entry .buttons li .flairselector.drop-choices.active ul { padding: 5px 14px; }
  339. .entry .buttons li .flairselector.drop-choices.active li { height: auto; padding: 4px; width: auto !important; }
  340. .entry .buttons li .flairselector.drop-choices.active li.selected { border: 1px solid #795a28; padding: 3px; }
  341. .link .usertext .md { background: transparent; border: 0 none; padding: 6px 0; }
  342.  
  343. .expando-button {   height: 22px; margin-top: -5px; width: 22px; }
  344. .expando-button.expanded { transform: rotate(-45deg); }
  345. .expando-button.expanded.video, .expando-button.expanded.selftext,
  346. .expando-button.collapsed.video, .expando-button.collapsed.selftext {   background-image: url(%%theme--icons%%); background-position: -112px -128px; }
  347. .expando-button.expanded.video:hover, .expando-button.expanded.selftext:hover,
  348. .expando-button.collapsed.video:hover, .expando-button.collapsed.selftext:hover  {  background-image: url(%%theme--icons%%); background-position: -134px -128px; }
  349. .expando-button.expanded.video:active, .expando-button.expanded.selftext:active,
  350. .expando-button.collapsed.video:active, .expando-button.collapsed.selftext:active {     background-image: url(%%theme--icons%%); background-position: -156px -128px; }
  351. .expando-button::before { background: transparent; bottom: 0; content: ""; display: block; position: absolute; top: 0; width: 22px; }
  352.  
  353. .nextprev a, .next-suggestions a, .nextprev a:hover, .next-suggestions a:hover { background: transparent; border: 0 none;}
  354.  
  355. /* ------ COMMENTAREA ------- */
  356. .linkinfo {
  357.     background: #010a13;
  358.     border-image: linear-gradient(to bottom, #463714 90%, #674e21 100%) 1 1 1 1;
  359.     border-width: 2px;
  360.     border-radius: 0;
  361.     color: #a09b8c;
  362.     margin: 16px 16px 0;
  363.     padding: 10px;
  364.     position: relative;
  365. }
  366. .linkinfo .score { color: #d7cfbd; }
  367. .linkinfo:before {
  368.     background: #000306;
  369.     border: 1px solid #463714;
  370.     content: "";
  371.     left: 5%;
  372.     height:4px;
  373.     position: absolute;
  374.     top: -4px;
  375.     width: 90%;
  376. }
  377. .linkinfo:after {
  378.     background: #000306;
  379.     border: 1px solid #5d471d;
  380.     border-top: 0 none;
  381.     content: "";
  382.     left: 5%;
  383.     height:3px;
  384.     position: absolute;
  385.     bottom: -5px;
  386.     width: 90%;
  387. }
  388.  
  389. .usertext .markhelp { border: 0 none; padding: 4px 0; }
  390.  
  391. .commentarea { display: flex; flex-flow: column nowrap; }
  392.  
  393. .commentarea > .usertext { order: -1; margin: 0 0 16px; }
  394. .commentarea .md, .usertext-edit { margin-top: 0; }
  395. .commentarea textarea  {
  396.     background: #000306;
  397.     border: 1px solid #795a28;
  398.     color: #f0e6d2;
  399.     font-family: Arial, sans-serif;
  400.     min-width: 100%;
  401.     padding: 9px 6px;
  402.     width: 100%;
  403. }
  404. .commentarea textarea:focus {
  405.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  406.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  407. }
  408. .commentarea .panestack-title{ background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 0; color: #a09b8c; margin: 0; max-width: 700px; padding: 16px 16px 8px; }
  409. .commentarea .menuarea{ background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; border-top: 0 none; color: #a09b8c; margin: 0; max-width: 700px; padding: 0 16px 16px 16px; }
  410. .comment-permalink-page .commentarea .menuarea { border: 1px solid #1f292d; border-bottom: 1px solid #795a28; padding: 16px; }
  411. .commentarea .sitetable { margin-top: 16px; }
  412. .drop-choices { background: #010a13; border-image: linear-gradient(to bottom, #463714 0%, #674e21 100%) 1 1 1 1; border-width: 2px;}
  413. .drop-choices a.choice { padding: 8px 10px; }
  414. .drop-choices a.choice:hover { background: #192026; }
  415. .gold-accent { background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; border-radius: 0; }
  416. .gold-accent.comment-visits-box { color: #a09b8c; margin: 10px 0; padding: 16px; }
  417. .gold-accent.comment-visits-box .title { font-weight: normal; }
  418. .new-comment .usertext-body, .usertext.border .usertext-body { background: #192026; border: 0 none; }
  419.  
  420. .comment .midcol { margin: 0; overflow: visible; width: 18px; }
  421. .comment.collapsed .midcol { display: none; }
  422. .comment .arrow:before { display: none; }
  423. .comment .arrow { height: 15px; left: auto; margin-bottom: 6px; position: relative; top: auto; width: 18px; }
  424. .comment .arrow.up { background-position: -126px -83px;}
  425. .comment .arrow.upmod { background-position: -126px -98px;}
  426. .comment .arrow.up:hover, .comment .arrow.upmod:hover { background-position: -126px -113px;}
  427. .comment .arrow.up:after, .comment .arrow.upmod:after { background-position: -120px -83px; height: 12px; left: 6px; top: 2px; width: 6px; }
  428. .comment .arrow.up:hover:after, .comment .arrow.upmod:after { background-position: -120px -95px;}
  429. .comment .arrow.up:hover:after, .comment .arrow.upmod:hover:after { top: 0; }
  430. .comment .arrow.down { background-position: -169px -83px;}
  431. .comment .arrow.downmod { background-position: -169px -98px;}
  432. .comment .arrow.down:hover, .comment .arrow.downmod:hover { background-position: -169px -113px;}
  433. .comment .arrow.down:after, .comment .arrow.downmod:after { background-position: -163px -83px; height: 12px; left: 6px; top: 1px; width: 6px; }
  434. .comment .arrow.down:hover:after, .comment .arrow.downmod:after { background-position: -163px -95px;}
  435. .comment .arrow.down:hover:after, .comment .arrow.downmod:hover:after { top: 3px; }
  436. .comment .arrow.upmod:focus:before { -webkit-animation:upvote 1s ease-out forwards; animation: upvote 1s ease-out forwards; background: url(%%LSword%%); background-size: cover; content:""; display: block; height: 32px; left: -6px; top:-34px; width: 32px; z-index: 1;}
  437. .comment .arrow.downmod:focus:before { -webkit-animation:downvote 1s ease-out forwards; animation: downvote 1s ease-out forwards; background: url(%%Dblade%%); background-size: cover; content:""; display: block; height: 32px; left: -6px; top:20px; width: 32px; z-index: 1;}
  438.  
  439. .commentarea .thing { position: relative; }
  440. .comment.noncollapsed .entry { margin-left: 26px; }
  441. .comment.noncollapsed .entry .tagline { margin-bottom: 2px; margin-left: 58px; min-height: 50px; padding-top: 8px; }
  442. .comment.noncollapsed .entry .tagline .userattrs{ display: block; left: 50px; position: absolute; top: 0; }
  443. .comment.collapsed .entry .tagline { margin-left: 0; min-height: 0; padding-top: 0; }
  444. .comment.collapsed .entry .tagline .flair, .comment.collapsed .entry .tagline .userattrs{ display: none; }
  445. .comment  .tagline .flair ~ .userattrs { margin-top: 0; }
  446. .comment .userattrs { font-size: 0; }
  447. .comment .tagline .author ~ span.score::before { content: ""; display: block; }
  448. .comment .tagline .author:before { background: transparent; content: ""; height: 50px; left: 52px; position: absolute; top: 0; width: 50px; z-index: 1; }
  449. .comment { padding-left: 24px; }
  450. .comment, .content .details { margin-left: 0; }
  451. .comment.collapsed .entry { margin-left: 0; }
  452. .comment .expand { bottom: 0; left: 0; padding: 0 1px; position: absolute; top: 0; }
  453. .comment.noncollapsed .author.submitter:after { content: " [S]"; }
  454. .comment .child, .comment .showreplies { border: 0 none; }
  455. .comment.noncollapsed.deleted > .midcol { display: none; }
  456. .comment.noncollapsed.deleted > .entry { margin-left: 0; }
  457. .comment.noncollapsed.deleted > .entry .tagline { margin-left: 0; min-height: 17px; }
  458. .comment.noncollapsed.deleted .usertext.grayed .usertext-body { background: transparent; padding-left: 0; }
  459. .noncollapsed.morechildren .tagline { display: none; }
  460. .morecomments a { color: #048598 }
  461.  
  462. #noresults, .menuarea, .wiki-page .wiki-page-content, .message-parent { background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; margin: 10px 0; padding: 16px;}
  463.  
  464. /* ---- END-OF-COMMENTAREA ----- */
  465.  
  466. /* ---- END-OF-CONTENT ----- */
  467.  
  468.  
  469. /* -------- SIDE ---------- */
  470.  
  471. .side {
  472.     background: transparent;
  473.     margin: 0;
  474. }
  475. .side .spacer { margin: 0; }
  476.  
  477. .titlebox { display: flex; flex-flow: row wrap; margin-bottom: 16px; margin-top: 64px; }
  478. .submit-page .titlebox { margin-top: 16px; }
  479. .titlebox > * { order: 2; width: 100%; }
  480. .titlebox h1 { background: #010a13; border: 2px solid #463714; border-bottom: 0; margin: 0 16px; order: 0; padding-top: 8px; position: relative; text-align: center; }
  481. .titlebox h1:before {
  482.     background: #000306;
  483.     border: 1px solid #463714;
  484.     content: "";
  485.     left: 5%;
  486.     height:4px;
  487.     position: absolute;
  488.     top: -4px;
  489.     width: 90%;
  490. }
  491. .titlebox h1 a, .titlebox h1 a.hover { color: #f0e6d2; font-size: 16px; text-decoration: none; }
  492. .titlebox h1 a:before { content: "/r/"; }
  493. .titlebox .subscribers, .titlebox .users-online { order: 1; border-left: 2px solid #463714; border-right: 2px solid #463714; margin: 0 16px; text-align: center; }
  494. .titlebox .subscribers { color: #f0e6d2; font-size: 14px; font-weight: bold; }
  495. .titlebox .subscribers span.number:after { content: " Subscribers"; }
  496. .titlebox .users-online  { color: #73726a; padding: 8px 0; }
  497. .titlebox .users-online::before { display: none; }
  498. .titlebox .users-online span.number:after { content: " Writing posts about Talon nerfs"}
  499. .titlebox  span.word { display: none; }
  500. .titlebox .fancy-toggle-button { border-image: linear-gradient(to bottom, #463714 80%, #5d471d 100%) 1 1 1 1; border-style: solid; border-width: 2px; border-top: 0 none; margin: 0 16px 16px; position: relative; text-align: center; }
  501. .titlebox .fancy-toggle-button:before {
  502.     background: #000306;
  503.     border: 1px solid #5d471d;
  504.     border-top: 0 none;
  505.     content: "";
  506.     left: 5%;
  507.     height:3px;
  508.     position: absolute;
  509.     bottom: -5px;
  510.     width: 90%;
  511. }
  512. .titlebox .fancy-toggle-button a.option.active { display: inline-block; line-height: 28px; position: relative; }
  513. .titlebox .fancy-toggle-button a.option.active:before, .titlebox .fancy-toggle-button a.option.active:after { background-image: url(%%theme--icons%%); content: ""; height: 12px; position: absolute; bottom: -2px; width: 4px; }
  514. .titlebox .fancy-toggle-button a.option.active:before { background-position: -112px -73px; left: -6px;}
  515. .titlebox .fancy-toggle-button a.option.active:after { background-position: -116px -73px; right: -6px;}
  516. .titlebox form.toggle, .leavemoderator { background: transparent; color: #a09b8c; margin: 0 30px; padding: 5px 0; }
  517. .titlebox form.flairtoggle label { cursor: pointer; font-size: 0; height: 16px; padding-left: 19px; position: relative; }
  518. .titlebox form.flairtoggle label:before { top: -10px !important; }
  519. .titlebox form.flairtoggle label:after { content: "Show my flair on this subreddit."; font-size: 10px; }
  520.  
  521. .sidebox.create .morelink, .sidebox .spacer { display: none !important; }
  522.  
  523. .sidecontentbox .title { margin-left: 10px; padding: 4px 0; }
  524. .sidecontentbox .title h1 { color: #a09b8c; font-size: 14px; font-weight: bold; }
  525. .sidecontentbox .collapse-button { background-color: transparent; background-image: url(%%theme--icons%%); background-position: -55px -14px; border: 0 none; height: 14px; font-size: 0; margin-left: 2px; width: 14px; }
  526. .sidecontentbox .content { border-bottom: 1px solid rgba(236, 227, 207, 0.3); border-left: 0;  border-right: 0; border-top: 1px solid #795a28; margin-bottom: 16px; padding: 5px 10px; }
  527. .sidecontentbox a.helplink { margin-right: 10px; margin-top: 6px; }
  528. .icon-menu a { background: transparent; }
  529.  
  530. .gadget .midcol { overflow: visible; width: 18px; }
  531. .gadget .arrow:before { display: none; }
  532. .gadget .arrow { height: 15px; left: auto; margin: 0 auto; margin-bottom: 6px; position: relative; top: auto; width: 18px; }
  533. .gadget .arrow.up { background-position: -126px -83px;}
  534. .gadget .arrow.upmod { background-position: -126px -98px;}
  535. .gadget .arrow.up:hover, .gadget .arrow.upmod:hover { background-position: -126px -113px;}
  536. .gadget .arrow.up:after, .gadget .arrow.upmod:after { background-position: -120px -83px; height: 12px; left: 6px; top: 2px; width: 6px; }
  537. .gadget .arrow.up:hover:after, .gadget .arrow.upmod:after { background-position: -120px -95px;}
  538. .gadget .arrow.up:hover:after, .gadget .arrow.upmod:hover:after { top: 0; }
  539. .gadget .arrow.down { background-position: -169px -83px;}
  540. .gadget .arrow.downmod { background-position: -169px -98px;}
  541. .gadget .arrow.down:hover, .gadget .arrow.downmod:hover { background-position: -169px -113px;}
  542. .gadget .arrow.down:after, .gadget .arrow.downmod:after { background-position: -163px -83px; height: 12px; left: 6px; top: 1px; width: 6px; }
  543. .gadget .arrow.down:hover:after, .gadget .arrow.downmod:after { background-position: -163px -95px;}
  544. .gadget .arrow.down:hover:after, .gadget .arrow.downmod:hover:after { top: 3px; }
  545.  
  546. /* -------- SEARCH -------- */
  547. .side .spacer:first-of-type { margin-top: -1px; }
  548.  
  549. #search input[type="text"] {
  550.     background: #000306;
  551.     border: 1px solid #795a28;
  552.     color: #f0e6d2;
  553.     font-family: Arial, sans-serif;
  554.     font-size: 12px;
  555.     height: 33px;
  556.     padding: 9px 16px 9px 30px;
  557. }
  558.  
  559. #search input[type="text"]:focus {
  560.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  561.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  562. }
  563.  
  564. #search input[type="submit"], #search input[type="submit"]:hover {
  565.     background-image: url(%%theme--icons%%);
  566.     background-position: -56px 0;
  567.     height: 12px;
  568.     margin: 0 0 0 -292px;
  569.     padding: 0;
  570.     width: 12px;
  571. }
  572.  
  573. #search #searchexpando {
  574.     background: rgba(1,10,19,0.85);
  575.     border-color: #795a28;
  576.     border-width: 0 0 1px 0;
  577.     position: absolute;
  578.     width: 300px;
  579.     z-index: 1;
  580. }
  581. /* ----- END-OF-SEARCH ---- */
  582.  
  583. /* -------- FLAIRS -------- */
  584. .flair, .linkflairlabel{
  585.     background: transparent;
  586.     border: 0 none;
  587.     color: #a09b8c;
  588.     display: inline;
  589.     margin: 0;
  590.     padding: 0;
  591. }
  592.  
  593. .userattrs {
  594.     background-image: linear-gradient(to bottom, #bc9e62 0%, #916f2e 50%, #664d27 100%);
  595.     border: 0 none;
  596.     border-radius: 50%;
  597.     display: inline-block;
  598.     height: 50px;
  599.     padding: 0;
  600.     position: relative;
  601.     width: 50px;
  602. }
  603.  
  604. .userattrs:after {
  605.     background: url(%%flairs%%);
  606.     border-radius: 50%;
  607.     content: "";
  608.     height: 46px;
  609.     margin: 2px;
  610.     position: absolute;
  611.     width: 46px;
  612. }
  613.  
  614. .userattrs:hover, .titlebox .tagline a.flairselectbtn:hover ~ .userattrs, .flairselector li:hover .flair:after,
  615. .sidecontentbox .helplink ~ .content li .author:hover ~ .userattrs, .comment .tagline .author:hover ~ .userattrs {
  616.     background-image: linear-gradient(to bottom, #efe4cf 0%, #c99c3e 100%);
  617. }
  618.  
  619. .titlebox .tagline {
  620.     font-size: 0;
  621.     height: 50px;
  622.     margin: 0;
  623.     position: absolute;
  624.     right: 240px;
  625.     top: 37px;
  626.     width: 50px;
  627.     z-index: 1;
  628. }
  629.  
  630. .titlebox .tagline .flair {
  631.     display: none;
  632. }
  633.  
  634. .titlebox .tagline a.flairselectbtn {
  635.     height: 50px;
  636.     left: 0;
  637.     position: absolute;
  638.     top: 0;
  639.     width: 50px;
  640.     z-index: 2;
  641. }
  642.  
  643. .flairselector.drop-choices.active {
  644.     background: #010a13;
  645.     border: 2px solid #1d2126;
  646.     box-shadow: none;
  647.     height: 328px !important;
  648.     left: calc(50vw - 240px) !important;
  649.     padding: 0 !important;
  650.     position: fixed;
  651.     top: calc(50vh - 164px) !important;
  652.     width: 480px !important;
  653. }
  654.  
  655. .flairselector.drop-choices.active h2 {
  656.     background: 0 none;
  657.     border-bottom: 1px solid #1d2126;
  658.     color: #f0e6d2;
  659.     height: 40px;
  660.     font-size: 14px;
  661.     margin: 0;
  662.     padding: 14px 16px 15px 16px;
  663.     text-align: left;
  664.     text-transform: uppercase;
  665. }
  666. .flairoptionpane { height: calc(100% - 75px); margin-bottom: 0; max-height: none; overflow: auto; text-align: left; width: 100% !important; }
  667.  
  668. .flairselector ul {
  669.     max-width: none;
  670.     padding: 9px 18px;
  671.     width: auto !important;
  672. }
  673. .flairselector ul:first-of-type { padding: 18px 18px 9px 18px; }
  674. .flairselector ul:last-of-type { padding: 9px 18px 18px 18px; }
  675. .flairselector li {
  676.     border: 0 none;
  677.     display: inline-block !important;
  678.     height: 50px;
  679.     font-size: 0;
  680.     margin-right: 10px;
  681.     overflow: hidden;
  682.     padding: 0;
  683.     width: 50px !important;
  684. }
  685. .flairselector ul li:last-of-type { margin-right: 0 !important; }
  686.  
  687. .flairselector li .userattrs , .flairselector li .userattrs:after, .flairselector li.selected .userattrs , .flairselector li.selected .userattrs:after {
  688.     border-radius: 0;
  689. }
  690. .flairselector li:hover, .flairselector li.selected { background-color: transparent; border: 0 none; }
  691. .flairselector li .flair:after { background-image: #3e3501; }
  692. .flairselector li.selected .userattrs { background-image: linear-gradient(to bottom, #795a28 0%, #c8aa6e 100%); }
  693.  
  694. .flairselector form {
  695.     border-top: 1px solid #1d2126;
  696.     bottom: 0;
  697.     height: 35px;
  698.     overflow: hidden;
  699.     position: absolute;
  700.     width: 100%;
  701. }
  702.  
  703. .flairselector.drop-choices.active .customizer.texteditable {
  704.     left: 0;
  705.     position: absolute;
  706.     top: 0;
  707. }
  708.  
  709. .customizer.texteditable input {
  710.     background: #000306;
  711.     border: 1px solid #795a28;
  712.     color: #f0e6d2;
  713.     font-family: Arial, sans-serif;
  714.     font-size: 12px;
  715.     height: 30px;
  716.     padding: 9px 6px;
  717. }
  718. .customizer.texteditable input:focus {
  719.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  720.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  721. }
  722.  
  723. .flairselector.drop-choices.active button {
  724.     padding: 0;
  725.     position: absolute;
  726.     width: 100px;
  727. }
  728.  
  729. .flairselector form .flairselection { margin-top: -999px; }
  730. .flairselector form .flairselection .flairremove { font-size: 0; position: absolute; right: 110px; top: 2px; }
  731. .flairselector form .flairselection .flairremove a { color: #cdbe91; font-size: 12px; display: block; height: 30px; line-height: 30px; text-decoration: none; }
  732.  
  733. .sidecontentbox .helplink ~ .content li {
  734.     line-height: 15px;
  735.     min-height: 50px;
  736.     position: relative;
  737.     z-index: 0;
  738. }
  739. .sidecontentbox .helplink ~ .content li:not(.more) { margin: 0 -10px 6px -10px; padding: 8px 0 8px 68px; }
  740. .sidecontentbox .helplink ~ .content li:not(.more):hover { background-color: #192026; }
  741.  
  742. .sidecontentbox .helplink ~ .content li .userattrs { left: 10px; position: absolute; top: 0; }
  743. .sidecontentbox .helplink ~ .content li .author { font-weight: bold; }
  744. .sidecontentbox .helplink ~ .content li .flair { display: block; height: 25px; }
  745. .sidecontentbox .helplink ~ .content li .author:before { background: transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
  746.  
  747. .sidecontentbox .helplink ~ .content li.more { min-height: initial; }
  748.  
  749. .sidecontentbox .helplink ~ .content li.more a { margin-right: 5px; }
  750.  
  751. /* ----- END-OF-FLAIRS ---- */
  752.  
  753. /* ----- LOGIN-FORM --------*/
  754. .login-form-side { border: 0 none; position: relative; }
  755.  
  756. .login-form.login-form-side::before, .login-form.login-form-side::after { color:#918d80; font-size: 11px; font-weight: bold; left: 16px; position: absolute; }
  757. .login-form.login-form-side::before { content: "Username"; top: 10px; }
  758. .login-form.login-form-side::after  { content: "Password"; top: 65px; }
  759.  
  760. .login-form-side input[type="text"], .login-form-side input[type="password"] {
  761.     background: #000306;
  762.     border: 1px solid #795a28;
  763.     color: #f0e6d2;
  764.     font-family: Arial, sans-serif;
  765.     font-size: 11px;
  766.     height: 30px;
  767.     margin: 28px 0 0 16px;
  768.     padding: 9px 6px;
  769.     width: 268px;
  770. }
  771. .login-form-side input[type="text"]:focus, .login-form-side input[type="password"]:focus {
  772.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  773.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  774. }
  775.  
  776. .login-form-side #remember-me, .login-form-side .status.error, .login-form-side .submit { display: block; float: none; margin: 0 16px; }
  777. .login-form-side #remember-me input[type="checkbox"], body:not(.loggedin) .side .sidebox.submit, .roundfield-content input[type="checkbox"], .titlebox form.flairtoggle input[type="checkbox"] { display: none; }
  778. .login-form-side #remember-me label, .roundfield-content label { cursor: pointer; font-size: 11px; padding-left: 19px; position: relative; }
  779. .login-form-side #remember-me label:before, .roundfield-content label:before,
  780. .titlebox form.flairtoggle label:before { background-image: url(%%theme--icons%%); content:""; height: 14px; left: 0; position: absolute; top: 1px; width: 14px; }
  781. .login-form-side #remember-me input[type="checkbox"]:not(:checked) + label:before,
  782. .roundfield-content input[type="checkbox"]:not(:checked) + label:before, .titlebox form.flairtoggle input[type="checkbox"]:not(:checked) + label:before { background-position: -68px 0;}
  783. .login-form-side #remember-me input[type="checkbox"]:checked + label:before,
  784. .roundfield-content input[type="checkbox"]:checked + label:before, .titlebox form.flairtoggle input[type="checkbox"]:checked + label:before  { background-position: -68px -14px;}
  785.  
  786. .login-form-side .recover-password { float: right; }
  787.  
  788. .login-form-side button {
  789.     color: #a1c4c4;
  790.     background: #10161e;
  791.     border-image: linear-gradient(to bottom, #08bdb6 0%, #0c434f 100%) 1 1 1 1;
  792.     border-width: 2px;
  793.     font-size: 14px;
  794.     font-weight: bold;
  795.     height: 32px;
  796.     text-transform: uppercase;
  797.     transition: all 200ms;
  798.     width: 100%;
  799. }
  800. .login-form-side button:hover {
  801.   background-image: linear-gradient(to bottom, #1b333b 0%, #1f707c 100%);
  802.     border-image: linear-gradient(to bottom, #b1fafa 0%, #1ed0c5 50%, #4cbbda 100%) 1 1 1 1;
  803.     box-shadow: 0 0 8px 0 rgba(71, 182, 214, 1);
  804.     color: #cbf8f8;
  805. }
  806.  
  807. .error, .login-form-side .status.error, .required-roundfield::before, #items-required { color: #a01a31 !important; }
  808. .login-form-side .attention { border: 0 none; font-weight: normal; padding: 0;}
  809.  
  810. /* -- END-OF-LOGIN-FORM ----*/
  811.  
  812. /* -------- SUBMIT -------- */
  813. .morelink .nub { display: none; }
  814.  
  815. .sidebox.submit { float: left; width: 50%; }
  816. .sidebox.submit.submit-link { padding: 16px 8px 16px 16px; }
  817. .sidebox.submit.submit-text { padding: 16px 16px 16px 8px; }
  818.  
  819. .submit-link .morelink a:before { content:"New Link"; }
  820. .submit-text .morelink a:before { content:"New Text"; }
  821.  
  822. .sidebox.submit .morelink a:before  {
  823.     color: #a1c4c4;
  824.     font-size: 14px;
  825.     font-weight: bold;
  826.     text-transform: uppercase;
  827.     margin-top: -32px;
  828. }
  829.  
  830. .sidebox.submit .morelink {
  831.     background: #10161e;
  832.     border-image: linear-gradient(to bottom, #08bdb6 0%, #0c434f 100%) 1 1 1 1;
  833.     border-width: 2px;
  834.     height: 32px;
  835.     transition: all 200ms;
  836. }
  837. .sidebox.submit .morelink:hover {
  838.   background-image: linear-gradient(to bottom, #1b333b 0%, #1f707c 100%);
  839.     background-position: 0 0;
  840.     border-image: linear-gradient(to bottom, #b1fafa 0%, #1ed0c5 50%, #4cbbda 100%) 1 1 1 1;
  841.     box-shadow: 0 0 8px 0 rgba(71, 182, 214, 1);
  842. }
  843. .sidebox.submit .morelink:hover a:before {
  844.     color: #cbf8f8;
  845. }
  846.  
  847. .sidebox.submit .morelink a {
  848.     display: block;
  849.     font-size: 0;
  850. }
  851. /* ---- END-OF-SUBMIT ----- */
  852. .hover-bubble {
  853.     background: #010a13;
  854.     border-image: linear-gradient(to right, #463714 90%, #674e21 100%) 1 1 1 1;
  855.     border-width: 2px;
  856. }
  857. .hover-bubble.anchor-right::before {
  858.     background: #010a13;
  859.     border: 1px solid #674e21;
  860.     height: 90%;
  861.     right: -5px;
  862.     top: 5%;
  863.     width: 4px;
  864.    
  865. }
  866. .hover-bubble.anchor-right::after {
  867.     background-image: url(%%theme--icons%%);
  868.     background-position: -106px -49px;
  869.     border: 0 none !important;
  870.     height: 24px; width: 14px;
  871.     right: -14px;
  872.     top: 42px;
  873. }
  874. .hover-bubble.multi-selector strong { color: #73726a; }
  875. .hover-bubble.multi-selector label:hover { background: #192026; }
  876. .hover-bubble.multi-selector .create-multi input[type="text"], .linkinfo .shortlink input  {
  877.     background: #000306;
  878.     border: 1px solid #795a28;
  879.     color: #f0e6d2;
  880.     font-family: Arial, sans-serif;
  881.     font-size: 11px;
  882.     height: 30px;
  883.     padding: 9px 6px;
  884. }
  885. .hover-bubble.multi-selector .create-multi input[type="text"]:focus, .linkinfo .shortlink input:focus {
  886.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  887.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  888. }
  889.  
  890. .reddit-link { position: relative; }
  891.  
  892. /* SIDEBAR SECTIONS */
  893. .side .titlebox .bottom, .side .md hr { display: none; }
  894.  
  895. .side .titlebox h2 {
  896.     color: #a09b8c;
  897.     font-size: 14px;
  898.     font-weight: bold;
  899.     line-height: 16px;
  900.     margin: 0 0 0 10px;
  901.     padding: 4px 0;
  902.     text-transform: uppercase;
  903. }
  904.  
  905. .side .titlebox h3 {
  906.     font-size: 13px;
  907. }
  908.  
  909. .side .titlebox h4 {
  910.     font-size: 12px;
  911.     margin: 0;
  912. }
  913.  
  914. .side .titlebox h5 {
  915.     font-size: 10px;
  916.     line-height: 10px;
  917.     padding: 5px 0;
  918. }
  919.  
  920. /* HALL OF FAME MESSAGE */
  921. .side .titlebox h6 {
  922.     font-size: 11px;
  923.     margin-left: 30px;
  924.     padding: 5px;
  925.     position: relative;
  926.     text-decoration: none;
  927. }
  928.  
  929. @keyframes play {
  930.         100% {background-position: 0 -210px;}
  931. }
  932.  
  933. .side .titlebox h6:before {
  934.     animation: 8s steps(7) 0s normal none infinite running play;
  935.     background-image: url(%%masteries%%);
  936.     background-position: 0 0;
  937.     content: "";
  938.     height: 25px;
  939.     left: -30px;
  940.     position: absolute;
  941.     top: 4px;
  942.     width: 30px;
  943. }
  944.  
  945. .side .md a { text-decoration: none; }
  946.  
  947. .side .md table { width: 100%; }
  948. .side .md td, .side .md th { padding: 6px 12px; }
  949.  
  950. .side .md ul {
  951.     padding-left: 0;
  952.     list-style-type: none;
  953. }
  954.  
  955. .side .md ol {
  956.     padding-left: 14px;
  957.     list-style-type: none;
  958. }
  959.  
  960. .side .md ul li, .side .md ol li {
  961.     line-height: 16px;
  962.     margin: 5px 0;
  963.     position: relative;
  964. }
  965.  
  966. .side .md ul li a:before  {
  967.     background-image: url(%%link--icons%%);
  968.     content: "";
  969.     display: block;
  970.     float: left;
  971.     height: 16px;
  972.     margin-right: 5px;
  973.     width: 16px;
  974. }
  975.  
  976. .side .md ol li:before {
  977.     background-image: url(%%theme--icons%%);
  978.     background-position: -198px -25px;
  979.     content:"";
  980.     height: 10px;
  981.     left: -14px;
  982.     position: absolute;
  983.     top: 3px;
  984.     width: 10px;
  985. }
  986.  
  987. .side .md > h2:first-of-type { padding: 16px 0 4px; }
  988.  
  989. .side .md > p, .side .md > blockquote, .side .md > blockquote > blockquote {
  990.     border: 0 none;
  991.     margin: 0;
  992.     padding: 0;
  993. }
  994.  
  995. .side .md > h2 + blockquote {
  996.     border-top: 1px solid #795a28;
  997.     border-bottom: 1px solid rgba(236, 227, 207, 0.3);
  998.     margin-bottom: 16px;
  999.     padding: 5px 10px;
  1000. }
  1001.  
  1002. .side .md a[href^="http://flairs.championmains.com"], .side .md a[href^="#expand"] {
  1003.     display: block;
  1004.     font-size: smaller;
  1005.     margin: 0 30px;
  1006.     padding: 5px 0 5px 19px;
  1007.     position: relative;
  1008. }
  1009.  
  1010. .side .md a[href^="http://flairs.championmains.com"]:before, .side .md a[href^="#expand"]:before {
  1011.     background-image: url(%%theme--icons%%);
  1012.     content:"";
  1013.     height: 14px;
  1014.     left: 0;
  1015.     position: absolute;
  1016.     width: 14px;
  1017. }
  1018.  
  1019. .side .md a[href^="http://flairs.championmains.com"]:before{    background-position: -68px -28px; }
  1020. .side .md a[href^="#expand"]:before{    background-position: -68px -42px; }
  1021.  
  1022. .side .md h4 + ul {
  1023.     background: #010a13;
  1024.     border-image: linear-gradient(to bottom, #463714 0%, #674e21 100%) 1 1 1 1;
  1025.     border-style: solid;
  1026.     border-width: 2px;
  1027.     display: none;
  1028.     list-style-type: none;
  1029.     margin: -4px 0 0 49px;
  1030.     padding-left: 0;
  1031.     position: absolute;
  1032.     z-index: 1;
  1033. }
  1034.  
  1035. .side .md h4:hover + ul, .side .md h4 + ul:hover { display: inline; }
  1036. .side .md h4 + ul li { margin: 0; }
  1037. .side .md h4 + ul li a { display: block; padding: 8px 10px; }
  1038. .side .md h4 + ul li:hover { background: #192026; }
  1039. .side .md h4 + ul li a:before { display: none; }
  1040.  
  1041. body:not(.loggedin) .side .md a[href^="http://flairs.championmains.com"], body:not(.loggedin) .side .md a[href^="#expand"] { display: none; }
  1042.  
  1043. /* USEFUL LINKS AND GUIDES */
  1044. .side .md a[href^="http://champion.gg/"]:before { background-position: 0 -16px; }
  1045. .side .md a[href^="http://leagueoflegends.wikia.com/"]:before { background-position: 0 -32px; }
  1046. .side .md a[href^="http://www.lolskill.net/"]:before { background-position: 0 -48px; }
  1047. .side .md a[href^="http://www.mobafire.com"]:before { background-position: 0 -64px; }
  1048. .side .md a[href^="https://discord.gg/"]:before { background-position: 0 -80px; }
  1049. .side .md a[href^="http://www.lolking.net/"]:before { background-position: 0 -96px; }
  1050.  
  1051. /* CLUBS */
  1052. .side .md blockquote blockquote table { width: 100%; }
  1053. .side .md blockquote blockquote thead { display: none; }
  1054. .side .md blockquote blockquote  tr {
  1055.     display: block;
  1056.     margin: 0 -10px;
  1057.     min-height: 32px;
  1058.     padding: 6px 0 6px 50px;
  1059.     position: relative;
  1060. }
  1061. .side .md blockquote blockquote  tr:before {
  1062.     background-image: url(%%theme--icons%%);
  1063.     background-position: -112px -150px;
  1064.     content: "";
  1065.     height: 32px;
  1066.     left: 10px;
  1067.     position: absolute;
  1068.     top: 6px;
  1069.     width: 32px;
  1070. }
  1071. .side .md blockquote blockquote tr a { background:transparent; font-size: inherit; height: inherit; vertical-align: bottom; width: inherit;}
  1072. .side .md blockquote blockquote tr:hover { background-color: #192026; }
  1073. .side .md blockquote blockquote tr td { background: transparent; border: 0 none; display: inline-block; padding: 0; }
  1074. .side .md blockquote blockquote tr td:nth-of-type(1) { font-size: 13px; font-weight: bold; }
  1075. .side .md blockquote blockquote tr td:nth-of-type(2) { background-color: #010a13; border: 1px solid #795a28; border-radius: 4px; font-size: 11px; padding: 1px 4px; }
  1076. .side .md blockquote blockquote tr td:nth-of-type(2):empty { display: none; }
  1077. .side .md blockquote blockquote tr td:nth-of-type(3) { color: #a09b8c; font-size: 11px; display: table-row; }
  1078. .side .md blockquote blockquote tr td:nth-of-type(3):before { content:"Owner: " }
  1079. .side .md blockquote blockquote tr td:last-of-type { font-size: 14px; font-weight: bold; position: absolute; right: 10px; top: 12px; }
  1080.  
  1081. /* STREAMERS */
  1082. .side .md blockquote blockquote a[href*="//www.twitch.tv/"], .side .md blockquote blockquote a[href*="//www.youtube.com"] {
  1083.     background-image: url(%%ranks%%);
  1084.     background-repeat: no-repeat;
  1085.     background-position: 10px 0;
  1086.     display: block;
  1087.     height: 30px;
  1088.     font-weight: bold;
  1089.     line-height: 30px;
  1090.     margin: 0 -10px;
  1091.     padding-left: 48px;
  1092.     transition: color 100ms;
  1093. }
  1094.  
  1095. .side .md blockquote blockquote a[href*="//www.twitch.tv/"]:hover, .side .md blockquote blockquote a[href*="//www.youtube.com"]:hover { background-color: #192026; }
  1096. .side a[href*="#bronze"] {background-position: 10px -30px !important;}
  1097. .side a[href*="#silver"] {background-position: 10px -60px !important;}
  1098. .side a[href*="#gold"] {background-position: 10px -90px !important;}
  1099. .side a[href*="#platinum"] {background-position: 10px -120px !important;}
  1100. .side a[href*="#diamond"] {background-position: 10px -150px !important;}
  1101. .side a[href*="#master"] {background-position: 10px -180px !important;}
  1102. .side a[href*="#challenger"] {background-position: 10px -210px !important;}
  1103.  
  1104. .side .md > blockquote:last-of-type { margin-bottom: 0; }
  1105.  
  1106. /* ------ END-OF-SIDE ----- */
  1107.  
  1108. /* ------ SUBMIT-PAGE / SUBREDDIT SETTINGS ------*/
  1109. .submit-page .content h1 { display: none !important; }
  1110. .submit-page .content .spacer { margin-bottom: 15px; }
  1111.  
  1112. .roundfield, .content.submit .info-notice, .linefield, .linefield.mobile, .infobar, .reddit-infobar, ul.report-reasons {
  1113.     background: #000306;
  1114.     border: 2px solid #795a28;
  1115.     border-radius: 0;
  1116.     overflow: visible;
  1117.     position: relative;
  1118.     text-align: left;
  1119. }
  1120. .roundfield::before, .linefield:before, .content .infobar:before, .reddit-infobar:before {
  1121.     background: #000306;
  1122.     border: 1px solid #795a28;
  1123.     content: "";
  1124.     left: 2%;
  1125.     position: absolute;
  1126.     bottom: -5px;
  1127.     width: 96%;
  1128.     z-index: -1;
  1129.     height:5px;
  1130. }
  1131. .roundfield textarea, .roundfield input[type="text"], .roundfield input[type="url"], .roundfield input[type="password"], .roundfield input[type="number"], #compose-message .roundfield select,
  1132. .linefield textarea, .linefield input[type="text"], .linefield input[type="password"],
  1133. .thing .md textarea, .flaircell input, .sheets .col textarea,
  1134. .pretty-form input[type="text"], .pretty-form textarea, .pretty-form input[type="password"], .pretty-form input[type="number"],
  1135. .combined-search-page #search input[type="text"], .c-form-control, .wiki-page textarea, input[name="reason"],
  1136. #BigText {
  1137.     background: #000306;
  1138.     border: 1px solid #795a28;
  1139.     border-radius: 0;
  1140.     box-shadow: none;
  1141.     color: #f0e6d2 !important;
  1142.     font-family: Arial, sans-serif;
  1143.     font-size: 11px;
  1144.     max-width: 100%;
  1145.     min-width: 100%;
  1146.     padding: 9px 6px;
  1147.     width: 100%;
  1148. }
  1149.  
  1150. .roundfield textarea:focus, .roundfield input[type="text"]:focus, .roundfield input[type="url"]:focus, .roundfield input[type="password"]:focus, .roundfield input[type="number"]:focus, #compose-message .roundfield select,
  1151. .linefield textarea:focus, .linefield input[type="text"]:focus, .linefield input[type="password"]:focus,
  1152. .thing .md textarea:focus, .sheets .col textarea:focus,
  1153. .pretty-form input[type="text"]:focus, .pretty-form textarea:focus, .pretty-form input[type="password"]:focus, .pretty-form input[type="number"]:focus,
  1154. .combined-search-page #search input[type="text"]:focus, .c-form-control:focus, .wiki-page textarea:focus, input[name="reason"]:focus,
  1155. #BigText:focus  {
  1156.     background: linear-gradient(to bottom, #060f19 0%, #151f26 100%);
  1157.     border-image: linear-gradient(to bottom, #795a28 0%, #c6a86c 100%) 1 1 1 1;
  1158.     box-shadow: none;
  1159. }
  1160.    
  1161. .roundfield .usertext-edit, .linefield .usertext-edit { width: 100%; }
  1162. .markdownEditor-wrapper { width: 100% !important; }
  1163.  
  1164. #newlink.content { border-top: 1px solid #463714; margin: 0; }
  1165.  
  1166. #newlink ul.tabmenu.formtab, #newlink .tabmenu.formtab .selected a, #newlink .tabmenu.formtab a, .content  .tabmenu li a, .content  .tabmenu li.selected a  {
  1167.     background-color: transparent;
  1168.     border: 0 none;
  1169.     font-size: 11px;
  1170.     font-weight: bold;
  1171.     margin-right: 35px;
  1172.     margin-top: 12px;
  1173.     padding: 5px 0;
  1174.     position: relative;
  1175.     text-transform: uppercase;
  1176. }
  1177.  
  1178. #newlink .tabmenu.formtab .selected a:before, .content .tabmenu .selected a:before {
  1179.     background-image: url(%%theme--icons%%);
  1180.     background-position: -120px -49px;
  1181.     bottom: -4px;
  1182.     content: "";
  1183.     height: 4px; width: 28px;
  1184.     left: 50%;
  1185.     margin-left: -14px;
  1186.     position: absolute;
  1187. }
  1188.  
  1189. .tabpane-content { border: 0 none; margin-top: 10px; }
  1190.  
  1191. #newlink .formtabs-content { border: 0 none; color: #a09b8c; }
  1192. #newlink .formtabs-content .title, .linefield .title { color: #f0e6d2; font-size: 14px; font-weight: bold; text-transform: capitalize; }
  1193.  
  1194. #newlink-with-image-upload .clear-input-button { background: transparent !important; font-size: 18px !important; font-weight: bold !important; height: 24px !important; width: 24px !important; }
  1195. #newlink-with-image-upload #new-link-preview { background: transparent !important; }
  1196. #newlink-with-image-upload .image-upload-drop-target { background-color: transparent !important; border: 1px dashed #795a28 !important; padding: 16px 10px !important; }
  1197. #newlink-with-image-upload .file-upload-button { line-height: 28px !important; }
  1198. #newlink-with-image-upload .file-upload-button.c-btn.c-btn-primary::before { background-image: none; }
  1199. #newlink-with-image-upload .file-drop-label { color: #a09b8c !important; }
  1200.  
  1201. #newlink.content .spacer:last-of-type, .infobar { text-align: center; width: 500px; }
  1202. .infobar.newsletterbar { width: 100%; }
  1203.  
  1204. .flairlist .header.tagline, .flairrow .tagline, .flairrow .search-result-meta { min-width: 50ex; }
  1205.  
  1206. .sheets .col textarea { margin-bottom: 10px; }
  1207. .flairrow *, .flair-entry span { vertical-align: middle; }
  1208. /* -- END-OF-SUBMIT-PAGE ---*/
  1209.  
  1210. /* ------ SEARCH-PAGE ------*/
  1211. .searchpane { margin: 5px 0; max-width: 750px; min-width: 600px; }
  1212. .c-btn-primary:active, .c-btn-primary.active { border-bottom-width: 2px; }
  1213. .combined-search-page .search-icon { margin-top: -3px; }
  1214. .combined-search-page #search { padding-right: 60px; }
  1215. .combined-search-page .searchpane, .search-result-group { padding-left: 0; }
  1216. .search-result-listing { margin-bottom: 25px; }
  1217. .search-result-group, .combined-search-page .searchfacets { background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; padding: 10px 16px; }
  1218.  
  1219. .search-result-group-header {
  1220.     border-bottom: 1px solid rgba(236, 227, 207, 0.3);
  1221.     margin-top: 0;
  1222.     padding: 5px 0;
  1223. }
  1224. .search-result.has-thumbnail > .thumbnail {
  1225.     flex: 0 0 95px;
  1226.     margin-left: 2px;
  1227.     margin-top: 2px;
  1228.     position: relative;
  1229.     width: 95px;
  1230. }
  1231. .search-result.has-thumbnail > .thumbnail:before { bottom: -2px; left: -2px; right: -2px; top: -2px; }
  1232. .search-result.has-thumbnail > .thumbnail:after, .search-summary { display: none; }
  1233. .search-result.has-thumbnail > .thumbnail img { height: 100%; }
  1234.  
  1235. .search-expando { width: calc(100% - 166px); }
  1236.  
  1237. .search-result .search-author .userattrs, .search-expando.collapsed::before { display: none; }
  1238.  
  1239. .search-result-group footer .nav-buttons { margin-bottom: 0; }
  1240. .combined-search-page .searchfacets, .combined-search-page .searchfacets > h4.title, .searchfacets .title { margin: 0; }
  1241.  
  1242. /* -- END-OF-SEARCH-PAGE ---*/
  1243.  
  1244. /* ----- WIKI-PAGE -------*/
  1245. .wiki-page .wikititle, .wiki-page-content  .userattrs { display: none; }
  1246. .wiki-page .wiki-page-content .wiki > .toc > ul, .wiki-page .wiki-page-content .wiki > .toc > ul ul { border: 0 none; }
  1247.  
  1248. .wiki-page .pageactions { border: 0 none; margin: 0; }
  1249. .wiki-page .pageactions .wikiaction {
  1250.     background-color: transparent;
  1251.     border: 0 none;
  1252.     font-size: 11px;
  1253.     font-weight: bold;
  1254.     margin-right: 35px;
  1255.     margin-top: 12px;
  1256.     padding: 5px 0;
  1257.     position: relative;
  1258.     text-transform: uppercase;
  1259. }
  1260. .wiki-page .pageactions .wikiaction-current {
  1261.     color: #f0e6d2;
  1262. }
  1263. .wiki-page .pageactions .wikiaction:hover, .wiki-page .pageactions .wikiaction-current:hover { background: transparent; }
  1264. .wiki-page .pageactions .wikiaction-current:before {
  1265.     background-image: url(%%theme--icons%%);
  1266.     background-position: -120px -49px;
  1267.     bottom: -4px;
  1268.     content: "";
  1269.     height: 4px; width: 28px;
  1270.     left: 50%;
  1271.     margin-left: -14px;
  1272.     position: absolute;
  1273. }
  1274.  
  1275. .wiki-page .wiki-page-content #wiki_revision_reason { padding: 9px 6px; }
  1276. .wiki-page .wiki-page-content .wiki_button { padding: 0 16px; }
  1277. .wiki-page-content .md h1, .wiki-page-content .md h2, .wiki-page-content .md h3, .wiki-page-content .md h4, .wiki-page-content .md h5, .wiki-page-content .md h6 { color: inherit; }
  1278.  
  1279. /* --- END-OF-WIKI-PAGE --*/
  1280.  
  1281. /* ---- MOD-MAIL ----*/
  1282. .messages-page #header-bottom-left { padding-left: 80px; }
  1283. .message .subject .correspondent { background: transparent; border: 0 none; margin-right: 0; padding: 0 5px 0 0; }
  1284. .message .subject .expand-btn:first-of-type { margin-left: 0; }
  1285. .message .flair { display: none; }
  1286. .message.message-reply:not(.threaded) .entry, .message.message-parent:not(.threaded) .entry { border: 0 none; margin-left: 0; padding-left: 0; }
  1287. .message.recipient > .entry, .message.message-reply.recipient > .entry .head, .message.message-parent.recipient > .entry .head { color: #d7cfbd; }
  1288. .message.new > .entry { background-color: #192026; border: 0 none; }
  1289. /* -END-OF-MOD-MAIL- */
  1290.  
  1291. /* ----- REPORTS/SPAM ----*/
  1292. .comment.thing { position: relative; }
  1293. .comment.thing  .parent .title { color: #d7cfbd }
  1294. .comment.noncollapsed .parent .author { vertical-align: 0; }
  1295. .comment.thing  .parent .flair, .comment.thing  .parent .userattrs { display: none; }
  1296. .comment.thing .entry { margin-top: 0; }
  1297. .comment.thing .userattrs:nth-child(2) { top: 25px; }
  1298.  
  1299. body:not(.comments-page) .reported.comment.noncollapsed .entry .tagline .userattrs, .reported.comment .tagline .author::before { top: 25px; }
  1300. .entry .buttons li.reported-stamp { background-color:#192026; border:1px solid #795a28 !important; }
  1301.  
  1302. .thing.spam { background: rgba(1, 10, 19, 0.85); }
  1303. .thing.banned-user { background: transparent; overflow: visible; }
  1304. body:not(.comments-page) .spam.comment.noncollapsed .entry .tagline .userattrs, body:not(.comments-page) .spam.comment .tagline .author::before { top: 25px; }
  1305. /* - END-OF-REPORTS/SPAM -*/
  1306.  
  1307. /* ------- MD ----------*/
  1308. .md, .md blockquote, .md del, .wiki-page .wikititle { color: #d7cfbd; }
  1309. .md a { text-decoration: underline; }
  1310. .md thead { background: #1e2328; }
  1311. .md td, .md th { border: 0 none; padding: 6px 20px; }
  1312. .md td { background-color: #010a13; border-bottom: 1px solid rgba(236, 227, 207, 0.3); }
  1313. .usertext .markhelp tr, .usertext .markhelp td { border: 1px solid #1e282d;}
  1314. .md code, .md pre { background-color: #1e2328; border: 0 none; }
  1315.  
  1316. /* -----END-OF-MD ------*/
  1317.  
  1318. /* ------ FOOTER -------*/
  1319. .footer {
  1320.     background: #010a13;
  1321.     border-image: linear-gradient(to bottom, #463714 90%, #674e21 100%) 1 1 1 1;
  1322.     border-radius: 0;
  1323.     border-width: 2px;
  1324.     color: #a09b8c;
  1325.     padding: 10px;
  1326.     position: relative;
  1327. }
  1328. .footer:before {
  1329.     background: #000306;
  1330.     border: 1px solid #463714;
  1331.     content: "";
  1332.     left: 5%;
  1333.     height:4px;
  1334.     position: absolute;
  1335.     top: -4px;
  1336.     width: 90%;
  1337. }
  1338. .footer:after {
  1339.     background: #000306;
  1340.     border: 1px solid #5d471d;
  1341.     border-top: 0 none;
  1342.     content: "";
  1343.     left: 5%;
  1344.     height:3px;
  1345.     position: absolute;
  1346.     bottom: -5px;
  1347.     width: 90%;
  1348. }
  1349. .footer .col {
  1350.     border-left: 1px solid #463714;
  1351. }
  1352. .flat-vert.title {
  1353.     color: #a09b8c;
  1354. }
  1355.  
  1356. .footer-parent ~ .debuginfo::before { content: "css by /u/maglavios"; float: left; }
  1357. .debuginfo .content { margin: 0; }
  1358. /* --- END-OF-FOOTER ----*/
  1359. /* ------ OTHER ------------*/
  1360. .post-sharing { background: transparent; border: 0 none; padding: 20px 0; }
  1361. .c-form-control { min-width: 0; }
  1362. .c-form-control:focus { border-color: #795a28; }
  1363. .modal-body { color: black; }
  1364. ul.image-preview-list .description pre { color: #73726a; }
  1365. #subreddit_stylesheet > h2, .gadget .reddit-link-end { display: none; }
  1366. .sheets .buttons, .sheets .col > div { margin: 0; }
  1367. select { background-color: #010a13 !important; border: 0 none; color: #cdbe91; }
  1368. input[name="reason"] { min-width: 0 !important;  max-width: inherit !important; width: 300px !important; }
  1369. .ad300x250, .sponsor-300-250 { transform: scale(0.9); }
  1370. .tagline .userattrs .cakeday, .search-result-meta .userattrs .cakeday { position: absolute; }
  1371. .expando-gate.expando-gate--interstitial { background: #192026 }
  1372. .expando .form-bar { float: none; }
  1373. .form-bar { background: transparent; border: 0 none; padding: 0; }
  1374. .form-bar button { float: none; line-height: 0; }
  1375.  
  1376. /* ----- PROMOTED POST ------*/
  1377. .organic-listing { background-color: transparent !important; border: 0 none; overflow: visible; }
  1378.  
  1379. .link.promotedlink.promoted { background: rgba(1, 10, 19, 0.85); border: 1px solid #1f292d; border-bottom: 1px solid #795a28; margin-top: 0; min-height: 71px; overflow: visible; }
  1380. .link.promotedlink.promoted .thumbnail  { display: none; }
  1381. .link.promotedlink.promoted .entry { margin: 8px 16px 8px 42px; }
  1382. .link.promotedlink.promoted .entry .title { font-size: 14px; }
  1383. .link.promotedlink.promoted .entry .tagline { font-size: 10px; }
  1384.  
  1385. .link.promotedlink.promoted .midcol { margin: 0; overflow: visible; width: 18px; }
  1386. .link.promotedlink.promoted .score { top: 24px; }
  1387. .link.promotedlink.promoted .arrow:before { display: none; }
  1388. .link.promotedlink.promoted .arrow { height: 15px; left: 4px; margin-bottom: 6px; position: relative; width: 18px; }
  1389. .link.promotedlink.promoted .arrow.up { background-position: -126px -83px; top: -1px;}
  1390. .link.promotedlink.promoted .arrow.upmod { background-position: -126px -98px;}
  1391. .link.promotedlink.promoted .arrow.up:hover, .link.promotedlink.promoted .arrow.upmod:hover { background-position: -126px -113px;}
  1392. .link.promotedlink.promoted .arrow.up:after, .link.promotedlink.promoted .arrow.upmod:after { background-position: -120px -83px; height: 12px; left: 6px; top: 2px; width: 6px; }
  1393. .link.promotedlink.promoted .arrow.up:hover:after, .link.promotedlink.promoted .arrow.upmod:after { background-position: -120px -95px;}
  1394. .link.promotedlink.promoted .arrow.up:hover:after, .link.promotedlink.promoted .arrow.upmod:hover:after { top: 0; }
  1395. .link.promotedlink.promoted .arrow.down { background-position: -169px -83px; top: 24px;}
  1396. .link.promotedlink.promoted .arrow.downmod { background-position: -169px -98px;}
  1397. .link.promotedlink.promoted .arrow.down:hover, .link.promotedlink.promoted .arrow.downmod:hover { background-position: -169px -113px;}
  1398. .link.promotedlink.promoted .arrow.down:after, .link.promotedlink.promoted .arrow.downmod:after { background-position: -163px -83px; height: 12px; left: 6px; top: 1px; width: 6px; }
  1399. .link.promotedlink.promoted .arrow.down:hover:after, .link.promotedlink.promoted .arrow.downmod:after { background-position: -163px -95px;}
  1400. .link.promotedlink.promoted .arrow.down:hover:after, .link.promotedlink.promoted .arrow.downmod:hover:after { top: 3px; }
  1401.  
  1402. /* ----- STICKIED POSTS -----*/
  1403. .hot-page .stickied { background: transparent; border: 0 none; }
  1404. .hot-page .thing.stickied ~ .thing.stickied { margin-top: -25px; }
  1405. .hot-page .stickied.link { min-height: 0; }
  1406. .hot-page .stickied .midcol, .hot-page  .stickied a.thumbnail, .hot-page  .stickied .expando-button, .hot-page  .stickied .tagline, .hot-page  .stickied .flat-list li:not(.first) { display: none; }
  1407. .hot-page .stickied .entry { border-left: 6px solid #795a28; margin-left: 0; margin-right: 0; padding: 8px 0 8px 16px; position: relative; transition: 100ms; }
  1408. .hot-page .stickied .entry:hover { background: linear-gradient(to right, rgba(1, 10, 19, 0.85) 0, transparent 100%); border-left-width: 12px; }
  1409. .hot-page .stickied .title { font-size: 30px; text-shadow: 0 0 12px rgba(0, 0, 0, 1); }
  1410. .hot-page .thing.stickied.link a.title::before { background: transparent; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; }
  1411. .hot-page .stickied .entry .buttons li a.comments { color: #d7cfbd; }
  1412. .hot-page .stickied .entry .buttons li a.comments:before { bottom: 0; content: ""; height: 24px; left: 0; position: absolute; right: 0; }
  1413. .hot-page .stickied + div + .thing:not(.stickied), .hot-page  .stickied + div + .stickied + div + .thing:not(.stickied) {  margin-top: 100px; }
  1414. .hot-page .stickied + div + .thing:not(.stickied):before,
  1415. .hot-page  .stickied + div + .stickied + div + .thing:not(.stickied):before { border-top: 1px solid rgba(236, 227, 207, 0.3); content: ""; display: block; position: absolute; top: -50px; width: 100%; }
  1416.  
  1417. /* ---- RES-STUFF -------*/
  1418. #userbarToggle,
  1419. .res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIcon,
  1420. .res-toggle-filterline-visibility,
  1421. .res-filterline,
  1422. #RESStyleSheetTipPane,
  1423. .RESHoverInfoCard::before, .RESHoverInfoCard::after,
  1424. .res-show-link { display: none !important; }
  1425.  
  1426. #RESShortcutsEditContainer { border-left: 2px solid #795a28; }
  1427. #RESShortcutsEditContainer,
  1428. #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd {
  1429.     background: #101010 !important;
  1430.     color: #ffffff !important;
  1431.     height: 17px !important;
  1432. }
  1433.  
  1434. .res-voteEnhancements-highlightScores span.score {
  1435.     font-weight: bold;
  1436.     color: rgb(255, 255, 255);
  1437. }
  1438. .res-navTop #header-bottom-right { top: 0 !important; }
  1439. #header-bottom-right.res-userbar-toggle > .user { margin-left: 0 !important; }
  1440. #header-bottom-right.res-userbar-toggle > .user .userkarma a { color: #a09b8c; font-size: 12px; }
  1441.  
  1442. #openRESPrefs {
  1443.     height: 14px;
  1444.     margin-right: 6px;
  1445.     margin-top: 29px !important;
  1446.     vertical-align: middle;
  1447. }
  1448.  
  1449. #RESSettingsButton {
  1450.     line-height: 0;
  1451.     vertical-align: top;
  1452. }
  1453.  
  1454. form.res-sr-style-toggle input[type="checkbox"] { display: none !important; }
  1455. form.res-sr-style-toggle input[type="checkbox"]:checked + label:before { background-position: -68px -14px; }
  1456. form.res-sr-style-toggle input[type="checkbox"]:not(:checked) + label:before { background-position: -68px 0; }
  1457. form.res-sr-style-toggle label { position: relative; padding-left: 19px; }
  1458. form.res-sr-style-toggle label:before { background-image: url(%%theme--icons%%); content:""; height: 14px; left: 0; position: absolute; top: 1px; width: 14px; }
  1459. .userTagLink.RESUserTagImage { font: 13px/8px "Batch"; }
  1460.  
  1461. .res .titlebox .subButtons{
  1462.     border-image: linear-gradient(to bottom, #463714 80%, #5d471d 100%) 1 1 1 1;
  1463.     border-style: solid;
  1464.     border-width: 2px;
  1465.     border-top: 0 none;
  1466.     display: flex;
  1467.     flex-wrap: wrap;
  1468.     margin: 0 16px 16px;
  1469.     padding: 0 16px;
  1470.     position: relative;
  1471.     text-align: center;
  1472. }
  1473. .res .titlebox .subButtons:before {
  1474.     background: #000306;
  1475.     border: 1px solid #5d471d;
  1476.     border-top: 0 none;
  1477.     content: "";
  1478.     left: 5%;
  1479.     height:3px;
  1480.     position: absolute;
  1481.     bottom: -5px;
  1482.     width: 90%;
  1483. }
  1484.  
  1485. .res .titlebox .fancy-toggle-button { border: 0 none; margin: 0; order: 2; width: 100%; }
  1486. .res .titlebox .fancy-toggle-button::before { display: none; }
  1487. .res-fancy-toggle-button { background-image: none !important; border: 0 none !important; color: #ffffff !important; flex: 1 1 0; margin: 0 0 6px !important; transition: all 100ms ease 0s; }
  1488. .res-fancy-toggle-button:hover { color: #f0e6d2 !important; }
  1489.  
  1490. .res .titlebox > .res-sr-style-toggle,
  1491. .res .titlebox > .usertext,
  1492. .res .titlebox > .leavemoderator,
  1493. .res .titlebox > .leavecontributor-button,
  1494. .res .titlebox > .flairtoggle {
  1495.     order: 3;
  1496. }
  1497. .res .titlebox > .usertext {
  1498.     order: 4;
  1499. }
  1500.  
  1501. html.res-commentBoxes .comment .comment, html.res-commentBoxes .comment .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  1502. html.res-commentBoxes .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, html.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  1503. div.RES-keyNav-activeElement, div.commentarea div.RES-keyNav-activeElement .md, div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed,
  1504. .res-commentBoxes .comment.spam {
  1505.     background: transparent !important;
  1506. }
  1507.  
  1508. .res .entry.res-selected, .res .entry.res-selected .md-container {
  1509.     background-color: #192026!important;
  1510. }
  1511.  
  1512. .RESMacroDropdownTitle, .RESMacroWrappingSpan .openMacro { background-color: transparent !important; color: #ffffff !important; }
  1513. .RESMacroDropdownTitle:hover, .RESMacroWrappingSpan .openMacro:hover { color: #f0e6d2 !important; }
  1514. .RESMacroDropdown { background: #101010!important; border-image: linear-gradient(to bottom, #463714 0%, #674e21 100%) 1 1 1 1 !important; border-width: 2px !important;}
  1515. .RESMacroDropdownList li a { border: 0 none !important; color: #ffffff !important; font-size: 13px; padding: 8px 10px !important; }
  1516. .RESMacroDropdownList li a:hover { background: #192026 !important; color: #f0e6d2 !important; }
  1517.  
  1518. #REScommentNavToggle span:first-of-type::after { content: " "; }
  1519. .RESSubscriptionButton, .commentNavSortType.noCtrlF { background: transparent !important; color: #ffffff !important; font-size: 10px !important; transition: all 100ms ease 0s; }
  1520. .RESSubscriptionButton:hover, .commentNavSortType.noCtrlF:hover { color: #f0e6d2 !important; text-decoration: none !important; }
  1521. .commentNavSortType + .commentNavSortType { border-color: #a09b8c !important; }
  1522.  
  1523. .RESDialogSmall {
  1524.     background: #101010!important;
  1525.     border-image: linear-gradient(to top, #463714 90%, #674e21 100%) 1 1 1 1 !important;
  1526.     border-radius: 0 !important;
  1527.     border-width: 2px !important;
  1528. }
  1529. .RESDialogSmall > h3 {
  1530.     background: transparent !important;
  1531.     border-color: #252c2f !important;
  1532.     color: #73726a !important;
  1533.     font-size: 12px !important;
  1534.     height: 32px !important;
  1535.     margin: 0 16px 10px !important;
  1536.     padding: 8px 0 !important;
  1537. }
  1538. .RESCloseButton {
  1539.     background: #1e282d !important;
  1540.     border: 2px solid #795a28 !important;
  1541.     border-radius: 50% !important;
  1542.     color: #ffffff !important;
  1543.     font: bold 21px/21px Arial !important;
  1544.     right: 16px !important;
  1545.     top: 6px !important;
  1546. }
  1547. .RESCloseButton:hover {
  1548.     border-color: #ffffff !important;
  1549. }
  1550. .RESDialogSmall .RESDialogContents { padding: 0 16px 16px !important; }
  1551.  
  1552. html.res-commentBoxes .comment {
  1553.     border: 0 none !important;
  1554.     margin: 0 !important;
  1555.     overflow: initial !important;
  1556.     padding: 0 0 0 24px !important;
  1557. }
  1558.  
  1559. #BigEditor .RESDialogContents {
  1560.     margin: 50px 16px 106px;
  1561.     padding: 0 !important;
  1562. }
  1563.  
  1564. .NERPageMarker, #progressIndicator {
  1565.     background: transparent !important;
  1566.     border: 0 none !important;
  1567.     color: #a09b8c !important;
  1568.     font-weight: bold !important;
  1569.     margin: 16px 0 !important;
  1570. }
  1571. .NERPageMarker {
  1572.     border-bottom: 1px solid rgba(236, 227, 207, 0.3) !important;
  1573.     padding-bottom: 6px !important;
  1574. }
  1575. .NERPageMarker .gearIcon {
  1576.     float: none !important;
  1577.     line-height: 14px !important;
  1578.     margin-left: 4px;
  1579.     vertical-align: top;
  1580. }
  1581.  
  1582. .res-searchHelper-searchPageTabs ul.res-search-tabs li { background: transparent !important; border: 0 none !important; }
  1583. .res-searchHelper-searchPageTabs ul.res-search-tabs li.res-search-tab-active a { color: #f0e6d2 !important; border: 0 none !important; }
  1584. .res-search-pane {
  1585.     background: transparent !important;
  1586.     padding: 0 !important;
  1587.     width: 750px;
  1588. }
  1589. .searchfacets.res-search-pane,
  1590. .res-search-options.res-search-pane
  1591. { background: rgba(1, 10, 19, 0.85) !important; border: 1px solid #1f292d !important; border-bottom: 1px solid #795a28 !important; padding: 10px 16px !important; }
  1592. .res-search-pane .search-result-group {
  1593.     padding: 10px 16px !important;
  1594. }
  1595. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before {
  1596.     background-image: linear-gradient(45deg, rgba(255, 130, 0, 0.298039) 25%, transparent 10%, transparent 100%, rgba(255, 130, 0, 0.298039) 50%, rgba(255, 130, 0, 0.298039) 75%, transparent 100%, transparent);
  1597. }
  1598.  
  1599.  
  1600. :hov
  1601.  
  1602. .cls
  1603.  
  1604. MEBr-VHx0yGsDdM…-LujGOHc.css:1
  1605. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before {
  1606.     background-image: linear-gradient(45deg,rgba(255,130,0,0.298039) 0%,transparent 0%,transparent 0%,rgba(255,130,0,0.298039) 0%,rgba(255,130,0,0.298039) 0%,transparent 0%,transparent);
  1607. }
  1608. injected stylesheet
  1609. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before {
  1610.     background-image: linear-gradient(45deg, rgba(255, 130, 0, 0.298039) 0%, transparent 0%, transparent 0%, rgba(255, 130, 0, 0.298039) 0%, rgba(255, 130, 0, 0.298039) 0%, transparent 0%, transparent);
  1611. }
  1612. injected stylesheet
  1613. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before, .res-showImages-highlightNSFWButton .thing.over18 .expando-button::before {
  1614.     display: inline-block;
  1615.     content: " ";
  1616.     width: 0%;
  1617.     height: 0%;
  1618.     pointer-events: none;
  1619. }
  1620. MEBr-VHx0yGsDdM…-LujGOHc.css:1
  1621. .expando-button::before {
  1622.     background: transparent;
  1623.     bottom: 0;
  1624.     content: "";
  1625.     display: block;
  1626.     position: absolute;
  1627.     top: 0;
  1628.     width: 0px;
  1629. }
  1630.  
  1631. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before {
  1632.     background-image: linear-gradient(45deg, rgba(255, 130, 0, 0.298039) 0%, transparent 0%, transparent 0%, rgba(255, 130, 0, 0.298039) 0%, rgba(255, 130, 0, 0.298039) 0%, transparent 0%, transparent);
  1633. }
  1634. injected stylesheet
  1635. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before, .res-showImages-highlightNSFWButton .thing.over18 .expando-button::before {
  1636.     display: inline-block;
  1637.     content: " ";
  1638.     width: 0%;
  1639.     height: 0%;
  1640.     pointer-events: none;
  1641. }
  1642. .res-showImages-highlightNSFWButton .thing.over18 .expando-button::before {
  1643.     background-image: none !important;
  1644. }
  1645. .res-showImages-highlightSpoilerButton .thing.spoiler .expando-button::before {
  1646.     background-image: none !important;
  1647. }
  1648. html {
  1649.     overflow-x: hidden;
  1650. }
  1651. /* -- END-OF-RES-STUFF --*/
  1652.  
  1653.  
  1654. /* ---- FLAIRS AND OTHER SUBREDDIT RELATED ----*/
  1655. a[href="/r/AatroxMains"],a[href="/r/AhriMains"],a[href="/r/AkaliMains"],a[href="/r/Alistar"],a[href="/r/AmumuMains"],a[href="/r/AniviaMains"],a[href="/r/AnnieMains"],a[href="/r/AsheMains"],a[href="/r/Aurelion_Sol_Mains"],a[href="/r/AzirMains"],a[href="/r/BardMains"],a[href="/r/BlitzcrankMains"],a[href="/r/BrandMains"],a[href="/r/BraumMains"],a[href="/r/CaitlynMains"],a[href="/r/CamilleMains"],a[href="/r/CassiopeiaMains"],a[href="/r/ChoGathMains"],a[href="/r/CorkiMains"],a[href="/r/DariusMains"],a[href="/r/DianaMains"],a[href="/r/Draven"],a[href="/r/DrMundoMains"],a[href="/r/EkkoMains"],a[href="/r/EliseMains"],a[href="/r/EvelynnMains"],a[href="/r/EzrealMains"],a[href="/r/FiddlesticksMains"],a[href="/r/FioraMains"],a[href="/r/FizzMains"],a[href="/r/GalioMains"],a[href="/r/GangplankMains"],a[href="/r/GarenMains"],a[href="/r/GnarMains"],a[href="/r/GragasMains"],a[href="/r/GravesMains"],a[href="/r/HecarimMains"],a[href="/r/HeimerdingerMains"],a[href="/r/Illaoi"],a[href="/r/IreliaMains"],a[href="/r/IvernMains"],a[href="/r/Janna"],a[href="/r/JarvanIVMains"],a[href="/r/JaxMains"],a[href="/r/JayceMains"],a[href="/r/JhinMains"],a[href="/r/LeagueofJinx"],a[href="/r/KaisaMains"], a[href="/r/KalistaMains"],a[href="/r/KarmaMains"],a[href="/r/KarthusMains"],a[href="/r/KassadinMains"],a[href="/r/KatarinaMains"],a[href="/r/KayleMains"],a[href="/r/KaynMains"],a[href="/r/KennenMains"],a[href="/r/KhaZixMains"],a[href="/r/Kindred"],a[href="/r/KledMains"],a[href="/r/Kog_Mains"],a[href="/r/LeblancMains"],a[href="/r/LeeSinMains"],a[href="/r/LeonaMains"],a[href="/r/LissandraMains"],a[href="/r/LucianMains"],a[href="/r/LuluMains"],a[href="/r/Lux"],a[href="/r/MalphiteMains"],a[href="/r/MalzaharMains"],a[href="/r/MaokaiMains"],a[href="/r/MasterYiMains"],a[href="/r/MissFortuneMains"],a[href="/r/MordekaiserMains"],a[href="/r/MorganaMains"],a[href="/r/NamiMains"],a[href="/r/NasusMains"],a[href="/r/NautilusMains"],a[href="/r/NidaleeMains"],a[href="/r/NocturneMains"],a[href="/r/NunuMains"],a[href="/r/OlafMains"],a[href="/r/OriannaMains"],a[href="/r/ornnmains"],a[href="/r/PantheonMains"],a[href="/r/PoppyMains"],a[href="/r/Pykemains"],a[href="/r/QuinnMains"],a[href="/r/RakanMains"],a[href="/r/RammusMains"],a[href="/r/RekSaiMains"],a[href="/r/RenektonMains"],a[href="/r/RengarMains"],a[href="/r/RivenMains"],a[href="/r/RumbleMains"],a[href="/r/RyzeMains"],a[href="/r/SejuaniMains"],a[href="/r/ShacoMains"],a[href="/r/Shen"],a[href="/r/ShyvanaMains"],a[href="/r/SingedMains"],a[href="/r/DirtySionMains"],a[href="/r/Sivir"],a[href="/r/SkarnerMains"],a[href="/r/SonaMains"],a[href="/r/SorakaMains"],a[href="/r/SwainMains"],a[href="/r/SyndraMains"],a[href="/r/TahmKenchMains"],a[href="/r/TaliyahMains"],a[href="/r/TalonMains"],a[href="/r/TaricMains"],a[href="/r/TeemoTalk"],a[href="/r/ThreshMains"],a[href="/r/TristanaMains"],a[href="/r/TrundleMains"],a[href="/r/TryndamereMains"],a[href="/r/TwistedFateMains"],a[href="/r/TwitchMains"],a[href="/r/UdyrMains"],a[href="/r/UrgotMains"],a[href="/r/VarusMains"],a[href="/r/VayneMains"],a[href="/r/VeigarMains"],a[href="/r/VelKoz"],a[href="/r/ViktorMains"],a[href="/r/ViMains"],a[href="/r/VladimirMains"],a[href="/r/VolibearMains"],a[href="/r/WarwickMains"],a[href="/r/WukongMains"],a[href="/r/XayahMains"],a[href="/r/XerathMains"],a[href="/r/XinZhaoMains"],a[href="/r/YasuoMains"],a[href="/r/YorickMains"],a[href="/r/TheSecretWeapon"],a[href="/r/ZedMains"],a[href="/r/ZiggsMains"],a[href="/r/ZileanMains"], a[href="/r/ZoeMains"], a[href="/r/ZyraMains"]{background:url(%%championssprite%%) center center no-repeat;display:inline-block;height:25px;width:28px;padding:0;margin:0;text-decoration:none;font-size:0;overflow:hidden}
  1656. a[href="/r/AatroxMains"]{background-position:-5px -5px}
  1657. a[href="/r/AhriMains"]{background-position:-5px -40px}
  1658. a[href="/r/AkaliMains"]{background-position:-5px -75px}
  1659. a[href="/r/Alistar"]{background-position:-5px -110px}
  1660. a[href="/r/AmumuMains"]{background-position:-5px -145px}
  1661. a[href="/r/AniviaMains"]{background-position:-5px -180px}
  1662. a[href="/r/AnnieMains"]{background-position:-5px -215px}
  1663. a[href="/r/AsheMains"]{background-position:-5px -250px}
  1664. a[href="/r/Aurelion_Sol_Mains"]{background-position:-5px -285px}
  1665. a[href="/r/AzirMains"]{background-position:-5px -320px}
  1666. a[href="/r/BardMains"]{background-position:-5px -355px}
  1667. a[href="/r/BlitzcrankMains"]{background-position:-5px -390px}
  1668. a[href="/r/BrandMains"]{background-position:-5px -425px}
  1669. a[href="/r/BraumMains"]{background-position:-5px -460px}
  1670. a[href="/r/CaitlynMains"]{background-position:-5px -495px}
  1671. a[href="/r/CamilleMains"]{background-position:-5px -530px}
  1672. a[href="/r/CassiopeiaMains"]{background-position:-5px -565px}
  1673. a[href="/r/ChoGathMains"]{background-position:-5px -600px}
  1674. a[href="/r/CorkiMains"]{background-position:-5px -635px}
  1675. a[href="/r/DariusMains"]{background-position:-5px -670px}
  1676. a[href="/r/DianaMains"]{background-position:-5px -705px}
  1677. a[href="/r/DrMundoMains"]{background-position:-5px -740px}
  1678. a[href="/r/Draven"]{background-position:-5px -775px}
  1679. a[href="/r/EkkoMains"]{background-position:-5px -810px}
  1680. a[href="/r/EliseMains"]{background-position:-5px -845px}
  1681. a[href="/r/EvelynnMains"]{background-position:-5px -880px}
  1682. a[href="/r/EzrealMains"]{background-position:-5px -915px}
  1683. a[href="/r/FiddlesticksMains"]{background-position:-5px -950px}
  1684. a[href="/r/FioraMains"]{background-position:-5px -985px}
  1685. a[href="/r/FizzMains"]{background-position:-5px -1020px}
  1686. a[href="/r/GalioMains"]{background-position:-5px -1055px}
  1687. a[href="/r/GangplankMains"]{background-position:-5px -1090px}
  1688. a[href="/r/GarenMains"]{background-position:-5px -1125px}
  1689. a[href="/r/GnarMains"]{background-position:-5px -1160px}
  1690. a[href="/r/GragasMains"]{background-position:-5px -1195px}
  1691. a[href="/r/GravesMains"]{background-position:-5px -1230px}
  1692. a[href="/r/HecarimMains"]{background-position:-5px -1265px}
  1693. a[href="/r/HeimerdingerMains"]{background-position:-5px -1300px}
  1694. a[href="/r/Illaoi"]{background-position:-5px -1335px}
  1695. a[href="/r/IreliaMains"]{background-position:-5px -1370px}
  1696. a[href="/r/IvernMains"]{background-position:-5px -1405px}
  1697. a[href="/r/Janna"]{background-position:-5px -1440px}
  1698. a[href="/r/JarvanIVMains"]{background-position:-5px -1475px}
  1699. a[href="/r/JaxMains"]{background-position:-5px -1510px}
  1700. a[href="/r/JayceMains"]{background-position:-5px -1545px}
  1701. a[href="/r/JhinMains"]{background-position:-5px -1580px}
  1702. a[href="/r/LeagueofJinx"]{background-position:-5px -1615px}
  1703. a[href="/r/KalistaMains"]{background-position:-5px -1650px}
  1704. a[href="/r/KarmaMains"]{background-position:-5px -1685px}
  1705. a[href="/r/KarthusMains"]{background-position:-5px -1720px}
  1706. a[href="/r/KassadinMains"]{background-position:-5px -1755px}
  1707. a[href="/r/KatarinaMains"]{background-position:-5px -1790px}
  1708. a[href="/r/KayleMains"]{background-position:-5px -1825px}
  1709. a[href="/r/KennenMains"]{background-position:-5px -1860px}
  1710. a[href="/r/KhaZixMains"]{background-position:-5px -1895px}
  1711. a[href="/r/Kindred"]{background-position:-5px -1930px}
  1712. a[href="/r/KledMains"]{background-position:-5px -1965px}
  1713. a[href="/r/Kog_Mains"]{background-position:-5px -2000px}
  1714. a[href="/r/LeblancMains"]{background-position:-5px -2035px}
  1715. a[href="/r/LeeSinMains"]{background-position:-5px -2070px}
  1716. a[href="/r/LeonaMains"]{background-position:-5px -2105px}
  1717. a[href="/r/LissandraMains"]{background-position:-5px -2140px}
  1718. a[href="/r/LucianMains"]{background-position:-5px -2175px}
  1719. a[href="/r/LuluMains"]{background-position:-5px -2210px}
  1720. a[href="/r/Lux"]{background-position:-5px -2245px}
  1721. a[href="/r/MalphiteMains"]{background-position:-5px -2280px}
  1722. a[href="/r/MalzaharMains"]{background-position:-5px -2315px}
  1723. a[href="/r/MaokaiMains"]{background-position:-5px -2350px}
  1724. a[href="/r/MasterYiMains"]{background-position:-5px -2385px}
  1725. a[href="/r/MissFortuneMains"]{background-position:-5px -2420px}
  1726. a[href="/r/MordekaiserMains"]{background-position:-5px -2455px}
  1727. a[href="/r/MorganaMains"]{background-position:-5px -2490px}
  1728. a[href="/r/NamiMains"]{background-position:-5px -2525px}
  1729. a[href="/r/NasusMains"]{background-position:-5px -2560px}
  1730. a[href="/r/NautilusMains"]{background-position:-5px -2595px}
  1731. a[href="/r/NidaleeMains"]{background-position:-5px -2630px}
  1732. a[href="/r/NocturneMains"]{background-position:-5px -2665px}
  1733. a[href="/r/NunuMains"]{background-position:-5px -2700px}
  1734. a[href="/r/OlafMains"]{background-position:-5px -2735px}
  1735. a[href="/r/OriannaMains"]{background-position:-5px -2770px}
  1736. a[href="/r/PantheonMains"]{background-position:-5px -2805px}
  1737. a[href="/r/PoppyMains"]{background-position:-5px -2840px}
  1738. a[href="/r/QuinnMains"]{background-position:-5px -2875px}
  1739. a[href="/r/RakanMains"]{background-position:-5px -2910px}
  1740. a[href="/r/RammusMains"]{background-position:-5px -2945px}
  1741. a[href="/r/RekSaiMains"]{background-position:-5px -2980px}
  1742. a[href="/r/RenektonMains"]{background-position:-5px -3015px}
  1743. a[href="/r/RengarMains"]{background-position:-5px -3050px}
  1744. a[href="/r/RivenMains"]{background-position:-5px -3085px}
  1745. a[href="/r/RumbleMains"]{background-position:-5px -3120px}
  1746. a[href="/r/RyzeMains"]{background-position:-5px -3155px}
  1747. a[href="/r/SejuaniMains"]{background-position:-5px -3190px}
  1748. a[href="/r/ShacoMains"]{background-position:-5px -3225px}
  1749. a[href="/r/Shen"]{background-position:-5px -3260px}
  1750. a[href="/r/ShyvanaMains"]{background-position:-5px -3295px}
  1751. a[href="/r/SingedMains"]{background-position:-5px -3330px}
  1752. a[href="/r/DirtySionMains"]{background-position:-5px -3365px}
  1753. a[href="/r/Sivir"]{background-position:-5px -3400px}
  1754. a[href="/r/SkarnerMains"]{background-position:-5px -3435px}
  1755. a[href="/r/SonaMains"]{background-position:-5px -3470px}
  1756. a[href="/r/SorakaMains"]{background-position:-5px -3505px}
  1757. a[href="/r/SwainMains"]{background-position:-5px -3540px}
  1758. a[href="/r/SyndraMains"]{background-position:-5px -3575px}
  1759. a[href="/r/TahmKenchMains"]{background-position:-5px -3610px}
  1760. a[href="/r/TaliyahMains"]{background-position:-5px -3645px}
  1761. a[href="/r/TalonMains"]{background-position:-5px -3680px}
  1762. a[href="/r/TaricMains"]{background-position:-5px -3715px}
  1763. a[href="/r/TeemoTalk"]{background-position:-5px -3750px}
  1764. a[href="/r/ThreshMains"]{background-position:-5px -3785px}
  1765. a[href="/r/TristanaMains"]{background-position:-5px -3820px}
  1766. a[href="/r/TrundleMains"]{background-position:-5px -3855px}
  1767. a[href="/r/TryndamereMains"]{background-position:-5px -3890px}
  1768. a[href="/r/TwistedFateMains"]{background-position:-5px -3925px}
  1769. a[href="/r/TwitchMains"]{background-position:-5px -3960px}
  1770. a[href="/r/UdyrMains"]{background-position:-5px -3995px}
  1771. a[href="/r/UrgotMains"]{background-position:-5px -4030px}
  1772. a[href="/r/VarusMains"]{background-position:-5px -4065px}
  1773. a[href="/r/VayneMains"]{background-position:-5px -4100px}
  1774. a[href="/r/VeigarMains"]{background-position:-5px -4135px}
  1775. a[href="/r/VelKoz"]{background-position:-5px -4170px}
  1776. a[href="/r/ViMains"]{background-position:-5px -4205px}
  1777. a[href="/r/ViktorMains"]{background-position:-5px -4240px}
  1778. a[href="/r/VladimirMains"]{background-position:-5px -4275px}
  1779. a[href="/r/VolibearMains"]{background-position:-5px -4310px}
  1780. a[href="/r/WarwickMains"]{background-position:-5px -4345px}
  1781. a[href="/r/WukongMains"]{background-position:-5px -4380px}
  1782. a[href="/r/XayahMains"]{background-position:-5px -4415px}
  1783. a[href="/r/XerathMains"]{background-position:-5px -4450px}
  1784. a[href="/r/XinZhaoMains"]{background-position:-5px -4485px}
  1785. a[href="/r/YasuoMains"]{background-position:-5px -4520px}
  1786. a[href="/r/YorickMains"]{background-position:-5px -4555px}
  1787. a[href="/r/TheSecretWeapon"]{background-position:-5px -4590px}
  1788. a[href="/r/ZedMains"]{background-position:-5px -4625px}
  1789. a[href="/r/ZiggsMains"]{background-position:-5px -4660px}
  1790. a[href="/r/ZileanMains"]{background-position:-5px -4695px}
  1791. a[href="/r/ZyraMains"]{background-position:-5px -4730px}
  1792. a[href="/r/KaynMains"]{background-position:-5px -4765px}
  1793. a[href="/r/ornnmains"]{background-position:-5px -4800px}
  1794. a[href="/r/ZoeMains"]{background-position: -5px -4835px}
  1795. a[href="/r/KaisaMains"]{background-position: -5px -4870px}
  1796. a[href="/r/Pykemains"]{background-position: -5px -4905px}
  1797.  
  1798. > Upload "championssprite" Image To Stylesheet
  1799.  
  1800. https://b.thumbs.redditmedia.com/jO6zETPSgF8NcMjJdW7PTnGgBveaw3Pq8SuqgbortdQ.png
  1801. /* mastery flairs */
  1802. .comment.noncollapsed .entry .tagline { padding-top: 0; }
  1803. .comment.noncollapsed  .author { display: inline-block; line-height: 25px; vertical-align: middle; }
  1804. .comment.collapsed .author { line-height: 16px; }
  1805. .flair { display: inline-block; line-height: 25px; overflow: hidden; position: relative; vertical-align: middle; }
  1806.  
  1807. .flair[class*="flair-rank-"], .flair[class*="flair-mastery-"], .flair.flair-masteryText {
  1808.     min-width: 65px;
  1809.     text-indent: 30px;
  1810. }
  1811. .flair.flair-masteryText {
  1812.     text-indent: 55px;
  1813. }
  1814. .flair[class*="flair-rank-"]::before, .flair[class*="flair-mastery-"]::after, .flair.flair-masteryText::after {
  1815.     background: rgba(0, 0, 0, 0) none repeat-y scroll 99px 0 / 25px auto;
  1816.     content: "";
  1817.     display: block;
  1818.     height: 25px;
  1819.     left: 0;
  1820.     position: absolute;
  1821.     top: 0;
  1822.     width: 25px;
  1823. }
  1824.  
  1825. .flair[class*="flair-rank-"]::before {
  1826.     background-image: url(%%ranks%%);
  1827. }
  1828. .flair[class*="flair-mastery-"]::after {
  1829.     background-image: url(%%masteries%%);
  1830. }
  1831. .flair[class*="flair-rank-"][class*="flair-mastery-"] {
  1832.     min-width: 90px;
  1833.     text-indent: 55px;
  1834. }
  1835. .flair.flair-masteryText[class*="flair-mastery-"], .flair.flair-masteryText[class*="flair-rank-"] {
  1836.     min-width: 90px;
  1837.     text-indent: 30px;
  1838. }
  1839. .flair[class*="flair-rank-"][class*="flair-mastery-"]::after, .flair.flair-masteryText[class*="flair-rank-"]::after {
  1840.     left: 25px;
  1841. }
  1842. .flair.flair-masteryText[class*="flair-rank-"][class*="flair-mastery-"] {
  1843.     min-width: 115px;
  1844.     text-indent: 55px;
  1845. }
  1846. .flair.flair-masteryText::after {
  1847.     color: #fd0;
  1848.     content: attr(title);
  1849.     text-align: left;
  1850.     text-indent: 5px;
  1851.     width: 0;
  1852. }
  1853. .flair.flair-masteryText[class*="flair-mastery-"]::after {
  1854.     text-indent: 30px;
  1855.     width: 25px;
  1856. }
  1857. .flair.flair-masteryText.flair-mastery-5::after { color: #ff574d; }
  1858. .flair.flair-masteryText.flair-mastery-6::after { color: #fc30e0; }
  1859. .flair.flair-masteryText.flair-mastery-7::after { color: #27e0d7; }
  1860. .flair-rank-unranked::before, .flair-mastery-1::after { background-position: 0 0 !important; }
  1861. .flair-rank-bronze::before, .flair-mastery-2::after { background-position: 0 -25px !important; }
  1862. .flair-rank-silver::before, .flair-mastery-3::after { background-position: 0 -50px !important; }
  1863. .flair-rank-gold::before, .flair-mastery-4::after { background-position: 0 -75px !important; }
  1864. .flair-rank-platinum::before, .flair-mastery-5::after { background-position: 0 -100px !important}
  1865. .flair-rank-diamond::before, .flair-mastery-6::after { background-position: 0 -125px !important; }
  1866. .flair-rank-master::before, .flair-mastery-7::after { background-position: 0 -150px !important; }
  1867. .flair-rank-challenger::before { background-position: 0 -175px !important; }
  1868.  
  1869. /*avatars*/
  1870. .userattrs:after { background-position: 0 0; }
  1871. .flair-ability1 ~ .userattrs:after { background-position: 0 -46px !important; }
  1872. .flair-ability2 ~ .userattrs:after { background-position: 0 -92px !important; }
  1873. .flair-ability3 ~ .userattrs:after { background-position: 0 -138px !important; }
  1874. .flair-ability4 ~ .userattrs:after { background-position: 0 -184px !important; }
  1875. .flair-ability5 ~ .userattrs:after { background-position: 0 -230px !important; }
  1876. .flair-boots1 ~ .userattrs:after { background-position: 0 -276px !important; }
  1877. .flair-boots2 ~ .userattrs:after { background-position: 0 -322px !important; }
  1878. .flair-boots3 ~ .userattrs:after { background-position: 0 -368px !important; }
  1879. .flair-boots4 ~ .userattrs:after { background-position: 0 -414px !important; }
  1880. .flair-boots5 ~ .userattrs:after { background-position: 0 -460px !important; }
  1881. .flair-item0 ~ .userattrs:after { background-position: 0 -506px !important; }
  1882. .flair-item01 ~ .userattrs:after { background-position: 0 -552px !important; }
  1883. .flair-item02 ~ .userattrs:after { background-position: 0 -598px !important; }
  1884. .flair-item03 ~ .userattrs:after { background-position: 0 -644px !important; }
  1885. .flair-item04 ~ .userattrs:after { background-position: 0 -690px !important; }
  1886. .flair-item05 ~ .userattrs:after { background-position: 0 -736px !important; }
  1887. .flair-item06 ~ .userattrs:after { background-position: 0 -782px !important; }
  1888. .flair-item07 ~ .userattrs:after { background-position: 0 -828px !important; }
  1889. .flair-item08 ~ .userattrs:after { background-position: 0 -874px !important; }
  1890. .flair-item09 ~ .userattrs:after { background-position: 0 -920px !important; }
  1891. .flair-item10 ~ .userattrs:after { background-position: 0 -966px !important; }
  1892. .flair-item11 ~ .userattrs:after { background-position: 0 -1012px !important; }
  1893. .flair-item12 ~ .userattrs:after { background-position: 0 -1058px !important; }
  1894. .flair-item13 ~ .userattrs:after { background-position: 0 -1104px !important; }
  1895. .flair-item14 ~ .userattrs:after { background-position: 0 -1150px !important; }
  1896. .flair-item15 ~ .userattrs:after { background-position: 0 -1196px !important; }
  1897. .flair-item16 ~ .userattrs:after { background-position: 0 -1242px !important; }
  1898. .flair-item17 ~ .userattrs:after { background-position: 0 -1285px !important; }
  1899. .flair-item18 ~ .userattrs:after { background-position: 0 -1334px !important; }
  1900. .flair-item19 ~ .userattrs:after { background-position: 0 -1380px !important; }
  1901. .flair-item20 ~ .userattrs:after { background-position: 0 -1426px !important; }
  1902. .flair-item21 ~ .userattrs:after { background-position: 0 -1472px !important; }
  1903. .flair-skin1 ~ .userattrs:after { background-position: 0 -1518px !important; }
  1904. .flair-skin2 ~ .userattrs:after { background-position: 0 -1564px !important; }
  1905. .flair-skin3 ~ .userattrs:after { background-position: 0 -1610px !important; }
  1906. .flair-skin4 ~ .userattrs:after { background-position: 0 -1656px !important; }
  1907. .flair-skin5 ~ .userattrs:after { background-position: 0 -1702px !important; }
  1908. .flair-skin6 ~ .userattrs:after { background-position: 0 -1748px !important; }
  1909. .flair-skin7 ~ .userattrs:after { background-position: 0 -1794px !important; }
  1910. .flair-skin8 ~ .userattrs:after { background-position: 0 -1840px !important; }
  1911. .flair-item22 ~ .userattrs:after { background-position: 0 -1886px !important; }
  1912. .flair-item23 ~ .userattrs:after { background-position: 0 -1932px !important; }
  1913. .flair-item24 ~ .userattrs:after { background-position: 0 -1978px !important; }
  1914. .flair-item25 ~ .userattrs:after { background-position: 0 -2024px !important; }
  1915. .flair-item26 ~ .userattrs:after { background-position: 0 -2067px !important; }
  1916. .flair-BMTalon ~ .userattrs:after { background-position: 0 -2113px !important; }
  1917. .flair-item27 ~ .userattrs:after { background-position: 0 -2157px !important; }
  1918. .flair-item28 ~ .userattrs:after { background-position: 0 -2203px !important; }
  1919. .flair-item29 ~ .userattrs:after { background-position: 0 -2250px !important; }
  1920. .flair-botman ~ .userattrs:after { background-position: 0 -2300px !important; }
  1921.  
  1922.  
  1923. @-webkit-keyframes upvotep{
  1924. 0%  {top:20px;opacity:0}
  1925. 10% {opacity:1}
  1926. 50% {top:2px}
  1927. 80% {opacity:1}
  1928. 100%{top:2px;opacity:0}
  1929. }
  1930.  
  1931. @keyframes upvotep{
  1932. 0%  {top:20px;opacity:0}
  1933. 10% {opacity:1}
  1934. 50% {top:2px}
  1935. 80% {opacity:1}
  1936. 100%{top:2px;opacity:0}
  1937. }
  1938.  
  1939. @-webkit-keyframes downvotep{
  1940. 0%  {top:-31px;opacity:0}
  1941. 10% {opacity:1}
  1942. 50% {top:-13px}
  1943. 80% {opacity:1}
  1944. 100%{top:-13px;opacity:0}
  1945. }
  1946.  
  1947. @keyframes downvotep{
  1948. 0%  {top:-31px;opacity:0}
  1949. 10% {opacity:1}
  1950. 50% {top:-13px}
  1951. 80% {opacity:1}
  1952. 100%{top:-13px;opacity:0}
  1953. }
  1954.  
  1955. @-webkit-keyframes upvote{
  1956. 0%  {top:-8px;opacity:0}
  1957. 10% {opacity:1}
  1958. 50% {top:-34px}
  1959. 80% {opacity:1}
  1960. 100%{top:-34px;opacity:0}
  1961. }
  1962.  
  1963. @keyframes upvote{
  1964. 0%  {top:-8px;opacity:0}
  1965. 10% {opacity:1}
  1966. 50% {top:-34px}
  1967. 80% {opacity:1}
  1968. 100%{top:-34px;opacity:0}
  1969. }
  1970.  
  1971. @-webkit-keyframes downvote{
  1972. 0%  {top:0px;opacity:0}
  1973. 10% {opacity:1}
  1974. 50% {top:20px}
  1975. 80% {opacity:1}
  1976. 100%{top:20px;opacity:0}
  1977. }
  1978.  
  1979. @keyframes downvote{
  1980. 0%  {top:0px;opacity:0}
  1981. 10% {opacity:1}
  1982. 50% {top:20px}
  1983. 80% {opacity:1}
  1984. 100%{top:20px;opacity:0}
  1985. }
RAW Paste Data
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
 
Top