Advertisement
Guest User

Untitled

a guest
Jul 20th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.96 KB | None | 0 0
  1. @import "https://dl.dropbox.com/s/8vjos6cpj8yo4ek/RedTopBar.css";
  2. @import url(https://malcat-gen.appspot.com/series?preset=more);
  3. @import "https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM";
  4. * {
  5. text-decoration: none;
  6. }
  7. body {
  8. background-attachment: fixed;
  9. background-clip: border-box;
  10. background-color: rgba(0, 0, 0, 0);
  11. background-image: url("http://animewallpaperstock.com/wallpaper/04ta/date-a-live/date-a-live0032.jpg");
  12. background-position: 33% 97%;
  13. background-repeat: no-repeat no-repeat;
  14. background-size: cover;
  15. font-family: candara;
  16. }
  17. @font-face {
  18. font-family: "SAO";
  19. src: url("http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Fonts/SAO.woff") format("woff");
  20. }
  21. a, #searchListButton {
  22. }
  23. a {
  24. text-decoration: none;
  25. }
  26. a:hover {
  27. color: #FFD700 !important;
  28. }
  29. body {
  30. background-color: rgba(0, 0, 0, 0);
  31. color: #7F7E7E;
  32. font-family: Candara;
  33. }
  34. #list_surround {
  35. font-size: 81.25%;
  36. height: 200px;
  37. left: 100%;
  38. line-height: 1;
  39. margin-left: -960px !important;
  40. padding-bottom: 10px;
  41. padding-left: 0;
  42. padding-right: 0;
  43. position: relative;
  44. top: 0;
  45. width: 650px;
  46. }
  47. .table_header {
  48. padding-bottom: 4px;
  49. }
  50. .table_header span {
  51. display: none;
  52. }
  53. .table_header:nth-child(2) {
  54. text-align: left;
  55. }
  56. .td1, .td2 {
  57. padding: 4px 0;
  58. transition: background-color 0.5s ease 0s;
  59. }
  60. .animetitle + small {
  61. color: #D79C20 !important;
  62. font-weight: bold;
  63. text-shadow: 0 0 3px #000000, 0 0 2px #000000, 0 1px 7px #FFFFFF, 0 0 0 #FFFFFF;
  64. visibility: visible !important;
  65. }
  66. #list_surround small {
  67. visibility: hidden;
  68. }
  69. #list_surround small a:last-of-type {
  70. display: none !important;
  71. }
  72. td[class^="td"]:nth-child(2) {
  73. text-align: left;
  74. }
  75. td[class^="td"]:nth-child(3) {
  76. background-position: 49% 3px;
  77. background-repeat: no-repeat;
  78. }
  79. td[class^="td"]:nth-child(4) {
  80. color: #D7D6D6;
  81. }
  82. [cellspacing="0"] {
  83. line-height: 17px;
  84. }
  85. #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
  86. margin-right: 10px;
  87. visibility: visible !important;
  88. }
  89. .table_header, .td1, .td2 {
  90. background-color: rgba(242, 4, 4, 0.75);
  91. text-align: center;
  92. vertical-align: top;
  93. }
  94. tr:hover td[class^="td"] {
  95. background-color: #FF0048;
  96. }
  97. tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 {
  98. color: #FFFFFF;
  99. text-shadow: 0 0 1px #FFFFFF;
  100. }
  101. a {
  102. color: #D7D6D6;
  103. }
  104. .table_headerLink {
  105. color: #FFFFFF !important;
  106. line-height: 20px;
  107. }
  108. td[class^="td"]:nth-child(3), td[class^="td"]:nth-child(3) a {
  109. color: #FFFFFF !important;
  110. text-shadow: 0 0 0 #000000 !important;
  111. }
  112. td[class^="td"]:first-child {
  113. border-left: 2px solid #FF0048 !important;
  114. }
  115. td[class^="td"]:last-child {
  116. border-right: 2px solid #FF0048 !important;
  117. }
  118. .table_header {
  119. background-color: #F20404;
  120. border-color: #FF0048;
  121. border-style: solid;
  122. border-width: 2px 0;
  123. }
  124. .table_header:first-child {
  125. border-bottom: 2px solid #FF0048 !important;
  126. border-left: 2px solid #FF0048 !important;
  127. border-right: 0 none;
  128. border-top: 2px solid #FF0048 !important;
  129. border-top-left-radius: 16px;
  130. }
  131. .table_header:nth-child(5) {
  132. border-radius: 0 16px 0 0;
  133. border-right: 2px solid #FF0048 !important;
  134. }
  135. .header_title {
  136. display: inline-block;
  137. height: 100px;
  138. pointer-events: none;
  139. }
  140. .category_totals {
  141. background-color: #F20404;
  142. border: 2px solid #FF0048;
  143. border-radius: 0 0 16px 16px;
  144. color: #FFFFFF;
  145. padding: 3px 3px 9px;
  146. text-align: center;
  147. }
  148. #grand_totals {
  149. background-color: #F20404;
  150. border-color: #FFFFFF;
  151. border-radius: 0 0 12px 12px;
  152. border-style: solid;
  153. border-width: 0 2px;
  154. color: #FFFFFF;
  155. display: block;
  156. margin-top: -30px;
  157. padding: 0 10px 10px;
  158. position: absolute;
  159. text-align: center;
  160. width: calc(100% - 24px);
  161. }
  162. #copyright:before {
  163. content: "Design by SylakentH_.";
  164. font-size: 12px;
  165. }
  166. #copyright {
  167. background-color: #A0373C;
  168. border: 4px solid #F20404;
  169. border-radius: 12px;
  170. color: #FFFFFF;
  171. display: block;
  172. margin-top: -10px !important;
  173. padding: 2px 14px 4px;
  174. position: relative;
  175. }
  176. #copyright a {
  177. color: #FFFFFF;
  178. font-size: 14px;
  179. padding-right: 2px;
  180. text-shadow: 1px 1px #F11C26;
  181. }
  182. #:before {
  183. color: #FFFFFF;
  184. content: " ";
  185. display: block;
  186. font-family: 'SAO';
  187. font-size: 18px;
  188. letter-spacing: 1px;
  189. line-height: 24px;
  190. padding-right: 4px;
  191. position: fixed;
  192. right: 0;
  193. text-shadow: 1px 1px #000000;
  194. top: 0;
  195. z-index: 1 !important;
  196. }
  197. td[class^="td"]:nth-of-type(2) {
  198. width: 454px !important;
  199. }
  200. .table_header:nth-of-type(6), span[id*="tagLinks"], div[id*="tagChangeRow"] {
  201. display: none !important;
  202. }
  203. td[class^="td"]:nth-of-type(6) {
  204. width: 0;
  205. }
  206. span[id*="tagRow"] {
  207. background-color: rgba(242, 4, 4, 0.8) !important;
  208. border: 2px solid #F20404;
  209. border-radius: 0 0 10px 10px;
  210. display: block !important;
  211. line-height: 15px !important;
  212. padding: 20px 8px 8px;
  213. position: fixed;
  214. right: 970px;
  215. text-shadow: 0 0 0 #000000 !important;
  216. top: 493px;
  217. visibility: hidden;
  218. width: 199px;
  219. }
  220. tr:hover span[id*="tagRow"] {
  221. visibility: visible;
  222. }
  223. :hover + .hide {
  224. background-color: #F20404;
  225. background-position: 50% 50% !important;
  226. background-repeat: no-repeat !important;
  227. background-size: auto auto !important;
  228. border-color: #F20404;
  229. border-radius: 16px 16px 0 0;
  230. border-style: solid;
  231. border-width: 2px;
  232. box-shadow: 0 2px 2px #000000;
  233. display: block !important;
  234. height: 250px;
  235. padding: 39px 22px 9px 10px;
  236. position: fixed;
  237. right: 970px;
  238. top: 210px;
  239. width: 183px;
  240. }
  241. .header_title {
  242. display: inline-block;
  243. height: 100px;
  244. pointer-events: none;
  245. }
  246. .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span {
  247. background-image: url("http://i.imgur.com/c94cOqq.png");
  248. background-repeat: no-repeat;
  249. display: inline-block;
  250. font-size: 0;
  251. height: 321px;
  252. position: absolute;
  253. width: 650px;
  254. z-index: 1 !important;
  255. }
  256. .header_cw {
  257. background-image: url("http://i59.tinypic.com/9fqyo2.png");
  258. background-position: 85% 0;
  259. background-repeat: no-repeat no-repeat;
  260. background-size: 50% auto;
  261. height: 300px;
  262. }
  263. .header_completed {
  264. background-image: url("http://i59.tinypic.com/2dhwt1w.png");
  265. background-position: 10% 0;
  266. background-repeat: no-repeat;
  267. background-size: 30% auto;
  268. height: 300px;
  269. }
  270. .header_onhold {
  271. background-image: url("http://i57.tinypic.com/5txrb6.png");
  272. background-position: 81% 0;
  273. background-repeat: no-repeat;
  274. background-size: 34% auto;
  275. height: 300px;
  276. }
  277. .header_dropped {
  278. background-image: url("http://i61.tinypic.com/wugygg.png");
  279. background-position: 10% 0;
  280. background-repeat: no-repeat;
  281. background-size: 38% auto;
  282. height: 300px;
  283. }
  284. .header_ptw {
  285. background-image: url("http://i60.tinypic.com/69qlxi.png");
  286. background-position: 85% 0;
  287. background-repeat: no-repeat;
  288. background-size: 40% auto;
  289. height: 300px;
  290. }
  291. .header_cw span {
  292. background-position: 12% -28%;
  293. height: 220px;
  294. }
  295. .header_completed span {
  296. background-position: 63% 18%;
  297. height: 120px;
  298. position: relative;
  299. top: 106%;
  300. }
  301. .header_onhold span {
  302. background-position: 9% 39%;
  303. height: 120px;
  304. position: relative;
  305. top: 99%;
  306. }
  307. .header_dropped span {
  308. background-position: 73% 67%;
  309. height: 140px;
  310. position: relative;
  311. top: 100%;
  312. }
  313. .header_ptw span {
  314. background-position: 12% 93%;
  315. height: 140px;
  316. position: relative;
  317. top: 100%;
  318. }
  319. .status_selected {
  320. background-repeat: no-repeat;
  321. background-size: contain, cover;
  322. display: inline-block;
  323. height: 100%;
  324. left: 0;
  325. position: fixed;
  326. top: 0;
  327. width: 100%;
  328. }
  329. .status_selected {
  330. position: fixed;
  331. z-index: -1;
  332. }
  333. .status_not_selected {
  334. position: fixed;
  335. }
  336. .status_selected a, .status_not_selected a {
  337. background-image: url("http://i.imgur.com/ATAVnsX.png");
  338. display: inline-block;
  339. font-size: 0;
  340. height: 58px;
  341. position: fixed;
  342. right: 5px;
  343. top: 50%;
  344. width: 66px;
  345. }
  346. .status_not_selected a {
  347. opacity: 0.7;
  348. transition: opacity 0.4s ease 0s;
  349. }
  350. .status_selected a, .status_not_selected a:hover {
  351. opacity: 1;
  352. }
  353. .status_selected a:before, .status_not_selected a:before {
  354. background-image: url("http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Lineage/Images/category_hover.png");
  355. content: "";
  356. display: none;
  357. height: 100px;
  358. left: -227px;
  359. position: absolute;
  360. }
  361. .status_not_selected a:before {
  362. opacity: 0;
  363. transition: opacity 0.4s ease 0s, width 0.4s ease 0s;
  364. width: 0;
  365. }
  366. .status_selected a:before, .status_not_selected a:hover:before {
  367. opacity: 1;
  368. width: 200px;
  369. }
  370. .status_not_selected a[href*="status=1"] {
  371. background-position: 0 -8px;
  372. margin-right: 140px;
  373. margin-top: -100px;
  374. }
  375. .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]:hover {
  376. background-position: -77px -8px;
  377. margin-right: 140px;
  378. margin-top: -100px;
  379. }
  380. .status_not_selected a[href*="status=2"] {
  381. background-position: 0 -65px;
  382. margin-right: 140px;
  383. margin-top: -43px;
  384. }
  385. .status_selected a[href*="status=2"], .status_not_selected a[href*="status=2"]:hover {
  386. background-position: -77px -65px;
  387. margin-right: 140px;
  388. margin-top: -43px;
  389. }
  390. .status_selected a[href*="status=2"]:before, .status_not_selected a[href*="status=2"]:before, .status_not_selected a
  391.  
  392. [href*="status=2"]:hover:before {
  393. background-position: 0 -100px;
  394. }
  395. .status_not_selected a[href*="status=3"] {
  396. background-position: 0 -122px;
  397. margin-right: 140px;
  398. margin-top: 14px;
  399. }
  400. .status_selected a[href*="status=3"], .status_not_selected a[href*="status=3"]:hover {
  401. background-position: -77px -122px;
  402. margin-right: 140px;
  403. margin-top: 14px;
  404. }
  405. .status_selected a[href*="status=3"]:before, .status_not_selected a[href*="status=3"]:before, .status_not_selected a
  406.  
  407. [href*="status=3"]:hover:before {
  408. background-position: 0 -200px;
  409. }
  410. .status_not_selected a[href*="status=4"] {
  411. background-position: 0 -180px;
  412. margin-right: 92px;
  413. margin-top: -72px;
  414. }
  415. .status_selected a[href*="status=4"], .status_not_selected a[href*="status=4"]:hover {
  416. background-position: -77px -180px;
  417. margin-right: 92px;
  418. margin-top: -72px;
  419. }
  420. .status_selected a[href*="status=4"]:before, .status_not_selected a[href*="status=4"]:before, .status_not_selected a
  421.  
  422. [href*="status=4"]:hover:before {
  423. background-position: 0 -300px;
  424. }
  425. .status_not_selected a[href*="status=6"] {
  426. background-position: 0 -238px;
  427. margin-right: 92px;
  428. margin-top: -16px;
  429. }
  430. .status_selected a[href*="status=6"], .status_not_selected a[href*="status=6"]:hover {
  431. background-position: -77px -238px;
  432. margin-right: 92px;
  433. margin-top: -16px;
  434. }
  435. .status_selected a[href*="status=6"]:before, .status_not_selected a[href*="status=6"]:before, .status_not_selected a
  436.  
  437. [href*="status=6"]:hover:before {
  438. background-position: 0 -400px;
  439. }
  440. .status_not_selected a[href*="status=7"] {
  441. background-position: 0 -294px;
  442. margin-right: 92px;
  443. margin-top: 41px;
  444. }
  445. .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]:hover {
  446. background-position: -77px -294px;
  447. margin-right: 92px;
  448. margin-top: 41px;
  449. }
  450. .status_selected a[href*="status=7"]:before, .status_not_selected a[href*="status=7"]:before, .status_not_selected a
  451.  
  452. [href*="status=7"]:hover:before {
  453. background-position: 0 -500px;
  454. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement