Nazta

Untitled

May 24th, 2016
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 91.38 KB | None | 0 0
  1. /* Basic theme */
  2. #mail,.commentarea .comment .midcol,.commentarea>.usertext,.link .midcol,.link .title,.listing-page .comment .midcol,.tabpane-content .thing .title,.top-page .menuarea .spacer{overflow:visible}
  3. *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  4. body{overflow-x:hidden;background-color:#ddd;min-width:820px}
  5. a{transition:color .15s ease}
  6. ::focus{outline:0!important}
  7. .linefield input[type=password],.linefield input[type=text],.linefield textarea,.login-form-side input[type=password],.login-form-side input[type=text],.pretty-form input[type=number],.pretty-form input[type=password],.pretty-form input[type=text],.pretty-form textarea,.roundfield input[type=number],.roundfield input[type=password],.roundfield input[type=text],.roundfield input[type=url],.roundfield textarea,input:not([type=submit]),textarea{box-shadow:none!important;background-color:#fff;border:1px solid #e5e5e5;color:#707070;transition:all .15s ease!important}
  8. .linefield input[type=password]:hover,.linefield input[type=text]:hover,.linefield textarea:hover,.login-form-side input[type=password]:hover,.login-form-side input[type=text]:hover,.pretty-form input[type=number]:hover,.pretty-form input[type=password]:hover,.pretty-form input[type=text]:hover,.pretty-form textarea:hover,.roundfield input[type=number]:hover,.roundfield input[type=password]:hover,.roundfield input[type=text]:hover,.roundfield input[type=url]:hover,.roundfield textarea:hover,input:hover,textarea:hover{border-color:#C5C5C5}
  9. .linefield input[type=password]:active,.linefield input[type=text]:active,.linefield textarea:active,.login-form-side input[type=password]:active,.login-form-side input[type=text]:active,.pretty-form input[type=number]:active,.pretty-form input[type=password]:active,.pretty-form input[type=text]:active,.pretty-form textarea:active,.roundfield input[type=number]:active,.roundfield input[type=password]:active,.roundfield input[type=text]:active,.roundfield input[type=url]:active,.roundfield textarea:active,input:active,textarea:active{outline:0!important;border-color:#4F8EF7;color:#4D5763}
  10. .btn,button{margin:4px 16px 4px 0;padding:2px 18px;border:none;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.24);color:#fff!important;text-transform:uppercase;font-weight:700;cursor:default;transition:all .25s ease;height:32px;font-size:12px}
  11. .btn:hover,button:hover{box-shadow:0 2px 8px rgba(0,0,0,.34)}
  12. .btn:active,button:active{box-shadow:0 1px 4px rgba(0,0,0,.16)}
  13. .btn:focus,button:focus{outline:0}
  14. #header{margin:0;height:0;border:none}
  15. #sr-header-area{background-color:rgba(0,0,0,.05);border:0 solid;transition:all .15s ease;height:24px;line-height:23px}
  16. #sr-header-area .width-clip{right:300px}
  17. body:not(.loggedin) #sr-header-area .width-clip{right:340px}
  18. #sr-header-area .sr-list{margin-right:48px}
  19. #sr-header-area .dropdown.srdrop .selected,#sr-header-area .separator,#sr-header-area .sr-bar a,#sr-more-link{background-color:transparent;color:rgba(255,255,255,.6);transition:all .15s ease}
  20. #sr-header-area:hover #sr-more-link,#sr-header-area:hover .dropdown.srdrop .selected,#sr-header-area:hover .seperator,#sr-header-area:hover .sr-bar a{color:rgba(255,255,255,1)}
  21. #sr-header-area .dropdown.srdrop .selected:hover,#sr-header-area .sr-bar a:hover,#sr-more-link:hover{background-color:transparent;border:0 solid;transition:all .15s ease}
  22. a.random.choice{padding-top:2px;position:relative;display:inline-block;margin-top:-2px}
  23. #sr-header-area .dropdown.srdrop .selected{margin:0 12px 0 8px;padding:0;background-image:none}
  24. #sr-header-area .dropdown.srdrop .selected:hover{text-decoration:underline}
  25. .link .domain a:hover,.link .entry .buttons li a:hover,.link .entry .tagline a:hover,.link .entry li .comments:hover{text-decoration:none}
  26. #sr-header-area .dropdown.srdrop .selected:after{position:relative;content:"▼";margin-left:4px;font-size:10px}
  27. #sr-header-area .drop-choices.srdrop{background-color:#fff;border:none;box-shadow:0 2px 3px rgba(0,0,0,.15)}
  28. #sr-header-area .drop-choices a.choice{border-bottom:1px solid #edeeee;color:#4D5763;padding:2px}
  29. #sr-header-area .drop-choices a.choice:hover{background-color:#f1f1f1}
  30. #header-img,#header-img.default-header{z-index:99;width:0;padding-left:48px;height:38px;background-image:url(%%snoo1%%);background-position:0 0;position:relative;top:0;margin:5px}
  31. #mail,#modmail,.morelink, .side h6 a[href="//redd.it/4b5psk"]{background-image:url(%%spritesheet%%)!important}
  32. #header-img.default-header:hover,#header-img:hover{background-position:-49px 0}
  33. #header .pagename{font-size:0}
  34. #header .pagename a{display:inline-block;color:#fff;font-size:22px;padding:11px;font-weight:700;position:relative;top:0;font-family:arial;margin:0 -15px;vertical-align:top;transition:background-color .25s ease;font-variant:normal}
  35. #header .pagename a:hover{text-decoration:none;background-color:rgba(0,0,0,.08)}
  36. #header .pagename a:before{content:"/r/";font-size:18px;font-variant:normal;letter-spacing:1px}
  37. #header-bottom-left{position:absolute;top:116px;left:16px}
  38. #header .tabmenu{border:none;margin:0 0 0 15px}
  39. #header .tabmenu ul li{margin:0!important}
  40. #header .tabmenu li a{display:inline-block;margin:0 4px;padding:2px;background-color:transparent;border-radius:7;text-transform:uppercase;font-weight:600;font-size:16px;font-family:Arial,sans-serif;transition:color .25s ease,background-color .25s ease;color:#999}
  41. #mail.havemail:before,.entry .tagline,.side:after{font-family:arial,sans-serif}
  42. #header .tabmenu li a:hover{color:#fff;background-color:transparent}
  43. #header .tabmenu li.selected a{padding:16px 16px 14px;background-color:transparent;border:0;border-bottom:2px solid #fff;color:#fff;font-weight:700}
  44. #header .tabmenu li.selected a:hover{background-color:transparent}
  45. .listing-page .tabmenu li>a[href$="/rising/"],.listing-page .tabmenu li>a[href$="/controversial/"],.listing-page .tabmenu li>a[href$="/promoted/"],.listing-page .tabmenu li>a[href$="/gilded/"],.wiki-page .tabmenu li>a[href$="/rising/"],.wiki-page .tabmenu li>a[href$="/controversial/"],.wiki-page .tabmenu li>a[href$="/promoted/"],.wiki-page .tabmenu li>a[href$="/gilded/"]{display:none!important}
  46. .side{margin:200px 16px 0 0;padding:6px 16px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.16)}
  47. #header-bottom-right{position:absolute;top:0;right:0;width:auto;max-width:300px;height:24px;background-color:transparent;font-size:11px;color:rgba(255,255,255,.45);padding:5px 8px 4px 2px}
  48. body:not(.loggedin) #header-bottom-right{max-width:340px}
  49. #header-bottom-right a{color:#fff}
  50. .separator,.user,.user .userkarma{color:rgba(255,255,255,.45)}
  51. #header-bottom-right a:hover{text-decoration:underline}
  52. .user .userkarma{font-weight:400;border:none;font-size:9px;transition:all .15s ease}
  53. #mail,#modmail{width:16px;height:14px;background-repeat:no-repeat!important;background-color:transparent;transition:all .25s ease}
  54. #mail{top:-2px}
  55. #mail.nohavemail{background-position:-32px 0}
  56. #mail.havemail{background-position:-32px -16px;opacity:1}
  57. .message-count{background-color:#f50;position:relative;top:-1px}
  58. #mail.havemail:before{position:fixed;padding:16px 24px;bottom:24px;z-index:100;background-color:#030825;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.24);color:#fff;width:300px;height:48px;left:24px;text-indent:0;font-size:14px;line-height:1;-webkit-transform:translateY(112px);transform:translateY(112px);transition:background-color .25s ease,box-shadow .25s ease;background-image:url(%%spritesheet%%);background-position:269px -32px;background-repeat:no-repeat}
  59. #mail.havemail:hover:before{background-color:#002172;box-shadow:0 3px 12px rgba(0,0,0,.48)}
  60. #mail.havemail:active:before{background-color:#c73d3d;box-shadow:0 4px 14px rgba(0,0,0,.76)}
  61. #search input[type=text],#search input[type=text]:focus:hover{box-shadow:0 1px 5px rgba(0,0,0,.24)!important}
  62. #modmail{top:-3px}
  63. #modmail.nohavemail{background-position:-48px 0}
  64. #modmail.havemail{background-position:-48px -16px;opacity:1}
  65. #header-bottom-right a.pref-lang,.loggedin .logout a{background-position:0 -16px;background-image:url(%%spritesheet%%);width:16px;height:14px;display:inline-block;text-indent:-9999px;margin:0;position:relative;top:-1px;transition:all .25s ease}
  66. #search,.side:after{position:absolute;width:300px;right:16px}
  67. .loggedin .logout a{background-position:-16px 0}
  68. #search input[type=submit],#search input[type=submit]:hover{background-image:url(%%spritesheet%%);background-position:-215px -231px;background-repeat:no-repeat}
  69. .action-form .reason-prompt:first-letter,.action-form li label,.commentarea .menuarea span.dropdown-title.lightdrop:first-letter,.content .infobar:first-letter,.flairselector .error:first-letter,.flairselector form .flairselection .flairremove a,.flairselector h2,.link .entry .tagline:first-letter,.panestack-title .title:first-letter,.side #moderation_tools .title h1,.sitetable .nav-buttons:first-letter,.top-page .content .menuarea .dropdown.lightdrop .selected,.unvotable-message:first-letter{text-transform:capitalize}
  70. #search{top:96px;z-index:1}
  71. #search input[type=text]{padding:10px 25px 10px 16px;border:0 solid;border-radius:2px;transition:all .25s ease}
  72. #search input[type=text]:hover{box-shadow:0 3px 12px rgba(0,0,0,.32)!important}
  73. #search input[type=text]:focus{border-radius:2px 2px 0 0;outline:0}
  74. #search input[type=text]:-moz-placeholder{font-size:0;color:#B3B3B3}
  75. #search input[type=text]::-webkit-input-placeholder{font-size:0;color:#B3B3B3}
  76. #search input[type=text]:-ms-input-placeholder{font-size:0;color:#B3B3B3}
  77. #search input[type=text]:-moz-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}
  78. #search input[type=text]::-webkit-input-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}
  79. #search input[type=text]:-ms-input-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}
  80. #search input[type=text]::-moz-placeholder{color:#B3B3B3}
  81. .morelink a,.morelink:after{color:#fff;letter-spacing:0}
  82. #search input[type=submit]{height:32px;width:32px;margin-left:-38px;border:none!important;border-radius:16px;background-color:transparent;transition:background-color .15s ease}
  83. .morelink,.morelink:after{width:300px;position:absolute}
  84. #search input[type=submit]:hover{background-color:rgba(0,0,0,.05)}
  85. #search #searchexpando{background-color:#f2f2f2;border:none;border-radius:0 0 2px 2px;margin-top:-5px;padding-top:10px;padding-left:0;padding-right:0;height:57px;line-height:45px}
  86. #search #searchexpando label{padding:18px 8px 17px;cursor:pointer;transition:all .1s ease}
  87. .arrow.down:after,.morelink,.morelink:after,.side .titlebox .md h3 a{transition:all .25s ease}
  88. #search #searchexpando label:hover{background-color:rgba(0,0,0,.1)}
  89. #search #searchexpando label:active{background-color:rgba(0,0,0,.25)}
  90. #search #searchexpando p{display:none!important}
  91. .morelink{top:140px;box-shadow: 0 1px 5px rgba(0,0,0,.24); background-position: 273px -214px!important; background-repeat: no-repeat!important; right: 16px; height: 37px; border-radius: 2px; line-height: 37px; border: none; text-align: center; padding: 0px 16px; font-family: verdana,arial,sans-serif;}
  92. .morelink:hover{box-shadow:0 5px 8px rgba(0,0,0,.24)}
  93. .morelink:active{box-shadow:0 8px 12px rgba(0,0,0,.6)}
  94. .morelink a{font-weight:400;font-size:14px}
  95. .morelink:after{padding:16px;right:0;margin-top:0;display:block;z-index:100;opacity:0;transition-delay:0;font-weight:400;line-height:1.4em;border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,.16);visibility:hidden;pointer-events:none}
  96. .account-activity-box,.morelink .nub,.sidebox.create,.sidebox.submit.submit-text,div.titlebox span.word{display:none}
  97. .disabled .morelink a,.titlebox h1{color:#4d5763}
  98. .morelink:hover:after{margin-top:2px;opacity:100;visibility:visible;transition-delay:.25s}
  99. .disabled .morelink{box-shadow:none!important;background-color:#CFCFCF}
  100. .disabled .morelink:after{content:"You must be approved by the moderators in order to submit.";background-color:#CFCFCF;color:#4d5763}
  101. .titlebox .tagline:after,.titlebox .users-online .number:before{content:""}
  102. .login-form-side{border:none}
  103. .login-form-side input[type=password],.login-form-side input[type=text]{width:128px}
  104. .login-form-side button.btn{margin-right:-3px}
  105. .titlebox h1{margin-bottom:6px}
  106. .titlebox .number,.titlebox .users-online,.titlebox span.subscribers{color:#999;font-size:12px;position:relative;top:-2px;left:-2px}
  107. .titlebox .users-online:before,.titlelebox .word{display:none}
  108. .titlebox .users-online .number{font-style:italic}
  109. .titlebox .number,.titlebox .users-online{cursor:text}
  110. .titlebox .tagline{font-size:12px;margin:0}
  111. .titlebox .tagline:after{height:2px;background-color:#f2f2f2;display:block;margin-top:16px}
  112. .titlebox .tagline a.flairselectbtn:after{content:" flair"}
  113. .titlebox .tagline .flair:before{content:""}
  114. .leavemoderator,.sidebox .subtitle,.titlebox .tagline a.author,.titlebox form.toggle.flairtoggle{display:none}
  115. .titlebox form.toggle.sr_style_toggle{padding:0;display:block}
  116. .titlebox form.toggle.sr_style_toggle label{position:relative;top:-3px}
  117. .res form.toggle.sr_style_toggle{margin:-20px 0 18px}
  118. .titlebox .fancy-toggle-button{position:absolute}
  119. .titlebox .fancy-toggle-button .add,.titlebox .fancy-toggle-button .remove{text-indent:-9999px;height:48px;width:48px;position:absolute;right:-268px;top:-36px;border-radius:32px;border:0 solid;box-shadow:0 2px 4px rgba(0,0,0,.24);background-image:url(%%spritesheet%%);transition:all .25s ease,background-position .25s ease,background-color .5s ease;outline:0!important}
  120. .titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .remove:hover{box-shadow:0 3px 6px rgba(0,0,0,.48)}
  121. .titlebox .fancy-toggle-button .add:active,.titlebox .fancy-toggle-button .remove:active{box-shadow:0 4px 16px rgba(0,0,0,.64)}
  122. .titlebox .fancy-toggle-button .add{background-position:-208px -144px}
  123. .titlebox .fancy-toggle-button .add:active,.titlebox .fancy-toggle-button .remove{background-color:#fff;background-position:-208px -192px}
  124. .titlebox .fancy-toggle-button .remove:hover{background-color:rgba(0,0,0,.05)}
  125. .titlebox .fancy-toggle-button .remove:active{background-color:#5A72EE;background-position:-208px -144px}
  126. .fancy-toggle-button .remove:after,.titlebox .fancy-toggle-button .add:after{display:block;visibility:hidden;position:absolute;z-index:1000;right:-26px;margin-top:16px;padding:12px;background-color:rgba(79,77,192,0);border:none;border-radius:2px;color:rgba(255,255,255,0);text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;transition:all .25s ease;pointer-events:none;text-indent:0;box-shadow:0 0 0 transparent}
  127. .titlebox .fancy-toggle-button .add:after{content:"Subscribe!"}
  128. .titlebox .fancy-toggle-button .add:hover:after{visibility:visible;margin-top:40px;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.24)}
  129. .titlebox .fancy-toggle-button .remove:after{content:"Unsubscribe"}
  130. .titlebox .fancy-toggle-button .remove:hover:after{visibility:visible;color:#4D5763;background-color:#fff;margin-top:40px;box-shadow:0 1px 5px rgba(0,0,0,.24)}
  131. .hover-bubble.multi-selector{margin-top:-60px}
  132. .side .md .-blocks,.side .md .-lists,.side .md blockquote,.side .md ol,.side .md p,.side .md pre,.side .md table,.side .md ul{color:#4D5763;font-size:13px;font-family:Arial,sans-serif;line-height:1.3333333333333em}
  133. .side .titlebox .md h1{line-height:18px;text-align:center;font-size: 14px;margin:.3em 0 0!important}
  134. .side .titlebox .md h2{margin:8px 0 0px;line-height: 20px;font-size: 16px;text-align: center;}
  135. .side .titlebox .md h3 a{padding:12px 16px;width:100%;border-radius:2px;font-family:verdana,arial,sans-serif;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.24);display:block;margin:1.5em 0;font-size:12px}
  136. .link .title,.linkflairlabel{font-family:Arial,sans-serif}
  137. .side .titlebox .md h3 a:hover{box-shadow:0 2px 8px rgba(0,0,0,.54)}
  138. .side .titlebox .md h3 a:active{box-shadow:0 4px 12px rgba(0,0,0,.54)}
  139. .side .titlebox .md h4 a,.wiki-page .wiki-page-content .md.wiki h4{display: block;color: #FFFFFF;}
  140. .arrow,.arrow.down,.arrow.up{transition:background-color .25s ease}
  141. .rank-spacer,.titlebox .bottom,body>.content .link .rank{display:none}
  142. .md hr{border:1px solid #e5e5e5}
  143. .side #moderation_tools .title h1{color:#4D5763}
  144. .side #moderation_tools .title .collapse-button{color:#4D5763;vertical-align:middle;border-radius:1px;border:1px solid #d8d8d8}
  145. .side .sidecontentbox .content{border:none;padding:8px 0}
  146. .icon-menu a{background-color:transparent}
  147. #ad-frame,#ad_main,#ad_sponsorship{margin-left:-18px}
  148. #ad_sponsorship{margin-top:-18px;border-radius:2px 2px 0 0}
  149. .gadget .midcol{width:38px}
  150. body>.content{margin:182px 332px 0 16px;padding:0;border-radius:2px}
  151. body.listing-page>.content{box-shadow:0 1px 5px rgba(0,0,0,.16)}
  152. body:before{height:166px;top:0;position:absolute;width:100%;left:0;right:0;background-repeat:no-repeat;background-position:50% 0;content:"";text-indent:-9999px;z-index:-1}
  153. .arrow.upmod,.sitetable{position:relative}
  154. @media only screen and (min-width:1921px){body:before{background-size:cover}}
  155. .link{margin:0;padding:0;background-color:#fff}
  156. .link .midcol{width:36px!important;margin:15px 14px 0 11px;height:60px}
  157. .link .score{line-height:16px;font-size:12px;margin:1px 0}
  158. .link .score.likes{color:#ff6422}
  159. .link .score.dislikes{color:#5c5bd7}
  160. .arrow{margin:0 0 0 2px;background-image:url(%%spritesheet%%)!important;background-color:transparent;width:33px;border-radius:2px}
  161. .arrow:hover{background-color:rgba(0,0,0,.05)}
  162. .arrow.up{height:20px;background-position:-64px 0}
  163. .arrow.upmod{height:20px;background-position:-128px 0}
  164. .arrow.upmod:focus:after{position:absolute;left:2px;bottom:-3px;width:28px;height:28px;opacity:1;z-index:100;content:" ";background-color:#f50;border-radius:28px;animation:upvote .35s ease-out forwards;-webkit-animation:upvote .35s ease-out forwards}
  165. .arrow.down{height:20px;background-position:-160px 0}
  166. .arrow.downmod{height:20px;background-position:-224px 0}
  167. .arrow.down:after{display:block;visibility:hidden;position:absolute;z-index:1000;margin-top:-6px;margin-left:32px;padding:12px;background-color:rgba(79,77,192,0);border:none;border-radius:2px;color:rgba(255,255,255,0);text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;pointer-events:none}
  168. .flairoptionpane,.flairselector .error,.flairselector form .flairselection,.flairselector h2{text-align:left}
  169. .entry .tagline,.link .domain a,.link .title{transition:all .15s ease}
  170. .arrow.down:hover:after{visibility:visible;background-color:rgba(79,77,192,.9);color:#FFF;margin-left:48px}
  171. .thumbnail{max-width:64px;max-height:56px;margin:16px 16px 0 0}
  172. .thumbnail.default,.thumbnail.self{height:56px}
  173. a.thumbnail img{height:64px;width:64px}
  174. .thumbnail.self{background:url(%%spritesheet%%) -73px -80px}
  175. .thumbnail.default{background:url(%%spritesheet%%) -143px -80px}
  176. .thumbnail.nsfw{background:url(%%spritesheet%%) -3px -140px}
  177. .linkflairlabel, .linkflair-general .linkflairlabel, .linkflair-gmega .linkflairlabel, .linkflair-gnews .linkflairlabel, .linkflair-gdisc .linkflairlabel, .linkflair-gtech .linkflairlabel, .linkflair-gmedia .linkflairlabel, .linkflair-gother .linkflairlabel, .linkflair-jmega .linkflairlabel, .linkflair-jnews .linkflairlabel, .linkflair-jdisc .linkflairlabel, .linkflair-jtech .linkflairlabel, .linkflair-jmedia .linkflairlabel, .linkflair-jother .linkflairlabel { display: inline-block; margin-right: .5em; padding: 0 2px; background-color: #030825;; color: white; border: 1px solid black; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.49); text-shadow: 1px 1px 1px black; border-radius: 2px; text-align: center; line-height: 12px; height: 14px; width: 100px; font-style: normal; font-weight: bold;}
  178. .link .title{margin:-2px 0 0;font-size:18px;line-height:1.33}
  179. .link .entry{padding:15px 32px 14px 0;border-bottom:1px solid #f2f2f2;margin-left:0}
  180. .content .thing .title:visited,.content .thing.visited .title{color:#7D5D8A}
  181. .thing .title.click:visited,.thing .title.loggedin.click:visited{color:#4F8EF7}
  182. .link .domain{visibility:hidden}
  183. .link .domain a{visibility:visible;position:relative;top:-1px;color:#b3b3b3}
  184. .approval-checkmark{cursor:default}
  185. .expando-button,.expando-button.image,.expando-button.video-muted{position:relative;margin:2px 6px 2px 0!important;width:16px!important;height:16px!important;border-radius:2px;background-color:transparent;background-image:url(%%spritesheet%%)!important;border:1px solid #e9e9e9;cursor:pointer}
  186. .expando-button:hover{border-color:#4F8EF7}
  187. .expando-button.selftext.collapsed{background-position:-32px -32px!important}
  188. .expando-button.selftext.collapsed:hover{background-position:-48px -32px!important}
  189. .expando-button.selftext.expanded{background-position:-64px -32px!important}
  190. .expando-button.selftext.expanded:hover{background-position:-80px -32px!important}
  191. .expando-button.video.collapsed{background-position:-96px -32px!important}
  192. .expando-button.video.collapsed:hover{background-position:-12px -32px!important}
  193. .expando-button.video.expanded{background-position:-64px -32px!important}
  194. .expando-button.video.expanded:hover{background-position:-80px -32px!important}
  195. .expando-button.image.collapsedExpando{background-position:-160px -32px!important}
  196. .expando-button.image.collapsedExpando:hover{background-position:-176px -32px!important}
  197. .expando-button.image.expanded{background-position:-64px -32px!important}
  198. .expando-button.image.expanded:hover{background-position:-80px -32px!important}
  199. .expando-button.image.gallery.collapsedExpando{background-position:-128px -32px!important}
  200. .expando-button.image.gallery.collapsedExpando:hover{background-position:-144px -32px!important}
  201. .expando-button.image.gallery.expanded{background-position:-64px -32px!important}
  202. .expando-button.image.gallery.expanded:hover{background-position:-80px -32px!important}
  203. .expando-button.video-muted.collapsed{background-position:-208px -32px!important}
  204. .expando-button.video-muted.collapsed:hover{background-position:-224px -32px!important}
  205. .expando-button.video-muted.expanded{background-position:-64px -32px!important}
  206. .expando-button.video-muted.expanded:hover{background-position:-80px -32px!important}
  207. .link .usertext .md{margin-top:10px;padding-top:3px;padding-left:0;background-color:transparent;border:0 solid;border-top:1px solid #F7F7F7;border-radius:0;color:#4D5763}
  208. .entry .tagline{margin-top:4px;color:#b3b3b3;font-size:12px}
  209. .link .entry .tagline a{color:#4d5763}
  210. .link .entry .tagline time{cursor:help}
  211. .link .entry .tagline a.author{margin-right:inherit}
  212. .link .entry .tagline .userattrs{visibility:hidden}
  213. .link .entry .tagline .userattrs a{visibility:visible;font-size:10px;padding:1px 3px 1px 2px;margin-left:2px;background-color:red;color:#fff!important;vertical-align:middle;border-radius:1px;position:relative;top:-1px;cursor:help}
  214. .link .entry .tagline .userattrs a.moderator{background-color:#65B354}
  215. .RESUserTagImage{height:10px!important;background-image:url(%%spritesheet%%)!important;background-position:-192px -34px!important;opacity:.25!important;margin-left:2px!important;transition:opacity .15s ease;margin-top:1px!important}
  216. .RESUserTagImage:hover{opacity:1!important}
  217. .link .flat-list{margin-top:3px}
  218. .entry .buttons li a{padding:0 1px;color:#b3b3b3;font-weight:400;font-size:13px;font-family:Arial,sans-serif;transition:all .15s ease}
  219. .nsfw-stamp acronym{padding:2px 3px;background-color:transparent;border-color:#e82e63!important;border-radius:2px;color:#e82e63;opacity:100;cursor:help}
  220. .link .entry .buttons li a.comments{font-weight:700!important;opacity:100!important;transition:all .25s ease-in-out!important}
  221. .action-form{position:fixed;top:35%;left:40%;margin:0;padding:24px;background-color:#fff;z-index:100;box-shadow:0 0 16px rgba(0,0,0,.24);border:none;border-radius:2px}
  222. .action-form .reason-prompt{font-size:16px;color:#4D5763;padding-bottom:8px;display:block}
  223. .action-form .reason-prompt li,.action-form li label{padding:4px 4px 4px 0;display:block}
  224. .action-form li label{cursor:pointer;color:#4D5763}
  225. .action-form li label:hover{background-color:rgba(0,0,0,.05)}
  226. .action-form input[name=other_reason]{padding:8px}
  227. .link .entry .buttons li .redditSingleClick{padding:0 1px;color:#b3b3b3;font-weight:400;font-size:13px;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;transition:all .15s ease}
  228. .thing.spam{background-color:#FFE9E6}
  229. .entry .buttons li.reported-stamp{background-color:transparent;border:1px solid #EDEEEE!important;border-radius:20px;color:#4A4F57;line-height:16px}
  230. a.pretty-button.negative,a.pretty-button.neutral,a.pretty-button.positive{background-image:none;border:1px solid;border-radius:20px;box-shadow:inset 0 0 0 rgba(0,0,0,.25);color:#fff;line-height:15px;transition:all .25s ease}
  231. a.pretty-button.negative{background-color:#fb797e;border-color:#fb797e}
  232. a.pretty-button.negative:hover{background-color:#fc535a;border-color:#fc535a}
  233. a.pretty-button.neutral{background-color:#ddd;border-color:#ddd;color:#4A4F57}
  234. a.pretty-button.neutral:hover{background-color:#ececec;border-color:#ececec}
  235. a.pretty-button.positive{background-color:#1ecd97;border-color:#1ecd97}
  236. a.pretty-button.positive:hover{background-color:#22e1a6;border-color:#22e1a6}
  237. a.pretty-button.negative.pressed,a.pretty-button.neutral.pressed,a.pretty-button.positive.pressed{background-image:none;box-shadow:inset 0 3px 1px rgba(0,0,0,.15)}
  238. .comment.spam>.child,.message.spam>.child{background-color:transparent}
  239. .link.last-clicked{background-color:#F2F2F2;border:none}
  240. .thing.stickied{border-radius:2px 2px 0 0}
  241. .thing.stickied .entry li .comments,.thing.stickied a.title{color:#65b354!important}
  242. .thing.stickied .expando-button:hover{background-color:#65b354!important;border-color:#65b354!important}
  243. .tagline .stickied-tagline{color:#b3b3b3;cursor:help}
  244. .thing.stickied .domain{display:none}
  245. .content .spacer{margin:0}
  246. .link.promotedlink.promoted{margin-right:0;background-color:#EFF7FF;border:none;padding:0}
  247. .organic-listing .link,.organic-listing .link.compressed,.organic-listing .link.promotedlink{padding-top:0;padding-bottom:0}
  248. .link.promotedlink.promoted .thumbnail{max-height:inherit;max-width:inherit;margin-top:8px}
  249. .link.promotedlink.promoted .thumbnail img{height:inherit;width:inherit}
  250. .organic-listing{background-color:#fff!important;padding:0;position:relative;margin-bottom:0;border:none;border-radius:2px 2px 0 0}
  251. .organic-listing .help,.organic-listing .sponsored-tagline{margin-bottom:20px;margin-right:16px}
  252. .organic-listing .sponsored-tagline{color:#B3B3B3}
  253. .link.compressed,.link.compressed .title{margin:0}
  254. .link.compressed .entry{padding:11px 32px 9px 0}
  255. body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px}
  256. .flairselector{position:fixed;top:20%!important;left:50%!important;margin-left:-125px;padding:32px!important;width:250px!important;border:none;border-radius:2px;box-shadow:0 0 16px rgba(0,0,0,.64)}
  257.  
  258. .side .flairselector{position:absolute;top:600px!important;left:auto!important;right:332px!important;padding:32px!important;width:250px!important;border:none;border-radius:2px;box-shadow:0 0 16px rgba(0,0,0,.64)}
  259.  
  260. .flairselector.drop-choices.active{border:1px solid #e2e2e2}
  261. .flairselector h2{margin-bottom:4px;background-color:transparent;color:#4F8EF7;font-weight:400;font-size:18px}
  262. .flairoptionpane{max-height:400px}
  263. .flairselector .flairoptionpane ul li{padding:0!important}
  264. .flairoptionpane ul li .linkflair{text-align:left;padding:0}
  265. .flairoptionpane ul li .linkflair:hover,.flairselector li:hover{background-color:#F5F8F9;border:0 solid}
  266. .flairoptionpane ul li .linkflair span.linkflairlabel{margin:8px 6px 8px 0;line-height:1.35}
  267. .flairoptionpane ul li .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4F8EF7!important}
  268. .flairselector form{padding-top:12px;border-top:1px solid #F7F7F7}
  269. .flairselector form .flairselection:before{display:block;content:"Selected Flair:";color:#b3b3b3}
  270. .flairselector form .flairselection .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4F8EF7!important;cursor:default}
  271. .flairselector form .flairselection .flairremove{padding:4px 0;margin-bottom:8px;visibility:hidden;display:block!important}
  272. .flairselector form .flairselection .flairremove a{visibility:visible;opacity:100!important;color:#4F8EF7!important;margin-left:-4px}
  273. .flairselector form .flairselection .flairremove a:first-letter{text-transform:capitalize}
  274. .flairselector form .flairselection .flairremove a:hover{text-decoration:underline!important}
  275. .flairselector .error:after{display:block;color:#b3b3b3;content:"Go to /r/.../about/flairs."}
  276. .flairselector img{position:relative;left:50%;margin-left:-9px;opacity:.5}
  277. .flairselector .flairoptionpane ul li{margin:4px 0}
  278. .flairselector li.selected{border:none;background-color:transparent}
  279. .flairselector .flairoptionpane ul li.flairsample-right{padding:5px 0!important;border:none}
  280. .flairselector form .flairselection a.author,.flairselector li a{color:#b3b3b3!important;font-size:11px}
  281. .unvotable-message{border:0 solid;color:#b3b3b3}
  282. .res .RES-keyNav-activeElement{outline:#E0E0E0 dashed 0!important;transition:all .35s ease}
  283. .RESCloseButton,.res .entry{transition:all .15s ease}
  284. div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed{background-color:transparent!important;padding-left:8px!important;border-left:2px solid #4F8EF7}
  285. div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!important}
  286. .res .commentarea .thing{padding:16px 16px 0 14px!important}
  287. .res .commentarea .entry .flat-list{padding-bottom:16px}
  288. #userTaggerPreview,.userTagLink.hasTag{font-size:11px!important;border-radius:0!important;border:0 solid!important;margin-top:0!important;margin-left:4px!important}
  289. .RESDialogSmall{border:none;box-shadow:0 2px 3px rgba(0,0,0,.12);margin-top:8px}
  290. .RESDialogSmall>h3{color:#4F8EF7;background-color:#FFF;border-bottom:1px solid #EDEDED;height:36px;padding:8px;margin:0}
  291. .livePreview .md{padding:8px 12px}
  292. .RESCloseButton{line-height:19px;height:22px;width:22px}
  293. .RESCloseButton:hover{border:1px solid #D7D9DC}
  294. #userTaggerToolTip input[type=text],#userTaggerToolTip select{line-height:22px;padding-left:4px;border:1px solid #E5E5E5!important}
  295. .toggleButton{line-height:.8}
  296. .toggleButton .toggleOn{border-radius:0;border:1px solid #4F8EF7;background-color:#4F8EF7;color:#fff}
  297. .toggleButton .toggleOff{border-radius:0;border:1px solid #D7D9DC;background-color:transparent}
  298. #userTaggerToolTip input[type=submit]{bottom:10px!important}
  299. .top-page .content .menuarea .drop-choices.lightdrop{display:inline;visibility:visible}
  300. .top-page .content .menuarea .drop-choices.lightdrop a.choice,.top-page .content .menuarea .drop-choices.lightdrop form{display:inline}
  301. .top-page .content .menuarea .dropdown-title.lightdrop{visibility:hidden}
  302. .top-page .content .menuarea{border-bottom:0;padding:0;margin:0;height:36px}
  303. .top-page .content .menuarea .dropdown.lightdrop .selected{z-index:1002;position:relative;left:-68px;top:11px;background:#5A72EE;text-decoration:none;font-size:12px;pointer-events:none;padding:10px 16px;overflow:visible;color:#FFF}
  304. .top-page .content .menuarea .drop-choices.lightdrop{padding:10px 16px 10px 104px;margin-left:16px;margin-top:1px;border-radius:2px 2px 0 0;border:none;border-bottom:1px solid #E0E1E2;width:calc(100% - 348px);box-shadow:none}
  305. .top-page .content .menuarea .drop-choices.lightdrop a.choice{padding:10px;color:#4D5763;transition:all .25s ease}
  306. .top-page .content .menuarea .drop-choices.lightdrop a.choice[href*="/?t=all"]{border-right:0 solid}
  307. .top-page .content .menuarea .drop-choices.lightdrop a.choice:hover{background-color:#F5F8F9}
  308. .top-page .content .menuarea .drop-choices.lightdrop a.choice.selected{background-color:#4f8ef7;color:#fff}
  309. .guider{border:none;box-shadow:0 2px 3px #DDD}
  310. .guider_content h1{color:#4F8EF7}
  311. .guider_button{font-size:11px;border:none;background-image:none;background-color:#4F8EF7;transition:all .15s ease}
  312. .guider_button:hover{background-color:rgba(79,142,247,.75)}
  313. .x_button{transition:all .25s ease;box-shadow:0 1px 4px transparent}
  314. .x_button:hover{box-shadow:0 1px 4px rgba(0,0,0,.15)}
  315. .content .infobar{margin:0 0 16px;padding:8px 16px;line-height:26px;border:none;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.24);border-radius:2px}
  316. .infobar .md{color:#fff}
  317. .content .infobar.welcome{line-height:inherit;height:86px}
  318. .content .infobar.welcome h1{color:#4d5763}
  319. .commentarea .infobar{padding:8px 16px;line-height:16px;margin-right:0}
  320. .commentarea .infobar a{color:rgba(255,0,0,.54);font-weight:700}
  321. #noresults{margin:0;position:absolute;top:72px;width:100%;height:312px;background:url(%%noresults%%) 50% 50% no-repeat;text-indent:-9999px;font-size:0;display:block}
  322. .sitetable .nav-buttons{padding:16px;background-color:#fff;color:#b3b3b3;border-top:1px solid #F2F2F2;margin-top:-1px}
  323. .sitetable .nav-buttons .nextprev{color:#b3b3b3;font-size:14px}
  324. .sitetable .nav-buttons .nextprev a{border:0;background-color:transparent}
  325. .sitetable .nav-buttons .nextprev a:hover{text-decoration:underline;border:0;background-color:transparent}
  326. .comments-page .link{border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,.16)}
  327. .comments-page .link .entry{border-bottom:none;padding-bottom:15px}
  328. .commentarea .panestack-title{margin:10px 0 0 22px;border-bottom:0}
  329. .commentarea .panestack-title .title{color:#4D5763}
  330. .commentarea .menuarea{margin:0 0 0 22px}
  331. .commentarea .menuarea span.dropdown-title.lightdrop{color:#b3b3b3}
  332. .commentarea .menuarea .dropdown.lightdrop .selected{cursor:pointer;text-decoration:none;background-image:none;padding-right:0;font-weight:400;color:#b3b3b3}
  333. .commentarea .menuarea .dropdown.lightdrop .selected:hover{color:#4F8EF7}
  334. .commentarea .menuarea .dropdown.lightdrop .selected:after{content:"▼"}
  335. .drop-choices.lightdrop{border:none;z-index:1001;box-shadow:0 1px 3px rgba(0,0,0,.2)}
  336. .drop-choices a.choice{padding:6px;transition:all .1s ease}
  337. .drop-choices a.choice:hover{color:#fff}
  338. .commentarea .menuarea .toggle a,.help-hoverable{color:#b3b3b3;font-weight:400}
  339. .commentarea .menuarea .toggle a:hover,.help-hoverable:hover{color:#4F8EF7}
  340. .commentarea>.usertext{background-color:#FAFAFA;border-radius:0 0 2px 2px;margin:-58px 0 16px;padding:64px 16px 16px;box-shadow:0 1px 5px rgba(0,0,0,.16)}
  341. .commentarea .sitetable .comment,.commentarea .thing{background-color:#fff}
  342. .usertext button{margin:4px 16px 8px 0}
  343. .usertext-edit textarea{position:relative;z-index:999}
  344. .usertext .bottom-area{width:500px}
  345. .gold-accent.comment-visits-box{margin:0 0 12px;border-radius:2px}
  346. .commentarea .sitetable{margin:0;box-shadow:none}
  347. .commentarea .thing{border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.16);margin:0 0 8px;padding:16px 16px 16px 14px}
  348. .commentarea .child .thing{box-shadow:none;padding:4px;margin:12px 0 0}
  349. .commentarea .comment .midcol{margin-top:2px;width:36px;margin-right:2px}
  350. .comment .child,.comment .showreplies{border-left:1px dotted #ECECEC;margin-top:0}
  351. .comment .midcol{width:24px;margin-right:0}
  352. .comment .midcol .arrow{margin-left:0;margin-bottom:4px}
  353. .comment .entry .tagline{color:#b3b3b3;font-size:12px;font-family:Arial,sans-serif}
  354. .flair,.wiki-page .wikititle{font-family:arial,sans-serif}
  355. .comment .expand{background-color:transparent;transition:all .15s ease;color:#B3B3B3}
  356. .comment .expand:hover{color:#fff;text-decoration:none;background-color:#4F8EF7}
  357. .comment .author{color:#4D5763;margin-right:0;font-weight:700}
  358. .comment .author:hover{text-decoration:none}
  359. .green,.tagline .moderator{color:#65B354;font-weight:700}
  360. .tagline .submitter{font-weight:700}
  361. .res .thing .tagline .author.submitter{padding:0px 0px;border-radius:0px;background-color:#4F8EF7!important;box-shadow:0 0 0 transparent;transition:all .15s ease}
  362. .res .thing .tagline .author.submitter:hover{box-shadow:0 0 1px black;background-color:#196CF7!important}
  363. .comment .score{font-size:inherit;font-weight:700;color:#666}
  364. .comment span.userattrs{margin-left:4px}
  365. .comment .usertext .md{color:#4D5763}
  366. .comment .usertext .md p{margin-top:0}
  367. .md a:visited{color:#7D5D8A}
  368. .md pre{padding:8px}
  369. .md blockquote{border-left:2px solid transparent;color:#706F6F;margin-left: 1px;}
  370. .md h1{margin:.5em 0 .25em;border:none;color:#011844}
  371. .md h2{margin:.5em 0 .25em;border:none;color:#4D5763}
  372. .md h3{color:#4D5763;margin:16px 0 0}
  373. .usertext.grayed .usertext-body{margin:4px 0;background-color:transparent;text-transform:italic;padding:0}
  374. .comment .flat-list li a{color:#b3b3b3;font-weight:400;font-size:10px}
  375. .comment .flat-list li a:hover{text-decoration:none}
  376. .comment .flat-list li a[onclick*=reply]{font-weight:700;font-size:11px}
  377. .deepthread a{color:#4F8EF7}
  378. .comments-page .side .linkinfo{position:absolute;right:16px;top:200px;padding:16px;width:300px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.16);border:none}
  379. .comments-page .side .linkinfo .date{color:#B3B3B3}
  380. .comments-page .side .linkinfo .date:first-letter{text-transform:capitalize}
  381. .comments-page .side .linkinfo .score{color:#4D5763}
  382. .linkinfo .shortlink input{border:1px solid #E5E5E5}
  383. .res.comments-page .side{margin-top:413px}
  384. .submit-page .content{margin:96px auto}
  385. #suggested-reddits,.submit-page .content h1,.submit-page .side{display:none}
  386. .submit-page #newlink.submit.content{width:524px;margin:0 auto}
  387. .submit-page #newlink.submit.content form .spacer+.spacer{margin:0}
  388. .submit-page #newlink.submit.content ul.tabmenu.formtab{padding:0;border:none}
  389. .submit-page #newlink.submit.content .tabmenu.formtab a{padding:16px;width:262px;display:inline-block;text-align:center;background-color:#fff;color:#4D5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none}
  390. .linefield .title,.linefield .title:first-letter,.linefield label:first-letter,.raisedbox h4,.searchfacets h4.title:first-letter,.wiki-page .wikititle{text-transform:capitalize}
  391. .submit-page #newlink.submit.content .tabmenu.formtab .selected a{font-size:16px;color:#fff}
  392. .submit-page #newlink.submit.content .tabmenu.formtab a:hover{background-color:#e7e9f6}
  393. .submit-page .formtabs-content{border-top:0;padding-top:0}
  394. .submit-page .roundfield{padding:16px;width:524px;background-color:#fff;border-radius:2px;margin-bottom:16px;box-shadow:0 1px 5px rgba(0,0,0,.16)}
  395. .submit-page .roundfield .title{color:#4D5763;text-transform:capitalize}
  396. .submit-page .infobar{width:524px;margin:-12px 0 0;padding:16px;color:#fff;border-radius:0 0 2px 2px;border:none;box-shadow:0 1px 5px rgba(0,0,0,.24);font-size:0}
  397. .submit-page .infobar:before{font-size:14px;display:inline-block}
  398. .search-summary,.stylesheet-customize-container h2{display:none}
  399. .content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;box-shadow:0 1px 5px rgba(0,0,0,.16);border:none;margin-bottom:0}
  400. .submit-page #newlink.submit.content .btn{width:100%;line-height:41px;height:42px;margin-top:24px;border:none;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.24);cursor:pointer}
  401. .submit-page #newlink.submit.content .btn:hover{box-shadow:0 2px 12px rgba(0,0,0,.48);color:#fff}
  402. .submit-page #header-bottom-left{top:36px;left:16px}
  403. .search-page .searchpane{margin:0;background:#fff;padding:16px;border:none;border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,.24);position:relative}
  404. .raisedbox h4{color:#B3B3B3!important;font-weight:400}
  405. .search-page #search{position:inherit}
  406. .search-page #search input[type=text]{box-shadow:none!important;font-size:36px;padding:0;margin:0 0 9px;border-radius:0;border-bottom:1px solid #E7E7E7}
  407. .search-page #search input[type=text]:hover{box-shadow:none!important}
  408. .search-page #search label{padding:1em;margin:.5em 0;transition:background-color .1s ease;cursor:pointer;font-size:12px}
  409. .search-page #search label:hover{background-color:rgba(0,0,0,.05)}
  410. .search-page #previoussearch p{margin-top:1.5em}
  411. .search-page .morelink{top:140px}
  412. .search-page .searchfacets{box-shadow:0 1px 5px rgba(0,0,0,.24);border:none;padding:16px;margin:0;background-color:#F9F9F9;border-radius:0 0 2px 2px}
  413. .linefield,.search-page .menuarea,.stylesheet-customize-container .pretty-form,.wiki-page .wiki-page-content{box-shadow:0 1px 5px rgba(0,0,0,.16)}
  414. .searchfacets .title{margin:0}
  415. .searchfacets h4.title{color:#4D5763;margin:0 0 8px}
  416. .searchfacets .list{margin:0}
  417. .searchfacets .facet.count{color:#B3B3B3;font-weight:400}
  418. .searchfacets .facet.count:hover{text-decoration:none}
  419. .search-page .menuarea{border-radius:2px 2px 0 0;border-bottom:0;margin:16px 0 0;padding:16px;color:#B3B3B3;background-color:#fff}
  420. .wiki-page .pageactions,.wiki-page .wikititle{background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.16)}
  421. .search-page .menuarea .dropdown.lightdrop .selected{text-decoration:none;color:#4D5763;font-weight:400;cursor:pointer}
  422. .wiki-page .wikititle{padding:9px 16px 10px;font-size:16px;margin:0}
  423. .wiki-page .pageactions{margin-left:16px;padding:0 16px;border:none}
  424. .wiki-page .pageactions .wikiaction{margin:0;background-color:transparent;border-radius:0;padding:10px 16px 11px;color:#B3B3B3}
  425. .wiki-page .pageactions .wikiaction-current{padding:10px 16px 7px;border-bottom:4px solid #4F8EF7;color:#4F8EF7}
  426. .wiki-page .pageactions .wikiaction-current:hover,.wiki-page .pageactions .wikiaction:hover{background-color:rgba(0,0,0,.05)}
  427. .wiki-page .wiki-page-content{margin:16px 0;background-color:#fff;padding:16px;border-radius:2px}
  428. .wiki-page .wiki-page-content .wiki>.toc>ul{float:right;padding:11px 22px;margin:0 0 11px 22px;border:1px solid #8D9CAA;list-style:none;max-width:300px;background-color:#fff}
  429. .wiki-page .wiki-page-content .wiki.md{color:#4D5763}
  430. .wiki-page .wiki-page-content .md h2{text-align:center;color:#fff;padding:1px;margin-bottom:30px;background-color:#002567;border:2px #000d30}
  431. .linefield,.wiki-page .wiki-page-content em{color:#4D5763}
  432. .wiki-page .wiki-page-content .wiki.md p{font-size:14px;line-height:1.4285714285714em}
  433. .wiki-page .wiki-page-content hr{border-style:solid;border-color:#e5e5e5}
  434. .linefield{background-color:#fff;border-radius:2px;margin:0 0 8px;width:531px}
  435. .tabmenu li a,.tabmenu li.selected a{background-color:transparent;border:none}
  436. .linefield .title{color:#4F8EF7}
  437. .usertext .bottom-area a{color:#b3b3b3}
  438. .usertext .bottom-area a:hover{color:#4f8ef7}
  439. .pretty-form{padding-top:24px}
  440. .create-promotion h1,.fancy-settings h1{color:rgba(255,255,255,.8)}
  441. .fancy-settings h1 strong{color:rgba(255,255,255,1)}
  442. .tabmenu{border-bottom:1px solid #edeeee;margin-bottom:12px}
  443. .tabmenu li{margin:0!important}
  444. .tabmenu li a{color:#4D5763;font-size:14px}
  445. .flair,.link .flair{font-size:12px;margin-top: -6px}
  446. .tabmenu li.selected a{color:#4F8EF7}
  447. .tabpane-content{border:none}.tabpane-content .flairrow a.author{color:#b3b3b3}.tabpane-content .tagline a{color:#4F8EF7}.fancy-settings .pretty-form{padding-top:0}.stylesheet-customize-container .pretty-form{background-color:#fff;padding:16px;border-radius:2px;margin-bottom:16px}.stylesheet-customize-container .pretty-form .sheets{margin-right:0}.sheets .btn.right{background-color:transparent;border:none;box-shadow:none;padding:0}#images{padding:16px 16px 0 16px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.16);}#images #image-upload{margin:0 0 4em}.flair{border:none;border-radius:0;font-weight:400;background-color:transparent;color:#B3B3B3;padding-left:0;margin-right:inherit}.flair:before{margin-right:3px;height:auto;content:"- ";margin-left:4px}.side .flair:before{margin-left:0}.listing-page .comment{background-color:#fff;margin-left:0;border-bottom:1px solid #F2F2F2;padding:12px}.listing-page .comment .midcol{width:36px;margin-right:2px;margin-top:4px}.listing-page .comment .parent{margin-bottom:4px}.listing-page .comment .title{font-size:14px;margin-left:8px}.footer{border:0 solid}.res .link .tagline a.voteWeight{background-color:transparent!important}.res .thing .tagline .author.moderator{background-color:#65B354!important;padding:0px 0px;border-radius:0px}.res .srSep{color:rgba(255,255,255,.45)}.res #RESShortcutsViewport{margin-right:381px}.res #RESShortcutsEditContainer{margin-right:312px}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash,.res #RESShortcutsEditContainer{background-color:transparent!important;color:rgba(255,255,255,.45)!important;top:1px!important}.pinHeader-sub #sr-header-area,.pinHeader-subanduser #sr-header-area{background-image:url(%%headerimg%%);background-position:50% 0}.pinHeader-sub #header-bottom-left,.pinHeader-subanduser #header-bottom-left{margin-top:0}.pinHeader-header:before{display:none!important}.res #header-bottom-right .user .userkarma,.res #searchexpando .searchexpando-submit{display:none}.pinHeader-header .content{margin-top:12px!important}.pinHeader-header .side{margin-top:164px}.pinHeader-header.res.comments-page .side{margin-top:290px}.pinHeader-header #header{top:0;background-image:url(%%headerimg%%);height:84px;box-shadow:0 1px 5px rgba(0,0,0,.24)}.res #header-bottom-right{top:1px;border-radius:0;height:18px;padding:0 8px 0 0}.res #userbarToggle{background-color:transparent;color:rgba(255,255,255,.45);border-radius:0;border:none}.res #header-bottom-right .user{font-size:0}.res #header-bottom-right .user a{font-size:11px}.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a,.res #sr-header-area a.RESShortcutsCurrentSub{color:#fff!important;border-bottom:2px solid #fff}#RESAccountSwitcherIcon{position:relative;top:-4px}.res #REScommentNavToggle{max-width:98px;overflow:hidden;max-height:15px;background-color:#FAFAFA;transition:all .35s ease}.res #REScommentNavToggle:hover{max-width:100%}.res .commentarea>.usertext{margin-top:-74px;padding-top:76px}.res .content .RESBigEditorPop{background-color:transparent;line-height:inherit;font-size:11px;font-family:verdana,arial,sans-serif;box-shadow:none;font-weight:400;color:#4D5763;border:none;padding:0;height:inherit;margin-left:4px;margin-top:5px}html.res-commentBoxes .comment{margin-left:0!important;margin-right:0!important}.res .commentarea .thing{border:none!important}.res .RESDashboardToggle,.res .RESshortcutside{background-image:none!important;border:none;color:#4D5763;text-transform:uppercase;text-decoration:none;border-radius:0;padding:4px 6px 4px 0;margin:2px 6px 2px -4px;text-align:left;width:auto}.res .RESDashboardToggle:hover,.res .RESshortcutside:hover{background-color:transparent;color:#4F8EF7}.res #progressIndicator{width:inherit;border-radius:0;border:none;padding:16px;margin:16px 0;color:#b3b3b3;background-color:#fff;height:inherit}.res #progressIndicator h2{color:#4D5763}.res .NERPageMarker{border-radius:0;border:none;background-color:#fff;padding:16px 0;margin:0}.res .sitetable .sitetable{margin-right:0}.res #search #searchexpando{width:300px;box-shadow:0 2px 6px rgba(0,0,0,.2);height:auto}.res #search #searchexpando label{padding-top:13px;padding-bottom:13px}.res h1.hover.redditname{margin-bottom:28px}.res .fancy-toggle-button .remove,.res .titlebox .fancy-toggle-button .add{top:-78px}.res .titlebox .tagline{margin-top:-14px}.res .titlebox .number,.res .titlebox .users-online,.res .titlebox span.subscribers{left:0;top:-39px}.res .commentarea .panestack-title{margin-top:0;padding-top:12px}.gearIcon{background:url(%%spritesheet%%)!important;position:relative;top:4px;transition:all .25s ease}#RESMainGearOverlay{background-color:#516ae8;top:0!important;height:26px!important;border-radius:0!important}.RESDropdownList{border-color:#4258ca;box-shadow:0 1px 5px rgba(0,0,0,.24);margin-top:4px;margin-right:8px}.RESDropdownList li{background-color:#516ae8;color:#fff;border-color:#4258ca;transition:all .15s ease}#RESSearchMenuItem,#RESSearchMenuItem:hover{background-color:#667df0}.RESDropdownList li:first-letter{text-transform:capitalize}.RESDropdownList a,.RESDropdownList a:visited{color:#fff}.RESDropdownList li a:hover,.RESDropdownList li:hover{color:#fff;background-color:#667df0}#RESSearchMenuItem{border:1px solid #4258ca;border-radius:1px}.toggleButton .toggleOff,.toggleButton .toggleOn{text-transform:lowercase}.moduleToggle.enabled .toggleOff,.moduleToggle:not(.enabled) .toggleOn,.toggleButton.enabled .toggleOff,.toggleButton:not(.enabled) .toggleOn{background-color:transparent;color:rgba(255,255,255,.6);border:1px solid #4258ca;transition:all .15s ease;border-radius:2px}.moduleToggle.enabled .toggleOn,.moduleToggle:not(.enabled) .toggleOff,.toggleButton.enabled .toggleOn,.toggleButton:not(.enabled) .toggleOff{background-color:#fff;color:#516AE8;font-weight:bolder;border:1px solid #fff;transition:all .15s ease;border-radius:2px}.markdownEditor .edit-btn:not(.btn-macro){border:0 solid!important;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,.12)}body>.content{animation-name:fadein;animation-duration:.75s;animation-iteration-count:1;-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-iteration-count:1}@-webkit-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-moz-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-o-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}#mail.havemail:hover:before{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes toast{0%,100%,20%{transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0}25%{transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1}27%,92%{transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1}97%{transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1}}@-o-keyframes toast{0%,100%,20%{transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0}25%{transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1}27%,92%{transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1}97%{transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1}}@-moz-keyframes toast{0%,100%,20%{transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0}25%{transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1}27%,92%{transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1}97%{transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1}}@keyframes toast{0%,100%,20%{transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0}25%{transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1}27%,92%{transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1}97%{transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1}}@-webkit-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@-moz-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@-o-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}#header .tabmenu li a,.pagename a{text-shadow:0 0 0 transparent}.btn,.content .infobar,.drop-choices a.choice:hover,.expando-button:hover,.fancy-toggle-button .remove:active .expando-button:hover,.linkflairlabel,.morelink,.morelink:after,.res div.RES-keyNav-activeElement,.res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed,.side .titlebox .md h3 a,.submit-page #newlink.submit.content .btn,.submit-page #newlink.submit.content .tabmenu.formtab .selected a,.submit-page .infobar,.titlebox .fancy-toggle-button .add,.top-page .content .menuarea .dropdown.lightdrop .selected,button{background-color:#030825}.btn:hover,.morelink:hover,.side .titlebox .md h3 a:hover,.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover,.titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .add:hover:after,button:hover{background-color:#002172}.btn:active,.morelink:active,.side .titlebox .md h3 a:active,button:active{background-color:#030825}.comment .author:hover,.comment .flat-list li a:hover,.comment .flat-list li a[onclick*=reply],.link .domain a:hover,.link .entry .buttons li a.comments,.link .entry .buttons li a.flairselectbtn,.link .entry .buttons li a:hover,.link .entry .tagline a:hover,.md a,.side .titlebox .md h6 a,.side:after,.tagline .submitter,.thing .title,.thing .title.click,.thing .title.loggedin,.thing .title.loggedin.click,.titlebox .tagline a.flairselectbtn,.usertext .bottom-area a.reddiquette,a,body .content .sitetable .link .title a:hover{color:#019DD8}.arrow.down:after{content:"For content that does not contribute to any discussion."}.morelink:after{content:"Please remember to read the rules. Thank you!"}.submit-page .infobar:before{content:"Please remember to flair your post!"}#mail.havemail:before{animation-name:toast;animation-duration:8s;animation-iteration-count:1;animation-timing-function:ease;-webkit-animation-name:toast;-webkit-animation-duration:8s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;content:"You have new messages!"}div.titlebox span.number:after{content:" Moogles,"}.titlebox .users-online .number:after{content:" Chocobos running around"}.sidebox.submit.submit-text{display:block}.side{margin-top:299px}.comments-page .side{margin-top:399px}.sidebox.submit.submit-text .morelink{top:179px}.search-page .sidebox.submit.submit-text .morelink{top:179px}.comments-page .side .linkinfo{margin-top:98px}.sidebox.submit.submit-text .morelink:after{content:"Please remember to read the rules. Thank you!"}.wiki blockquote{height:19px;overflow:hidden;border:0;margin-right:50%}.wiki blockquote:hover{height:auto}.wiki blockquote:before{display:block;background-color:#2f4269;border:2px #2f4269;color:#fff;content:"More Information";border-radius:3px;position:relative;height:19px;text-align:center;font-size:14px}.wiki blockquote:hover:before{display:none}
  448.  
  449. /* The new flairs */
  450. .flair { background-image: url(%%spritesheet2%%); background-repeat: no-repeat; text-indent: 32px; margin-left: 4px; padding: 8px; border: none; vertical-align: top; min-width: 39px; height: 26px; }
  451. .flair-icon1 { background-position: -5px -5px; }
  452. .flair-icon2 { background-position: -5px -41px; }
  453. .flair-icon3 { background-position: -5px -77px; }
  454. .flair-icon4 { background-position: -5px -113px; }
  455. .flair-icon5 { background-position: -5px -149px; }
  456. .flair-icon6 { background-position: -5px -185px; }
  457. .flair-icon7 { background-position: -5px -221px; }
  458. .flair-icon8 { background-position: -5px -257px; }
  459. .flair-icon9 { background-position: -5px -293px; }
  460. .flair-icon10 { background-position: -5px -329px; }
  461. .flair-icon11 { background-position: -5px -365px; }
  462. .flair-icon12 { background-position: -5px -401px; }
  463. .flair-icon13 { background-position: -5px -437px; }
  464. .flair-icon14 { background-position: -5px -473px; }
  465. .flair-icon15 { background-position: -5px -509px; }
  466. .flair-icon16 { background-position: -5px -545px; }
  467. .flair-icon17 { background-position: -5px -581px; }
  468. .flair-icon18 { background-position: -5px -617px; }
  469. .flair-icon19 { background-position: -5px -653px; }
  470. .flair-icon20 { background-position: -5px -689px; }
  471. .flair-icon21 { background-position: -5px -725px; }
  472. .flair-icon22 { background-position: -5px -761px; }
  473. .flair-icon23 { background-position: -5px -797px; }
  474. .flair-icon24 { background-position: -5px -833px; }
  475. .flair-icon25 { background-position: -5px -869px; }
  476. .flair-icon26 { background-position: -5px -905px; }
  477. .flair-icon27 { background-position: -5px -941px; }
  478. .flair-icon28 { background-position: -5px -977px; }
  479. .flair-icon29 { background-position: -5px -1013px; }
  480. .flair-icon30 { background-position: -5px -1049px; }
  481. .flair-icon31 { background-position: -5px -1085px; }
  482. .flair-icon32 { background-position: -5px -1121px; }
  483. .flair-icon33 { background-position: -5px -1157px; }
  484. .flair-icon34 { background-position: -5px -1193px; }
  485. .flair-icon35 { background-position: -5px -1229px; }
  486. .flair-icon36 { background-position: -5px -1265px; }
  487. .flair-icon37 { background-position: -5px -1301px; }
  488. .flair-icon38 { background-position: -5px -1337px; }
  489. .flair-icon39 { background-position: -5px -1373px; }
  490. .flair-icon40 { background-position: -5px -1409px; }
  491. .flair-icon41 { background-position: -5px -1445px; }
  492. .flair-icon42 { background-position: -5px -1481px; }
  493. .flair-icon43 { background-position: -5px -1517px; }
  494. .flair-icon44 { background-position: -5px -1553px; }
  495. .flair-icon45 { background-position: -5px -1589px; }
  496. .flair-icon46 { background-position: -5px -1625px; }
  497. .flair-icon47 { background-position: -5px -1661px; }
  498. .flair-icon48 { background-position: -5px -1697px; }
  499. .flair-icon49 { background-position: -5px -1733px; }
  500. .flair-icon50 { background-position: -5px -1769px; }
  501. .flair-icon51 { background-position: -5px -1805px; }
  502. .flair-icon52 { background-position: -5px -1841px; }
  503. .flair-icon53 { background-position: -5px -1877px; }
  504. .flair-icon54 { background-position: -5px -1913px; }
  505. .flair-icon55 { background-position: -5px -1949px; }
  506. .flair-icon56 { background-position: -5px -1985px; }
  507. .flair-icon57 { background-position: -5px -2021px; }
  508. .flair-icon58 { background-position: -5px -2057px; }
  509. .flair-icon59 { background-position: -5px -2093px; }
  510. .flair-icon60 { background-position: -5px -2129px; }
  511. .flair-icon61 { background-position: -5px -2165px; }
  512. .flair-icon62 { background-position: -5px -2201px; }
  513. .flair-nazta { background-position: -5px -2234px; }
  514. .flair-translator { background-position: -5px -2262px; }
  515. .flair-mustache { background-position: -5px -2291px; }
  516. .flair-icon63 { background-position: -5px -2321px; }
  517. .flair-icon66 { background-position: -5px -2351px; }
  518. .flair-icon67 { background-position: -5px -2381px; }
  519. .flair-icon68 { background-position: -5px -2411px; }
  520. .flair-icon69 { background-position: -5px -2443px; }
  521. .flair-icon64 { background-position: -5px -2475px; }
  522. .flair-icon65 { background-position: -5px -2507px; }
  523. .flair-icon70 { background-position: -5px -2537px; }
  524. .flair-icon71 { background-position: -5px -2567px; }
  525. .flair-icon72 { background-position: -5px -2597px; }
  526. .flair-icon73 { background-position: -5px -2627px; }
  527. .flair-icon74 { background-position: -5px -2657px; }
  528. .flair-icon75 { background-position: -5px -2687px; }
  529. .flair-suzaku { background-position: -5px -2718px; }
  530.  
  531. /* Custom Flairs */
  532. .flair-Heer0 { background-image: url(%%badguys%%); background-repeat: no-repeat; margin-top: 1px; text-indent: 82px; margin-left: 4px; padding: 2px; border: none; vertical-align: top; min-width: 82px; height: 20px; }
  533. .flair-gus { background-image: url(%%seriaflair%%); background-repeat: no-repeat; margin-top: 1px; text-indent: 82px; margin-left: 4px; padding: 2px; border: none; vertical-align: top; min-width: 82px; height: 20px; }
  534.  
  535. /* Icons for Wiki */
  536. a[href^="#I/"] { font-size: 0!important; cursor: default }
  537. a[href^="#I/"]:after { height: 38px; width: 56px; content: " "; display: inline-block }
  538. a[href^="#I/Icons/"]:after { background: url("%%2-24-icons%%") }
  539. a[href*="/100000105/"]:after { background-position: -168px 0 }
  540. a[href*="/100000205/"]:after { background-position: -392px 0 }
  541. a[href*="/100000305/"]:after { background-position: -616px 0 }
  542. a[href*="/100000902/"]:after { background-position: -728px 0 }
  543. a[href*="/100001002/"]:after { background-position: -840px 0 }
  544. a[href*="/100001102/"]:after { background-position: -952px 0 }
  545. a[href*="/100001202/"]:after { background-position: -1064px 0 }
  546. a[href*="/100001302/"]:after { background-position: -1176px 0 }
  547. a[href*="/100001402/"]:after { background-position: -1288px 0 }
  548. a[href*="/100001502/"]:after { background-position: -1400px 0 }
  549. a[href*="/100001602/"]:after { background-position: -1512px 0 }
  550. a[href*="/100001703/"]:after { background-position: -1624px 0 }
  551. a[href*="/100001803/"]:after { background-position: -1736px 0 }
  552. a[href*="/100001903/"]:after { background-position: -1848px 0 }
  553. a[href*="/100002003/"]:after { background-position: -1960px 0 }
  554. a[href*="/100002104/"]:after { background-position: -2072px 0 }
  555. a[href*="/100002204/"]:after { background-position: -2184px 0 }
  556. a[href*="/100002304/"]:after { background-position: -2296px 0 }
  557. a[href*="/100002404/"]:after { background-position: -2408px 0 }
  558. a[href*="/100002505/"]:after { background-position: -2576px 0 }
  559. a[href*="/100002605/"]:after { background-position: -2744px 0 }
  560. a[href*="/100002705/"]:after { background-position: -2912px 0 }
  561. a[href*="/100002805/"]:after { background-position: -3080px 0 }
  562. a[href*="/100002902/"]:after { background-position: -3192px 0 }
  563. a[href*="/100003003/"]:after { background-position: -3304px 0 }
  564. a[href*="/100003203/"]:after { background-position: -3416px 0 }
  565. a[href*="/100003303/"]:after { background-position: -3528px 0 }
  566. a[href*="/100003403/"]:after { background-position: -3640px 0 }
  567. a[href*="/100003503/"]:after { background-position: -3752px 0 }
  568. a[href*="/100003603/"]:after { background-position: -3864px 0 }
  569. a[href*="/100003704/"]:after { background-position: -3976px 0 }
  570. a[href*="/100003805/"]:after { background-position: -4144px 0 }
  571. a[href*="/201000205/"]:after { background-position: -4312px 0 }
  572. a[href*="/201000303/"]:after { background-position: -4424px 0 }
  573. a[href*="/202000105/"]:after { background-position: -4592px 0 }
  574. a[href*="/202000204/"]:after { background-position: -4704px 0 }
  575. a[href*="/202001403/"]:after { background-position: -4816px 0 }
  576. a[href*="/203000805/"]:after { background-position: -4984px 0 }
  577. a[href*="/204000105/"]:after { background-position: -5152px 0 }
  578. a[href*="/204000204/"]:after { background-position: -5264px 0 }
  579. a[href*="/204000404/"]:after { background-position: -5376px 0 }
  580. a[href*="/204001303/"]:after { background-position: -5488px 0 }
  581. a[href*="/205000105/"]:after { background-position: -5656px 0 }
  582. a[href*="/205000504/"]:after { background-position: -5768px 0 }
  583. a[href*="/205000705/"]:after { background-position: -5936px 0 }
  584. a[href*="/206000105/"]:after { background-position: -6104px 0 }
  585. a[href*="/206000114/"]:after { background-position: -6216px 0 }
  586. a[href*="/206000304/"]:after { background-position: -6328px 0 }
  587. a[href*="/206000404/"]:after { background-position: -6440px 0 }
  588. a[href*="/206000504/"]:after { background-position: -6552px 0 }
  589. a[href*="/206000604/"]:after { background-position: -6664px 0 }
  590. a[href*="/206001503/"]:after { background-position: -6776px 0 }
  591. a[href*="/206001603/"]:after { background-position: -6888px 0 }
  592. a[href*="/209000105/"]:after { background-position: -7056px 0 }
  593. a[href*="/209000204/"]:after { background-position: -7168px 0 }
  594. a[href*="/209001005/"]:after { background-position: -7336px 0 }
  595. a[href*="/211000104/"]:after { background-position: -7448px 0 }
  596. a[href*="/212000105/"]:after { background-position: -7616px 0 }
  597. a[href*="/212000404/"]:after { background-position: -7728px 0 }
  598. a[href*="/212000604/"]:after { background-position: -7840px 0 }
  599. a[href*="/212000703/"]:after { background-position: -7952px 0 }
  600. a[href*="/212000803/"]:after { background-position: -8064px 0 }
  601. a[href*="/100003905/"]:after { background-position: -8232px 0 }
  602. a[href*="/100004005/"]:after { background-position: -8400px 0 }
  603. a[href*="/100004405/"]:after { background-position: -8568px 0 }
  604. a[href*="/204001405/"]:after { background-position: -8736px 0 }
  605. a[href*="/205000304/"]:after { background-position: -8848px 0 }
  606. a[href*="/206000205/"]:after { background-position: -9016px 0 }
  607. a[href*="/206000705/"]:after { background-position: -9184px 0 }
  608. a[href*="/206001705/"]:after { background-position: -9352px 0 }
  609. a[href*="/206001805/"]:after { background-position: -9520px 0 }
  610. a[href*="/301000104/"]:after { background-position: -9632px 0 }
  611. a[href*="/100004105/"]:after { background-position: -9800px 0 }
  612. a[href*="/100004605/"]:after { background-position: -9912px 0 }
  613. a[href*="/100004705/"]:after { background-position: -10080px 0 }
  614. a[href*="/201000105/"]:after { background-position: -10192px 0 }
  615. a[href*="/204000505/"]:after { background-position: -10360px 0 }
  616. a[href*="/205000205/"]:after { background-position: -10528px 0 }
  617. a[href*="/209000305/"]:after { background-position: -10640px 0 }
  618. a[href*="/209000505/"]:after { background-position: -10808px 0 }
  619. a[href*="/209000805/"]:after { background-position: -10976px 0 }
  620. a[href*="/209000904/"]:after { background-position: -11088px 0 }
  621. a[href*="/100000505/"]:after { background-position: -11256px 0 }
  622. a[href*="/302000105/"]:after { background-position: -11368px 0 }
  623. a[href*="/302000205/"]:after { background-position: -11480px 0 }
  624. a[href*="/302000305/"]:after { background-position: -11592px 0 }
  625. a[href*="/303000104/"]:after { background-position: -11704px 0 }
  626. a[href*="/100004205/"]:after { background-position: -11872px 0 }
  627. a[href*="/100004305/"]:after { background-position: -12040px 0 }
  628. a[href*="/213000106/"]:after { background-position: -12152px 0 }
  629. a[href*="/253000106/"]:after { background-position: -12264px 0 }
  630. a[href*="/253000206/"]:after { background-position: -12376px 0 }
  631. a[href*="/253000305/"]:after { background-position: -12488px 0 }
  632. a[href*="/253000405/"]:after { background-position: -12656px 0 }
  633. a[href*="/253000505/"]:after { background-position: -12768px 0 }
  634. a[href*="/253000605/"]:after { background-position: -12936px 0 }
  635. a[href*="/213000206/"]:after { background-position: -13104px 0 }
  636. a[href*="/213000305/"]:after { background-position: -13216px 0 }
  637. a[href*="/213000405/"]:after { background-position: -13384px 0 }
  638. a[href*="/213000505/"]:after { background-position: -13496px 0 }
  639. a[href*="/213000605/"]:after { background-position: -13664px 0 }
  640. a[href*="/255000105/"]:after { background-position: -13776px 0 }
  641. a[href*="/255000205/"]:after { background-position: -13888px 0 }
  642. a[href*="/255000305/"]:after { background-position: -14000px 0 }
  643. a[href*="/204000106/"]:after { background-position: -14056px 0 }
  644. a[href*="/204000116/"]:after { background-position: -14168px 0 }
  645. a[href*="/204000205/"]:after { background-position: -14224px 0 }
  646. a[href*="/204000305/"]:after { background-position: -14336px 0 }
  647. a[href*="/204000405/"]:after { background-position: -14392px 0 }
  648. a[href*="/204001105/"]:after { background-position: -14560px 0 }
  649. a[href*="/254000106/"]:after { background-position: -14672px 0 }
  650. a[href*="/254000405/"]:after { background-position: -14840px 0 }
  651. a[href*="/254000605/"]:after { background-position: -15008px 0 }
  652. a[href*="/254000706/"]:after { background-position: -15176px 0 }
  653. a[href*="/100000405/"]:after { background-position: -15344px 0 }
  654. a[href*="/203000206/"]:after { background-position: -15456px 0 }
  655. a[href*="/203000305/"]:after { background-position: -15624px 0 }
  656. a[href*="/203000406/"]:after { background-position: -15792px 0 }
  657. a[href*="/203000505/"]:after { background-position: -15960px 0 }
  658. a[href*="/203000806/"]:after { background-position: -16016px 0 }
  659. a[href*="/304000106/"]:after { background-position: -16128px 0 }
  660. a[href*="/304000206/"]:after { background-position: -16296px 0 }
  661. a[href*="/304000305/"]:after { background-position: -16464px 0 }
  662. a[href*="/100005106/"]:after { background-position: -16632px 0 }
  663. a[href*="/205000106/"]:after { background-position: -16688px 0 }
  664. a[href*="/205000305/"]:after { background-position: -16744px 0 }
  665. a[href*="/205000405/"]:after { background-position: -16912px 0 }
  666. a[href*="/205000505/"]:after { background-position: -16968px 0 }
  667. a[href*="/205000706/"]:after { background-position: -17024px 0 }
  668. a[href*="/205000806/"]:after { background-position: -17136px 0 }
  669. a[href*="/254000206/"]:after { background-position: -17248px 0 }
  670. a[href*="/254000306/"]:after { background-position: -17416px 0 }
  671. a[href*="/254000505/"]:after { background-position: -17584px 0 }
  672. a[href*="/254001005/"]:after { background-position: -17752px 0 }
  673. a[href*="/100000106/"]:after { background-position: -17808px 0 }
  674. a[href*="/100000316/"]:after { background-position: -17864px 0 }
  675. a[href*="/100004606/"]:after { background-position: -17920px 0 }
  676. a[href*="/100004905/"]:after { background-position: -17976px 0 }
  677. a[href*="/100005006/"]:after { background-position: -18032px 0 }
  678.  
  679. a[href^="#D/"] { font-size: 0!important; cursor: default }
  680. a[href^="#D/"]:after { height: 38px; width: 52px; content: " "; display: inline-block }
  681. a[href^="#D/stars/"]:after { background: url("%%stars2%%") }
  682. a[href*="/1star/"]:after { background-position: 0 0 }
  683. a[href*="/2star/"]:after { background-position: -52px 0 }
  684. a[href*="/3star/"]:after { background-position: -104px 0 }
  685. a[href*="/4star/"]:after { background-position: -156px 0 }
  686. a[href*="/5star/"]:after { background-position: -208px 0 }
  687. a[href*="/6star/"]:after { background-position: -260px 0 }
  688. a[href^="#Y/"] { font-size: 0!important; cursor: default }
  689. a[href^="#Y/"]:after { height: 180px; width: 480px; content: " "; display: inline-block }
  690.  
  691. /*-------Icons abilities---------*/
  692. a[href^="#A/"] { font-size: 0!important; cursor: default; }
  693. a[href^="#A/"]:after { height: 36px; width: 36px; content: " "; display: inline-block; }
  694. a[href^="#A/Icons/"]:after { background: url("%%abilityicons%%"); }
  695. a[href*="/a1/"]:after { background-position: -0px 0; }
  696. a[href*="/a2/"]:after { background-position: -36px 0; }
  697. a[href*="/a3/"]:after { background-position: -72px 0; }
  698. a[href*="/a4/"]:after { background-position: -108px 0; }
  699. a[href*="/a5/"]:after { background-position: -144px 0; }
  700. a[href*="/a15/"]:after { background-position: -180px 0; }
  701. a[href*="/a16/"]:after { background-position: -216px 0; }
  702. a[href*="/a17/"]:after { background-position: -252px 0; }
  703. a[href*="/a18/"]:after { background-position: -288px 0; }
  704. a[href*="/a19/"]:after { background-position: -324px 0; }
  705. a[href*="/a6/"]:after { background-position: -360px 0; }
  706. a[href*="/a7/"]:after { background-position: -396px 0; }
  707. a[href*="/a8/"]:after { background-position: -432px 0; }
  708. a[href*="/a9/"]:after { background-position: -468px 0; }
  709. a[href*="/a10/"]:after { background-position: -504px 0; }
  710. a[href*="/a11/"]:after { background-position: -540px 0; }
  711. a[href*="/a12/"]:after { background-position: -576px 0; }
  712. a[href*="/a13/"]:after { background-position: -612px 0; }
  713. a[href*="/a14/"]:after { background-position: -648px 0; }
  714. a[href*="/a20/"]:after { background-position: -684px 0; }
  715. a[href*="/a21/"]:after { background-position: -720px 0; }
  716. a[href*="/a22/"]:after { background-position: -756px 0; }
  717. a[href*="/a23/"]:after { background-position: -792px 0; }
  718. a[href*="/a24/"]:after { background-position: -828px 0; }
  719. a[href*="/a25/"]:after { background-position: -864px 0; }
  720. a[href*="/a26/"]:after { background-position: -900px 0; }
  721. a[href*="/a27/"]:after { background-position: -936px 0; }
  722. a[href*="/a28/"]:after { background-position: -972px 0; }
  723. a[href*="/a29/"]:after { background-position: -1008px 0; }
  724. a[href*="/a30/"]:after { background-position: -1044px 0; }
  725. a[href*="/a31/"]:after { background-position: -1080px 0; }
  726. a[href*="/a32/"]:after { background-position: -1116px 0; }
  727. a[href*="/a33/"]:after { background-position: -1152px 0; }
  728. a[href*="/a34/"]:after { background-position: -1188px 0; }
  729. a[href*="/a35/"]:after { background-position: -1224px 0; }
  730. a[href*="/a36/"]:after { background-position: -1260px 0; }
  731. a[href*="/a37/"]:after { background-position: -1296px 0; }
  732. a[href*="/a38/"]:after { background-position: -1332px 0; }
  733. a[href*="/a39/"]:after { background-position: -1368px 0; }
  734. a[href*="/a40/"]:after { background-position: -1404px 0; }
  735. a[href*="/a41/"]:after { background-position: -1440px 0; }
  736. a[href*="/a42/"]:after { background-position: -1476px 0; }
  737. a[href*="/a43/"]:after { background-position: -1512px 0; }
  738. a[href*="/a44/"]:after { background-position: -1548px 0; }
  739. a[href*="/a45/"]:after { background-position: -1584px 0; }
  740. a[href*="/a46/"]:after { background-position: -1620px 0; }
  741. a[href*="/a47/"]:after { background-position: -1656px 0; }
  742. a[href*="/a48/"]:after { background-position: -1692px 0; }
  743. a[href*="/a49/"]:after { background-position: -1728px 0; }
  744. a[href*="/a50/"]:after { background-position: -1764px 0; }
  745. a[href*="/a51/"]:after { background-position: -1800px 0; }
  746. a[href*="/a52/"]:after { background-position: -1836px 0; }
  747. a[href*="/a53/"]:after { background-position: -1872px 0; }
  748. a[href*="/a54/"]:after { background-position: -1908px 0; }
  749. a[href*="/a55/"]:after { background-position: -1944px 0; }
  750. a[href*="/a56/"]:after { background-position: -1980px 0; }
  751. a[href*="/a57/"]:after { background-position: -2016px 0; }
  752. a[href*="/a58/"]:after { background-position: -2052px 0; }
  753. a[href*="/a59/"]:after { background-position: -2088px 0; }
  754. a[href*="/a60/"]:after { background-position: -2124px 0; }
  755. a[href*="/a61/"]:after { background-position: -2160px 0; }
  756. a[href*="/a62/"]:after { background-position: -2196px 0; }
  757. a[href*="/a63/"]:after { background-position: -2232px 0; }
  758. a[href*="/a64/"]:after { background-position: -2268px 0; }
  759. a[href*="/a65/"]:after { background-position: -2304px 0; }
  760. a[href*="/a66/"]:after { background-position: -2340px 0; }
  761. a[href*="/a67/"]:after { background-position: -2376px 0; }
  762. a[href*="/a68/"]:after { background-position: -2412px 0; }
  763. a[href*="/a69/"]:after { background-position: -2448px 0; }
  764. a[href*="/a70/"]:after { background-position: -2484px 0; }
  765. a[href*="/a71/"]:after { background-position: -2520px 0; }
  766. a[href*="/a72/"]:after { background-position: -2556px 0; }
  767. a[href*="/a73/"]:after { background-position: -2592px 0; }
  768. a[href*="/a74/"]:after { background-position: -2628px 0; }
  769. a[href*="/a75/"]:after { background-position: -2664px 0; }
  770. a[href*="/a76/"]:after { background-position: -2700px 0; }
  771. a[href*="/a77/"]:after { background-position: -2736px 0; }
  772. a[href*="/a78/"]:after { background-position: -2772px 0; }
  773. a[href*="/a79/"]:after { background-position: -2808px 0; }
  774. a[href*="/a80/"]:after { background-position: -2844px 0; }
  775. a[href*="/a81/"]:after { background-position: -2880px 0; }
  776. a[href*="/a82/"]:after { background-position: -2916px 0; }
  777. a[href*="/a83/"]:after { background-position: -2952px 0; }
  778. a[href*="/a84/"]:after { background-position: -2988px 0; }
  779. a[href*="/a85/"]:after { background-position: -3024px 0; }
  780. a[href*="/a86/"]:after { background-position: -3060px 0; }
  781. a[href*="/a87/"]:after { background-position: -3096px 0; }
  782. a[href*="/a88/"]:after { background-position: -3132px 0; }
  783. a[href*="/a89/"]:after { background-position: -3168px 0; }
  784. a[href*="/a90/"]:after { background-position: -3204px 0; }
  785. a[href*="/a91/"]:after { background-position: -3240px 0; }
  786. a[href*="/a92/"]:after { background-position: -3276px 0; }
  787. a[href*="/a93/"]:after { background-position: -3312px 0; }
  788. a[href*="/a94/"]:after { background-position: -3348px 0; }
  789. a[href*="/a95/"]:after { background-position: -3384px 0; }
  790. a[href*="/a96/"]:after { background-position: -3420px 0; }
  791. a[href*="/a97/"]:after { background-position: -3456px 0; }
  792. a[href*="/a98/"]:after { background-position: -3492px 0; }
  793. a[href*="/a99/"]:after { background-position: -3528px 0; }
  794. a[href*="/a100/"]:after { background-position: -3564px 0; }
  795.  
  796. /* evo */
  797. a[href^="#B/"] { font-size: 0!important; cursor: default; }
  798. a[href^="#B/"]:after { height: 36px; width: 36px; content: " "; display: inline-block; }
  799. a[href^="#B/Icons/"]:after { background: url("%%evomats%%"); }
  800. a[href*="/evo1/"]:after { background-position: -0px 0; }
  801. a[href*="/evo2/"]:after { background-position: -36px 0; }
  802. a[href*="/evo3/"]:after { background-position: -72px 0; }
  803. a[href*="/evo4/"]:after { background-position: -108px 0; }
  804. a[href*="/evo5/"]:after { background-position: -144px 0; }
  805. a[href*="/evo6/"]:after { background-position: -180px 0; }
  806. a[href*="/evo7/"]:after { background-position: -216px 0; }
  807. a[href*="/evo8/"]:after { background-position: -252px 0; }
  808. a[href*="/evo9/"]:after { background-position: -288px 0; }
  809. a[href*="/evo10/"]:after { background-position: -324px 0; }
  810. a[href*="/evo11/"]:after { background-position: -360px 0; }
  811. a[href*="/evo12/"]:after { background-position: -396px 0; }
  812. a[href*="/evo13/"]:after { background-position: -432px 0; }
  813. a[href*="/evo14/"]:after { background-position: -468px 0; }
  814. a[href*="/evo15/"]:after { background-position: -504px 0; }
  815. a[href*="/evo16/"]:after { background-position: -540px 0; }
  816. a[href*="/evo17/"]:after { background-position: -576px 0; }
  817. a[href*="/evo18/"]:after { background-position: -612px 0; }
  818. a[href*="/evo19/"]:after { background-position: -648px 0; }
  819. a[href*="/evo20/"]:after { background-position: -684px 0; }
  820. a[href*="/evo21/"]:after { background-position: -720px 0; }
  821. a[href*="/evo22/"]:after { background-position: -756px 0; }
  822. a[href*="/evo23/"]:after { background-position: -792px 0; }
  823. a[href*="/evo24/"]:after { background-position: -828px 0; }
  824. a[href*="/evo25/"]:after { background-position: -864px 0; }
  825. a[href*="/evo26/"]:after { background-position: -900px 0; }
  826. a[href*="/evo27/"]:after { background-position: -936px 0; }
  827.  
  828. /*-Ele Status-*/
  829. a[href^="#Z/"] { font-size: 0!important; cursor: default; }
  830. a[href^="#Z/"]:after { height: 38px; width: 38px; content: " "; display: inline-block; }
  831. a[href^="#Z/Icons/"]:after { background: url("%%icons2%%"); }
  832. a[href*="/z1/"]:after { background-position: -0px 0; }
  833. a[href*="/z2/"]:after { background-position: -40px 0; }
  834. a[href*="/z3/"]:after { background-position: -80px 0; }
  835. a[href*="/z4/"]:after { background-position: -120px 0; }
  836. a[href*="/z5/"]:after { background-position: -160px 0; }
  837. a[href*="/z6/"]:after { background-position: -200px 0; }
  838. a[href*="/z7/"]:after { background-position: -240px 0; }
  839. a[href*="/z8/"]:after { background-position: -280px 0; }
  840. a[href*="/z9/"]:after { background-position: -320px 0; }
  841. a[href*="/z10/"]:after { background-position: -360px 0; }
  842. a[href*="/z11/"]:after { background-position: -400px 0; }
  843. a[href*="/z12/"]:after { background-position: -440px 0; }
  844. a[href*="/z13/"]:after { background-position: -480px 0; }
  845. a[href*="/z14/"]:after { background-position: -520px 0; }
  846. a[href*="/z15/"]:after { background-position: -560px 0; }
  847. a[href*="/z16/"]:after { background-position: -600px 0; }
  848. a[href*="/e60/"]:after { background-position: -640px 0; }
  849. a[href*="/e14/"]:after { background-position: -680px 0; }
  850. a[href*="/e9/"]:after { background-position: -720px 0; }
  851. a[href*="/e52/"]:after { background-position: -760px 0; }
  852. a[href*="/e41/"]:after { background-position: -800px 0; }
  853. a[href*="/e8/"]:after { background-position: -840px 0; }
  854. a[href*="/e31/"]:after { background-position: -880px 0; }
  855. a[href*="/e51/"]:after { background-position: -920px 0; }
  856. a[href*="/e30/"]:after { background-position: -960px 0; }
  857. a[href*="/e3/"]:after { background-position: -1000px 0; }
  858. a[href*="/e7/"]:after { background-position: -1040px 0; }
  859. a[href*="/e11/"]:after { background-position: -1080px 0; }
  860. a[href*="/e15/"]:after { background-position: -1120px 0; }
  861. a[href*="/e6/"]:after { background-position: -1160px 0; }
  862. a[href*="/e10/"]:after { background-position: -1200px 0; }
  863. a[href*="/e40/"]:after { background-position: -1240px 0; }
  864. a[href*="/e4/"]:after { background-position: -1280px 0; }
  865. a[href*="/e2/"]:after { background-position: -1320px 0; }
  866. a[href*="/e1/"]:after { background-position: -1360px 0; }
  867. a[href*="/e5/"]:after { background-position: -1400px 0; }
  868. a[href*="/e50/"]:after { background-position: -1440px 0; }
  869. a[href*="/e16/"]:after { background-position: -1480px 0; }
  870. a[href*="/e53/"]:after { background-position: -1520px 0; }
  871. a[href*="/e13/"]:after { background-position: -1560px 0; }
  872. a[href*="/e12/"]:after { background-position: -1600px 0; }
  873.  
  874. /* SIDEBARBANNERS */
  875. .side { padding-top: 350px;background: url(%%img-product%%) no-repeat 15px 0px;background-color:#fff;border: 2px solid #D5D5E6;outline: 1px outset #000B2B;border-radius: 4px;}
  876. /*Chat*/
  877. .side .md>p>a[href="https://discord.gg/010Nwk3Jq9co277GP"], a[href="https://goo.gl/O0uS8N"]{height: 27px;background-color: #001439;border-radius: 4px;color: white!important;line-height: 21px;font-size: 16px!important;display: block;text-align: right;padding-top: 4px;padding-right: 58px;padding-bottom: 25px;margin-top: 14px;margin-bottom: 30px;box-shadow: 0 2px 4px rgba(0,0,0,.2);transition: all .25s ease;}
  878. .side .md>p>a[href="https://discord.gg/010Nwk3Jq9co277GP"]:hover{background-color: rgb(101,108,204);transition: all .25s ease;}
  879. .side .md>p>a[href="https://goo.gl/O0uS8N"]:hover{background-color: rgb(101,108,204);transition: all .25s ease;}
  880. .side .md>p>a[href="https://discord.gg/010Nwk3Jq9co277GP"]:after{content:"";font-size:0;background-image:url(%%chat%%);background-position: -0px -0px;display:block;background-repeat: no-repeat;position: relative;bottom: 44px;height: 64px;left: 16px;}
  881. .side .md>p>a[href="https://discord.gg/010Nwk3Jq9co277GP"]:hover:after{background-image:url(%%chat%%);background-position: -0px -65px;}
  882. .side .md>p>a[href="https://goo.gl/O0uS8N"]:after{content:"";font-size:0;background-image:url(%%chat%%);background-position: -0px -130px;display:block;background-repeat: no-repeat;
  883. position: relative;bottom: 44px;height: 64px;left: 16px;}
  884. .side .md>p>a[href="https://goo.gl/O0uS8N"]:hover:after{background-image:url(%%chat%%);background-position: -0px -195px;}
  885.  
  886. /*Test Trials*/
  887. .wiki [href*="#trial/"] { background-image: url(%%trial%%); background-repeat: no-repeat; display: block; height: 267px; width: 260px; }
  888. .wiki [href*="wd"] { background-position: -0px -0px; }
  889. .wiki [href*="ch"] { background-position: -0px -267px; }
  890. .wiki [href*="br"] { background-position: -0px -534px; }
  891. .wiki [href*="sl"] { background-position: -0px -801px; }
  892. .wiki [href*="gd"] { background-position: -0px -1068px; }
  893. .wiki [href*="ant"] { background-position: -0px -1335px; }
  894. .wiki [href*="2hd"] { background-position: -0px -1602px; }
  895.  
  896. /*Testing Colors*/
  897. a[href$="/gg"], a[href$="/gg"]:visited { color: #4AC925!important }
  898. a[href$="/gt"], a[href$="/gt"]:visited { color: #0715CD!important }
  899. a[href$="/tg"], a[href$="/tg"]:visited { color: #e00707!important }
  900. a[href$="/ct"], a[href$="/ct"]:visited { color: #000056!important }
  901. a[href$="/stt"], a[href$="/stt"]:visited { color: #f2a400!important }
  902. a[href$="/ga"], a[href$="/ga"]:visited { color: #008141!important }
  903. a[href$="/tt"], a[href$="/tt"]:visited { color: #b536da!important }
  904. a[href$="/UU"], a[href$="/UU"]:visited { color: #929292!important }
  905. a[href$="/cc"], a[href$="/cc"]:visited { color: #77003c!important }
  906. a[href$="/ca"], a[href$="/ca"]:visited { color: #6a006a!important }
  907. a[href$="/cg"], a[href$="/cg"]:visited { color: #626262!important }
  908.  
  909. /*User after titles*/
  910. a.author[href$='reddit.com/user/Heer0']:after { content: " [Bad Guy]"; }
  911. a.author[href$='reddit.com/user/suzaku1221']:after { content: " Moogle King "; background: #8A686E;border: 1px solid black;margin-left: 3px;color: white;text-shadow: 1px 1px 1px black;font-weight: bold;}
  912. a.author[href$='reddit.com/user/Nazta']:after {content: " Thunder God ";background: red;border: 1px solid black;margin-left: 3px;color: white;text-shadow: 1px 1px 1px black;font-weight: bold;}
  913. a.author[href$='reddit.com/user/FFSnipe']:after { content: " Lone Wolf ";background: #427C48;border: 1px solid black;margin-left: 3px;color: white;text-shadow: 1px 1px 1px black;font-weight: bold; }
  914. a.author[href$='reddit.com/user/GusGolds_Bot']:after { content: " [Hands of Time]"; }
  915.  
  916. /*Banner Scroll*/ /*2412 -> 2810*/
  917. body:before {background-image:url(%%scrollbanner2%%);background-color:#01104B;background-repeat: repeat;-webkit-animation: scroll 160s linear infinite;animation: scroll 50s linear infinite;}
  918. @-webkit-keyframes scroll {from { background-position: 0 0; } to { background-position: -2810px 0; }}
  919. @keyframes scroll {from { background-position: 0 0; } to { background-position: -2810px 0; }}
  920.  
  921. /* Announcements */
  922. body>.content{ margin-top:258px; } /* change this to the following - 288px for 3 announcements - 258px for 2 announcements - 228px for 1 announcement - 182px for 0 announcements */
  923. .side .md h5 { list-style-type: none!important; position: absolute; display: block; margin: 0; background-color: #fff; color: #666; text-align: center; padding: 0; line-height: 30px; box-shadow: 0 1px 5px rgba(0,0,0,.16); right: 332px; left: 16px; border-radius: 2px; }
  924. .side .md h5:nth-of-type(1) { top: 182px; border-radius: 2px 2px 0 0; }
  925. .side .md h5:nth-of-type(2) { top: 212px; border-radius: 0 0 2px 2px; }
  926. .side .md h5:nth-of-type(3) { top: 242px; }
  927.  
  928. /*H6 Q&A*/
  929. .side h6 a[href="//redd.it/4b5psk"] { position: absolute; display: block; height: 37px; width: 300px; right: 16px; top: 218px; border: 0px solid black; background: #030825; border-radius: 2px; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25); line-height: 35px; color: #FDFDFD!important; text-align: center; letter-spacing: 1px; background-position: 273px -214px!important; background-repeat: no-repeat!important;}
  930. .side h6 a[href="//redd.it/4b5psk"]:hover {background-color:#002172}
  931.  
  932. /*Tables*/
  933. .md th {cursor: pointer;background: #001439;color: white;}
  934. .md td {border: 1px solid #D5D5E6;}
  935.  
  936. /*SIDEBAR HOVER TABLES*/
  937. .side table:nth-of-type(1) {display: block;margin-left: 12px; margin-right:12px;}
  938. .side table:nth-of-type(1) thead {display: none;}
  939. .side table:nth-of-type(1) tbody {display: block;color: white;font-family: verdana,arial,sans-serif;border: 0px solid #A6A6A6;outline: 1px solid #A6A6A6;border-radius:4px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);text-align: center!important}
  940. .side table:nth-of-type(1) tbody tr {display: list-item;list-style-type:none;}
  941. .side table:nth-of-type(1) tbody tr td {display: block;text-align: center!important}
  942. .side table:nth-of-type(1) tbody tr td:first-child {background-color: #001439;padding: 4px;text-align: center!important;}
  943. .side table:nth-of-type(1) tbody tr td:not(:first-child) {display: none;color: black;}
  944. .side table:nth-of-type(1) tbody tr:hover td:not(:first-child) {display: block;}
  945. .res-nightmode .side table:nth-of-type(1) tbody tr td:not(:first-child) {color: white;}
  946.  
  947. /*Sidebar H3*/
  948. .side .md h3 {text-align: center;background: linear-gradient(to right,#000000 0%,#01276D 35%,#012463 66%,#000000 100%);border: 1px solid #000000;
  949. color: white;text-shadow: 1px 1px 1px #000000;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.65);width: 300px;margin-left: -18px;}
  950. .side table a {color: #040098;}
  951.  
  952. /*Sidebar Buttons*/
  953. .side .md a[href*='#button'] {color: white;background-color: #001439;border-radius:1px;border: 0px solid #D5D5E6;font-size: 12px;font-family: verdana,arial,sans-serif;line-height: 25px;padding-left: 10px;display: block;width: 225px;margin-bottom: 4px;margin-left: 21px;}
  954.  
  955. .side .md a[href*='#button']:hover {color: #ECF0F1;background-color: #01276D;}
  956.  
  957. .side .md a[href*='#2'] {text-indent: 5px;}
  958.  
  959. /*Dropdown P1*/
  960.  
  961. .side .md blockquote li{ margin-left: -6px; list-style: none!important; font-weight: normal; color: #fff; height:20px; text-align: left; line-height: 20px!important; margin-top: 2px; border-radius:1px; width: 200px; font-family: Tahoma, sans-serif; letter-spacing: 1px;}
  962. .side .md blockquote li a{ width:inherit; color: #fff; display:block; padding-left: 5px;}
  963.  
  964. /*Color Codes*/
  965. .side .md li { background:#00112F no-repeat 275px -525px; }
  966.  
  967. /*Dropdown P2*/
  968. .side .md h4 { margin-bottom: 0 !important;}
  969. .titlebox .md h4 + ul { display: none; margin-top: 0px; overflow: hidden;}
  970. .titlebox .md h4:hover + ul,
  971. .titlebox .md h4 + ul:hover { display: block; transition: .5s ease all;}
  972. .titlebox .md h4 + ul li:hover { background-color: #01276D;}
  973. .res-nightmode .titlebox .md h4 + ul li:hover { background-color: #393939;}
  974. .titlebox .md h4 { color: white; background-color: #001439; border-radius:1px; font-size: 12px; font-family: Tahoma, sans-serif; font-weight: bold; letter-spacing: 1px; line-height: 25px; padding-left: 10px; display: block; width: 225px; margin-top: 1px; margin-left: 9px; cursor: pointer;}
  975.  
  976. /*Filters*/
  977. /*Individual BG color at some point*/
  978. .side .md a[href*="#filter"] { display: inline-block; height: 14px; width: 100px; color: white; text-align: center; margin-right: -1.5em; line-height: 12px; margin-left: 27px; background-color: #030825; border: 1px solid black; box-shadow: 1px 1px 3px rgba(0,0,0,0.49); text-shadow: 1px 1px 1px black; border-radius: 1px; font-weight: bold; letter-spacing: 1px; font-size: 11px;}
  979. .side .md a[href*="#filter"]:hover {background-color:#002172}
  980.  
  981. /*wiki h4*/
  982. .wiki-page-content .md h4 {text-align: left;background: linear-gradient(to right,#000000 0%,#01276D 15%,rgba(1, 36, 99, 0.26) 26%,rgba(0, 0, 0, 0) 50%);border-bottom: 1px solid black;border-left: 4px solid #2C303E;font-weight: bold;font-style: normal;text-indent: 8px;line-height: 32px;}
  983.  
  984. /*Hidden*/
  985. a[href$="#hidden"] {
  986. color: black;
  987. text-decoration: underline;
  988. }
  989. a[href$="#hidden"]:after {
  990. content: attr(title);
  991. position: relative;
  992. left: 5px;
  993. height: 0px;
  994. background-color: transparent;
  995. color: #012669;
  996. font-weight: bold;
  997. display: inline-block;
  998. transition: .2s ease;
  999. font-size: 0
  1000. }
  1001. a[href$="#hidden"]:hover:after {
  1002. font-size: 1em
  1003. }
  1004.  
  1005. /*Wiki H1*/
  1006. .wiki-page-content .md h1 {
  1007. color: #012059;
  1008. font-weight: bold;
  1009. text-align: center;
  1010. text-decoration: underline;
  1011. text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.39);}
  1012.  
  1013. /* flair filtering */
  1014. /* no global */
  1015. html[lang="ng"] .linkflair-gmega, html[lang="ng"] .linkflair-gnews, html[lang="ng"] .linkflair-gdisc, html[lang="ng"] .linkflair-gtech, html[lang="ng"] .linkflair-gmedia, html[lang="ng"] .linkflair-gother {
  1016. display: none;
  1017. }
  1018. /* no japan */
  1019. html[lang="nj"] .linkflair-jmega, html[lang="nj"] .linkflair-jnews, html[lang="nj"] .linkflair-jdisc, html[lang="nj"] .linkflair-jtech, html[lang="nj"] .linkflair-jmedia, html[lang="nj"] .linkflair-jother {
  1020. display: none;
  1021. }
  1022. .side .md a[href*="https://goo.gl/axMlAz"] {
  1023. position: absolute;
  1024. display: block;
  1025. height: 37px;
  1026. width: 113px;
  1027. right: 203px;
  1028. top: 257px;
  1029. border: 0px solid black;
  1030. background: #030825;
  1031. border-radius: 2px;
  1032. box-shadow: 1px 2px 1px rgba(0,0,0,0.25);
  1033. line-height: 35px;
  1034. color: #FDFDFD!important;
  1035. text-align: center;
  1036. letter-spacing: 1px;
  1037. background-position: 273px -214px!important;
  1038. background-repeat: no-repeat!important;
  1039. }
  1040. .side .md a[href*="https://goo.gl/IKdpH2"] {
  1041. position: absolute;
  1042. display: block;
  1043. height: 37px;
  1044. width: 113px;
  1045. right: 16px;
  1046. top: 257px;
  1047. border: 0px solid black;
  1048. background: #030825;
  1049. border-radius: 2px;
  1050. box-shadow: 1px 2px 1px rgba(0,0,0,0.25);
  1051. line-height: 35px;
  1052. color: #FDFDFD!important;
  1053. text-align: center;
  1054. letter-spacing: 1px;
  1055. background-position: 273px -214px!important;
  1056. background-repeat: no-repeat!important;
  1057. }
  1058. .side .md a[href*="https://goo.gl/MWvZ3G"] {
  1059. position: absolute;
  1060. display: block;
  1061. height: 37px;
  1062. width: 70px;
  1063. right: 131px;
  1064. top: 257px;
  1065. border: 0px solid black;
  1066. background: #030825;
  1067. border-radius: 2px;
  1068. box-shadow: 1px 2px 1px rgba(0,0,0,0.25);
  1069. line-height: 35px;
  1070. color: #FDFDFD!important;
  1071. text-align: center;
  1072. letter-spacing: 1px;
  1073. background-position: 273px -214px!important;
  1074. background-repeat: no-repeat!important;
  1075. }
  1076. .side .md a[href*="https://goo.gl/axMlAz"]:hover, .side .md a[href*="https://goo.gl/IKdpH2"]:hover, .side .md a[href*="https://goo.gl/MWvZ3G"]:hover {background-color:#002172}
  1077.  
  1078. /* advert fix */
  1079. #ad_sponsorship {
  1080. margin-top: -18px;
  1081. border-radius: 0;
  1082. border: 2px solid #D5D5E6;
  1083. height: 104px;
  1084. }
  1085. .discuss-ad {
  1086. display: none!important;
  1087. }
  1088.  
  1089. /* comment area block quotes */
  1090. .commentarea .thing .md blockquote {
  1091. margin: 10px;
  1092. background: linear-gradient(to top,#01266B 0%,#FBFBFB 2%,#FBFBFB 98%,#01266C 100%);
  1093. padding: 10px 53px 10px 53px;
  1094. position: relative;
  1095. overflow: hidden;
  1096. line-height: 1.2;
  1097. color: rgba(64, 8, 97, 0.92);
  1098. font-weight: bold;
  1099. }
  1100.  
  1101. .commentarea .thing .md blockquote::before {
  1102. content: "";
  1103. background: url(%%quoteicon2%%) 0px 0px no-repeat;
  1104. width: 32px;
  1105. height: 24px;
  1106. position: absolute;
  1107. left: 10px;
  1108. top: 10px;
  1109. }
  1110.  
  1111. .commentarea .thing .md blockquote::after {
  1112. content: "";
  1113. background: url(%%quoteicon2%%) -32px 0px no-repeat;
  1114. width: 32px;
  1115. height: 20px;
  1116. position: absolute;
  1117. right: 10px;
  1118. top: 10px;
  1119. }
Add Comment
Please, Sign In to add comment