ExCSS

Modify EH/X layout to emulate legacy.

질문, 리뷰하거나, 이 스크립트를 신고하세요.
  1. // ==UserScript==
  2. // @name ExCSS
  3. // @author Hauffen
  4. // @description Modify EH/X layout to emulate legacy.
  5. // @version 1.0
  6. // @include /https?:\/\/(e-|ex)hentai\.org\/.*/
  7. // @require https://code.jquery.com/jquery-3.3.1.min.js
  8. // @namespace https://greasyfork.org/users/285675
  9. // ==/UserScript==
  10.  
  11. (function() {
  12. var s = `<style data-jqstyle="ExCSS">body {
  13. background: #1e272e;
  14. font-family: Arial, Symbola;
  15. }
  16.  
  17. a {
  18. cursor:pointer;
  19. }
  20.  
  21. div.ido {
  22. background: #485460;
  23. border: 1px solid rgba(0, 0, 0, 0.5);
  24. padding-bottom: 20px;
  25. }
  26.  
  27. div.idi {
  28. background: #1e272e50;
  29. }
  30.  
  31. div.cs {
  32. text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  33. }
  34.  
  35. input[type="text"],
  36. input[type="password"],
  37. select,
  38. textarea {
  39. border: 1px solid #485460;
  40. }
  41.  
  42. input,
  43. select,
  44. option,
  45. optgroup,
  46. textarea {
  47. background-color: #1e272e;
  48. }
  49.  
  50. input[type="button"],
  51. input[type="submit"] {
  52. border: 2px solid #485460;
  53. }
  54.  
  55. table.ptt td {
  56. background: #48546050;
  57. border: 1.5px solid #000000;
  58. border-bottom: 1.5px solid #000000;
  59. padding: 3px;
  60. }
  61.  
  62. td.ptds {
  63. background: #1e272ed0 !important;
  64. }
  65.  
  66. td.ptds:hover {
  67. color: #DDD !important;
  68. background: #1e272e50 !important;
  69. }
  70.  
  71. td.ptdd {
  72. color: #1e272e !important;
  73. }
  74.  
  75. td.ptdd:hover {
  76. color: #DDD !important;
  77. background: #1e272e50 !important;
  78. }
  79.  
  80. table.ptt td:hover {
  81. background: #1e272e50;
  82. }
  83.  
  84. table.ptb {
  85. font-size: 12pt;
  86. }
  87.  
  88. table.ptb td {
  89. background: #48546050;
  90. border: 1px solid #000000;
  91. border-top: 1px solid #000000;
  92. padding: 3px;
  93. }
  94.  
  95. table.ptb td:hover {
  96. background: #1e272e50;
  97. }
  98.  
  99. div.itg {
  100. max-width: none;
  101. border-top: none;
  102. border-bottom: none;
  103. margin-bottom: 10px;
  104. }
  105.  
  106. .gld {
  107. border-left: none;
  108. }
  109.  
  110. .gl1t {
  111. background: #1e272e50 !important;
  112. border: 1px solid rgba(0, 0, 0, 0.5);
  113. border-radius: 5px;
  114. border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  115. border-right: 1px solid rgba(0, 0, 0, 0.5);
  116. position: relative;
  117. margin: 10px;
  118. min-height: 445px;
  119. max-width:250px;
  120. }
  121.  
  122. .gl4t {
  123. font-weight: bold;
  124. text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  125. }
  126.  
  127. .gl3t {
  128. border-radius: 0px;
  129. }
  130.  
  131. .gl5t {
  132. position: absolute;
  133. bottom: 18px;
  134. left: 20px;
  135. }
  136.  
  137. div.gm,
  138. div#gd2,
  139. div#gright,
  140. div#gmid {
  141. background: #485460;
  142. }
  143.  
  144. div#gdt {
  145. background: #485460;
  146. }
  147.  
  148. div.c2 {
  149. background: #1e272e;
  150. }
  151.  
  152. div.thd,
  153. div.tha {
  154. border: 1px solid #444;
  155. color: #444;
  156. }
  157.  
  158. div.ths {
  159. background: #485460;
  160. border: 1px solid black;
  161. }
  162.  
  163. div.gt {
  164. background: #485460;
  165. border: 1px solid #DDD;
  166. }
  167.  
  168. div.gtl {
  169. background: #485460;
  170. border: 1px dashed #DDD;
  171. }
  172.  
  173. div.gtw {
  174. background: #485460;
  175. border: 1px dotted #DDD;
  176. }
  177.  
  178. div.gl3t {
  179. position: absolute;
  180. top: 38px;
  181. left: -1px;
  182. }
  183.  
  184. div.gl4t {
  185. max-height: none;
  186. height: 32px;
  187. }
  188.  
  189. div.gl4t:hover {
  190. overflow: visible;
  191. z-index: 1;
  192. background: rgba(0, 0, 0, 0.5);
  193. height: auto;
  194. }
  195.  
  196. input[type="text"]:enabled:hover,
  197. input[type="password"]:enabled:hover,
  198. select:enabled:hover,
  199. textarea:enabled:hover,
  200. input[type="text"]:enabled:focus,
  201. input[type="password"]:enabled:focus,
  202. select:enabled:focus,
  203. textarea:enabled:focus {
  204. background-color: rgba(255, 255, 255, 0.1);
  205. }
  206.  
  207. input[type="button"]:enabled:hover,
  208. input[type="submit"]:enabled:hover,
  209. input[type="button"]:enabled:focus,
  210. input[type="submit"]:enabled:focus {
  211. background-color: rgba(255, 255, 255, 0.1) !important;
  212. border-color: #DDD !important;
  213. }
  214.  
  215. .lc:hover input:enabled ~ span,
  216. .lr:hover input:enabled ~ span,
  217. .lc input:enabled:focus ~ span,
  218. .lr input:enabled:focus ~ span,
  219. div.fp:hover {
  220. background-color: rgba(255, 255, 255, 0.1) !important;
  221. border-color: #DDD !important;
  222. }
  223.  
  224. .glname a:visited,
  225. .glname a:active {
  226. color: #DDD;
  227. }
  228.  
  229. table.mt,
  230. tr.gtr1,
  231. .stuffbox,
  232. div.sni {
  233. background: #485460;
  234. }
  235.  
  236. table.itg > tbody > tr:nth-child(2n+1),
  237. table.itg > tbody > tr > th {
  238. background: #1e272e50;
  239. }
  240.  
  241. table.itg > tbody > tr:nth-child(2n+2) {
  242. background: #485460;
  243. }
  244.  
  245. tr.gtr,
  246. tr.gtr0 {
  247. background: #1e272e50;
  248. }
  249.  
  250. div[id^="cell_"] {
  251. background: #1e272e50;
  252. }
  253.  
  254. div#db {
  255. background: #485460;
  256. }
  257.  
  258. .lr > span,
  259. .lc > span {
  260. background: #1e272e;
  261. }
  262.  
  263. div.fps {
  264. background: #1e272e;
  265. border: 1px solid #000;
  266. padding-top: 6px !important;
  267. }
  268.  
  269. div.fp {
  270. border-radius: 0px;
  271. }
  272.  
  273. .gl5t > div:nth-child(1) > div:nth-child(2),
  274. .gl5t > div:nth-child(2) > div:nth-child(2) {
  275. border: none !important;
  276. background-color: rgba(0, 0, 0, 0) !important;
  277. top: 29px;
  278. }
  279.  
  280. div#torrentinfo > div:last-child {
  281. border: none !important;
  282. }
  283.  
  284. div#torrentinfo form > div {
  285. border: 1px solid #000 !important;
  286. }
  287.  
  288. div#torrentinfo form:last-child > div {
  289. border: none !important;
  290. }
  291.  
  292. table.itg {
  293. border: 2px solid transparent;
  294. }</style>`;
  295.  
  296. $(s).appendTo("head");
  297. })();