Dx_Raider

MyAnimeCSS

Apr 22nd, 2015
258
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.20 KB | None | 0 0
  1. /* ------------------------------- */
  2. /* [ CLEAN TOPBAR ] by Luxiamimi */
  3. /* ------------------------------- */
  4.  
  5. #
  6. {
  7. position: fixed !important;
  8. top:0px;
  9. left:0px;
  10. border: none !important;
  11. box-shadow: 0px 7px 10px #000000;
  12. z-index: 100 !important;
  13.  
  14.  
  15. }
  16.  
  17. # td
  18. {
  19. padding: 0 !important;
  20. margin: 0 !important;
  21. }
  22.  
  23. #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links
  24. {
  25. border-right: 0 none !important;
  26. }
  27.  
  28. # a
  29. {
  30. font-family: 'Exo', 'Trebuchet MS' !important;
  31. font-size: 14px !important;
  32. transition: background-color 0.2s;
  33. -moz-transition: background-color 0.2s;
  34. -webkit-transition: background-color 0.2s;
  35. -o-transition: background-color 0.2s;
  36. }
  37. # a:hover
  38. {
  39. background-color: rgba(255, 255, 255, 0.2) !important;
  40. }
  41.  
  42. #mal_cs_listinfo
  43. {
  44. padding: 0 !important;
  45. margin: 0 !important;
  46. width: 210px !important;
  47. }
  48.  
  49. #mal_cs_listinfo div:first-of-type
  50. {
  51. display: inline-block !important;
  52. margin: 0 !important;
  53. height: 40px !important;
  54. width: 150px !important;
  55. float: left;
  56. padding-left: 40px !important;
  57. }
  58.  
  59. #mal_cs_listinfo div:last-of-type
  60. {
  61. display: inline-block !important;
  62. text-align: center !important;
  63. margin: 0 !important;
  64. height: 40px !important;
  65. width: 20px !important;
  66. }
  67.  
  68. #mal_cs_listinfo a[href*="/profile/"]
  69. {
  70. display:block !important;
  71. text-align: center !important;
  72. height: 27px !important;
  73. padding-top: 12px;
  74. padding-left: 40px;
  75. padding-right: 10px;
  76. font-family: 'Exo', 'Trebuchet MS' !important;
  77. font-size: 14px !important;
  78. text-decoration: none !important;
  79. background-image: url(http://i.imgur.com/iPqM6vE.png) !important;
  80. background-repeat: no-repeat !important;
  81. background-position: 4px 4px !important;
  82. overflow: hidden;
  83. -o-text-overflow: ellipsis;
  84. text-overflow: ellipsis;
  85. }
  86.  
  87. #mal_cs_listinfo a[href*="/profile/"]:hover
  88. {
  89. }
  90.  
  91. #mal_cs_listinfo a[href="/panel.php?go=logout"]
  92. {
  93. display:block !important;
  94. text-align: center !important;
  95. height: 38px !important;
  96. border-right: 1px solid gray;
  97. border-left: 1px solid gray;
  98. border-bottom: 1px solid gray;
  99. text-indent: -9999em !important;
  100. background-color: rgba(100, 0, 0, 1) !important;
  101. background-image: url(http://i.imgur.com/QNGfyAV.png) !important;
  102. background-repeat: no-repeat !important;
  103. background-position: center !important;
  104. }
  105.  
  106. #mal_cs_listinfo a[href="/panel.php?go=logout"]:hover
  107. {
  108. background-color: rgba(150, 0, 0, 1) !important;
  109. }
  110.  
  111. #mal_cs_links
  112. {
  113. padding: 0 !important;
  114. margin: 0 !important;
  115. width: 120px !important;
  116. }
  117.  
  118. #mal_cs_links div
  119. {
  120. display: inline-block !important;
  121. margin: 0 !important;
  122. height: 40px !important;
  123. width: 80px !important;
  124. font-size: 0 !important;
  125. }
  126.  
  127. #mal_cs_links div:first-of-type
  128. {
  129. float: left;
  130. width: 40px !important;
  131. }
  132.  
  133. #mal_cs_links a[href="/addtolist.php?hidenav=1"],
  134. #mal_cs_links a[href="/"],
  135. #mal_cs_links a[href*="/animelist/"],
  136. #mal_cs_links a[href*="/mangalist/"]
  137. {
  138. display: inline-block !important;
  139. border-right: 1px solid gray;
  140. text-indent: -9999em !important;
  141. }
  142.  
  143. #mal_cs_links a[href="/"]
  144. {
  145. background-image: url(http://i.imgur.com/EK1J76O.png), url(http://i.imgur.com/OI0oab5.png) !important;
  146. background-repeat: no-repeat, no-repeat !important;
  147. background-position: 0 0, 0 0 !important;
  148. position:fixed;
  149. top:0px;
  150. left:0px;
  151. width: 40px !important;
  152. height: 39px !important;
  153. }
  154. #mal_cs_links a[href="/"]:hover
  155. {
  156. background-image: url(http://i.imgur.com/OI0oab5.png), url(http://i.imgur.com/EK1J76O.png) !important;
  157. background-repeat: no-repeat, no-repeat !important;
  158. background-position: 0 0, 0 0 !important;
  159. }
  160.  
  161. #mal_cs_links a[href="/addtolist.php?hidenav=1"]
  162. {
  163. background-image: url(http://i.imgur.com/KefOZjk.png) !important;
  164. background-repeat: no-repeat !important;
  165. background-position: 4px center !important;
  166. height: 39px !important;
  167. width: 39px !important;
  168. }
  169. #mal_cs_links a[href*="/animelist/"]
  170. {
  171. background-image: url(http://i.imgur.com/K4RRY13.png) !important;
  172. background-repeat: no-repeat !important;
  173. background-position: 4px center !important;
  174. height: 39px !important;
  175. width: 39px !important;
  176. }
  177. #mal_cs_links a[href*="/mangalist/"]
  178. {
  179. background-image: url(http://i.imgur.com/XhzRoee.png) !important;
  180. background-repeat: no-repeat !important;
  181. background-position: 4px center !important;
  182. height: 39px !important;
  183. width: 39px !important;
  184. }
  185.  
  186. #mal_cs_links a[href="/"],
  187. #mal_cs_links a[href*="/animelist/"]
  188. { float: left; }
  189.  
  190. #mal_cs_otherlinks a[href="/addtolist.php?hidenav=1"]
  191. { float: right; }
  192.  
  193. #mal_cs_otherlinks
  194. {
  195. padding: 0 !important;
  196. margin: 0 !important;
  197. width: 520px !important;
  198. float: left;
  199. }
  200.  
  201. #mal_cs_otherlinks div:first-of-type
  202. {
  203. display: inline-block !important;
  204. margin: 0 !important;
  205. height: 40px !important;
  206. font-size: 0 !important;
  207. float: left;
  208. }
  209.  
  210. #mal_cs_otherlinks div:last-of-type
  211. {
  212. display: inline-block !important;
  213. margin: 0 !important;
  214. height: 40px !important;
  215. width: 220px !important;
  216. font-size: 0 !important;
  217. }
  218.  
  219. #mal_cs_otherlinks strong
  220. {
  221. display: inline-block !important;
  222. text-align: center !important;
  223. height: 27px !important;
  224. border-right: 1px solid gray;
  225. padding: 12px 15px 0px 15px !important;
  226. font-family: 'Exo', 'Trebuchet MS' !important;
  227. font-size: 14px !important;
  228. font-weight: normal;
  229. cursor: default;
  230. }
  231.  
  232. #mal_cs_otherlinks strong a[href*="/profile/"]:hover
  233. {
  234. background-color: transparent !important;
  235. text-shadow: 0px 0px 5px white;
  236. }
  237.  
  238. #mal_cs_otherlinks a[href*="/history/"],
  239. #mal_cs_otherlinks a[href="/forum/"],
  240. #mal_cs_otherlinks a[href="/panel.php?go=export"],
  241. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  242. #mal_cs_otherlinks a[href*="/sharedmanga.php?"],
  243. #mal_cs_otherlinks a[href*="/mangalist/"],
  244. #mal_cs_otherlinks a[href*="/animelist/"],
  245. #mal_cs_otherlinks a[href="/login.php"],
  246. #mal_cs_otherlinks a[href="/register.php"],
  247. #mal_cs_otherlinks a[href="/modules.php?go=faq"]
  248. {
  249. display: inline-block !important;
  250. text-align: center !important;
  251. height: 39px !important;
  252. border-right: 1px solid gray;
  253. width: 39px !important;
  254. text-indent: -9999em !important;
  255. }
  256.  
  257. #mal_cs_otherlinks a[href*="/history/"]
  258. {
  259. background-image: url(http://i.imgur.com/5LzajpX.png) !important;
  260. background-repeat: no-repeat !important;
  261. background-position: center !important;
  262. }
  263. #mal_cs_otherlinks a[href="/forum/"]
  264. {
  265. background-image: url(http://i.imgur.com/j4Nrajx.png) !important;
  266. background-repeat: no-repeat !important;
  267. background-position: center !important;
  268. }
  269. #mal_cs_otherlinks a[href="/panel.php?go=export"]
  270. {
  271. background-image: url(http://i.imgur.com/ZCth3ed.png) !important;
  272. background-repeat: no-repeat !important;
  273. background-position: center !important;
  274. }
  275. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  276. #mal_cs_otherlinks a[href*="/sharedmanga.php?"]
  277. {
  278. background-image: url(http://i.imgur.com/MiawDGC.png) !important;
  279. background-repeat: no-repeat !important;
  280. background-position: center !important;
  281. }
  282. #mal_cs_otherlinks a[href*="/mangalist/"]
  283. {
  284. background-image: url(http://i.imgur.com/XhzRoee.png) !important;
  285. background-repeat: no-repeat !important;
  286. background-position: center !important;
  287. }
  288. #mal_cs_otherlinks a[href*="/animelist/"]
  289. {
  290. background-image: url(http://i.imgur.com/K4RRY13.png) !important;
  291. background-repeat: no-repeat !important;
  292. background-position: center !important;
  293. }
  294. #mal_cs_otherlinks a[href="/login.php"]
  295. {
  296. background-image: url(http://i.imgur.com/V98qydE.png) !important;
  297. background-repeat: no-repeat !important;
  298. background-position: center !important;
  299. }
  300. #mal_cs_otherlinks a[href="/register.php"]
  301. {
  302. background-image: url(http://i.imgur.com/FOnv5qG.png) !important;
  303. background-repeat: no-repeat !important;
  304. background-position: center !important;
  305. }
  306. #mal_cs_otherlinks a[href="/modules.php?go=faq"]
  307. {
  308. background-image: url(http://i.imgur.com/QXoqkwM.png) !important;
  309. background-repeat: no-repeat !important;
  310. background-position: center !important;
  311. }
  312.  
  313. #mal_cs_otherlinks a[href*="/history/"],
  314. #mal_cs_otherlinks a[href="/forum/"],
  315. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  316. #mal_cs_otherlinks a[href*="/sharedmanga.php?"],
  317. #mal_cs_otherlinks a[href*="/mangalist/"],
  318. #mal_cs_otherlinks a[href*="/animelist/"]
  319. { float: left; }
  320.  
  321. span[title="Compatibility Score"]
  322. {
  323. font-family: 'Exo', 'Trebuchet MS' !important;
  324. font-size: 18px !important;
  325. display: inline-block !important;
  326. float: right;
  327. height: 39px !important;
  328. width: 99px !important;
  329. border-right: 1px solid gray;
  330. text-align: center !important;
  331. cursor: default;
  332. }
  333.  
  334. span[title="Compatibility Score"]:before
  335. {
  336. content: "Compatibility : ";
  337. font-size: 10px !important;
  338. }
  339.  
  340. #mal_cs_pic
  341. {
  342. padding: 0 !important;
  343. margin: 0 !important;
  344. width: 200px !important;
  345. float: left;
  346. }
  347.  
  348. #mal_cs_pic a[href="/"]
  349. {
  350. display:block !important;
  351. text-align: center !important;
  352. border-right: 1px solid gray;
  353. height: 39px !important;
  354. width: 200px !important;
  355. }
  356.  
  357. #searchBox
  358. {
  359. font-family: 'Exo', 'Trebuchet MS' !important;
  360. width: 145px !important;
  361. }
  362. #searchBox:focus
  363. {
  364. box-shadow: 0px 0px 5px #0983FD;
  365. }
  366.  
  367. #searchListButton
  368. {
  369. display: none;
  370. }
  371.  
  372. # a:after
  373. {
  374. display: block;
  375. position: fixed;
  376. top: 39px;
  377. margin-left: -1px;
  378. overflow: hidden;
  379. border-radius: 0px 0px 10px 0px;
  380. padding: 0px 10px 0px 10px;
  381. vertical-align: center;
  382. border: none;
  383. box-shadow: 0px 5px 7px black;
  384. background-color: #5E5E5E;
  385. text-indent: 0;
  386. height: 0px;
  387. -moz-transition: none;
  388. -webkit-transition: none;
  389. -o-transition: none;
  390. transition: none;
  391. }
  392.  
  393. # a:hover:after
  394. {
  395. height: 20px;
  396. padding: 5px 10px 5px 10px;
  397. border: 1px solid gray;
  398. border-top: none;
  399. -moz-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  400. -webkit-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  401. -o-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  402. transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  403. }
  404.  
  405. #mal_cs_listinfo a[href="/panel.php?go=logout"]:after
  406. { display: none; }
  407. #mal_cs_listinfo a[href*="/profile/"]:after
  408. { display: none; }
  409. #mal_cs_links a[href="/"]:after
  410. { display: none; }
  411. #mal_cs_links a[href="/addtolist.php?hidenav=1"]:after
  412. { content: "Add entry to my list"; }
  413. #mal_cs_links a[href*="/animelist/"]:after
  414. { content: "My Anime List"; }
  415. #mal_cs_links a[href*="/mangalist/"]:after
  416. { content: "My Manga List"; }
  417. #mal_cs_otherlinks strong a[href*="/profile/"]:after
  418. { display: none; }
  419. #mal_cs_otherlinks a[href*="/history/"]:after
  420. { content: "Recent activity"; }
  421. #mal_cs_otherlinks a[href="/forum/"]:after
  422. { content: "Forum MyAnimeList.net"; }
  423. #mal_cs_otherlinks a[href="/panel.php?go=export"]:after
  424. { content: "Export my list to XML"; }
  425. #mal_cs_otherlinks a[href*="/sharedanime.php?"]:after
  426. { content: "Shared Anime"; }
  427. #mal_cs_otherlinks a[href*="/sharedmanga.php?"]:after
  428. { content: "Shared Manga"; }
  429. #mal_cs_otherlinks a[href*="/mangalist/"]:after
  430. { content: "Manga List"; }
  431. #mal_cs_otherlinks a[href*="/animelist/"]:after
  432. { content: "Anime List"; }
  433. #mal_cs_otherlinks a[href="/login.php"]:after
  434. { content: "Login to my account"; }
  435. #mal_cs_otherlinks a[href="/register.php"]:after
  436. { content: "Register a new account"; }
  437. #mal_cs_otherlinks a[href="/modules.php?go=faq"]:after
  438. { content: "Any question ?"; }
  439.  
  440. body {
  441. background:url(http://i.imgur.com/v7V4M6s.jpg) fixed center top #000000;
  442. }
  443.  
  444. /*
  445. LIST FONT
  446. These codes control the font on the list itself (anime titles, etc).
  447. */
  448.  
  449. #list_surround, #list_surround a {
  450. border:0 none;
  451. color:#DBDBDB;
  452. font-family:Verdana;
  453. font-size:15px;
  454. font-weight:normal;
  455. text-decoration:none;
  456. }
  457.  
  458. /*
  459. BANNER
  460. */
  461.  
  462. }
  463.  
  464. #list_surround .header_title {
  465. background:url(http://i.imgur.com/Lb589xX.png) no-repeat scroll transparent center top !important;
  466. height:334px;
  467. left:-282px;
  468. padding:25px;
  469. position:absolute;
  470. top:-425px;
  471. width:730px;
  472. border-radius: 20px 20px 20px 20px;
  473. border-style: solid !important;
  474. border-width: 1px;
  475. border-color: black;
  476. }
  477.  
  478. #inlineContent {
  479. background: url(http://i.imgur.com/Lb589xX.png) no-repeat scroll transparent center top !important;
  480. display: inline-block !important;
  481. height: 334px !important;
  482. left: -282px !important;
  483. margin: auto !important;
  484. right: 0px !important;
  485. top: -425px !important;
  486. width: 730px !important;
  487. position:absolute;
  488. z-index: -1 !important;
  489. }
  490.  
  491. /*HORIZONTAL LINES
  492. */
  493. .td1, .td2, .table_header {
  494. border-color: red;
  495. border-style: solid;
  496. border-width: 0 0 1px !important;
  497. }
  498. td.table_header:nth-of-type(1) {
  499. border-right-width: 0 !important;
  500. }
  501.  
  502. /*PADDING
  503. The space around the words in your list.
  504. */
  505. .status_selected:hover, .header_title:hover, .td1:hover, #grand_totals:hover,
  506. .status_not_selected:hover, .table_header:hover, .category_totals:hover, .td2:hover, #copyright:hover, .status_selected, .header_title, .td1, #grand_totals,
  507. .status_not_selected, .table_header, .category_totals, .td2, #copyright{
  508. padding: 4px;
  509. }
  510.  
  511. /*
  512. LEFT SIDE BUTTONS
  513. */
  514.  
  515. #list_surround .status_selected, #list_surround .status_not_selected {
  516. background:url(http://i.imgur.com/VygiI.png) repeat scroll 0 0 transparent;
  517. display:block;
  518. height:100px;
  519. left:-283px;
  520. padding:0;
  521. position:absolute;
  522. top:0px;
  523. width:270px;
  524. }
  525. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected +
  526.  
  527. .status_selected, #list_surround .status_not_selected + .status_not_selected {
  528. background:url(http://i.imgur.com/EypFX.png) repeat scroll 0 0 transparent;
  529. top:110px;
  530. }
  531. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround
  532.  
  533. .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected +
  534.  
  535. .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected +
  536.  
  537. .status_not_selected {
  538. background:url(http://i.imgur.com/XfIAq.png) repeat scroll 0 0 transparent;
  539. top:220px;
  540. }
  541. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected,
  542.  
  543. #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected,
  544.  
  545. #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected,
  546.  
  547. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected,
  548.  
  549. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  550. background:url(http://i.imgur.com/Djnon.png) repeat scroll 0 0 transparent;
  551. top:330px;
  552. }
  553. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  554.  
  555. .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected +
  556.  
  557. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  558.  
  559. .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected +
  560.  
  561. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround
  562.  
  563. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  564.  
  565. .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected +
  566.  
  567. .status_not_selected + .status_not_selected {
  568. background:url(http://i.imgur.com/y93VK.png) repeat scroll 0 0 transparent;
  569. display:inline;
  570. top:440px;
  571. }
  572. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  573.  
  574. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected +
  575.  
  576. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround
  577.  
  578. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected +
  579.  
  580. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  581.  
  582. .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround
  583.  
  584. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  585.  
  586. .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  587.  
  588. .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround
  589.  
  590. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  591.  
  592. .status_not_selected + .status_not_selected {
  593. background:url(http://i.imgur.com/sqCLu.png) no-repeat scroll 0 0 transparent;
  594. display:inline;
  595. padding-bottom:30px;
  596. top:550px;
  597. }
  598.  
  599.  
  600. /*
  601. HEADERS
  602. */
  603.  
  604. #list_surround .header_cw {
  605. background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent;
  606. }
  607. #list_surround .header_completed {
  608. background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent;
  609. }
  610. #list_surround .header_onhold {
  611. background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent;
  612. }
  613. #list_surround .header_ptw {
  614. background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent;
  615. }
  616. #list_surround .header_dropped {
  617. background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent;
  618. }
  619.  
  620.  
  621. /*
  622. OTHER CODES
  623. */
  624.  
  625. /****************************/
  626. /* Silver highlight and font resize on Hover */
  627. /****************************/
  628. tr:hover td.td1, tr:hover td.td2 {
  629. font-size: 16px !Important;
  630. -moz-transition: .4s ease;
  631. -webkit-transition: .4.5s ease;
  632. -o-transition: .4s ease;
  633. }
  634.  
  635. tr:hover [class^="td"] {
  636. background-color: rgba(0, 0, 0, 1) !important;
  637. -moz-transition: .4s ease;
  638. -webkit-transition: .4s ease;
  639. -o-transition: .4s ease;
  640. }
  641.  
  642. a:hover {
  643. text-decoration:underline;
  644. }
  645.  
  646. #list_surround{
  647. border-radius: 20px 20px 20px 20px;
  648. border-style: solid !important;
  649. border-width: 1px;
  650. border-color: blue;
  651. }
  652.  
  653. #list_surround {
  654. background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75);
  655. border-bottom:0px solid #292929;
  656. border-left:0px solid #292929;
  657. border-right:0px solid #292929;
  658. height:100%;
  659. left:141px;
  660. top:180px;
  661. margin:239px auto 30px;
  662. position:relative;
  663. width:700px !important;
  664.  
  665. }
  666.  
  667. #list_surround .status_selected a {
  668. color:#184900;
  669. display:block;
  670. font-size:1px;
  671. height:2px;
  672. padding:128px 0 0 243px;
  673. width:30px;
  674. }
  675.  
  676. #list_surround .status_not_selected a {
  677. color:#184900;
  678. display:block;
  679. font-size:1px;
  680. height:2px;
  681. padding:128px 0 0 243px;
  682. width:30px;
  683. }
  684.  
  685.  
  686. #list_surround br {
  687. display:none;
  688. }
  689. #list_surround .header_title span {
  690. color:#000000;
  691. font-size:1px;
  692. }
  693. #list_surround .header_title .thickbox {
  694. display:none;
  695. }
  696. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround
  697.  
  698. .header_ptw, #list_surround .header_dropped {
  699. padding:28px 5px 5px;
  700. margin-left:0px;
  701. width:586px;
  702. }
  703. #list_surround .animetitle + small {
  704. color:#ff9e96;
  705. }
  706. #list_surround .category_totals {
  707. padding:5px;
  708. text-align:center;
  709. }
  710. #list_surround #grand_totals {
  711. display:none;
  712. }
  713.  
  714. #mal_cs_listinfo a strong{
  715. color: #FFFFFF;
  716. font-family: Verdana,Arial,Helvetica,sans-serif;
  717. font-size: 11px;
  718. font-variant: normal;
  719. font-weight: normal;
  720. text-decoration: underline;
  721. text-transform: none;}
  722.  
  723. #mal_cs_otherlinks strong{
  724. color: #FFFFFF;
  725. font-family: Verdana,Arial,Helvetica,sans-serif;
  726. font-size: 11px;
  727. font-variant: normal;}
  728.  
  729. .borderRBL {
  730. color: cyan !important;
  731. }
  732. #list_surround .header_title span {
  733. display:none;
  734. }
  735. #list_surround .status_not_selected a {
  736. opacity:0;
  737. }
  738. #list_surround .status_selected a {
  739. opacity:0;
  740. }
  741.  
  742. /* ------------------------------- */
  743. /* [ CLEAN TOPBAR ] by Luxiamimi */
  744. /* ------------------------------- */
  745.  
  746. #
  747. {
  748. position: fixed !important;
  749. top:0px;
  750. left:0px;
  751. border: none !important;
  752. box-shadow: 0px 7px 10px #000000;
  753. z-index: 100 !important;
  754.  
  755.  
  756. }
  757.  
  758. # td
  759. {
  760. padding: 0 !important;
  761. margin: 0 !important;
  762. }
  763.  
  764. #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links
  765. {
  766. border-right: 0 none !important;
  767. }
  768.  
  769. # a
  770. {
  771. font-family: 'Exo', 'Trebuchet MS' !important;
  772. font-size: 14px !important;
  773. transition: background-color 0.2s;
  774. -moz-transition: background-color 0.2s;
  775. -webkit-transition: background-color 0.2s;
  776. -o-transition: background-color 0.2s;
  777. }
  778. # a:hover
  779. {
  780. background-color: rgba(255, 255, 255, 0.2) !important;
  781. }
  782.  
  783. #mal_cs_listinfo
  784. {
  785. padding: 0 !important;
  786. margin: 0 !important;
  787. width: 210px !important;
  788. }
  789.  
  790. #mal_cs_listinfo div:first-of-type
  791. {
  792. display: inline-block !important;
  793. margin: 0 !important;
  794. height: 40px !important;
  795. width: 150px !important;
  796. float: left;
  797. padding-left: 40px !important;
  798. }
  799.  
  800. #mal_cs_listinfo div:last-of-type
  801. {
  802. display: inline-block !important;
  803. text-align: center !important;
  804. margin: 0 !important;
  805. height: 40px !important;
  806. width: 20px !important;
  807. }
  808.  
  809. #mal_cs_listinfo a[href*="/profile/"]
  810. {
  811. display:block !important;
  812. text-align: center !important;
  813. height: 27px !important;
  814. padding-top: 12px;
  815. padding-left: 40px;
  816. padding-right: 10px;
  817. font-family: 'Exo', 'Trebuchet MS' !important;
  818. font-size: 14px !important;
  819. text-decoration: none !important;
  820. background-image: url(http://i.imgur.com/iPqM6vE.png) !important;
  821. background-repeat: no-repeat !important;
  822. background-position: 4px 4px !important;
  823. overflow: hidden;
  824. -o-text-overflow: ellipsis;
  825. text-overflow: ellipsis;
  826. }
  827.  
  828. #mal_cs_listinfo a[href*="/profile/"]:hover
  829. {
  830. }
  831.  
  832. #mal_cs_listinfo a[href="/panel.php?go=logout"]
  833. {
  834. display:block !important;
  835. text-align: center !important;
  836. height: 38px !important;
  837. border-right: 1px solid gray;
  838. border-left: 1px solid gray;
  839. border-bottom: 1px solid gray;
  840. text-indent: -9999em !important;
  841. background-color: rgba(100, 0, 0, 1) !important;
  842. background-image: url(http://i.imgur.com/QNGfyAV.png) !important;
  843. background-repeat: no-repeat !important;
  844. background-position: center !important;
  845. }
  846.  
  847. #mal_cs_listinfo a[href="/panel.php?go=logout"]:hover
  848. {
  849. background-color: rgba(150, 0, 0, 1) !important;
  850. }
  851.  
  852. #mal_cs_links
  853. {
  854. padding: 0 !important;
  855. margin: 0 !important;
  856. width: 120px !important;
  857. }
  858.  
  859. #mal_cs_links div
  860. {
  861. display: inline-block !important;
  862. margin: 0 !important;
  863. height: 40px !important;
  864. width: 80px !important;
  865. font-size: 0 !important;
  866. }
  867.  
  868. #mal_cs_links div:first-of-type
  869. {
  870. float: left;
  871. width: 40px !important;
  872. }
  873.  
  874. #mal_cs_links a[href="/addtolist.php?hidenav=1"],
  875. #mal_cs_links a[href="/"],
  876. #mal_cs_links a[href*="/animelist/"],
  877. #mal_cs_links a[href*="/mangalist/"]
  878. {
  879. display: inline-block !important;
  880. border-right: 1px solid gray;
  881. text-indent: -9999em !important;
  882. }
  883.  
  884. #mal_cs_links a[href="/"]
  885. {
  886. background-image: url(http://i.imgur.com/EK1J76O.png), url(http://i.imgur.com/OI0oab5.png) !important;
  887. background-repeat: no-repeat, no-repeat !important;
  888. background-position: 0 0, 0 0 !important;
  889. position:fixed;
  890. top:0px;
  891. left:0px;
  892. width: 40px !important;
  893. height: 39px !important;
  894. }
  895. #mal_cs_links a[href="/"]:hover
  896. {
  897. background-image: url(http://i.imgur.com/OI0oab5.png), url(http://i.imgur.com/EK1J76O.png) !important;
  898. background-repeat: no-repeat, no-repeat !important;
  899. background-position: 0 0, 0 0 !important;
  900. }
  901.  
  902. #mal_cs_links a[href="/addtolist.php?hidenav=1"]
  903. {
  904. background-image: url(http://i.imgur.com/KefOZjk.png) !important;
  905. background-repeat: no-repeat !important;
  906. background-position: 4px center !important;
  907. height: 39px !important;
  908. width: 39px !important;
  909. }
  910. #mal_cs_links a[href*="/animelist/"]
  911. {
  912. background-image: url(http://i.imgur.com/K4RRY13.png) !important;
  913. background-repeat: no-repeat !important;
  914. background-position: 4px center !important;
  915. height: 39px !important;
  916. width: 39px !important;
  917. }
  918. #mal_cs_links a[href*="/mangalist/"]
  919. {
  920. background-image: url(http://i.imgur.com/XhzRoee.png) !important;
  921. background-repeat: no-repeat !important;
  922. background-position: 4px center !important;
  923. height: 39px !important;
  924. width: 39px !important;
  925. }
  926.  
  927. #mal_cs_links a[href="/"],
  928. #mal_cs_links a[href*="/animelist/"]
  929. { float: left; }
  930.  
  931. #mal_cs_otherlinks a[href="/addtolist.php?hidenav=1"]
  932. { float: right; }
  933.  
  934. #mal_cs_otherlinks
  935. {
  936. padding: 0 !important;
  937. margin: 0 !important;
  938. width: 520px !important;
  939. float: left;
  940. }
  941.  
  942. #mal_cs_otherlinks div:first-of-type
  943. {
  944. display: inline-block !important;
  945. margin: 0 !important;
  946. height: 40px !important;
  947. font-size: 0 !important;
  948. float: left;
  949. }
  950.  
  951. #mal_cs_otherlinks div:last-of-type
  952. {
  953. display: inline-block !important;
  954. margin: 0 !important;
  955. height: 40px !important;
  956. width: 220px !important;
  957. font-size: 0 !important;
  958. }
  959.  
  960. #mal_cs_otherlinks strong
  961. {
  962. display: inline-block !important;
  963. text-align: center !important;
  964. height: 27px !important;
  965. border-right: 1px solid gray;
  966. padding: 12px 15px 0px 15px !important;
  967. font-family: 'Exo', 'Trebuchet MS' !important;
  968. font-size: 14px !important;
  969. font-weight: normal;
  970. cursor: default;
  971. }
  972.  
  973. #mal_cs_otherlinks strong a[href*="/profile/"]:hover
  974. {
  975. background-color: transparent !important;
  976. text-shadow: 0px 0px 5px white;
  977. }
  978.  
  979. #mal_cs_otherlinks a[href*="/history/"],
  980. #mal_cs_otherlinks a[href="/forum/"],
  981. #mal_cs_otherlinks a[href="/panel.php?go=export"],
  982. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  983. #mal_cs_otherlinks a[href*="/sharedmanga.php?"],
  984. #mal_cs_otherlinks a[href*="/mangalist/"],
  985. #mal_cs_otherlinks a[href*="/animelist/"],
  986. #mal_cs_otherlinks a[href="/login.php"],
  987. #mal_cs_otherlinks a[href="/register.php"],
  988. #mal_cs_otherlinks a[href="/modules.php?go=faq"]
  989. {
  990. display: inline-block !important;
  991. text-align: center !important;
  992. height: 39px !important;
  993. border-right: 1px solid gray;
  994. width: 39px !important;
  995. text-indent: -9999em !important;
  996. }
  997.  
  998. #mal_cs_otherlinks a[href*="/history/"]
  999. {
  1000. background-image: url(http://i.imgur.com/5LzajpX.png) !important;
  1001. background-repeat: no-repeat !important;
  1002. background-position: center !important;
  1003. }
  1004. #mal_cs_otherlinks a[href="/forum/"]
  1005. {
  1006. background-image: url(http://i.imgur.com/j4Nrajx.png) !important;
  1007. background-repeat: no-repeat !important;
  1008. background-position: center !important;
  1009. }
  1010. #mal_cs_otherlinks a[href="/panel.php?go=export"]
  1011. {
  1012. background-image: url(http://i.imgur.com/ZCth3ed.png) !important;
  1013. background-repeat: no-repeat !important;
  1014. background-position: center !important;
  1015. }
  1016. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  1017. #mal_cs_otherlinks a[href*="/sharedmanga.php?"]
  1018. {
  1019. background-image: url(http://i.imgur.com/MiawDGC.png) !important;
  1020. background-repeat: no-repeat !important;
  1021. background-position: center !important;
  1022. }
  1023. #mal_cs_otherlinks a[href*="/mangalist/"]
  1024. {
  1025. background-image: url(http://i.imgur.com/XhzRoee.png) !important;
  1026. background-repeat: no-repeat !important;
  1027. background-position: center !important;
  1028. }
  1029. #mal_cs_otherlinks a[href*="/animelist/"]
  1030. {
  1031. background-image: url(http://i.imgur.com/K4RRY13.png) !important;
  1032. background-repeat: no-repeat !important;
  1033. background-position: center !important;
  1034. }
  1035. #mal_cs_otherlinks a[href="/login.php"]
  1036. {
  1037. background-image: url(http://i.imgur.com/V98qydE.png) !important;
  1038. background-repeat: no-repeat !important;
  1039. background-position: center !important;
  1040. }
  1041. #mal_cs_otherlinks a[href="/register.php"]
  1042. {
  1043. background-image: url(http://i.imgur.com/FOnv5qG.png) !important;
  1044. background-repeat: no-repeat !important;
  1045. background-position: center !important;
  1046. }
  1047. #mal_cs_otherlinks a[href="/modules.php?go=faq"]
  1048. {
  1049. background-image: url(http://i.imgur.com/QXoqkwM.png) !important;
  1050. background-repeat: no-repeat !important;
  1051. background-position: center !important;
  1052. }
  1053.  
  1054. #mal_cs_otherlinks a[href*="/history/"],
  1055. #mal_cs_otherlinks a[href="/forum/"],
  1056. #mal_cs_otherlinks a[href*="/sharedanime.php?"],
  1057. #mal_cs_otherlinks a[href*="/sharedmanga.php?"],
  1058. #mal_cs_otherlinks a[href*="/mangalist/"],
  1059. #mal_cs_otherlinks a[href*="/animelist/"]
  1060. { float: left; }
  1061.  
  1062. span[title="Compatibility Score"]
  1063. {
  1064. font-family: 'Exo', 'Trebuchet MS' !important;
  1065. font-size: 18px !important;
  1066. display: inline-block !important;
  1067. float: right;
  1068. height: 39px !important;
  1069. width: 99px !important;
  1070. border-right: 1px solid gray;
  1071. text-align: center !important;
  1072. cursor: default;
  1073. }
  1074.  
  1075. span[title="Compatibility Score"]:before
  1076. {
  1077. content: "Compatibility : ";
  1078. font-size: 10px !important;
  1079. }
  1080.  
  1081. #mal_cs_pic
  1082. {
  1083. padding: 0 !important;
  1084. margin: 0 !important;
  1085. width: 200px !important;
  1086. float: left;
  1087. }
  1088.  
  1089. #mal_cs_pic a[href="/"]
  1090. {
  1091. display:block !important;
  1092. text-align: center !important;
  1093. border-right: 1px solid gray;
  1094. height: 39px !important;
  1095. width: 200px !important;
  1096. }
  1097.  
  1098. #searchBox
  1099. {
  1100. font-family: 'Exo', 'Trebuchet MS' !important;
  1101. width: 145px !important;
  1102. }
  1103. #searchBox:focus
  1104. {
  1105. box-shadow: 0px 0px 5px #0983FD;
  1106. }
  1107.  
  1108. #searchListButton
  1109. {
  1110. display: none;
  1111. }
  1112.  
  1113. # a:after
  1114. {
  1115. display: block;
  1116. position: fixed;
  1117. top: 39px;
  1118. margin-left: -1px;
  1119. overflow: hidden;
  1120. border-radius: 0px 0px 10px 0px;
  1121. padding: 0px 10px 0px 10px;
  1122. vertical-align: center;
  1123. border: none;
  1124. box-shadow: 0px 5px 7px black;
  1125. background-color: #5E5E5E;
  1126. text-indent: 0;
  1127. height: 0px;
  1128. -moz-transition: none;
  1129. -webkit-transition: none;
  1130. -o-transition: none;
  1131. transition: none;
  1132. }
  1133.  
  1134. # a:hover:after
  1135. {
  1136. height: 20px;
  1137. padding: 5px 10px 5px 10px;
  1138. border: 1px solid gray;
  1139. border-top: none;
  1140. -moz-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  1141. -webkit-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  1142. -o-transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  1143. transition: height 0.3s linear 0.7s, padding 0.3s linear 0.7s, border 0s linear 0.7s;
  1144. }
  1145.  
  1146. #mal_cs_listinfo a[href="/panel.php?go=logout"]:after
  1147. { display: none; }
  1148. #mal_cs_listinfo a[href*="/profile/"]:after
  1149. { display: none; }
  1150. #mal_cs_links a[href="/"]:after
  1151. { display: none; }
  1152. #mal_cs_links a[href="/addtolist.php?hidenav=1"]:after
  1153. { content: "Add entry to my list"; }
  1154. #mal_cs_links a[href*="/animelist/"]:after
  1155. { content: "My Anime List"; }
  1156. #mal_cs_links a[href*="/mangalist/"]:after
  1157. { content: "My Manga List"; }
  1158. #mal_cs_otherlinks strong a[href*="/profile/"]:after
  1159. { display: none; }
  1160. #mal_cs_otherlinks a[href*="/history/"]:after
  1161. { content: "Recent activity"; }
  1162. #mal_cs_otherlinks a[href="/forum/"]:after
  1163. { content: "Forum MyAnimeList.net"; }
  1164. #mal_cs_otherlinks a[href="/panel.php?go=export"]:after
  1165. { content: "Export my list to XML"; }
  1166. #mal_cs_otherlinks a[href*="/sharedanime.php?"]:after
  1167. { content: "Shared Anime"; }
  1168. #mal_cs_otherlinks a[href*="/sharedmanga.php?"]:after
  1169. { content: "Shared Manga"; }
  1170. #mal_cs_otherlinks a[href*="/mangalist/"]:after
  1171. { content: "Manga List"; }
  1172. #mal_cs_otherlinks a[href*="/animelist/"]:after
  1173. { content: "Anime List"; }
  1174. #mal_cs_otherlinks a[href="/login.php"]:after
  1175. { content: "Login to my account"; }
  1176. #mal_cs_otherlinks a[href="/register.php"]:after
  1177. { content: "Register a new account"; }
  1178. #mal_cs_otherlinks a[href="/modules.php?go=faq"]:after
  1179. { content: "Any question ?"; }
  1180.  
  1181. body {
  1182. background:url(http://i.imgur.com/v7V4M6s.jpg) fixed center top #000000;
  1183. }
  1184.  
  1185. /*
  1186. LIST FONT
  1187. These codes control the font on the list itself (anime titles, etc).
  1188. */
  1189.  
  1190. #list_surround, #list_surround a {
  1191. border:0 none;
  1192. color:#DBDBDB;
  1193. font-family:Verdana;
  1194. font-size:15px;
  1195. font-weight:normal;
  1196. text-decoration:none;
  1197. }
  1198.  
  1199. /*
  1200. BANNER
  1201. */
  1202.  
  1203. }
  1204.  
  1205. #list_surround .header_title {
  1206. background:url() no-repeat scroll transparent center top !important;
  1207. height:334px;
  1208. left:-282px;
  1209. padding:25px;
  1210. position:absolute;
  1211. top:-425px;
  1212. width:730px;
  1213. border-radius: 20px 20px 20px 20px;
  1214. }
  1215.  
  1216. #inlineContent {
  1217. background: url(http://i.imgur.com/Lb589xX.png) no-repeat scroll transparent center top !important;
  1218. display: inline-block !important;
  1219. height: 334px !important;
  1220. left: -282px !important;
  1221. margin: auto !important;
  1222. right: 0px !important;
  1223. top: -425px !important;
  1224. width: 730px !important;
  1225. position:absolute;
  1226. z-index: -1 !important;
  1227. }
  1228.  
  1229. /*HORIZONTAL LINES
  1230. */
  1231. .td1, .td2, .table_header {
  1232. border-color: red;
  1233. border-style: solid;
  1234. border-width: 0 0 1px !important;
  1235. }
  1236. td.table_header:nth-of-type(1) {
  1237. border-right-width: 0 !important;
  1238. }
  1239.  
  1240. /*PADDING
  1241. The space around the words in your list.
  1242. */
  1243. .status_selected:hover, .header_title:hover, .td1:hover, #grand_totals:hover,
  1244. .status_not_selected:hover, .table_header:hover, .category_totals:hover, .td2:hover, #copyright:hover, .status_selected, .header_title, .td1, #grand_totals,
  1245. .status_not_selected, .table_header, .category_totals, .td2, #copyright{
  1246. padding: 4px;
  1247. }
  1248.  
  1249. /*
  1250. LEFT SIDE BUTTONS
  1251. */
  1252.  
  1253. #list_surround .status_selected, #list_surround .status_not_selected {
  1254. background:url(http://i.imgur.com/VygiI.png) repeat scroll 0 0 transparent;
  1255. display:block;
  1256. height:100px;
  1257. left:-283px;
  1258. padding:0;
  1259. position:absolute;
  1260. top:0px;
  1261. width:270px;
  1262. }
  1263. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected +
  1264.  
  1265. .status_selected, #list_surround .status_not_selected + .status_not_selected {
  1266. background:url(http://i.imgur.com/EypFX.png) repeat scroll 0 0 transparent;
  1267. top:110px;
  1268. }
  1269. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround
  1270.  
  1271. .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected +
  1272.  
  1273. .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected +
  1274.  
  1275. .status_not_selected {
  1276. background:url(http://i.imgur.com/XfIAq.png) repeat scroll 0 0 transparent;
  1277. top:220px;
  1278. }
  1279. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected,
  1280.  
  1281. #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected,
  1282.  
  1283. #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected,
  1284.  
  1285. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected,
  1286.  
  1287. #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  1288. background:url(http://i.imgur.com/Djnon.png) repeat scroll 0 0 transparent;
  1289. top:330px;
  1290. }
  1291. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  1292.  
  1293. .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected +
  1294.  
  1295. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  1296.  
  1297. .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected +
  1298.  
  1299. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround
  1300.  
  1301. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  1302.  
  1303. .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected +
  1304.  
  1305. .status_not_selected + .status_not_selected {
  1306. background:url(http://i.imgur.com/y93VK.png) repeat scroll 0 0 transparent;
  1307. display:inline;
  1308. top:440px;
  1309. }
  1310. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  1311.  
  1312. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected +
  1313.  
  1314. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround
  1315.  
  1316. .status_not_selected + .status_not_selected + .status_selected + .status_not_selected +
  1317.  
  1318. .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  1319.  
  1320. .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround
  1321.  
  1322. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  1323.  
  1324. .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected +
  1325.  
  1326. .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround
  1327.  
  1328. .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected +
  1329.  
  1330. .status_not_selected + .status_not_selected {
  1331. background:url(http://i.imgur.com/sqCLu.png) no-repeat scroll 0 0 transparent;
  1332. display:inline;
  1333. padding-bottom:30px;
  1334. top:550px;
  1335. }
  1336.  
  1337.  
  1338. /*
  1339. HEADERS
  1340. */
  1341.  
  1342. #list_surround .header_cw {
  1343. background:url(http://i.imgur.com/djaJO.png) no-repeat scroll 0 0 transparent;
  1344. }
  1345. #list_surround .header_completed {
  1346. background:url(http://i.imgur.com/3jcgG.png) no-repeat scroll 0 0 transparent;
  1347. }
  1348. #list_surround .header_onhold {
  1349. background:url(http://i.imgur.com/L4bVw.png) no-repeat scroll 0 0 transparent;
  1350. }
  1351. #list_surround .header_ptw {
  1352. background:url(http://i.imgur.com/cJTI9.png) no-repeat scroll 0 0 transparent;
  1353. }
  1354. #list_surround .header_dropped {
  1355. background:url(http://i.imgur.com/gWhVk.png) no-repeat scroll 0 0 transparent;
  1356. }
  1357.  
  1358.  
  1359. /*
  1360. OTHER CODES
  1361. */
  1362.  
  1363.  
  1364.  
  1365. /****************************/
  1366. /* Silver highlight and font resize on Hover */
  1367. /****************************/
  1368. tr:hover td.td1, tr:hover td.td2 {
  1369. font-size: 16px !Important;
  1370. -moz-transition: .4s ease;
  1371. -webkit-transition: .4.5s ease;
  1372. -o-transition: .4s ease;
  1373. }
  1374.  
  1375. tr:hover [class^="td"] {
  1376. background-color: rgba(4, 4, 7, 0,4) !important;
  1377. -moz-transition: .4s ease;
  1378. -webkit-transition: .4s ease;
  1379. -o-transition: .4s ease;
  1380. }
  1381.  
  1382. a:hover {
  1383. text-decoration:underline;
  1384. }
  1385.  
  1386. #list_surround{
  1387. border-radius: 20px 20px 20px 20px;
  1388. border-style: solid !important;
  1389. border-width: 1px;
  1390. border-color: blue;
  1391. }
  1392.  
  1393. #list_surround {
  1394. background:none repeat scroll 0 0 rgba(4, 18, 50, 0.75);
  1395. border-bottom:0px solid #292929;
  1396. border-left:0px solid #292929;
  1397. border-right:0px solid #292929;
  1398. height:100%;
  1399. left:141px;
  1400. top:180px;
  1401. margin:239px auto 30px;
  1402. position:relative;
  1403. width:700px !important;
  1404.  
  1405. }
  1406.  
  1407. #list_surround .status_selected a {
  1408. color:#184900;
  1409. display:block;
  1410. font-size:1px;
  1411. height:2px;
  1412. padding:128px 0 0 243px;
  1413. width:30px;
  1414. }
  1415.  
  1416. #list_surround .status_not_selected a {
  1417. color:#184900;
  1418. display:block;
  1419. font-size:1px;
  1420. height:2px;
  1421. padding:128px 0 0 243px;
  1422. width:30px;
  1423. }
  1424.  
  1425.  
  1426. #list_surround br {
  1427. display:none;
  1428. }
  1429. #list_surround .header_title span {
  1430. color:#000000;
  1431. font-size:1px;
  1432. }
  1433. #list_surround .header_title .thickbox {
  1434. display:none;
  1435. }
  1436. #list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround
  1437.  
  1438. .header_ptw, #list_surround .header_dropped {
  1439. padding:28px 5px 5px;
  1440. margin-left:0px;
  1441. width:586px;
  1442. }
  1443. #list_surround .animetitle + small {
  1444. color:#ff9e96;
  1445. }
  1446. #list_surround .category_totals {
  1447. padding:5px;
  1448. text-align:center;
  1449. }
  1450. #list_surround #grand_totals {
  1451. display:none;
  1452. }
  1453.  
  1454. #mal_cs_listinfo a strong{
  1455. color: #FFFFFF;
  1456. font-family: Verdana,Arial,Helvetica,sans-serif;
  1457. font-size: 11px;
  1458. font-variant: normal;
  1459. font-weight: normal;
  1460. text-decoration: underline;
  1461. text-transform: none;}
  1462.  
  1463. #mal_cs_otherlinks strong{
  1464. color: #FFFFFF;
  1465. font-family: Verdana,Arial,Helvetica,sans-serif;
  1466. font-size: 11px;
  1467. font-variant: normal;}
  1468.  
  1469. .borderRBL {
  1470. color: cyan !important;
  1471. }
  1472. #list_surround .header_title span {
  1473. display:none;
  1474. }
  1475. #list_surround .status_not_selected a {
  1476. opacity:0;
  1477. }
  1478. #list_surround .status_selected a {
  1479. opacity:0;
  1480. }
  1481.  
  1482.  
  1483. #copyright {
  1484. -moz-background-inline-policy:continuous;
  1485. text-align: center !important;
  1486. color:#3a4358;
  1487. height:15px;
  1488. width:600px;
  1489. position:absolute;
  1490. font-family: sans-serif;
  1491. font-size: 10px;
  1492. }
  1493.  
  1494. #copyright a {
  1495. color:#3a4358;
  1496. }
  1497.  
  1498. @media screen and (-webkit-min-device-pixel-ratio:0) {
  1499. #copyright {
  1500. }
  1501. }
  1502.  
  1503. #copyright {
  1504. -moz-background-inline-policy:continuous;
  1505. text-align: center !important;
  1506. color:#3a4358;
  1507. height:15px;
  1508. width:600px;
  1509. position:absolute;
  1510. font-family: sans-serif;
  1511. font-size: 10px;
  1512. }
  1513.  
  1514. #copyright a {
  1515. color:#3a4358;
  1516. }
  1517.  
  1518. @media screen and (-webkit-min-device-pixel-ratio:0) {
  1519. #copyright {
  1520. }
  1521. }
Advertisement
Add Comment
Please, Sign In to add comment