Advertisement
Guest User

Untitled

a guest
Oct 7th, 2014
306
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.99 KB | None | 0 0
  1. @import url(https://www.dropbox.com/s/5ukbl2j0o3tk2jv/AnimeCovers.css);
  2. /* COVER AREA
  3. 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).
  4.  
  5. Move the cover's location around with left and top.
  6. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
  7. Increase height and width to make the pics bigger.
  8. Delete border-style: solid; to remove the border.
  9.  
  10. For changing the original background color see the bottom of the original post:
  11. http://myanimelist.net/forum/?topicid=563993
  12. */
  13. :hover + .hide {
  14. background-size: cover;
  15. left: 990px;
  16. top: 120px;
  17. height: 350px;
  18. width: 226px;
  19.  
  20. background-color: rgba(0, 100, 255, 0.3);
  21. background-position: center 50% !important;
  22. background-repeat: no-repeat !Important;
  23. display: block !important;
  24. position: fixed;
  25. }
  26.  
  27. /* PREVIEW MSG ABOVE COVERS
  28. Remove content: "preview"; to remove the PREVIEW text.
  29. Change the text in quotations after content to what you want it to say above your cover pic.
  30. Top and width controls the position of the text.
  31. */
  32. .hide:before {
  33. background: transparent;
  34. padding-bottom: 5px;
  35. position: absolute;
  36. text-align: center;
  37. width: 225px;
  38. top: -25px;
  39. border-radius: 0px 0px 0px 0px;
  40. }
  41.  
  42. /*
  43. // Self-explanatory
  44. */
  45. BODY
  46. {
  47. color:blue ;
  48. font-size: 11px;
  49. font-family: Verdana, Arial ;
  50. background-color:black ;
  51. }
  52.  
  53. *
  54. {
  55. text-decoration: none !important;
  56. }
  57.  
  58. /*
  59. // Determines the positioning of your list
  60. */
  61.  
  62. #list_surround
  63. {
  64. position: absolute !important;
  65. left: 50px !important;
  66. width: 920px;
  67. }
  68.  
  69.  
  70. tbody {
  71. background-color: black;
  72. }
  73.  
  74. /*
  75. // All links on your list
  76. */
  77.  
  78. a
  79. {
  80. color:white;
  81. text-decoration: none;
  82. }
  83.  
  84. a:visited
  85. {
  86. color:white;
  87. text-decoration: none;
  88. }
  89.  
  90. a:hover
  91. {
  92. color:white;
  93. text-decoration: underline !important;
  94. }
  95.  
  96. tr:hover [class^=td]
  97. {
  98. background-color: rgba(0, 100, 255, 0.2) !important;
  99. }
  100.  
  101. /*
  102. // Alternating row color 1
  103. */
  104.  
  105. .td1
  106. {
  107. color: white;
  108. border-width: ;
  109. border-style: ;
  110. border-color: ;
  111. padding:3px 3px;
  112. background-color: rgba(0, 100, 255, 0.3);
  113. }
  114.  
  115. /*
  116. // Alternating row color 2
  117. */
  118.  
  119. .td2
  120. {
  121. color: white;
  122. border-width: ;
  123. border-style: ;
  124. border-color: ;
  125. padding:3px 3px;
  126. background-color: rgba(0, 100, 255, 0.3);
  127. }
  128.  
  129. /*
  130. // This represents the "Anime Title", "Score", "# Eps" columns
  131. */
  132.  
  133. .table_header
  134. {
  135. background: rgba(0, 100, 255, 0.5) !important;
  136. color: white;
  137. border-width: ;
  138. border-style: ;
  139. border-color: ;
  140. padding: 5px 5px;
  141. border-radius: 0px 0px 0px 0px;
  142. }
  143.  
  144. /*
  145. // headerLink represents the color of the links inside the_header
  146. */
  147.  
  148. .table_headerLink
  149. {
  150. color:white;
  151. }
  152.  
  153. .table_headerLink:Visited
  154. {
  155. color:white;
  156. }
  157.  
  158. .table_headerLink:Hover
  159. {
  160. color:white;
  161. }
  162.  
  163.  
  164. /*
  165. Header classes for Currently Watching, Completed, Dropped, etc...
  166. */
  167.  
  168. .header_cw
  169. {
  170. color:white;
  171. padding: 5px 5px;
  172. }
  173.  
  174. .header_completed
  175. {
  176. color:white;
  177. padding: 5px 5px;
  178. }
  179.  
  180. .header_onhold
  181. {
  182. color:white;
  183. padding: 5px 5px;
  184. }
  185.  
  186. .header_dropped
  187. {
  188. color:white;
  189. padding: 5px 5px;
  190. }
  191.  
  192. .header_ptw
  193. {
  194. color:white;
  195. padding: 5px 5px;
  196. }
  197.  
  198. .header_title {
  199. font-size: 14px;
  200. font-weight: bold;
  201. }
  202.  
  203.  
  204. .category_totals
  205. {
  206. color: white;
  207. background: rgba(0, 100, 255, 0.5) !important;
  208. padding: 5px 5px;
  209. border-radius: 0px 0px 0px 0px;
  210. }
  211.  
  212. #grand_totals
  213. {
  214. color: white;
  215. text-align: center;
  216. background: rgba(0, 100, 255, 0.5) !important;
  217. padding: 5px 5px;
  218. border-radius: 10px 10px 10px 10px;
  219. }
  220.  
  221. /* header_al is thesurrounding "User's Anime List" at the top */
  222.  
  223. .header_al
  224. {
  225. font-weight: bold;
  226. font-size: 16px;
  227. }
  228.  
  229. /* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
  230. .header_al_links
  231. {
  232.  
  233. }
  234.  
  235. /* controls what styles you can give to all the anime titles in your list */
  236. .animetitle
  237. {
  238. font-weight: bold;
  239. }
  240.  
  241. /*
  242. copyright contains the "Producted by Garrett Gyssler" text
  243. DO NOT REMOVE OR HIDE THIS DIV
  244. IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
  245. */
  246.  
  247. #copyright
  248. {
  249. color:white;
  250. padding-top: 6px;
  251. text-align: center;
  252. margin: 0 auto;
  253. width: px;
  254. }
  255.  
  256. /*
  257. TOP MENU BAR ADVANCED CUSTOMIZATION
  258. */
  259. #mal_cs_listinfo {
  260. background: rgba(0, 100, 255, 0.5) !important;
  261. }
  262. #mal_cs_listinfo a {
  263. color:white !important;
  264. }
  265. #mal_cs_listinfo a strong {
  266. color:white;
  267. }
  268. #mal_cs_links {
  269. background: rgba(0, 100, 255, 0.5) !important;
  270. }
  271. #mal_cs_links a {
  272. color:white !important;
  273. }
  274. #mal_cs_otherlinks {
  275. background: rgba(0, 100, 255, 0.5) !important;
  276. }
  277. #mal_cs_otherlinks a {
  278. color:white !important;
  279. }
  280. #mal_cs_otherlinks strong {
  281. color:white !important;
  282. }
  283. #mal_cs_otherlinks strong a {
  284. color:white !important;
  285. }
  286.  
  287.  
  288. /*
  289. AIRING
  290. */
  291. .animetitle + small
  292. {
  293. position: relative;
  294. line-height: 1px !important;
  295. }
  296.  
  297. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3),
  298. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4),
  299. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5),
  300. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6),
  301. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7),
  302. #list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) {
  303. display: tab\le-cell;
  304. }
  305.  
  306. #list_surround small a:last-of-type {
  307. display: none !important;
  308. }
  309.  
  310. .animetitle + small {
  311. visibility: visible !important;
  312. }
  313.  
  314. #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
  315. #list_surround a[href*="http://myanimelist.net/editlist.php?type="],
  316. #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
  317. visibility: visible !important;
  318. margin-right: 10px
  319. }
  320.  
  321. .td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
  322. .td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
  323. .td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
  324. visibility: visible !important;
  325. }
  326.  
  327. .td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
  328. .td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
  329. .td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
  330. text-decoration: underline;
  331. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement