Advertisement
Shishipastebin

Untitled

Sep 17th, 2019
2,141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.61 KB | None | 0 0
  1.  
  2. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more";
  3. @\import "https://fonts.googleapis.com/css?family=Advent+Pro";
  4.  
  5. * {
  6. text-decoration: none;
  7. }
  8.  
  9. body {
  10. background-attachment: fixed;
  11. background-clip: border-box;
  12. background-color: transparent;
  13. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwG7Ffnl9Xp3V0np4m1Gzfgs);
  14. background-position: 24% 8%;
  15. background-repeat: no-repeat no-repeat;
  16. background-size: cover;
  17. font-family: advent pro;
  18. }
  19.  
  20. #inlineContent {
  21. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKYOlxWXFR0d1OrrzAVObcU);
  22. background-position: 0 0;
  23. background-repeat: no-repeat no-repeat;
  24. display: inline-block !important;
  25. height: 188px;
  26. margin: auto !important;
  27. position: fixed;
  28. top: 0 !important;
  29. width: 700px !important;
  30. z-index: 4 !important;
  31. }
  32.  
  33. #list_surround {
  34. background-attachment: fixed;
  35. background-position: 24% 0;
  36. background-repeat: no-repeat no-repeat;
  37. font-size: 15px;
  38. height: 250px;
  39. left: 15% !important;
  40. line-height: 1;
  41. margin: 0 auto;
  42. padding-bottom: 13px;
  43. padding-top: 133px;
  44. position: absolute;
  45. width: 700px;
  46. z-index: 0;
  47. }
  48.  
  49. a {
  50. color: white;
  51. text-shadow: none;
  52. }
  53.  
  54. tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 {
  55. color: red;
  56. font-weight: bold;
  57. transition: all 0.4s ease 0s;
  58. }
  59.  
  60. a:hover {
  61. color: #3167A9 !important;
  62. text-shadow: 0 1px rgba(255, 255, 255, 0.15);
  63. }
  64.  
  65. .table_header {
  66. }
  67.  
  68. .table_header:first-of-type {
  69. border-radius: 20px 0 0 0;
  70. }
  71.  
  72. .table_header:nth-of-type(2) {
  73. text-align: left;
  74. }
  75.  
  76. .table_header:nth-of-type(5) {
  77. border-bottom-right-radius: 0;
  78. border-top-left-radius: 0;
  79. border-top-right-radius: 20px;
  80. }
  81.  
  82. .table_header, .category_totals {
  83. background-color: #000000;
  84. border: 0 none;
  85. opacity: 1;
  86. padding: 4px;
  87. text-align: center;
  88. vertical-align: top;
  89. }
  90.  
  91. .td1, .td2 {
  92. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwLknT9Iqk0J3C_rblE_tWLc);
  93. padding: 4px;
  94. }
  95.  
  96. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  97. text-align: left;
  98. }
  99.  
  100. .table_header:nth-of-type(6) {
  101. display: none;
  102. width: 0;
  103. }
  104.  
  105. small {
  106. color: red;
  107. font-weight: bold;
  108. }
  109.  
  110. .table_header, .td1, .td2, .category_totals {
  111. color: grey;
  112. }
  113.  
  114. .borderRBL {
  115. line-height: normal !important;
  116. }
  117.  
  118. [cellspacing="0"] {
  119. line-height: 17px;
  120. }
  121.  
  122. .category_totals {
  123. background-color: black;
  124. border-radius: 0 0 12px 12px;
  125. text-align: center;
  126. }
  127.  
  128. .category_totals:hover {
  129. background-color: #C41E0E;
  130. color: #FFFFFF;
  131. }
  132.  
  133. [class^="header_"] * {
  134. background-repeat: no-repeat no-repeat;
  135. font-size: 0;
  136. height: 200px;
  137. line-height: 24px;
  138. padding-bottom: 0;
  139. text-align: right;
  140. vertical-align: bottom;
  141. }
  142.  
  143. .header_title {
  144. border-radius: 4px 4px 4px 4px;
  145. color: #FFFFFF;
  146. display: inline-block;
  147. font-style: italic;
  148. height: auto;
  149. padding: 0 8px 0 0;
  150. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  151. }
  152.  
  153. #grand_totals {
  154. background-color: rgba(234, 203, 82, 0.8);
  155. border: 0 none;
  156. border-radius: 3px 3px 3px 3px;
  157. color: White;
  158. line-height: 20px;
  159. min-height: 20px;
  160. padding: 8px;
  161. text-align: center;
  162. vertical-align: middle;
  163. }
  164.  
  165. .status_not_selected {
  166. opacity: 0.7;
  167. right: -183px !important;
  168. transition: all 0.4s ease 0s;
  169. }
  170.  
  171. .status_not_selected:hover {
  172. color: transparent;
  173. opacity: 1;
  174. right: 3px !important;
  175. transition: all 0.4s ease 0s;
  176. }
  177.  
  178. .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
  179. color: transparent;
  180. display: block;
  181. height: 100px;
  182. opacity: 0;
  183. width: 271px;
  184. }
  185.  
  186. .status_selected {
  187. display: block;
  188. }
  189.  
  190. .status_not_selected {
  191. display: block;
  192. }
  193.  
  194. .header_cw {
  195. background-color: transparent;
  196. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPvAaTHnaLFUddbp1yuxhds);
  197. background-position: 50% 0;
  198. background-repeat: no-repeat no-repeat;
  199. height: 200px;
  200. }
  201.  
  202. .header_completed {
  203. background-color: transparent;
  204. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGpJTf3WeVOa2Cjxb1QeYVQ);
  205. background-position: 50% 0;
  206. background-repeat: no-repeat no-repeat;
  207. height: 200px;
  208. z-index: 0;
  209. }
  210.  
  211. .header_onhold {
  212. background-color: transparent;
  213. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwI_d40PNtOBx4lJNOFmsjQE);
  214. background-position: 50% 0;
  215. background-repeat: no-repeat no-repeat;
  216. height: 200px;
  217. }
  218.  
  219. .header_dropped {
  220. background-color: transparent;
  221. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKYTPiUCKyBw0GpWmG6uw88);
  222. background-position: 50% 0;
  223. background-repeat: no-repeat no-repeat;
  224. height: 200px;
  225. }
  226.  
  227. .header_ptw {
  228. background-color: transparent;
  229. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwCnL5ElRXjYJZN6luqjXaA8);
  230. background-position: 50% 0;
  231. background-repeat: no-repeat no-repeat;
  232. height: 200px;
  233. }
  234.  
  235. #list_surround .status_selected, #list_surround .status_not_selected {
  236. background-attachment: scroll;
  237. background-color: transparent;
  238. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwDdybjMYhKpwfM9URtD4470);
  239. background-position: 0 0;
  240. background-repeat: no-repeat no-repeat;
  241. border: 2px solid black !important;
  242. border-radius: 20px 0 0 0;
  243. display: block;
  244. height: 83px;
  245. padding: 0;
  246. position: fixed;
  247. right: -3px;
  248. top: 274px;
  249. width: 271px;
  250. }
  251.  
  252. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  253. background-attachment: scroll;
  254. background-color: transparent;
  255. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGlzYn9LNlQ4UaN_DkvqbCA);
  256. background-position: 0 0;
  257. background-repeat: no-repeat no-repeat;
  258. border-top-left-radius: 0;
  259. border-top-right-radius: 0;
  260. top: 360px;
  261. }
  262.  
  263. #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
  264. background-attachment: scroll;
  265. background-color: transparent;
  266. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwFZ8tqA612XaCXi6uIb-ksk);
  267. background-position: 0 0;
  268. background-repeat: repeat repeat;
  269. top: 446px;
  270. }
  271.  
  272. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  273. background-attachment: scroll;
  274. background-color: transparent;
  275. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKVSA2c_ixpMo1-AA2TDr4A);
  276. background-position: 0 0;
  277. background-repeat: no-repeat no-repeat;
  278. top: 531px;
  279. }
  280.  
  281. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  282. background-attachment: scroll;
  283. background-color: transparent;
  284. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwCEwRbwqXncKD7qdZAmraQc);
  285. background-position: 0 0;
  286. background-repeat: repeat repeat;
  287. top: 617px;
  288. }
  289.  
  290. #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
  291. background-attachment: scroll;
  292. background-color: transparent;
  293. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwJq3H24yUtwh9v678SZ9CC4);
  294. background-position: 0 0;
  295. background-repeat: no-repeat no-repeat;
  296. border-bottom-left-radius: 20px !important;
  297. top: 702px;
  298. width: 271px;
  299. }
  300.  
  301. /* COVER AREA
  302. The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
  303. Left and top adjust the position it appears on screen.
  304. Control the height and width of the pic with height and width.
  305. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
  306. Increase height and width to make the pics bigger.
  307. Delete border-style: solid; to remove the border.
  308. */
  309. .hide {
  310. background-size: cover;
  311. left: 1%;
  312. top: 150px;
  313. height: 300px;
  314. width: 201px;
  315. border-style: solid;
  316. border-color: white;
  317. border-top: 1px solid white;;
  318. border-left: 1px solid white;
  319. border-right: 1px solid white;
  320. border-bottom: 1px solid white;
  321. border-radius: 25px 25px 25px 25px;
  322. background-color: rgba(0, 5, 0, 0.75);
  323. background-position: center 50% !important;
  324. background-repeat: no-repeat !Important;
  325. display: block !important;
  326. position: fixed;
  327. visibility: hidden;
  328. opacity: 0;
  329. transition: all 0.4s ease 0s;
  330. }
  331.  
  332. /* PREVIEW MSG ABOVE COVERS
  333. Remove content: "preview"; to remove the PREVIEW text.
  334. Change the text in quotations after content to what you want it to say above your cover pic.
  335. Top and width controls the position of the text.
  336. */
  337. .hide:before {
  338. background: transparent;
  339. color: white;
  340. content: "";
  341. padding-bottom: 5px;
  342. position: absolute;
  343. text-align: center;
  344. width: 225px;
  345. top: -25px;
  346. border-radius: 25px 25px 0 0;
  347. }
  348.  
  349. /*
  350. MINI REVIEW (HOVER TAG)
  351. Move the area around with the left and top codes.
  352. Adjust the surrounding area of the tags by adjusting the padding.
  353. Control the height and width of the section with the height and width codes.
  354.  
  355. If your tags/mini-reviews aren't hovering correctly or you need help understanding or adjusting the background color code, see the bottom of the original tutorial:
  356. http://myanimelist.net/forum/?topicid=563993
  357. */
  358. td[class^='td']:nth-of-type(6) {
  359. visibility: hidden;
  360. opacity: 0;
  361. position: fixed;
  362. top: 462px;
  363. left: 0px;
  364. background-color: rgba(20, 30, 255, 0.85) !important;
  365. border-color: white;
  366. border-radius: 25px 25px 25px 25px;
  367. border-style: solid;
  368. border-width: 1px;
  369. font-size: 12px;
  370. height: auto;
  371. width: 184px;
  372. padding: 12px 17px 16px 23px;
  373. color: white !important;
  374. z-index: 1;
  375. transition: all 0.4s ease 0s;
  376. }
  377.  
  378. /* TAG TEXT COLOR*/
  379. tr:hover td[class^='td']:nth-of-type(6) a {
  380. color: white !important;
  381. }
  382.  
  383. /* OTHER SETTINGS */
  384. :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){
  385. visibility: visible;
  386. opacity: 1;
  387. }
  388.  
  389. /* REMOVE TABLE HEADER
  390. Deletes the table header Tags which isn't necessary.
  391. */
  392. .table_header:nth-of-type(6) {
  393. display: none !important;
  394. }
  395.  
  396. /* REMOVE TAG EDIT BUTTON
  397. Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
  398. */
  399. td:nth-of-type(6) small {
  400. display: none;
  401. }
  402.  
  403. /* HIDE MORE BUTTON */
  404. #list_surround div[style="float: right;"] {
  405. visibility: hidden;
  406. }
  407. #list_surround .List_LightBox {
  408. visibility: visible !important;
  409. float: right;
  410. }
  411.  
  412. /* GOOGLE CHROME FIX
  413. Adjust this amount 50px at a time if your columns are uneven in Chrome.
  414. */
  415. @media screen and (-webkit-min-device-pixel-ratio:0) {
  416. td[class^='td']:nth-of-type(2) {
  417. width: 470px !important;}
  418. }
  419.  
  420. #copyright, #copyright:hover {
  421. background-color: #C41E0E;
  422. border-radius: 5px 5px 5px 5px;
  423. bottom: 0;
  424. color: white;
  425. padding: 2px;
  426. width: 100%;
  427. }
  428.  
  429. #copyright:hover {
  430. }
  431.  
  432. #copyright:before {
  433. color: white;
  434. content: " Design by SylakentH, got the idea from Stark700s layout. Greets!";
  435. font-size: 12px;
  436. padding-right: 10px;
  437. }
  438.  
  439. #copyright:after {
  440. color: gold;
  441. content: " ";
  442. padding-left: 20px;
  443. }
  444.  
  445. #copyright a {
  446. }
  447.  
  448. a[href=""], [href=""] {
  449. background-attachment: scroll;
  450. background-color: transparent;
  451. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwNq11Eeqhkfd8TM74OrQ0ls);
  452. background-position: left top;
  453. background-repeat: no-repeat;
  454. padding-bottom: 5px !important;
  455. padding-left: 29px;
  456. }
  457.  
  458. /*
  459. COLOR OF THE ICONS
  460. Change the color, and adjust the opacity for brighter color.
  461. Remove the display: none to match the selected icon to the other icons.
  462. */
  463. #mal\_cs\_listinfo:before, #mal\_cs\_links:before, #mal\_cs\_otherlinks:before, #mal\_cs\_powered:before {
  464. background: transparent;
  465. opacity: .9;
  466. }
  467.  
  468. /*
  469. BORDER OF ICONS
  470. If you're having trouble seeing the border bottom, lower the height by a pixel or two until you see it.
  471. */
  472. #mal_cs_listinfo:before, #mal_cs_links:before, #mal_cs_otherlinks:before, #mal_cs_powered:before, #mal\_cs\_listinfo:before, #mal\_cs\_links:before, #mal\_cs\_otherlinks:before, #mal\_cs\_powered:before {
  473. border-color: ;
  474. border-style: ;
  475. border-width: ;
  476. height: 32px !important;
  477. }
  478.  
  479. /*
  480. BUTTONS COLOR AND BORDER
  481. Buttons within the hover menus, not the icons themselves.
  482. Second code is for button color on hover.
  483. */
  484. #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #mal_cs_powered a img {
  485. background-color: rgba(64, 60, 90, 0.6) !important;
  486. border-color: transparent;
  487. border-style: solid !important;
  488. border-width: 1px !important;
  489. }
  490.  
  491. #mal\_cs\_listinfo a:hover, #mal\_cs\_links a:hover, #mal\_cs\_otherlinks a:hover, #mal_cs_powered a img:hover {
  492. background-color: #403C5A !important;
  493. }
  494.  
  495. /*
  496. COLOR OF HOVER MENUS AND SELECTED ICONS
  497. Remove display none from the second code to match the colors of the selected icon to the icons above.
  498. */
  499. #mal\_cs\_listinfo div, #mal\_cs\_links div, #mal\_cs\_otherlinks div, #mal\_cs\_powered div, #mal\_cs\_powered dd, #mal\_cs\_powered a {
  500. background-color: rgba(255, 255, 255, 0.6) !important;
  501. }
  502.  
  503. #mal\_cs\_listinfo:hover:before, #mal\_cs\_links:hover:before, #mal\_cs\_otherlinks:hover:before, #mal\_cs\_powered:hover:before, #mal\_cs\_listinfo:hover:after, #mal\_cs\_links:hover:after, #mal\_cs\_otherlinks:hover:after, #mal\_cs\_powered:hover:after {
  504. display: none;
  505. background-color: ;
  506. opacity: .2;
  507. }
  508.  
  509. /*
  510. COLOR OF USERNAME (for visitors)
  511. You don't see this username on the menus when you're logged in, log out to see it.
  512. */
  513. #mal\_cs\_otherlinks strong a {
  514. color: #333333 !important;
  515. }
  516.  
  517. #mal\_cs\_otherlinks strong a:hover {
  518. color: blue !important;
  519. background-color: transparent !important;
  520. }
  521.  
  522. /*
  523. POSITION OF TOP BAR
  524. Change to absolute if you want it to not scroll with the page.
  525. */
  526. #mal\_control\_strip
  527. {
  528. position: fixed !important;
  529. background-color: transparent !important;
  530. background-image: url(https://image.myanimelist.net/ui/uqwkn3zl0fMrMuaC28cB8Q) !important;
  531. }
  532.  
  533. /*
  534. OTHER CODES
  535. If you want to change out the icon images themselves, you can scroll down through the codes and find the background images and change them with your own.
  536. */
  537. #mal\_cs\_listinfo, #mal\_cs\_links, #mal\_cs\_otherlinks, #mal\_cs\_powered {
  538. -moz-box-sizing: border-box;
  539. transition: all 0.4s ease 0s;
  540. background: none no-repeat scroll 100% 0 transparent;
  541. border: 0 none;
  542. height: 0 !important;
  543. overflow: hidden;
  544. position: absolute;
  545. right: 4px;
  546. text-align: center;
  547. top: 4px;
  548. width: 150px;
  549. z-index: 10;
  550. }
  551.  
  552. #mal\_cs\_listinfo:hover, #mal\_cs\_links:hover, #mal\_cs\_otherlinks:hover, #mal\_cs\_powered:hover {
  553. height: 200px !important;
  554. padding-top: 32px;
  555. width: 150px;
  556. }
  557.  
  558. #mal\_cs\_listinfo div, #mal\_cs\_links div, #mal\_cs\_otherlinks div, #mal\_cs\_powered div, #mal\_cs\_powered dd {
  559. transition: opacity 0.4s ease-in-out 0s;
  560. border-radius: 3px 0 0 0;
  561. font-size: 0 !important;
  562. line-height: 0;
  563. margin: 0 !important;
  564. opacity: 0;
  565. padding: 8px 0 0;
  566. }
  567.  
  568. #mal\_cs\_listinfo:hover div, #mal\_cs\_links:hover div, #mal\_cs\_otherlinks:hover div, #mal\_cs\_powered:hover div, #mal\_cs\_powered:hover dd {
  569. opacity: 1;
  570. }
  571.  
  572. #mal\_cs\_listinfo div:nth-of-type(2), #mal\_cs\_links div:nth-of-type(2), #mal\_cs\_otherlinks div:nth-of-type(2), #mal\_cs\_powered div:nth-of-type(2) {
  573. border-radius: 0 0 3px 3px;
  574. padding: 4px 0 8px;
  575. }
  576.  
  577. #mal\_cs\_listinfo a, #mal\_cs\_links a, #mal\_cs\_otherlinks a, #mal\_cs\_powered a {
  578. background-color: rgba(64, 60, 90, 0.6);
  579. border-radius: 3px 3px 3px 3px;
  580. display: block;
  581. font: 13px/17px arial,sans-serif;
  582. margin: 4px 12px 0;
  583. padding: 3px 0;
  584. text-decoration: none;
  585. }
  586.  
  587. #mal\_cs\_listinfo a:nth-of-type(1), #mal\_cs\_links a:nth-of-type(1), #mal\_cs\_otherlinks a:nth-of-type(1), #mal\_cs\_powered a:nth-of-type(1) {
  588. margin-top: 0;
  589. }
  590.  
  591. #mal\_cs\_listinfo strong a strong {
  592. font-weight: normal;
  593. }
  594.  
  595. #mal\_cs\_otherlinks strong {
  596. color: #333333;
  597. display: block;
  598. font: bold 13px/17px arial,sans-serif !important;
  599. padding: 0 4px 4px;
  600. text-shadow: 0 1px 1px #FFFFFF;
  601. }
  602.  
  603. #mal\_cs\_otherlinks strong a {
  604. background: none repeat scroll 0 0 transparent !important;
  605. border-color: transparent !important;
  606. border-radius: 0 0 0 0;
  607. color: #333333;
  608. display: inline;
  609. font: bold 13px/17px arial,sans-serif !important;
  610. margin: 0;
  611. padding: 0;
  612. text-shadow: 0 1px 1px #FFFFFF;
  613. }
  614.  
  615. #mal\_cs\_powered a {
  616. border-radius: 3px 0 0 0 !important;
  617. display: block !important;
  618. margin: 0 !important;
  619. opacity: 0;
  620. padding: 8px 0 0 !important;
  621. }
  622.  
  623. #mal\_cs\_powered:hover a {
  624. opacity: 1;
  625. }
  626.  
  627. #mal\_cs\_powered a img {
  628. background: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAt3JcBqvQltA05aI1KzReag) no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6);
  629. border-radius: 3px 3px 3px 3px;
  630. display: block;
  631. height: 0;
  632. margin: 0 12px;
  633. padding: 23px 0 0 126px;
  634. width: 0;
  635. }
  636.  
  637. #mal\_cs\_powered a img:hover {
  638. background-color: #403C5A;
  639. }
  640.  
  641. #mal\_cs\_powered #search {
  642. border-radius: 0 0 3px 3px;
  643. padding: 8px;
  644. position: relative;
  645. }
  646.  
  647. #mal\_cs\_powered #search #searchBox {
  648. -moz-box-sizing: border-box;
  649. border-color: #BCBCBC #D6D6D6 #D6D6D6;
  650. border-radius: 2px 2px 2px 2px;
  651. border-style: solid;
  652. border-width: 1px;
  653. color: #333333;
  654. display: inline-block;
  655. font-family: arial,sans-serif;
  656. font-size: 13px;
  657. height: 28px;
  658. padding-left: 6px;
  659. padding-right: 24px;
  660. vertical-align: top;
  661. width: 100%;
  662. }
  663.  
  664. #mal\_cs\_powered #search #searchBox:hover, #mal\_cs\_powered #search #searchBox:focus {
  665. border-color: #ACACAC #C6C6C6 #C6C6C6;
  666. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  667. }
  668.  
  669. #mal\_cs\_powered #search #searchListButton {
  670. background: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAohQp8z5wri96eN4opUjHJE) no-repeat scroll 0 0 transparent;
  671. border-radius: 3px 3px 3px 3px;
  672. height: 0;
  673. margin: 0;
  674. padding: 16px 0 0 16px;
  675. position: absolute;
  676. right: 12px;
  677. top: 14px;
  678. width: 0;
  679. }
  680.  
  681. #mal\_cs\_listinfo {
  682. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAgAy9GEXkkvD3cdjJLfSVGQ);
  683. right: 106px;
  684. }
  685.  
  686. #mal\_cs\_listinfo:hover {
  687. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAo1BLE0cUckQyU8EWJh4d9o);
  688. }
  689.  
  690. #mal\_cs\_links {
  691. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAssYPGhnnbj3VC8LTDSSNDM);
  692. right: 72px;
  693. z-index: 9;
  694. }
  695.  
  696. #mal\_cs\_links:hover {
  697. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPArbwWO8Kea0_4Ciulu66_lw);
  698. }
  699.  
  700. #mal\_cs\_otherlinks {
  701. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAokWkF2iSIXUYadLjN09jtI);
  702. right: 38px;
  703. z-index: 8;
  704. }
  705.  
  706. #mal\_cs\_otherlinks:hover {
  707. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAsjhQ_Vxv7FuhVPPLRrC1aw);
  708. }
  709.  
  710. #mal\_cs\_powered {
  711. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAl-lrr2XY5HdZZfMhacIFAw);
  712. right: 4px !important;
  713. z-index: 7;
  714. }
  715.  
  716. #mal\_cs\_powered:hover {
  717. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAkBNDbRbptLJbz4pj_ZyrMg);
  718. }
  719.  
  720. td#mal\_cs\_pic a img {
  721. display: none;
  722. }
  723.  
  724. #mal\_cs\_pic, #mal\_cs\_listinfo, #mal\_cs\_links {
  725. border-right: 0 none !important;
  726. }
  727.  
  728. #mal\_cs\_listinfo, #mal\_cs\_links, #mal\_cs\_otherlinks, #mal\_cs\_powered {
  729. padding: 32px 0 0 !important;
  730. }
  731.  
  732. #mal\_cs\_listinfo:before, #mal\_cs\_links:before, #mal\_cs\_otherlinks:before, #mal\_cs\_powered:before {
  733. z-index: 10 !important;
  734. content: "";
  735. right: 0 !important;
  736. top: 0 !important;
  737. width: 32px !important;
  738. position: absolute !important;
  739. border-radius: 4px;
  740. }
  741.  
  742. #mal\_cs\_listinfo:after{
  743. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAmwhS5hsEJbkU9HULOVqw0k);
  744. }
  745.  
  746. #mal\_cs\_links:after{
  747. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAvxofPrsHsJcE3TXysRT-GY);
  748. }
  749.  
  750. #mal\_cs\_otherlinks:after{
  751. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAnMLnPGq5ccgO3WDmHUlcUg);
  752. }
  753.  
  754. #mal\_cs\_powered:after{
  755. background-image: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAg7RxNU5ziABBkzp8COCPhs);
  756. }
  757.  
  758. #mal\_cs\_listinfo:after, #mal\_cs\_links:after, #mal\_cs\_otherlinks:after, #mal\_cs\_powered:after {
  759. z-index: 10 !important;
  760. content: "";
  761. right: 0 !important;
  762. top: 0 !important;
  763. width: 32px !important;
  764. height: 32px !important;
  765. position: absolute !important;
  766. }
  767.  
  768. #searchBox {
  769. width: 128px !important;
  770. margin-left: 1px;
  771. }
  772.  
  773. #mal_cs_powered #search #searchListButton {
  774. right: 15px !important;
  775. top: 12px !important;
  776. }
  777.  
  778. @media screen and (-webkit-min-device-pixel-ratio:0) {
  779. #searchBox {
  780. width: 96px !important;
  781. }
  782. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement