1. @import url(http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css);

  2. @import url(http://fonts.googleapis.com/css?family=New+Rocker);

  3. @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/TopMenu.css);

  4. @import url(http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/TopMenu/Colors/Scheme.css);

  5. @import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);

  6. 

  7. 

  8. 

  9. /*

  10. HOW TO USE

  11. Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes:

  12. http://myanimelist.net/forum/?topicid=200320

  13. 

  14. 

  15. When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) 

  16. to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. 

  17. Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! 

  18. 

  19. 

  20. If the layout looks weird on your list after installing, you can try to alter your settings here.

  21. Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards):

  22. http://myanimelist.net/editprofile.php?go=listpreferences

  23. 

  24. 

  25. If your list still has problems you can ask us about it here, or other questions:

  26. http://myanimelist.net/forum/?topicid=200323

  27. 

  28. 

  29. And you'll find further ways to customize your list here:

  30. http://myanimelist.net/forum/?topicid=419405

  31. 

  32. */

  33. 

  34. 

  35. 

  36. body {

  37. color: #FFD700;

  38. height: 12000px;

  39. background-attachment: fixed!important;

  40. background-image: url(http://i.imgur.com/8OZHOv3.jpg?1);

  41. background-repeat: initial initial;

  42. background-size: cover;

  43. font-family: 'New Rocker', cursive;

  44. font-size: 16px;

  45. }

  46. /*

  47. LIST FONT

  48. These codes control the font on the list itself (anime titles, etc).

  49. */

  50. 

  51. * {

  52. border:0 none;

  53. color:silver;

  54. font-family: 'New Rocker', cursive;

  55. font-size:13px;

  56. font-weight:normal;

  57. text-decoration:none;

  58. }

  59. 

  60. /*

  61. BANNER

  62. */

  63. 

  64. #list_surround .header_title {

  65. background:url(http://ipic.su/img/img7/fs/cooltext1043220838.1369232913.png) no-repeat scroll 0 0 transparent;

  66. height:425px;

  67. left:-200px;

  68. padding:25px;

  69. position:absolute;

  70. top:-425px;

  71. width:900px;

  72. }

  73. 

  74. 

  75. /*

  76. LEFT SIDE BUTTONS

  77. */

  78. 

  79. #list_surround .status_selected, #list_surround .status_not_selected {

  80. background:url(http://ipic.su/img/img7/fs/cw.1369232330.jpg) repeat scroll 0 0 transparent;

  81. display:block;

  82. height:100px;

  83. left:-283px;

  84. padding:0;

  85. position:absolute;

  86. top:0px;

  87. width:270px;

  88. }

  89. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected +

  90. 

  91. .status_selected, #list_surround .status_not_selected + .status_not_selected {

  92. background:url(http://ipic.su/img/img7/fs/complete.1369232348.jpg) repeat scroll 0 0 transparent;

  93. top:110px;

  94. }

  95. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround

  96. 

  97. .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected +

  98. 

  99. .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected +

  100. 

  101. .status_not_selected {

  102. background:url(http://ipic.su/img/img7/fs/on-hold.1369232366.jpg) repeat scroll 0 0 transparent;

  103. top:220px;

  104. }

  105. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected,

  106. 

  107. #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected,

  108. 

  109. #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected,

  110. 

  111. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected,

  112. 

  113. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {

  114. background:url(http://ipic.su/img/img7/fs/dropped.1369232384.jpg) repeat scroll 0 0 transparent;

  115. top:330px;

  116. }

  117. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +

  118. 

  119. .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected +

  120. 

  121. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +

  122. 

  123. .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected +

  124. 

  125. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround

  126. 

  127. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +

  128. 

  129. .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected +

  130. 

  131. .status_not_selected + .status_not_selected {

  132. background:url(http://ipic.su/img/img7/fs/ptw.1369232404.jpg) repeat scroll 0 0 transparent;

  133. display:inline;

  134. top:440px;

  135. }

  136. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +

  137. 

  138. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected +

  139. 

  140. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround

  141. 

  142. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected +

  143. 

  144. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +

  145. 

  146. .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround

  147. 

  148. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +

  149. 

  150. .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +

  151. 

  152. .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround

  153. 

  154. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +

  155. 

  156. .status_not_selected + .status_not_selected {

  157. background:url(http://ipic.su/img/img7/fs/allanime.1369232424.jpg) no-repeat scroll 0 0 transparent;

  158. display:inline;

  159. padding-bottom:30px;

  160. top:550px;

  161. }

  162. 

  163. 

  164. /*

  165. HEADERS

  166. */

  167. 

  168. #list_surround .header_cw {

  169. background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent;

  170. }

  171. #list_surround .header_completed {

  172. background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent;

  173. }

  174. #list_surround .header_onhold {

  175. background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent;

  176. }

  177. #list_surround .header_ptw {

  178. background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent;

  179. }

  180. #list_surround .header_dropped {

  181. background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent;

  182. }

  183. 

  184. 

  185. /*

  186. OTHER CODES

  187. */

  188. 

  189. a:hover {

  190. text-decoration:underline;

  191. }

  192. 

  193. 

  194. #list_surround {

  195. background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75);

  196. border-bottom:0px solid #292929;

  197. border-left:0px solid #292929;

  198. border-right:0px solid #292929;

  199. height:100%;

  200. left:141px;

  201. top:180px;

  202. margin:239px auto 30px;

  203. position:relative;

  204. width:618px;

  205. 

  206. }

  207. 

  208. #list_surround .status_selected a {

  209. color:#184900;

  210. display:block;

  211. font-size:1px;

  212. height:2px;

  213. padding:128px 0 0 243px;

  214. width:30px;

  215. }

  216. 

  217. #list_surround .status_not_selected a {

  218. color:#184900;

  219. display:block;

  220. font-size:1px;

  221. height:2px;

  222. padding:128px 0 0 243px;

  223. width:30px;

  224. }

  225. 

  226. 

  227. #list_surround br {

  228. display:none;

  229. }

  230. #list_surround .header_title span {

  231. color:#000000;

  232. font-size:1px;

  233. }

  234. #list_surround .header_title .thickbox {

  235. display:none;

  236. }

  237. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround

  238. 

  239. .header_ptw, #list_surround .header_dropped {

  240. padding:28px 5px 5px;

  241. margin-left:0px;

  242. width:586px;

  243. }

  244. #list_surround .animetitle + small {

  245. color:#ff9e96;

  246. }

  247. #list_surround .category_totals {

  248. padding:5px;

  249. text-align:center;

  250. }

  251. #list_surround #grand_totals {

  252. display:none;

  253. }

  254. 

  255. #mal_cs_listinfo a strong{

  256. color: #FFFFFF;

  257. font-family: Verdana,Arial,Helvetica,sans-serif;

  258. font-size: 11px;

  259. font-variant: normal;

  260. font-weight: normal;

  261. text-decoration: underline;

  262. text-transform: none;}

  263. 

  264. #mal_cs_otherlinks strong{

  265. color: #FFFFFF;

  266. font-family: Verdana,Arial,Helvetica,sans-serif;

  267. font-size: 11px;

  268. font-variant: normal;}

  269. 

  270. .borderRBL {

  271. color: cyan !important;

  272. }

  273. #list_surround .header_title span {

  274. display:none;

  275. }

  276. #list_surround .status_not_selected a {

  277. opacity:0;

  278. }

  279. #list_surround .status_selected a {

  280. opacity:0;

  281. }

  282. #copyright {

  283. -moz-background-inline-policy:continuous;

  284. text-align: center !important;

  285. color:#3a4358;

  286. height:15px;

  287. width:600px;

  288. position:absolute;

  289. font-family: sans-serif;

  290. font-size: 10px;

  291. }

  292. 

  293. #copyright a {

  294. color:#3a4358;

  295. }

  296. 

  297. @media screen and (-webkit-min-device-pixel-ratio:0) {

  298. #copyright {

  299. }

  300. }

  301. 

  302. :hover + .hide {

  303. background-position: center 50% !important;

  304. background-repeat: no-repeat !important;

  305. background-size: cover;

  306. border-color: white;

  307. border-radius: 25px 25px 25px 25px;

  308. border-style: solid;

  309. border-width: 3px;

  310. display: block !important;

  311. height: 350px;

  312. left: 1290px;

  313. padding-bottom: 0;

  314. position: fixed;

  315. top: 430px;

  316. width: 226px;

  317. }

  318. .hide:before {

  319. background: none repeat scroll 0 0 transparent;

  320. border-radius: 25px 25px 0 0;

  321. color: white;

  322. content: "";

  323. padding-bottom: 5px;

  324. position: absolute;

  325. text-align: center;

  326. top: -25px;

  327. width: 225px;

  328. }

  329. .td1:nth-of-type(6), .td2:nth-of-type(6) {

  330. background-color: black;

  331. border-color: white;

  332. border-style: solid;

  333. border-radius: 25px 25px 25px 25px;

  334. border-width: 1px;

  335. display: none;

  336. height: auto;

  337. left: 1290px;

  338. padding: 10px 10px 14px 24px;

  339. position: fixed;

  340. top: 792px;

  341. width: 212px;

  342. z-index: 1;

  343. }

  344. #copyright, #copyright:hover {

  345. background-color: rgba(241, 114, 169, 0.7) !important;

  346. border-radius: 5px 5px 5px 5px;

  347. bottom: 0;

  348. color: white;

  349. padding: 2px;

  350. width: 100%;

  351. }

  352. 

  353. .table_header:nth-of-type(6) {

  354. display: none;

  355. }

  356. 

  357. #copyright:hover {

  358. }

  359. #copyright:before {

  360. color: red;

  361. content: "Design by iVoid";

  362. font-size: 12px;

  363. padding-right: 10px;

  364. }

  365. #copyright:after {

  366. color: white;

  367. content: "iVoid Custom List";

  368. padding-left: 20px;

  369. }

  370. #copyright a {

  371. }