Advertisement
Guest User

BLEEEERIA

a guest
Feb 12th, 2016
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.11 KB | None | 0 0
  1. @import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
  2.  
  3. /*
  4. CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT)
  5. Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that.
  6. */
  7.  
  8. #list_surround table:nth-of-type(n+4):hover td:nth-of-type(3), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(7), #list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) {
  9.     display: table-cell;
  10. }
  11.  
  12. #list_surround small a:last-of-type {
  13.     display: none ;
  14. }
  15.  
  16. .animetitle + small {
  17.     visibility: visible ;
  18. }
  19.  
  20. #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"] {
  21.     visibility: visible ;
  22.     margin-right: 10px
  23. ;
  24. }
  25.  
  26. .td1:nth-of-type(6) small, .td2:nth-of-type(6) small, .td1:nth-of-type(5) small, .td2:nth-of-type(5) small, .td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
  27.     visibility: visible ;
  28. }
  29.  
  30. .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover, .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover, .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover {
  31.     text-decoration: underline;
  32. }
  33.  
  34. /* COVER AREA
  35. The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover).
  36.  
  37. Move the cover's location around with left and top.
  38. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
  39. Increase height and width to make the pics bigger.
  40. Delete border-style: solid; to remove the border.
  41.  
  42. For changing the original background color see the bottom of the original post:
  43. http://myanimelist.net/forum/?topicid=563993
  44. */
  45.  
  46. .hide {
  47.     background-size: cover;
  48.     left: 0px;
  49.     bottom: 0px;
  50.     height: 350px;
  51.     width: 236px;
  52.     padding-bottom: 0px;
  53.     background-color: rgba(200, 5, 200, 0.75);
  54.     background-position: center 50% ;
  55.     background-repeat: no-repeat ;
  56.     display: block ;
  57.     position: fixed;
  58.     visibility: hidden;
  59.     opacity: 0;transition:all .5s;
  60.     z-index:2;
  61. }
  62.  
  63. /* PREVIEW MSG ABOVE COVERS
  64. Remove content: "preview"; to remove the PREVIEW text.
  65. Change the text in quotations after content to what you want it to say above your cover pic.
  66. Top and width controls the position of the text.
  67. */
  68.  
  69. .hide:before {
  70.     color: white;
  71.     background: url(http://orig00.deviantart.net/8bf5/f/2013/230/0/6/chibi_facebook_miku_by_qrullgx13-d6io3wa.png);
  72.     content: '';
  73. background-size:cover;
  74.     padding-bottom: 5px;
  75.     position: fixed;
  76.     text-align: center;
  77. width:75px;
  78. left:12px;
  79. z-index:1;
  80. bottom:350px;
  81. height:75px;
  82.     border-radius: 25px 25px 0 0;
  83. }
  84.  
  85. /* OTHER SETTINGS */
  86.  
  87. :hover + .hide {
  88.     visibility: visible;
  89.     opacity: 1;
  90.     transition:all .5s;
  91. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement