SHARE
TWEET

WA2 ANIME FINAL

alleboes Aug 14th, 2019 (edited) 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @\import "https://fonts.googleapis.com/css?family=Raleway";
  2. @\import "https://fonts.googleapis.com/css?family=Roboto";
  3. @\import "https://dl.dropboxusercontent.com/s/m1z4trsw0vuet03/more.css";
  4. @\import "https://dl.dropboxusercontent.com/s/5gg064n5hzbeea7/Falling.css";
  5.  
  6. /* Turnip's Clannad anime list */
  7.  
  8. body {
  9. background-attachment:fixed !important;
  10. background-image:url(https://imgur.com/5EGqrgY.png);
  11. background-position:0 0;
  12. background-size:cover;
  13. }
  14. #inlineContent {
  15. display:inline-block !important;
  16. height:1400px !important;
  17. left:0 !important;
  18. margin:auto !important;
  19. position:fixed !important;
  20. right:0 !important;
  21. top:0 !important;
  22. width:1200px !important;
  23. z-index:-1 !important;
  24. }
  25.  
  26. #inlineContent {
  27. display:inline-block !important;
  28. height:1200px !important;
  29. left:0 !important;
  30. margin:auto !important;
  31. position:fixed !important;
  32. right:0 !important;
  33. top:0 !important;
  34. width:600px !important;
  35. z-index:-1 !important;
  36. }
  37.  
  38. /* FALLING SNOW */
  39. #inlineContent:before {
  40. position: fixed;
  41. left: 0;
  42. top: 0;
  43. content: '';
  44. width: 100%;
  45. height: 100%;
  46. background-image: url(http://i.imgur.com/nhrBdMu.png),
  47. url(http://i.imgur.com/oHXjwMU.png),
  48. url(http://i.imgur.com/EgS0mDd.png);
  49. animation: Falling 20s linear infinite;
  50. -moz-animation: Falling 20s linear infinite;
  51. -webkit-animation: Falling 20s linear infinite;
  52. z-index: 102;
  53. }
  54.  
  55. #list_surround {
  56.     background-attachment: scroll;
  57.     background-color: transparent;
  58.     background-image: url(https://imgur.com/3Ofz0vK.png);
  59.     background-position: center 5px;
  60.     background-repeat: no-repeat no-repeat;
  61.     font-size: 100%;
  62.     padding-top: 450px;
  63.     line-height: 1;
  64.     position: absolute;
  65.     left: 440px !important;
  66.     padding-left: 0px;
  67.     width: 1040px;
  68.     font-color: #FFFFFF;
  69. }
  70. a {
  71. color:#FFFFFF;
  72. text-decoration:none !important;
  73. text-shadow:none;
  74. font-family: Roboto;
  75. font-size: 14px;
  76. }
  77. a:hover {
  78. color: snow !important;
  79. text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue;
  80. text-decoration:none !important;
  81. }
  82. .table_header {
  83. background-color:rgba(0, 0, 0, 0.8);
  84. }
  85. .table_header:first-of-type {
  86. border-bottom-left-radius:0;
  87. border-bottom-right-radius:0;
  88. border-top-left-radius:6px;
  89. border-top-right-radius:0;
  90. }
  91. .table_header:nth-of-type(2) {
  92. padding-left:35px;
  93. text-align:left;
  94. }
  95. .table_header:last-of-type {
  96. border-bottom-left-radius:0;
  97. border-bottom-right-radius:0;
  98. border-top-left-radius:0;
  99. border-top-right-radius:6px;
  100. }
  101. .table_header:nth-last-of-type(2) {
  102. border-radius: 0 6px 0 0;}
  103. .td1 {
  104. background-color:rgba(18, 30, 60, 0.5);
  105. height:65px;
  106. }
  107. .td2 {
  108. background-color:rgba(18, 30, 60, 0.5);
  109. height:65px;
  110. }
  111. tr:hover [class^="td"] {
  112. transition: .1s linear;
  113. background-color: rgba(112, 57, 105, 0.7);
  114. }
  115. .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
  116. border:0 none;
  117. padding:4px;
  118. text-align:center;
  119. vertical-align:top;
  120. }
  121. .table_header, .td1, .td2, .category_totals {
  122. color:white;
  123. font-size: 14px;
  124. font-family: Roboto;
  125. }
  126. .borderRBL {
  127. line-height:normal !important;
  128. }
  129. [cellspacing="0"] {
  130. line-height:17px;
  131. }
  132. .category_totals {
  133. background-color:rgba(15, 15,15, 0.498039);
  134. border-bottom-left-radius:6px;
  135. border-bottom-right-radius:6px;
  136. border-top-left-radius:0;
  137. border-top-right-radius:0;
  138. color:white;
  139. text-align:center;
  140. }
  141. [class^="header_"] * {
  142.     background-repeat: no-repeat no-repeat;
  143.     font-size: 0;
  144.     padding-bottom: 0px;
  145.     text-align: right;
  146.     vertical-align: bottom;
  147. }
  148. .header_title {
  149. border-bottom-left-radius:4px;
  150. border-bottom-right-radius:4px;
  151. border-top-left-radius:4px;
  152. border-top-right-radius:4px;
  153. color:#FFFFFF;
  154. display:inline-block;
  155. font-style:italic;
  156. height:auto;
  157. padding:0 8px 0 0;
  158. text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px;
  159. }
  160. #grand_totals {
  161. background-color:transparent;
  162. border:0 none;
  163. border-bottom-left-radius:3px;
  164. border-bottom-right-radius:3px;
  165. border-top-left-radius:3px;
  166. border-top-right-radius:3px;
  167. color:#FFFFFF;
  168. line-height:20px;
  169. min-height:20px;
  170. padding:8px;
  171. text-align:center;
  172. vertical-align:middle;
  173. }
  174. #copyright {
  175. background-color:rgba(42, 42, 103, 0.8);
  176. border-bottom-left-radius:3px;
  177. border-bottom-right-radius:3px;
  178. border-top-left-radius:3px;
  179. border-top-right-radius:3px;
  180. color:#EEEEEE;
  181. line-height:17px;
  182. margin-top:10px;
  183. padding:8px;
  184. text-align:center;
  185. font-family: Roboto;
  186. font-size: 14px;
  187. }
  188. #copyright::after {
  189. }
  190. .hide {
  191. background-color:rgba(248, 162, 200, 0.701961);
  192. background-position:50% 50%;
  193. background-repeat:no-repeat no-repeat;
  194. background-size:cover;
  195. border:1px solid #FFFFFF;
  196. border-bottom-left-radius:7px;
  197. border-bottom-right-radius:7px;
  198. border-top-left-radius:7px;
  199. border-top-right-radius:0;
  200. display:inline-block !important;
  201. height:55px;
  202. margin-left:33px;
  203. margin-top:-65px;
  204. position:absolute;
  205. width:35px;
  206. }
  207. .hide:hover {
  208. background-color:transparent;
  209. background-repeat:no-repeat no-repeat;
  210. background-size:cover;
  211. border-bottom-left-radius:20px;
  212. border-bottom-right-radius:20px;
  213. border-top-left-radius:20px;
  214. border-top-right-radius:20px;
  215. box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px;
  216. margin-left:-140px;
  217. padding-right:150px;
  218. padding-top:220px !important;
  219. position:absolute;
  220. z-index:1;
  221. }
  222. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  223. padding-left:35px;
  224. text-align:left;
  225. }
  226. td:nth-of-type(6) small {
  227.     font-size: 12;
  228.     color: white;
  229.     left: 46px;
  230.     position: relative;
  231. }
  232. .td1:nth-of-type(6), .td2:nth-of-type(6) {
  233. background-attachment:scroll;
  234. background-color:transparent !important;
  235. background-image:none;
  236. background-position:0 0;
  237. background-repeat:repeat repeat;
  238. border-bottom-style:none !important;
  239. border-bottom-width:medium !important;
  240. display:inline-block;
  241. font-size: 12px;
  242. font-family: Raleway;
  243. height:0 !important;
  244. left:70px;
  245. line-height:16px !important;
  246. margin-top:16px;
  247. position:absolute;
  248. text-align:justify !important;
  249. width:745px;
  250. z-index:2;
  251. padding-top:5px;
  252. }
  253. .table_header:nth-of-type(6) {
  254. display:none;
  255. }
  256. span[id*="tagRow"] {
  257. display:block !important;
  258. }
  259. span[id*="tagLinks"] {
  260. display:none !important;
  261. }
  262. a, .td1, .td2, .category_totals {
  263. -webkit-transition:all 0.25s ease-in-out 0s;
  264. transition:all 0.25s ease-in-out 0s;
  265. }
  266.  
  267. /*
  268. CATEGORY MENU BUTTONS TRANSITION SPEED
  269. By default, set to .25th of a second (a 1/4 of a second transition).
  270. */
  271. .status_not_selected a {
  272. transition: all 0.25s ease-in-out 0s;
  273. }
  274.  
  275.  
  276. /*
  277. CATEGORY MENU BUTTONS (BACKGROUNDS/POSITION)
  278. You can also change the position of the buttons on the page with the right/top buttons. Change right to left to start them from the left side instead.
  279.  
  280. Active button images are the ones seen on their own category page or when hovering over them (pointing to it with your mouse), and inactive are the others. So on the completed page you'll see the active button's image on the completed button. On other pages, you'll see the inactive image, until you point to it.
  281. */
  282.  
  283. /*
  284. CURRENT BUTTON (INACTIVE)
  285. */
  286. .status_not_selected a[href*="status=1"] {
  287. background-image: url(https://i.imgur.com/zsEZMko.png);
  288. top: 60px;
  289. left: -55px;
  290. opacity: .6;
  291. }
  292.  
  293.  
  294. /*
  295. CURRENT BUTTON (ACTIVE, HOVER)
  296. */
  297. .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]:hover{
  298. background-image: url(https://i.imgur.com/Qih3lwI.png);
  299. top: 60px;
  300. left: -5px;
  301. opacity: .99;
  302. }
  303.  
  304.  
  305. /*
  306. COMPLETED (INACTIVE)
  307. */
  308. .status_not_selected a[href*="status=2"] {
  309. background-image: url(https://i.imgur.com/OKWG3pe.png);
  310. top: 150px;
  311. left: -55px;
  312. opacity: .6;
  313. }
  314.  
  315. /*
  316. COMPLETED (ACTIVE, HOVER)
  317. */
  318. .status_selected a[href*="status=2"], .status_not_selected a[href*="status=2"]:hover {
  319. background-image: url(https://i.imgur.com/ClrUu6r.png);
  320. top: 150px;
  321. left: -5px;
  322. opacity: .99;
  323. }
  324.  
  325. /*
  326. ON-HOLD (INACTIVE)
  327. */
  328. .status_not_selected a[href*="status=3"] {
  329. background-image: url(https://i.imgur.com/bs79C4I.png);
  330. top: 240px;
  331. left: -55px;
  332. opacity: .6;
  333. }
  334.  
  335. /*
  336. ON-HOLD (ACTIVE, HOVER)
  337. */
  338. .status_selected a[href*="status=3"], .status_not_selected a[href*="status=3"]:hover {
  339. background-image: url(https://i.imgur.com/Mb34lzT.png);
  340. top: 240px;
  341. left: -5px;
  342. opacity: .99;
  343. }
  344.  
  345. /*
  346. DROPPED (INACTIVE)
  347. */
  348. .status_not_selected a[href*="status=4"] {
  349. background-image: url(https://i.imgur.com/SpgAYMv.png);
  350. top: 330px;
  351. left: -55px;
  352. opacity: .6;
  353. }
  354.  
  355. /*
  356. DROPPED (ACTIVE, HOVER)
  357. */
  358. .status_selected a[href*="status=4"], .status_not_selected a[href*="status=4"]:hover {
  359. background-image: url(https://i.imgur.com/HwkaUQW.png);
  360. top: 330px;
  361. left: -5px;
  362. opacity: .99;
  363. }
  364.  
  365. /*
  366. PLANNED (INACTIVE)
  367. */
  368. .status_not_selected a[href*="status=6"] {
  369. background-image: url(https://i.imgur.com/eSDjLEG.png);
  370. top: 420px;
  371. left: -55px;
  372. opacity: .6;
  373. }
  374.  
  375. /*
  376. PLANNED (ACTIVE, HOVER)
  377. */
  378. .status_selected a[href*="status=6"], .status_not_selected a[href*="status=6"]:hover {
  379. background-image: url(https://i.imgur.com/uVT1Nwc.png);
  380. top: 420px;
  381. left: -5px;
  382. opacity: .99;
  383. }
  384.  
  385. /*
  386. ALL ANIME (INACTIVE)
  387. */
  388. .status_not_selected a[href*="status=7"] {
  389. background-image: url(https://i.imgur.com/AwGc7yJ.png);
  390. top: 510px;
  391. left: -55px;
  392. opacity: .6;
  393. }
  394.  
  395. /*
  396. ALL ANIME (ACTIVE, HOVER)
  397. */
  398. .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]:hover {
  399. background-image: url(https://i.imgur.com/66LVZnG.png);
  400. top: 510px;
  401. left: -5px;
  402. opacity: .99;
  403. }
  404.  
  405. /*
  406. BUTTON TEXT
  407. This section is disabled by default. The fonts you see on buttons by default are in the default custom images, which you change above. If you want the original text back in the buttons, change "transparent !important" below to the color you want. You can also change the font size here or add a custom font family.
  408. */
  409. .status_selected a, .status_not_selected a {
  410. color: transparent !important;
  411. text-decoration: none !important;
  412. text-align: left;
  413. font-size: 0px;
  414. font-family: ;
  415. }
  416.  
  417. /*
  418. OTHER CATEGORY BUTTON CODES (HEIGHT/WIDTH/COLOR)
  419. Control the height and width of all the buttons at once here. Change "fixed" to "absolute" to keep the buttons from scrolling down with the page. Border radius controls the button's roundness.
  420. */
  421. .status_selected a[href*="status=1"],
  422. .status_selected a[href*="status=2"],
  423. .status_selected a[href*="status=3"],
  424. .status_selected a[href*="status=4"],
  425. .status_selected a[href*="status=6"],
  426. .status_selected a[href*="status=7"],
  427. .status_not_selected a[href*="status=1"],
  428. .status_not_selected a[href*="status=2"],
  429. .status_not_selected a[href*="status=3"],
  430. .status_not_selected a[href*="status=4"],
  431. .status_not_selected a[href*="status=6"],
  432. .status_not_selected a[href*="status=7"] {
  433. background-color: transparent;
  434. background-position: right top;
  435. background-repeat: repeat repeat;
  436. background-size: contain;
  437. display: block;
  438. height: 80px;
  439. width: 230px;
  440. padding-left: 6px !important;
  441. overflow: auto;
  442. padding: 0;
  443. border: white 0px solid;
  444. border-radius: 0px 11px 11px 0px;
  445. position: fixed;
  446. }
  447.  
  448. /*
  449. HEADERS
  450. Control the headers here.
  451. */
  452.  
  453. .header_cw {
  454. background-color:transparent;;
  455. background-image:url(https://imgur.com/NToTklq.png);
  456. background-position:28px 5px;
  457. background-repeat:no-repeat no-repeat;
  458.   margin-bottom: 0;
  459.     padding-top: 200px;
  460. }
  461. .header_completed {
  462.     background-color: transparent;
  463.     background-image: url(https://imgur.com/uMizeOD.png);
  464.     background-position:28px 5px;
  465.     background-repeat: no-repeat no-repeat;
  466.     margin-bottom: 0;
  467.     padding-top: 200px;
  468. }
  469. .header_onhold {
  470. background-color:transparent;;
  471. background-image:url(https://imgur.com/Bv0HVYX.png);
  472. background-position:28px 5px;
  473. background-repeat:no-repeat no-repeat;
  474.   margin-bottom: 0;
  475.     padding-top: 200px;
  476. }
  477. .header_dropped {
  478. background-color:transparent;;
  479. background-image:url(https://imgur.com/74PdC9l.png);
  480. background-position:28px 5px;
  481. background-repeat:no-repeat no-repeat;
  482.   margin-bottom: 0;
  483.     padding-top: 200px;
  484. }
  485. .header_ptw {
  486. background-color:transparent;;
  487. background-image:url(https://imgur.com/T6kCUUG.png);
  488. background-position:28px 5px;
  489. background-repeat:no-repeat no-repeat;
  490.   margin-bottom: 0;
  491.     padding-top: 200px;
  492. }
  493. .status_selected {
  494. display:block;
  495. }
  496. .status_not_selected {
  497. display:block;
  498. }
  499. .status_not_selected {
  500. opacity:1;
  501. }
  502. .status_not_selected:hover {
  503. color:transparent;
  504. opacity:1;
  505. }
  506.  
  507. .animetitle + small {
  508. color:dodgerBlue !important;
  509. font-size:75%;
  510. font-weight:bold;
  511. }
  512. #list_surround small a {
  513. background: url("https://imgur.com/tOiVwu0.png") no-repeat scroll center center transparent;
  514. color: transparent !important;
  515. font-size: 13px;
  516. text-shadow: none !important;
  517. }
  518.  
  519. a.List_LightBox {
  520. background: url("https://imgur.com/br6gs3A.png") no-repeat scroll center center transparent !important;
  521. color: transparent !important;
  522. }
  523.  
  524.  
  525. /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/
  526. .hide:hover:after {
  527. background: transparent;
  528. content: " ";
  529. height: 75px;
  530. left: 0;
  531. position: absolute;
  532. top: 0;
  533. width: 210px;
  534. z-index: 20;
  535. }
  536.  
  537. /*Grey buttons at the top*/
  538.  
  539.  
  540. @\import "https://fonts.googleapis.com/css?family=Raleway";
  541. @\import "https://fonts.googleapis.com/css?family=Roboto";
  542. @\import "https://dl.dropboxusercontent.com/s/m1z4trsw0vuet03/more.css";
  543. @\import "https://dl.dropboxusercontent.com/s/5gg064n5hzbeea7/Falling.css";
  544.  
  545. /* Turnip's Clannad anime list */
  546.  
  547. body {
  548. background-attachment:fixed !important;
  549. background-image:url(https://imgur.com/5EGqrgY.png);
  550. background-position:0 0;
  551. background-size:cover;
  552. }
  553. #inlineContent {
  554. display:inline-block !important;
  555. height:1400px !important;
  556. left:0 !important;
  557. margin:auto !important;
  558. position:fixed !important;
  559. right:0 !important;
  560. top:0 !important;
  561. width:1200px !important;
  562. z-index:-1 !important;
  563. }
  564.  
  565. #inlineContent {
  566. display:inline-block !important;
  567. height:1200px !important;
  568. left:0 !important;
  569. margin:auto !important;
  570. position:fixed !important;
  571. right:0 !important;
  572. top:0 !important;
  573. width:600px !important;
  574. z-index:-1 !important;
  575. }
  576.  
  577. /* FALLING SNOW */
  578. #inlineContent:before {
  579. position: fixed;
  580. left: 0;
  581. top: 0;
  582. content: '';
  583. width: 100%;
  584. height: 100%;
  585. background-image: url(http://i.imgur.com/nhrBdMu.png),
  586. url(http://i.imgur.com/oHXjwMU.png),
  587. url(http://i.imgur.com/EgS0mDd.png);
  588. animation: Falling 20s linear infinite;
  589. -moz-animation: Falling 20s linear infinite;
  590. -webkit-animation: Falling 20s linear infinite;
  591. z-index: 102;
  592. }
  593.  
  594. #list_surround {
  595.     background-attachment: scroll;
  596.     background-color: transparent;
  597.     background-image: url(https://imgur.com/3Ofz0vK.png);
  598.     background-position: center 5px;
  599.     background-repeat: no-repeat no-repeat;
  600.     font-size: 100%;
  601.     padding-top: 450px;
  602.     line-height: 1;
  603.     position: absolute;
  604.     left: 440px !important;
  605.     padding-left: 0px;
  606.     width: 1040px;
  607.     font-color: #FFFFFF;
  608. }
  609. a {
  610. color:#FFFFFF;
  611. text-decoration:none !important;
  612. text-shadow:none;
  613. font-family: Roboto;
  614. font-size: 14px;
  615. }
  616. a:hover {
  617. color: snow !important;
  618. text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue;
  619. text-decoration:none !important;
  620. }
  621. .table_header {
  622. background-color:rgba(0, 0, 0, 0.8);
  623. }
  624. .table_header:first-of-type {
  625. border-bottom-left-radius:0;
  626. border-bottom-right-radius:0;
  627. border-top-left-radius:6px;
  628. border-top-right-radius:0;
  629. }
  630. .table_header:nth-of-type(2) {
  631. padding-left:35px;
  632. text-align:left;
  633. }
  634. .table_header:last-of-type {
  635. border-bottom-left-radius:0;
  636. border-bottom-right-radius:0;
  637. border-top-left-radius:0;
  638. border-top-right-radius:6px;
  639. }
  640. .table_header:nth-last-of-type(2) {
  641. border-radius: 0 6px 0 0;}
  642. .td1 {
  643. background-color:rgba(18, 30, 60, 0.5);
  644. height:65px;
  645. }
  646. .td2 {
  647. background-color:rgba(18, 30, 60, 0.5);
  648. height:65px;
  649. }
  650. tr:hover [class^="td"] {
  651. transition: .1s linear;
  652. background-color: rgba(112, 57, 105, 0.7);
  653. }
  654. .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
  655. border:0 none;
  656. padding:4px;
  657. text-align:center;
  658. vertical-align:top;
  659. }
  660. .table_header, .td1, .td2, .category_totals {
  661. color:white;
  662. font-size: 14px;
  663. font-family: Roboto;
  664. }
  665. .borderRBL {
  666. line-height:normal !important;
  667. }
  668. [cellspacing="0"] {
  669. line-height:17px;
  670. }
  671. .category_totals {
  672. background-color:rgba(15, 15,15, 0.498039);
  673. border-bottom-left-radius:6px;
  674. border-bottom-right-radius:6px;
  675. border-top-left-radius:0;
  676. border-top-right-radius:0;
  677. color:white;
  678. text-align:center;
  679. }
  680. [class^="header_"] * {
  681.     background-repeat: no-repeat no-repeat;
  682.     font-size: 0;
  683.     padding-bottom: 0px;
  684.     text-align: right;
  685.     vertical-align: bottom;
  686. }
  687. .header_title {
  688. border-bottom-left-radius:4px;
  689. border-bottom-right-radius:4px;
  690. border-top-left-radius:4px;
  691. border-top-right-radius:4px;
  692. color:#FFFFFF;
  693. display:inline-block;
  694. font-style:italic;
  695. height:auto;
  696. padding:0 8px 0 0;
  697. text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px;
  698. }
  699. #grand_totals {
  700. background-color:transparent;
  701. border:0 none;
  702. border-bottom-left-radius:3px;
  703. border-bottom-right-radius:3px;
  704. border-top-left-radius:3px;
  705. border-top-right-radius:3px;
  706. color:#FFFFFF;
  707. line-height:20px;
  708. min-height:20px;
  709. padding:8px;
  710. text-align:center;
  711. vertical-align:middle;
  712. }
  713. #copyright {
  714. background-color:rgba(42, 42, 103, 0.8);
  715. border-bottom-left-radius:3px;
  716. border-bottom-right-radius:3px;
  717. border-top-left-radius:3px;
  718. border-top-right-radius:3px;
  719. color:#EEEEEE;
  720. line-height:17px;
  721. margin-top:10px;
  722. padding:8px;
  723. text-align:center;
  724. font-family: Roboto;
  725. font-size: 14px;
  726. }
  727. #copyright::after {
  728. }
  729. .hide {
  730. background-color:rgba(248, 162, 200, 0.701961);
  731. background-position:50% 50%;
  732. background-repeat:no-repeat no-repeat;
  733. background-size:cover;
  734. border:1px solid #FFFFFF;
  735. border-bottom-left-radius:7px;
  736. border-bottom-right-radius:7px;
  737. border-top-left-radius:7px;
  738. border-top-right-radius:0;
  739. display:inline-block !important;
  740. height:55px;
  741. margin-left:33px;
  742. margin-top:-65px;
  743. position:absolute;
  744. width:35px;
  745. }
  746. .hide:hover {
  747. background-color:transparent;
  748. background-repeat:no-repeat no-repeat;
  749. background-size:cover;
  750. border-bottom-left-radius:20px;
  751. border-bottom-right-radius:20px;
  752. border-top-left-radius:20px;
  753. border-top-right-radius:20px;
  754. box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px;
  755. margin-left:-140px;
  756. padding-right:150px;
  757. padding-top:220px !important;
  758. position:absolute;
  759. z-index:1;
  760. }
  761. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  762. padding-left:35px;
  763. text-align:left;
  764. }
  765. td:nth-of-type(6) small {
  766.     font-size: 12;
  767.     color: white;
  768.     left: 46px;
  769.     position: relative;
  770. }
  771. .td1:nth-of-type(6), .td2:nth-of-type(6) {
  772. background-attachment:scroll;
  773. background-color:transparent !important;
  774. background-image:none;
  775. background-position:0 0;
  776. background-repeat:repeat repeat;
  777. border-bottom-style:none !important;
  778. border-bottom-width:medium !important;
  779. display:inline-block;
  780. font-size: 12px;
  781. font-family: Raleway;
  782. height:0 !important;
  783. left:70px;
  784. line-height:16px !important;
  785. margin-top:16px;
  786. position:absolute;
  787. text-align:justify !important;
  788. width:745px;
  789. z-index:2;
  790. padding-top:5px;
  791. }
  792. .table_header:nth-of-type(6) {
  793. display:none;
  794. }
  795. span[id*="tagRow"] {
  796. display:block !important;
  797. }
  798. span[id*="tagLinks"] {
  799. display:none !important;
  800. }
  801. a, .td1, .td2, .category_totals {
  802. -webkit-transition:all 0.25s ease-in-out 0s;
  803. transition:all 0.25s ease-in-out 0s;
  804. }
  805.  
  806. /*
  807. CATEGORY MENU BUTTONS TRANSITION SPEED
  808. By default, set to .25th of a second (a 1/4 of a second transition).
  809. */
  810. .status_not_selected a {
  811. transition: all 0.25s ease-in-out 0s;
  812. }
  813.  
  814.  
  815. /*
  816. CATEGORY MENU BUTTONS (BACKGROUNDS/POSITION)
  817. You can also change the position of the buttons on the page with the right/top buttons. Change right to left to start them from the left side instead.
  818.  
  819. Active button images are the ones seen on their own category page or when hovering over them (pointing to it with your mouse), and inactive are the others. So on the completed page you'll see the active button's image on the completed button. On other pages, you'll see the inactive image, until you point to it.
  820. */
  821.  
  822. /*
  823. CURRENT BUTTON (INACTIVE)
  824. */
  825. .status_not_selected a[href*="status=1"] {
  826. background-image: url(https://i.imgur.com/zsEZMko.png);
  827. top: 60px;
  828. left: -55px;
  829. opacity: .6;
  830. }
  831.  
  832.  
  833. /*
  834. CURRENT BUTTON (ACTIVE, HOVER)
  835. */
  836. .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]:hover{
  837. background-image: url(https://i.imgur.com/Qih3lwI.png);
  838. top: 60px;
  839. left: -5px;
  840. opacity: .99;
  841. }
  842.  
  843.  
  844. /*
  845. COMPLETED (INACTIVE)
  846. */
  847. .status_not_selected a[href*="status=2"] {
  848. background-image: url(https://i.imgur.com/OKWG3pe.png);
  849. top: 150px;
  850. left: -55px;
  851. opacity: .6;
  852. }
  853.  
  854. /*
  855. COMPLETED (ACTIVE, HOVER)
  856. */
  857. .status_selected a[href*="status=2"], .status_not_selected a[href*="status=2"]:hover {
  858. background-image: url(https://i.imgur.com/ClrUu6r.png);
  859. top: 150px;
  860. left: -5px;
  861. opacity: .99;
  862. }
  863.  
  864. /*
  865. ON-HOLD (INACTIVE)
  866. */
  867. .status_not_selected a[href*="status=3"] {
  868. background-image: url(https://i.imgur.com/bs79C4I.png);
  869. top: 240px;
  870. left: -55px;
  871. opacity: .6;
  872. }
  873.  
  874. /*
  875. ON-HOLD (ACTIVE, HOVER)
  876. */
  877. .status_selected a[href*="status=3"], .status_not_selected a[href*="status=3"]:hover {
  878. background-image: url(https://i.imgur.com/Mb34lzT.png);
  879. top: 240px;
  880. left: -5px;
  881. opacity: .99;
  882. }
  883.  
  884. /*
  885. DROPPED (INACTIVE)
  886. */
  887. .status_not_selected a[href*="status=4"] {
  888. background-image: url(https://i.imgur.com/SpgAYMv.png);
  889. top: 330px;
  890. left: -55px;
  891. opacity: .6;
  892. }
  893.  
  894. /*
  895. DROPPED (ACTIVE, HOVER)
  896. */
  897. .status_selected a[href*="status=4"], .status_not_selected a[href*="status=4"]:hover {
  898. background-image: url(https://i.imgur.com/HwkaUQW.png);
  899. top: 330px;
  900. left: -5px;
  901. opacity: .99;
  902. }
  903.  
  904. /*
  905. PLANNED (INACTIVE)
  906. */
  907. .status_not_selected a[href*="status=6"] {
  908. background-image: url(https://i.imgur.com/eSDjLEG.png);
  909. top: 420px;
  910. left: -55px;
  911. opacity: .6;
  912. }
  913.  
  914. /*
  915. PLANNED (ACTIVE, HOVER)
  916. */
  917. .status_selected a[href*="status=6"], .status_not_selected a[href*="status=6"]:hover {
  918. background-image: url(https://i.imgur.com/uVT1Nwc.png);
  919. top: 420px;
  920. left: -5px;
  921. opacity: .99;
  922. }
  923.  
  924. /*
  925. ALL ANIME (INACTIVE)
  926. */
  927. .status_not_selected a[href*="status=7"] {
  928. background-image: url(https://i.imgur.com/AwGc7yJ.png);
  929. top: 510px;
  930. left: -55px;
  931. opacity: .6;
  932. }
  933.  
  934. /*
  935. ALL ANIME (ACTIVE, HOVER)
  936. */
  937. .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]:hover {
  938. background-image: url(https://i.imgur.com/66LVZnG.png);
  939. top: 510px;
  940. left: -5px;
  941. opacity: .99;
  942. }
  943.  
  944. /*
  945. BUTTON TEXT
  946. This section is disabled by default. The fonts you see on buttons by default are in the default custom images, which you change above. If you want the original text back in the buttons, change "transparent !important" below to the color you want. You can also change the font size here or add a custom font family.
  947. */
  948. .status_selected a, .status_not_selected a {
  949. color: transparent !important;
  950. text-decoration: none !important;
  951. text-align: left;
  952. font-size: 0px;
  953. font-family: ;
  954. }
  955.  
  956. /*
  957. OTHER CATEGORY BUTTON CODES (HEIGHT/WIDTH/COLOR)
  958. Control the height and width of all the buttons at once here. Change "fixed" to "absolute" to keep the buttons from scrolling down with the page. Border radius controls the button's roundness.
  959. */
  960. .status_selected a[href*="status=1"],
  961. .status_selected a[href*="status=2"],
  962. .status_selected a[href*="status=3"],
  963. .status_selected a[href*="status=4"],
  964. .status_selected a[href*="status=6"],
  965. .status_selected a[href*="status=7"],
  966. .status_not_selected a[href*="status=1"],
  967. .status_not_selected a[href*="status=2"],
  968. .status_not_selected a[href*="status=3"],
  969. .status_not_selected a[href*="status=4"],
  970. .status_not_selected a[href*="status=6"],
  971. .status_not_selected a[href*="status=7"] {
  972. background-color: transparent;
  973. background-position: right top;
  974. background-repeat: repeat repeat;
  975. background-size: contain;
  976. display: block;
  977. height: 80px;
  978. width: 230px;
  979. padding-left: 6px !important;
  980. overflow: auto;
  981. padding: 0;
  982. border: white 0px solid;
  983. border-radius: 0px 11px 11px 0px;
  984. position: fixed;
  985. }
  986.  
  987. /*
  988. HEADERS
  989. Control the headers here.
  990. */
  991.  
  992. .header_cw {
  993. background-color:transparent;;
  994. background-image:url(https://imgur.com/NToTklq.png);
  995. background-position:28px 5px;
  996. background-repeat:no-repeat no-repeat;
  997.   margin-bottom: 0;
  998.     padding-top: 200px;
  999. }
  1000. .header_completed {
  1001.     background-color: transparent;
  1002.     background-image: url(https://imgur.com/uMizeOD.png);
  1003.     background-position:28px 5px;
  1004.     background-repeat: no-repeat no-repeat;
  1005.     margin-bottom: 0;
  1006.     padding-top: 200px;
  1007. }
  1008. .header_onhold {
  1009. background-color:transparent;;
  1010. background-image:url(https://imgur.com/Bv0HVYX.png);
  1011. background-position:28px 5px;
  1012. background-repeat:no-repeat no-repeat;
  1013.   margin-bottom: 0;
  1014.     padding-top: 200px;
  1015. }
  1016. .header_dropped {
  1017. background-color:transparent;;
  1018. background-image:url(https://imgur.com/74PdC9l.png);
  1019. background-position:28px 5px;
  1020. background-repeat:no-repeat no-repeat;
  1021.   margin-bottom: 0;
  1022.     padding-top: 200px;
  1023. }
  1024. .header_ptw {
  1025. background-color:transparent;;
  1026. background-image:url(https://imgur.com/T6kCUUG.png);
  1027. background-position:28px 5px;
  1028. background-repeat:no-repeat no-repeat;
  1029.   margin-bottom: 0;
  1030.     padding-top: 200px;
  1031. }
  1032. .status_selected {
  1033. display:block;
  1034. }
  1035. .status_not_selected {
  1036. display:block;
  1037. }
  1038. .status_not_selected {
  1039. opacity:1;
  1040. }
  1041. .status_not_selected:hover {
  1042. color:transparent;
  1043. opacity:1;
  1044. }
  1045.  
  1046. .animetitle + small {
  1047. color:dodgerBlue !important;
  1048. font-size:75%;
  1049. font-weight:bold;
  1050. }
  1051. #list_surround small a {
  1052. background: url("https://imgur.com/tOiVwu0.png") no-repeat scroll center center transparent;
  1053. color: transparent !important;
  1054. font-size: 13px;
  1055. text-shadow: none !important;
  1056. }
  1057.  
  1058. a.List_LightBox {
  1059. background: url("https://imgur.com/br6gs3A.png") no-repeat scroll center center transparent !important;
  1060. color: transparent !important;
  1061. }
  1062.  
  1063.  
  1064. /*DVD COVER HOVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/
  1065. .hide:hover:after {
  1066. background: transparent;
  1067. content: " ";
  1068. height: 75px;
  1069. left: 0;
  1070. position: absolute;
  1071. top: 0;
  1072. width: 210px;
  1073. z-index: 20;
  1074. }
  1075.  
  1076. /*Grey buttons at the top*/
  1077.  
  1078. #mal_cs_listinfo,
  1079. #mal_cs_links,
  1080. #mal_cs_otherlinks,
  1081. #mal_cs_powered {
  1082. box-sizing: border-box;
  1083. background: none no-repeat scroll 100% 0 transparent;
  1084. border: 0 none;
  1085. height: 0 !important;
  1086. overflow: hidden;
  1087. padding: 32px 0 0 !important;
  1088. position: fixed;
  1089. right: 4px;
  1090. text-align: right;
  1091. top: 4px;
  1092. z-index: 10;
  1093. width: 210px !important;
  1094. }
  1095. #mal_cs_listinfo:hover,
  1096. #mal_cs_links:hover,
  1097. #mal_cs_otherlinks:hover,
  1098. #mal_cs_powered:hover {
  1099. height: 500px !important;
  1100. padding-top: 32px !important;
  1101. }
  1102. #mal_cs_listinfo div,
  1103. #mal_cs_links div,
  1104. #mal_cs_otherlinks div,
  1105. #mal_cs_powered div,
  1106. #mal_cs_powered dd {
  1107. background-color: transparent;
  1108. font-size: 0 !important;
  1109. line-height: 0;
  1110. margin: 0 !important;
  1111. opacity: 0;
  1112. padding: 4px 0 0 !important;
  1113. }
  1114. #mal_cs_listinfo:hover div,
  1115. #mal_cs_links:hover div,
  1116. #mal_cs_otherlinks:hover div,
  1117. #mal_cs_powered:hover div,
  1118. #mal_cs_powered:hover dd {
  1119. opacity: 1;
  1120. }
  1121. #mal_cs_listinfo div:nth-of-type(2),
  1122. #mal_cs_links div:nth-of-type(2),
  1123. #mal_cs_otherlinks div:nth-of-type(2),
  1124. #mal_cs_powered div:nth-of-type(2) {
  1125. padding: 4px 0 0 !important;
  1126. }
  1127. #mal_cs_listinfo a,
  1128. #mal_cs_links a,
  1129. #mal_cs_otherlinks a,
  1130. #mal_cs_powered a {
  1131. background-color: #151515 !important;
  1132. display: block;
  1133. font: 18px/17px 'Arial', sans-serif !important;
  1134. font-weight: bold;
  1135. margin: 4px 0 0;
  1136. padding: 8px 8px 8px !important;
  1137. text-decoration: none !important;
  1138. }
  1139. #mal_cs_listinfo a:nth-of-type(1),
  1140. #mal_cs_links a:nth-of-type(1),
  1141. #mal_cs_otherlinks a:nth-of-type(1),
  1142. #mal_cs_powered a:nth-of-type(1) {
  1143. margin-top: 0;
  1144. }
  1145. #mal_cs_listinfo a:hover,
  1146. #mal_cs_links a:hover,
  1147. #mal_cs_otherlinks a:hover {
  1148. background-color: #444444 !important;
  1149. }
  1150. #mal_cs_listinfo strong a strong {
  1151. font-weight: normal;
  1152. }
  1153. #mal_cs_otherlinks strong {
  1154. color: #151515;
  1155. display: block;
  1156. font: bold 13px/17px 'Arial',sans-serif !important;
  1157. padding: 0 4px 4px;
  1158. }
  1159. #mal_cs_otherlinks strong a {
  1160. background: none transparent !important;
  1161. color: #151515;
  1162. display: inline;
  1163. font: bold 13px/17px 'Arial',sans-serif !important;
  1164. margin: 0;
  1165. padding: 0;
  1166. }
  1167. #mal_cs_powered a {
  1168. background-color: #262626!important;
  1169. display: block !important;
  1170. margin: 0 !important;
  1171. opacity: 0;
  1172. padding: 4px 0 0 !important;
  1173. }
  1174. #mal_cs_powered:hover a {
  1175. opacity: 1;
  1176. }
  1177.  
  1178. #mal_cs_powered #search {
  1179. padding: 8px 2px 0px 0px !important;
  1180. position: relative;
  1181. }
  1182. #searchBox {
  1183. box-sizing: border-box;
  1184. border-color: #151515;
  1185. border-style: solid;
  1186. border-width: 1px;
  1187. color: #151515;
  1188. padding: 0 8px 0 !important;
  1189. display: inline-block;
  1190. font-family: Tahoma, Geneva, sans-serif;
  1191. font-size: 14px !important;
  1192. height: 32px;
  1193. vertical-align: top;
  1194. width: 210px !important;
  1195. }
  1196. #searchBox:hover,
  1197. #searchBox:focus {
  1198. border-color: #444444;
  1199. }
  1200. #searchListButton {
  1201. display: none !important;
  1202. }
  1203. #mal_cs_listinfo {
  1204. background-image: url("http://i.imgur.com/iG3YW4R.png");
  1205. right: 106px !important;
  1206. }
  1207. #mal_cs_links {
  1208. background-image: url("http://i.imgur.com/cV8Dzgj.png");
  1209. right: 72px !important;
  1210. z-index: 9;
  1211. }
  1212. #mal_cs_otherlinks {
  1213. background-image: url("http://i.imgur.com/SFIUpN1.png");
  1214. right: 38px !important;
  1215. z-index: 8;
  1216. }
  1217. #mal_cs_powered {
  1218. background-image: url("http://i.imgur.com/RRIAZ3o.png");
  1219. right: 4px !important;
  1220. z-index: 7;
  1221. position: fixed !important;
  1222. }
  1223. #mal_control_strip {
  1224. background: transparent !important;
  1225. }
  1226. #mal_cs_pic img {
  1227. display: none !important;
  1228. }
  1229. #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
  1230. border-right: 0 none !important;
  1231. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top