SHARE
TWEET

Untitled

a guest Oct 13th, 2019 105 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more";
  2.  
  3.  
  4.  
  5. /*
  6. MAIN BACKGROUNDS AND CURSOR
  7. */
  8.  
  9. body {
  10. background-image: url("https://i.imgur.com/xEKlcV8.png"), url("https://i.imgur.com/PtQeno9.jpg");
  11. cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto;
  12. background-attachment: fixed;
  13. background-clip: border-box;
  14. background-color: transparent;
  15. background-position: right 57% bottom, 0 0;
  16. background-repeat: no-repeat no-repeat;
  17. background-size: cover, cover;
  18. font-family: candara;
  19. }
  20.  
  21.  
  22. /*
  23. CURSORS FOR LINKS
  24. */
  25. a {
  26. color: #FFFFFF;
  27. cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto;
  28. text-shadow: none;
  29. }
  30. a:hover {
  31. color: #FF4000;
  32. cursor: url("http://cur.cursors-4u.net/nature/nat-8/nat793.cur") 1 2, auto;
  33. text-shadow: 0 1px rgba(255, 255, 255, 0.15);
  34. }
  35.  
  36.  
  37.  
  38. /*
  39. FAVORITE MARKINGS (flower by default)
  40. This part is responsible for the Unique Hana favs dots. By default it marks Death Note, the most popular anime. If you want to add your favorites, heres how:
  41.  
  42. 1. copy this:
  43.  
  44. , a[href=""]
  45.  
  46. and paste it under it in front of the first { in the codes below.
  47.  
  48. 2. Add your favorite anime's urls on MyAnimeList in the quotations in the part you just pasted.
  49.  
  50. 3. Save and you're done! A flower should appear on the anime or manga's line.
  51. */
  52.  
  53. a[href="http://myanimelist.net/anime/1535/Death_Note"]{
  54. background-attachment: scroll;
  55. background-image: url("http://i48.tinypic.com/2ludp8m.png");
  56. padding-left: 25px !important;
  57. background-clip: border-box;
  58. background-color: transparent;
  59. background-position: left top;
  60. background-repeat: no-repeat;
  61. background-size: contain;
  62. position: relative;
  63. }
  64.  
  65.  
  66. /*
  67. FAVORITE TITLES TEXT COLOR
  68. Colors your favorite animes a unique color. By default, Death Note is colored gold to go with the above. The number 1535 is found within Death Note's url on MyAnimeList by looking it up. Each anime and manga title has a unique number. You can copy the code below and add a different number or colors to highlight other series!
  69. */
  70.  
  71. .animetitle[href*="anime/1535/"]{
  72. color: gold !important;
  73. font-size: 15px;
  74. }
  75.  
  76.  
  77. /*
  78. LIST SETTINGS AND LOGO
  79. */
  80. #list_surround {
  81. background-attachment: scroll;
  82. background-image: url("https://i.imgur.com/1vhmZnr.png");
  83. background-position: 50% 0;
  84. background-repeat: no-repeat no-repeat;
  85. font-size: 81.25%;
  86. height: 250px;
  87. left: 0 !important;
  88. line-height: 1;
  89. margin: 0 auto;
  90. padding-bottom: 10px;
  91. padding-top: 228px;
  92. position: absolute;
  93. right: 0 !important;
  94. width: 650px;
  95. }
  96.  
  97.  
  98.  
  99. /*
  100. CUSTOM HEADERS
  101. */
  102. .header_cw {
  103. background-color: transparent;
  104. background-image: url("https://i.imgur.com/2U9eeeM.png");
  105. background-position: 0 0;
  106. background-repeat: no-repeat no-repeat;
  107. height: 200px;
  108. margin-bottom: 0;
  109. margin-left: 63px;
  110. margin-top: -45px;
  111. }
  112. .header_completed {
  113. background-color: transparent;
  114. background-image: url("https://i.imgur.com/pbaIGT4.png");
  115. background-position: 61px 5px;
  116. background-repeat: no-repeat no-repeat;
  117. height: 200px;
  118. margin-bottom: 0;
  119. margin-top: -40px;
  120. z-index: 0;
  121. }
  122. .header_onhold {
  123. background-color: transparent;
  124. background-image: url("https://i.imgur.com/iqUJeHs.png");
  125. background-position: 91px 11px;
  126. background-repeat: no-repeat no-repeat;
  127. height: 200px;
  128. margin-bottom: 0;
  129. margin-top: -40px;
  130. }
  131. .header_dropped {
  132. background-color: transparent;
  133. background-image: url("https://i.imgur.com/9h7pCwJ.png");
  134. background-position: 131px 5px;
  135. background-repeat: no-repeat no-repeat;
  136. height: 200px;
  137. margin-bottom: 0;
  138. margin-top: -40px;
  139. }
  140. .header_ptw {
  141. background-color: transparent;
  142. background-image: url("https://i.imgur.com/FuAaM7U.png");
  143. background-position: 15px 5px;
  144. background-repeat: no-repeat no-repeat;
  145. height: 200px;
  146. margin-bottom: 0;
  147. margin-top: -40px;
  148. }
  149.  
  150.  
  151. /*
  152. LEFT SIDE CATEGORY MENU
  153. Top codes influence the opacity and transition of the buttons, ask in the original topic if there's something you wanna change them but don't know how. The rest of the codes are background and size settings.
  154. */
  155. .status_not_selected {
  156. opacity: 0.5;
  157. }
  158. .status_not_selected:hover {
  159. color: transparent;
  160. opacity: 1;
  161. -moz-transition: .4s ease;
  162. -webkit-transition: .4s ease;
  163. -o-transition: .4s ease;;
  164. }
  165. .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
  166. color: transparent;
  167. display: block;
  168. height: 100px;
  169. width: 270px;
  170. }
  171. #list_surround .status_selected, #list_surround .status_not_selected {
  172. background-attachment: scroll;
  173. background-color: transparent;
  174. background-image: url("https://i.imgur.com/kGbeuBB.png");
  175. background-position: 0 -5px;
  176. background-repeat: repeat repeat;
  177. border: 1px solid #FFFFFF;
  178. border-radius: 20px 20px 20px 20px;
  179. display: block;
  180. height: 90px;
  181. left: 0;
  182. padding: 0;
  183. position: fixed;
  184. top: 50px;
  185. width: 300px;
  186. }
  187. #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  188. background-attachment: scroll;
  189. background-color: transparent;
  190. background-image: url("https://i.imgur.com/49rwpem.png");
  191. background-position: 0 -5px;
  192. background-repeat: repeat repeat;
  193. border-top-left-radius: 20px;
  194. border-top-right-radius: 20px;
  195. top: 160px;
  196. }
  197. #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 {
  198. background-attachment: scroll;
  199. background-color: transparent;
  200. background-image: url("https://i.imgur.com/s694MEu.png");
  201. background-position: 0 -5px;
  202. background-repeat: repeat repeat;
  203. top: 270px;
  204. }
  205. #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 {
  206. background-attachment: scroll;
  207. background-color: transparent;
  208. background-image: url("https://i.imgur.com/QV6SwJ2.png");
  209. background-position: 0 -7px;
  210. background-repeat: repeat repeat;
  211. top: 380px;
  212. }
  213. #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 {
  214. background-attachment: scroll;
  215. background-color: transparent;
  216. background-image: url("https://i.imgur.com/SxzIkuK.png");
  217. background-position: 0 -5px;
  218. background-repeat: repeat repeat;
  219. display: inline;
  220. top: 490px;
  221. }
  222. #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 {
  223. background-attachment: scroll;
  224. background-color: transparent;
  225. background-image: url("https://i.imgur.com/BTPaiu8.png");
  226. background-position: 0 0;
  227. background-repeat: repeat repeat;
  228. border-bottom-left-radius: 20px;
  229. border-bottom-right-radius: 20px;
  230. display: inline;
  231. top: 600px;
  232. width: 300px;
  233. }
  234.  
  235.  
  236. /*
  237. LIST ROW/BOTTOM SETTINGS AND COLORS
  238. You'll find the background colors of the rows in the top two sets of codes and the colors seen on mouse hover for rows in the third set. If you don't know about rgba colors, you can look up online generators that will easily make a unique color of yours choice, with the CSS for it you can add here!
  239.  
  240. The following codes affect other parts of the list and are named clearly.
  241. */
  242.  
  243. .td1 {
  244. background-color: rgba(8, 236, 228, 0.5);
  245. height: 20px;
  246. }
  247. .td2 {
  248. background-color: rgba(49, 59, 255, 0.506);
  249. height: 20px;
  250. }
  251. tr:hover [class^="td"] {
  252. background-color: rgba(51, 111, 235, 0.7);
  253. -moz-transition: .4s ease;
  254. -webkit-transition: .4s ease;
  255. -o-transition: .4s ease;;
  256. }
  257. .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
  258. background-color: rgba(12, 46, 196, 0.7);
  259. border: 0 none;
  260. padding: 4px;
  261. text-align: center;
  262. vertical-align: top;
  263. }
  264. .table_header, .td1, .td2, .category_totals {
  265. color: white;
  266. }
  267. .category_totals {
  268. background-color: rgba(12, 46, 196, 0.7);
  269. border-radius: 0 0 12px 12px;
  270. text-align: center;
  271. }
  272. .category_totals:hover {
  273. background-color: rgba(12, 46, 196, 0.7);
  274. color: #FFFFFF;
  275. }
  276. #grand_totals {
  277. background-color: rgba(12, 46, 196, 0.8);
  278. border: 0 none;
  279. border-radius: 3px 3px 3px 3px;
  280. color: #FFFFFF;
  281. line-height: 20px;
  282. min-height: 20px;
  283. padding: 8px;
  284. text-align: center;
  285. vertical-align: middle;
  286. }
  287. #copyright, #copyright:hover {
  288. background-color: rgba(12, 46, 196, 0.6);
  289. border-radius: 5px 5px 5px 5px;
  290. bottom: 0;
  291. color: white;
  292. padding: 2px;
  293. width: 650px;
  294. }
  295. #copyright:hover {
  296. }
  297. #copyright:before {
  298. color: black;
  299. content: " Design by SylakentH, thanks to TheHolyPotato and Shishio's Custom Lists Club!";
  300. font-size: 12px;
  301. padding-right: 10px;
  302. }
  303.  
  304.  
  305. /*
  306. OTHER CODES
  307. If you can't find or figure out how to change something, ask in the original topic for this layout!
  308. */
  309.  
  310. .status_selected {
  311. display: block;
  312. }
  313. .status_not_selected {
  314. display: block;
  315. }
  316. * {
  317. text-decoration: none;
  318. }
  319. #inlineContent {
  320. background-image: url("");
  321. background-repeat: no-repeat no-repeat;
  322. display: inline-block !important;
  323. height: 3000px !important;
  324. left: 0 !important;
  325. margin: auto !important;
  326. position: fixed;
  327. top: 0 !important;
  328. width: 3000px !important;
  329. z-index: -4;
  330. }
  331. .table_header {
  332. }
  333. .table_header:first-of-type {
  334. border-radius: 20px 0 0 0;
  335. }
  336. .table_header:nth-of-type(2) {
  337. text-align: left;
  338. }
  339. .table_header:nth-of-type(5) {
  340. border-bottom-right-radius: 0;
  341. border-top-left-radius: 0;
  342. border-top-right-radius: 20px;
  343. }
  344. .borderRBL {
  345. line-height: normal !important;
  346. }
  347. [cellspacing="0"] {
  348. line-height: 17px;
  349. }
  350.  
  351. [class^="header_"] * {
  352. background-repeat: no-repeat no-repeat;
  353. font-size: 1px;
  354. height: 200px;
  355. line-height: 24px;
  356. padding-bottom: 0;
  357. text-align: right;
  358. vertical-align: bottom;
  359. }
  360. .header_title {
  361. border-radius: 4px 4px 4px 4px;
  362. color: #FFFFFF;
  363. display: inline-block;
  364. font-style: italic;
  365. height: auto;
  366. padding: 0 8px 0 0;
  367. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  368. }
  369. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  370. text-align: left;
  371. }
  372. .table_header:nth-of-type(6) {
  373. display: none;
  374. width: 500px;
  375. }
  376. a, .td1, .td2, .category_totals {
  377. }
  378.  
  379. a, .td1, .td2, .category_totals {
  380. }
  381. .table_header:nth-of-type(2) {
  382. }
  383. .td1:nth-of-type(2), .td2:nth-of-type(2) {
  384. }
  385. /* COVER AREA
  386. The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS).
  387. Left and top adjust the position it appears on screen.
  388. Control the height and width of the pic with height and width.
  389. Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
  390. Increase height and width to make the pics bigger.
  391. Delete border-style: solid; to remove the border.
  392. */
  393.  
  394. .hide {
  395. background-color: rgba(12, 46, 196, 0.6);
  396. background-position: 50% 20% !important;
  397. background-repeat: no-repeat !important;
  398. border-color: white;
  399. border-radius: 25px 25px 25px 25px;
  400. border-style: solid;
  401. border-width: 1px;
  402. display: block !important;
  403. height: 450px;
  404. right: 3px;
  405. position: fixed;
  406. top: 60px;
  407. width: 234px;
  408. padding: 79px 40px 10px 10px;
  409. background-size: 250px 330px !important;
  410. visibility: hidden;
  411. opacity: 0;
  412. }
  413.  
  414. /* PREVIEW MSG ABOVE COVERS
  415. Remove content: "preview"; to remove the PREVIEW text.
  416. Change the text in quotations after content to what you want it to say above your cover pic.
  417. Top and width controls the position of the text.
  418. */
  419. .hide:before {
  420. background: transparent;
  421. color: white;
  422. content: "";
  423. padding-bottom: 5px;
  424. position: absolute;
  425. text-align: center;
  426. width: 255px;
  427. top: 5px;
  428. border-radius: 25px 25px 0 0;
  429. }
  430.  
  431.  
  432. /*
  433. MINI REVIEW (HOVER TAG)
  434. Move the area around with the left and top codes.
  435. Adjust the surrounding area of the tags by adjusting the padding.
  436. Control the height and width of the section with the height and width codes.
  437.  
  438. 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:
  439. http://myanimelist.net/forum/?topicid=563993
  440. */
  441. td[class^='td']:nth-of-type(6) {
  442. visibility: hidden;
  443. opacity: 0;
  444. position: fixed;
  445. top: 449px;
  446. right: 13px;
  447. font-size: 12px;
  448. width: 245px;
  449. color: white !important;
  450. z-index: 1;
  451. background: transparent !important;
  452. }
  453.  
  454. /* TAG TEXT COLOR*/
  455. tr:hover td[class^='td']:nth-of-type(6) a {
  456. color: white !important;
  457. }
  458.  
  459.  
  460. /* OTHER SETTINGS */
  461. :hover + .hide , tr:hover td[class^='td']:nth-of-type(6){
  462. visibility: visible;
  463. opacity: 1;
  464. }
  465.  
  466. /* REMOVE HEADER
  467. Deletes the header Tags which isn't necessary.
  468. */
  469. .table_header:nth-of-type(6) {
  470. display: none !important;
  471. }
  472.  
  473. /* REMOVE TAG EDIT BUTTON
  474. Deletes the Tag's edit link which will is inaccessible with this setup, use the edit button by Animetitle to edit your tags.
  475. */
  476. td:nth-of-type(6) small {
  477. display: none;
  478. }
  479.  
  480. /* GOOGLE CHROME FIX
  481. Adjust this amount 50px at a time (more or less) if your columns are uneven in Chrome, until your columns are even.
  482. */
  483. @media screen and (-webkit-min-device-pixel-ratio:0) {
  484. td[class^='td']:nth-of-type(2) {
  485. width: 420px !important;}
  486. }
  487. #copyright:after {
  488. color: gold;
  489. content: " ";
  490. padding-left: 20px;
  491. }
  492. #copyright a {
  493. }
  494.  
  495. /*
  496. COLOR OF THE ICONS
  497. Change the color, and adjust the opacity for brighter color.
  498. Remove the display: none to match the selected icon to the other icons.
  499. */
  500.  #mal\_cs\_listinfo:before,  #mal\_cs\_links:before,
  501.  #mal\_cs\_otherlinks:before,  #mal\_cs\_powered:before {
  502. background: #03d3fc;
  503. opacity: .9;
  504.  
  505. }
  506.  
  507. /*
  508. BORDER OF ICONS
  509. If you're having trouble seeing the border bottom, lower the height by a pixel or two until you see it.
  510.  
  511. */
  512.  #mal_cs_listinfo:before,  #mal_cs_links:before,  #mal_cs_otherlinks:before,  #mal_cs_powered:before,  #mal\_cs\_listinfo:before,  #mal\_cs\_links:before,
  513.  #mal\_cs\_otherlinks:before,  #mal\_cs\_powered:before {
  514.     border-color: ;
  515.     border-style: ;
  516.     border-width: ;
  517.     height: 32px !important;
  518. }
  519.  
  520. /*
  521. BUTTONS COLOR AND BORDER
  522. Buttons within the hover menus, not the icons themselves.
  523. Second code is for button color on hover.
  524. */
  525.  #mal_cs_listinfo a,  #mal_cs_links a,  #mal_cs_otherlinks a,  #mal_cs_powered a img{
  526.     background-color: #03d3fc !important;
  527.     border-color: lime;
  528.     border-style: solid !important;
  529.     border-width: 1px !important;
  530. }
  531.  
  532.  
  533.  #mal\_cs\_listinfo a:hover,  #mal\_cs\_links a:hover,  #mal\_cs\_otherlinks a:hover,  #mal_cs_powered a img:hover {
  534. background-color: navy !important;
  535. }
  536.  
  537.  
  538.  
  539. /*
  540. COLOR OF HOVER MENUS AND SELECTED ICONS
  541. Remove display none from the second code to match the colors of the selected icon to the icons above.
  542. */
  543.  #mal\_cs\_listinfo div,  #mal\_cs\_links div,  #mal\_cs\_otherlinks div,
  544.  #mal\_cs\_powered div,  #mal\_cs\_powered dd,  #mal\_cs\_powered a  {
  545.   background-color: rgba(255, 255, 255, 0.6) !important;
  546. }
  547.  
  548.  #mal\_cs\_listinfo:hover:before,  #mal\_cs\_links:hover:before,
  549.  #mal\_cs\_otherlinks:hover:before,  #mal\_cs\_powered:hover:before,
  550.  #mal\_cs\_listinfo:hover:after,  #mal\_cs\_links:hover:after,
  551.  #mal\_cs\_otherlinks:hover:after,  #mal\_cs\_powered:hover:after {
  552.   display: none;
  553.   background-color: #3d03fc;
  554.   opacity: .5;
  555. }
  556.  
  557. /*
  558. COLOR OF USERNAME (for visitors)
  559. You don't see this username on the menus when you're logged in, log out to see it.
  560. */
  561.  #mal\_cs\_otherlinks strong a {
  562. color: #333333 !important;
  563. }
  564.  
  565.  #mal\_cs\_otherlinks strong a:hover {
  566. color: blue !important;
  567. background-color: transparent !important;
  568. }
  569.  
  570. /*
  571. POSITION OF TOP BAR
  572. Change to absolute if you want it to not scroll with the page.
  573. */
  574. #mal\_control\_strip
  575. {
  576. position: fixed !important;
  577. background-color: transparent !important;
  578. background-image: url(none) !important;
  579. }
  580.  
  581.  
  582.  
  583.  
  584. /*
  585. OTHER CODES
  586. 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.
  587. */
  588.  
  589.  #mal\_cs\_listinfo,  #mal\_cs\_links,  #mal\_cs\_otherlinks,  #mal\_cs\_powered {
  590. -moz-box-sizing: border-box;
  591. transition: all 0.4s ease 0s;
  592. background: none no-repeat scroll 100% 0 transparent;
  593. border: 0 none;
  594. height: 0 !important;
  595. overflow: hidden;
  596. position: absolute;
  597. right: 4px;
  598. text-align: center;
  599. top: 4px;
  600. width: 150px;
  601. z-index: 10;
  602. }
  603.  #mal\_cs\_listinfo:hover,  #mal\_cs\_links:hover,  #mal\_cs\_otherlinks:hover,  #mal\_cs\_powered:hover {
  604. height: 200px !important;
  605. padding-top: 32px;
  606. width: 150px;
  607. }
  608.  #mal\_cs\_listinfo div,  #mal\_cs\_links div,  #mal\_cs\_otherlinks div,  #mal\_cs\_powered div,  #mal\_cs\_powered dd {
  609. transition: opacity 0.4s ease-in-out 0s;
  610. border-radius: 3px 0 0 0;
  611. font-size: 0 !important;
  612. line-height: 0;
  613. margin: 0 !important;
  614. opacity: 0;
  615. padding: 8px 0 0;
  616. }
  617.  #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 {
  618. opacity: 1;
  619. }
  620.  #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) {
  621. border-radius: 0 0 3px 3px;
  622. padding: 4px 0 8px;
  623. }
  624.  #mal\_cs\_listinfo a,  #mal\_cs\_links a,  #mal\_cs\_otherlinks a,  #mal\_cs\_powered a {
  625. background-color: rgba(64, 60, 90, 0.6);
  626. border-radius: 3px 3px 3px 3px;
  627. display: block;
  628. font: 13px/17px arial,sans-serif;
  629. margin: 4px 12px 0;
  630. padding: 3px 0;
  631. text-decoration: none;
  632. }
  633.  #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) {
  634. margin-top: 0;
  635. }
  636.  
  637.  #mal\_cs\_listinfo strong a strong {
  638. font-weight: normal;
  639. }
  640.  #mal\_cs\_otherlinks strong {
  641. color: #333333;
  642. display: block;
  643. font: bold 13px/17px arial,sans-serif !important;
  644. padding: 0 4px 4px;
  645. text-shadow: 0 1px 1px #FFFFFF;
  646. }
  647.  #mal\_cs\_otherlinks strong a {
  648. background: none repeat scroll 0 0 transparent !important;
  649. border-color: transparent !important;
  650. border-radius: 0 0 0 0;
  651. color: #333333;
  652. display: inline;
  653. font: bold 13px/17px arial,sans-serif !important;
  654. margin: 0;
  655. padding: 0;
  656. text-shadow: 0 1px 1px #FFFFFF;
  657. }
  658.  #mal\_cs\_powered a {
  659. border-radius: 3px 0 0 0 !important;
  660. display: block !important;
  661. margin: 0 !important;
  662. opacity: 0;
  663. padding: 8px 0 0 !important;
  664. }
  665.  #mal\_cs\_powered:hover a {
  666. opacity: 1;
  667. }
  668.  #mal\_cs\_powered a img {
  669. background: url("http://i.imgur.com/fGTjBC3.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6);
  670. border-radius: 3px 3px 3px 3px;
  671. display: block;
  672. height: 0;
  673. margin: 0 12px;
  674. padding: 23px 0 0 126px;
  675. width: 0;
  676. }
  677.  #mal\_cs\_powered a img:hover {
  678. background-color: #403C5A;
  679. }
  680.  #mal\_cs\_powered #search {
  681. border-radius: 0 0 3px 3px;
  682. padding: 8px;
  683. position: relative;
  684. }
  685.  #mal\_cs\_powered #search #searchBox {
  686. -moz-box-sizing: border-box;
  687. border-color: #BCBCBC #D6D6D6 #D6D6D6;
  688. border-radius: 2px 2px 2px 2px;
  689. border-style: solid;
  690. border-width: 1px;
  691. color: #333333;
  692. display: inline-block;
  693. font-family: arial,sans-serif;
  694. font-size: 13px;
  695. height: 28px;
  696. padding-left: 6px;
  697. padding-right: 24px;
  698. vertical-align: top;
  699. width: 100%;
  700. }
  701.  #mal\_cs\_powered #search #searchBox:hover,  #mal\_cs\_powered #search #searchBox:focus {
  702. border-color: #ACACAC #C6C6C6 #C6C6C6;
  703. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  704. }
  705.  #mal\_cs\_powered #search #searchListButton {
  706. background: url("http://i.imgur.com/XqsilHp.png") no-repeat scroll 0 0 transparent;
  707. border-radius: 3px 3px 3px 3px;
  708. height: 0;
  709. margin: 0;
  710. padding: 16px 0 0 16px;
  711. position: absolute;
  712. right: 12px;
  713. top: 14px;
  714. width: 0;
  715. }
  716.  #mal\_cs\_listinfo {
  717. background-image: url("http://i.imgur.com/UXZxrWI.png");
  718. right: 106px;
  719. }
  720.  #mal\_cs\_listinfo:hover {
  721. background-image: url("http://i.imgur.com/VcVVnod.png");
  722. }
  723.  #mal\_cs\_links {
  724. background-image: url("http://i.imgur.com/LpXWTzt.png");
  725. right: 72px;
  726. z-index: 9;
  727. }
  728.  #mal\_cs\_links:hover {
  729. background-image: url("http://i.imgur.com/oPfKrOl.png");
  730. }
  731.  #mal\_cs\_otherlinks {
  732. background-image: url("http://i.imgur.com/ogmX9qC.png");
  733. right: 38px;
  734. z-index: 8;
  735. }
  736.  #mal\_cs\_otherlinks:hover {
  737. background-image: url("http://i.imgur.com/EEGHkbF.png");
  738. }
  739.  #mal\_cs\_powered {
  740. background-image: url("http://i.imgur.com/ct4BVP5.png");
  741. right: 4px !important;
  742. z-index: 7;
  743. }
  744.  #mal\_cs\_powered:hover {
  745. background-image: url("http://i.imgur.com/TUUWtaj.png");
  746. }
  747. td#mal\_cs\_pic a img {
  748. display: none;
  749. }
  750. #mal\_cs\_pic, #mal\_cs\_listinfo, #mal\_cs\_links {
  751. border-right: 0 none !important;
  752. }
  753.  
  754.  #mal\_cs\_listinfo,  #mal\_cs\_links,  #mal\_cs\_otherlinks,  #mal\_cs\_powered {
  755. padding: 32px 0 0 !important;
  756. }
  757.  
  758.  #mal\_cs\_listinfo:before,
  759.  #mal\_cs\_links:before,
  760.  #mal\_cs\_otherlinks:before,
  761.  #mal\_cs\_powered:before {
  762.   z-index: 10 !important;
  763.   content: "";
  764.   right: 0 !important;
  765.   top: 0 !important;
  766.   width: 32px !important;
  767.   position: absolute !important;
  768.   border-radius: 3px;
  769. }              
  770.  
  771.  #mal\_cs\_listinfo:after{
  772. background-image: url(http://i.imgur.com/LI8njl6.png);
  773. }
  774.  #mal\_cs\_links:after{
  775. background-image: url(http://i.imgur.com/zlRrAkp.png);
  776. }
  777.  #mal\_cs\_otherlinks:after{
  778. background-image: url(http://i.imgur.com/RvHKrN6.png);
  779. }
  780.  #mal\_cs\_powered:after{
  781. background-image: url(http://i.imgur.com/7TP2r3e.png);
  782. }
  783.  
  784.  #mal\_cs\_listinfo:after,
  785.  #mal\_cs\_links:after,
  786.  #mal\_cs\_otherlinks:after,
  787.  #mal\_cs\_powered:after {
  788.   z-index: 10 !important;
  789.   content: "";
  790.   right: 0 !important;
  791.   top: 0 !important;
  792.   width: 32px !important;
  793.   height: 32px !important;
  794.   position: absolute !important;
  795. }
  796.  
  797.  
  798.  
  799. #searchBox {
  800.     width: 128px !important;
  801.     margin-left: 1px;
  802. }
  803.  
  804. #mal_cs_powered #search #searchListButton {
  805.     right: 15px !important;
  806.     top: 12px !important;
  807. }
  808.  
  809. @media screen and (-webkit-min-device-pixel-ratio:0) {
  810. #searchBox {
  811.     width: 96px !important;
  812. }
  813. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top