API tools faq
paste
Advertisement
shishipaste

minimalist covers purple top

shishipaste
Feb 18th, 2015
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.53 KB | None | 0 0
raw download clone embed print report
  1. body #mal_control_strip, body #list_surround table:first-of-type, body #list_surround table:first-of-type:hover {
  2. background-color:#9C27B0
  3. }
  4. ::selection {
  5. background-color:#00BCD4
  6. }
  7. ::-moz-selection {
  8. background-color:#00BCD4
  9. }
  10. body #list_surround table:hover {
  11. background-color:#00BCD4;
  12. background-color:rgba(0, 188, 212, 0.6)
  13. }
  14. body #list_surround table:first-of-type .status_selected a {
  15. border-bottom:2px solid #00BCD4
  16. }
  17. .animetitle, .td1 a span, .td2 a span, .td1 a, .td2 a, .td1:last-of-type, .td2:last-of-type {
  18. color:#212121
  19. }
  20. .table_header, .table_header a, .td1, .td2, .td1 small a, .td2 small a, body #list_surround .borderRBL, body #list_surround table .hide .borderRBL a, body #list_surround table .hide .borderRBL div a, .category_totals {
  21. color:#727272
  22. }
  23. @-webkit-keyframes favoriteanime {
  24. 0%, 100% {
  25. background-image:url(http://i.imgur.com/qTb4GsM.png);
  26. }
  27. 10% {
  28. background-image:url(http://i.imgur.com/IZwGSjc.png);
  29. }
  30. 20% {
  31. background-image:url(http://i.imgur.com/Hn3spAJ.png);
  32. }
  33. 30% {
  34. background-image:url(http://i.imgur.com/SSf3l2t.png);
  35. }
  36. 40% {
  37. background-image:url(http://i.imgur.com/xueQ87P.png);
  38. }
  39. 50% {
  40. background-image:url(http://i.imgur.com/Jt4VOAu.png);
  41. }
  42. 60% {
  43. background-image:url(http://i.imgur.com/tRwQxoW.png);
  44. }
  45. 70% {
  46. background-image:url(http://i.imgur.com/ONpZshU.png);
  47. }
  48. 80% {
  49. background-image:url(http://i.imgur.com/BPzIbVe.png);
  50. }
  51. 90% {
  52. background-image:url(http://i.imgur.com/5LGvDSQ.png);
  53. }
  54. }
  55. @-moz-keyframes favoriteanime {
  56. 0%, 100% {
  57. background-image:url(http://i.imgur.com/qTb4GsM.png);
  58. }
  59. 10% {
  60. background-image:url(http://i.imgur.com/IZwGSjc.png);
  61. }
  62. 20% {
  63. background-image:url(http://i.imgur.com/Hn3spAJ.png);
  64. }
  65. 30% {
  66. background-image:url(http://i.imgur.com/SSf3l2t.png);
  67. }
  68. 40% {
  69. background-image:url(http://i.imgur.com/xueQ87P.png);
  70. }
  71. 50% {
  72. background-image:url(http://i.imgur.com/Jt4VOAu.png);
  73. }
  74. 60% {
  75. background-image:url(http://i.imgur.com/tRwQxoW.png);
  76. }
  77. 70% {
  78. background-image:url(http://i.imgur.com/ONpZshU.png);
  79. }
  80. 80% {
  81. background-image:url(http://i.imgur.com/BPzIbVe.png);
  82. }
  83. 90% {
  84. background-image:url(http://i.imgur.com/5LGvDSQ.png);
  85. }
  86. }
  87. @-o-keyframes favoriteanime {
  88. 0%, 100% {
  89. background-image:url(http://i.imgur.com/qTb4GsM.png);
  90. }
  91. 10% {
  92. background-image:url(http://i.imgur.com/IZwGSjc.png);
  93. }
  94. 20% {
  95. background-image:url(http://i.imgur.com/Hn3spAJ.png);
  96. }
  97. 30% {
  98. background-image:url(http://i.imgur.com/SSf3l2t.png);
  99. }
  100. 40% {
  101. background-image:url(http://i.imgur.com/xueQ87P.png);
  102. }
  103. 50% {
  104. background-image:url(http://i.imgur.com/Jt4VOAu.png);
  105. }
  106. 60% {
  107. background-image:url(http://i.imgur.com/tRwQxoW.png);
  108. }
  109. 70% {
  110. background-image:url(http://i.imgur.com/ONpZshU.png);
  111. }
  112. 80% {
  113. background-image:url(http://i.imgur.com/BPzIbVe.png);
  114. }
  115. 90% {
  116. background-image:url(http://i.imgur.com/5LGvDSQ.png);
  117. }
  118. }
  119. @keyframes favoriteanime {
  120. 0%, 100% {
  121. background-image:url(http://i.imgur.com/qTb4GsM.png);
  122. }
  123. 10% {
  124. background-image:url(http://i.imgur.com/IZwGSjc.png);
  125. }
  126. 20% {
  127. background-image:url(http://i.imgur.com/Hn3spAJ.png);
  128. }
  129. 30% {
  130. background-image:url(http://i.imgur.com/SSf3l2t.png);
  131. }
  132. 40% {
  133. background-image:url(http://i.imgur.com/xueQ87P.png);
  134. }
  135. 50% {
  136. background-image:url(http://i.imgur.com/Jt4VOAu.png);
  137. }
  138. 60% {
  139. background-image:url(http://i.imgur.com/tRwQxoW.png);
  140. }
  141. 70% {
  142. background-image:url(http://i.imgur.com/ONpZshU.png);
  143. }
  144. 80% {
  145. background-image:url(http://i.imgur.com/BPzIbVe.png);
  146. }
  147. 90% {
  148. background-image:url(http://i.imgur.com/5LGvDSQ.png);
  149. }
  150. }
  151. body #list_surround table .animetitle:before {
  152. content:"";
  153. height:43px;
  154. width:43px;
  155. margin-top:-12px;
  156. background-size:cover;
  157. background-position:center;
  158. -webkit-border-radius:150px;
  159. -moz-border-radius:150px;
  160. border-radius:150px;
  161. display:inline-block;
  162. position:absolute
  163. }
  164. body #list_surround table .animetitle span {
  165. margin-left:55px
  166. }
  167. /* Do not modify past here unless you know what you're doing */
  168. body {
  169. font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  170. -webkit-font-smoothing:antialiased;
  171. -moz-osx-font-smoothing:grayscale;
  172. text-rendering:optimizeLegibility;
  173. text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004)
  174. }
  175. body, strong, b {
  176. font-weight:400
  177. }
  178. * {
  179. text-decoration:none!important
  180. }
  181. #grand_totals, #copyright, body #list_surround table, body #list_surround .hide table, body #list_surround .hide table:hover, body #list_surround .header_cw + table:hover, body #list_surround .header_completed + table:hover, body #list_surround .header_onhold + table:hover, body #list_surround .header_dropped + table:hover, body #list_surround .header_ptw + table:hover, body #list_surround .hide table:hover {
  182. background-color:#FFF
  183. }
  184. body #list_surround table:first-of-type a, body #list_surround table:first-of-type .status_selected a {
  185. color:#FFF
  186. }
  187. body {
  188. background-color:#e5e5e5
  189. }
  190. body #mal_control_strip {
  191. background-image:none;
  192. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
  193. height:40px;
  194. padding:12px initial;
  195. position:fixed;
  196. z-index:101
  197. }
  198. body #mal_control_strip a, #mal_control_strip td, #mal_control_strip strong {
  199. font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  200. font-size:13px
  201. }
  202. body #mal_cs_listinfo strong {
  203. font-size:24px
  204. }
  205. body #mal_cs_listinfo div > strong > a {
  206. margin-left:60px
  207. }
  208. body #mal_cs_listinfo {
  209. margin:0
  210. }
  211. body #mal_control_strip #mal_cs_otherlinks {
  212. background:none no-repeat scroll 100% 0 transparent;
  213. right:10px;
  214. top:20px;
  215. width:24px;
  216. height:24px;
  217. border:0;
  218. position:absolute;
  219. z-index:200;
  220. padding:0;
  221. will-change:opacity
  222. }
  223. body #mal_control_strip #mal_cs_otherlinks:not(:hover):before {
  224. font-family: icomoon;
  225. speak: none;
  226. font-style: normal;
  227. font-weight: normal;
  228. font-variant: normal;
  229. text-transform: none;
  230. line-height: 1;
  231. content:"\e604";
  232. font-size: 24px;
  233. }
  234. body #mal_control_strip #mal_cs_otherlinks:hover {
  235. height:auto;
  236. width:180px;
  237. background:#FFF;
  238. box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  239. -webkit-border-radius:2px;
  240. -moz-border-radius:2px;
  241. border-radius:2px;
  242. right:10px;
  243. top:10px;
  244. display:table
  245. }
  246. body #mal_cs_otherlinks div, body #mal_control_strip #mal_cs_links div {
  247. display:none;
  248. -webkit-border-radius:inherit;
  249. -moz-border-radius:inherit;
  250. border-radius:inherit;
  251. will-change:opacity
  252. }
  253. body #mal_cs_otherlinks:hover div {
  254. margin:0;
  255. display:initial;
  256. height:48px;
  257. width:180px;
  258. font-size:0
  259. }
  260. body #mal_cs_otherlinks:hover div:last-of-type {
  261. height:144px
  262. }
  263. body #mal_cs_otherlinks div > strong, body #mal_cs_otherlinks div > a, body #mal_cs_links div > a {
  264. display:none
  265. }
  266. body #mal_cs_otherlinks:hover div > strong, body #mal_cs_otherlinks:hover div > a, #mal_cs_otherlinks:hover div > span {
  267. color:#212121;
  268. font:14px Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  269. display:table-cell;
  270. text-transform:capitalize;
  271. height:48px;
  272. min-width:148px;
  273. padding:0 16px;
  274. vertical-align:middle
  275. }
  276. body #mal_cs_otherlinks:hover div > span[title="Compatibilty Score"]:after {
  277. content: "compatibility";
  278. }
  279. body #mal_cs_otherlinks:hover div > strong:hover, body #mal_cs_otherlinks:hover div > a:hover, #mal_cs_otherlinks:hover div > span:hover {
  280. background-color: #f8f8f8;
  281. background-color:rgba(0, 0, 0, .03)
  282. }
  283. body #mal_cs_otherlinks div > a[href="/panel.php?go=export"]:after {
  284. content:" your list"
  285. }
  286. body #mal_cs_otherlinks strong a {
  287. border-color:transparent;
  288. color:#212121;
  289. display:inline;
  290. padding:initial;
  291. font-size:inherit
  292. }
  293. body #mal_control_strip #mal_cs_links {
  294. background:none no-repeat scroll 100% 0 transparent;
  295. background-position:center;
  296. border:0;
  297. position:absolute;
  298. z-index:200;
  299. will-change:opacity, transform;
  300. top:0;
  301. left:0;
  302. width:24px;
  303. height:24px;
  304. padding:20px 24px;
  305. }
  306. body #mal_control_strip #mal_cs_links:not(:hover):before {
  307. font-family: icomoon;
  308. speak: none;
  309. font-style: normal;
  310. font-weight: normal;
  311. font-variant: normal;
  312. text-transform: none;
  313. line-height: 1;
  314. content:"\e601";
  315. font-size: 24px;
  316. }
  317. body #mal_control_strip #mal_cs_links:hover {
  318. width:280px;
  319. background-color:#FFF;
  320. background-image:inherit;
  321. box-shadow:rgba(0, 0, 0, 0.137255) 0 0 4px, rgba(0, 0, 0, 0.278431) 2px 4px 8px;
  322. display:table;
  323. padding:0;
  324. position:fixed;
  325. height:100%;
  326. -webkit-animation-name:slidein;
  327. -webkit-animation-delay:2ms;
  328. -webkit-animation-duration:.3s;
  329. -webkit-animation-iteration-count:1;
  330. -moz-animation-name:slidein;
  331. -moz-animation-delay:2ms;
  332. -moz-animation-duration:.3s;
  333. -moz-animation-iteration-count:1;
  334. animation-name:slidein;
  335. animation-delay:2ms;
  336. animation-duration:.3s;
  337. animation-iteration-count:1
  338. }
  339. @-webkit-keyframes slidein {
  340. from {
  341. opacity:0;
  342. -webkit-transform:translateX(-218px);
  343. transform:translateX(-218px)
  344. }
  345. to {
  346. opacity:1;
  347. -webkit-transform:translateX(0px);
  348. transform:translateX(0px)
  349. }
  350. }
  351. @-moz-keyframes slidein {
  352. from {
  353. opacity:0;
  354. -webkit-transform:translateX(-218px);
  355. transform:translateX(-218px)
  356. }
  357. to {
  358. opacity:1;
  359. -webkit-transform:translateX(0px);
  360. transform:translateX(0px)
  361. }
  362. }
  363. @-o-keyframes slidein {
  364. from {
  365. opacity:0;
  366. -webkit-transform:translateX(-218px);
  367. transform:translateX(-218px)
  368. }
  369. to {
  370. opacity:1;
  371. -webkit-transform:translateX(0px);
  372. transform:translateX(0px)
  373. }
  374. }
  375. @keyframes slidein {
  376. from {
  377. opacity:0;
  378. -webkit-transform:translateX(-218px);
  379. transform:translateX(-218px)
  380. }
  381. to {
  382. opacity:1;
  383. -webkit-transform:translateX(0px);
  384. transform:translateX(0px)
  385. }
  386. }
  387. body #mal_control_strip #mal_cs_links:hover:before {
  388. content:"";
  389. display:block;
  390. width:280px;
  391. height:167px;
  392. overflow:hidden;
  393. -webkit-animation: favoriteanime 60s infinite;
  394. -moz-animation: favoriteanime 60s infinite;
  395. animation: favoriteanime 60s infinite;
  396. }
  397. body #mal_control_strip #mal_cs_links:hover div {
  398. opacity:1;
  399. margin:0;
  400. font-size:0;
  401. height:96px;
  402. width:280px;
  403. display:block
  404. }
  405. body #mal_control_strip #mal_cs_links:hover div:first-child {
  406. padding-bottom:8px;
  407. margin: 13.2px 0;
  408. border-bottom: 1px solid #B6B6B6;
  409. }
  410. body #mal_cs_links:hover div > a {
  411. color:#757575;
  412. font:bold 14px Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  413. display:table-cell;
  414. text-transform:capitalize;
  415. height:48px;
  416. min-width:240px;
  417. max-width:initial;
  418. padding:0 16px 0 24px;
  419. vertical-align:middle;
  420. text-shadow:initial
  421. }
  422. body #mal_cs_links:hover div > a:hover {
  423. background-color: #f8f8f8;
  424. background-color:rgba(0, 0, 0, .03)
  425. }
  426. body #mal_cs_links:hover div > a:before {
  427. padding-right:16px;
  428. font-family: icomoon;
  429. speak: none;
  430. font-style: normal;
  431. font-weight: normal;
  432. font-variant: normal;
  433. text-transform: none;
  434. line-height: 1;
  435. font-size: 24px;
  436. color: #757575;
  437. vertical-align: -20%;
  438. }
  439. body #mal_cs_links:hover div > a[href="/addtolist.php?hidenav=1"]:before {
  440. content:"\e600"
  441. }
  442. body #mal_cs_links:hover div a[href="/"]:before {
  443. content:"\e602"
  444. }
  445. body #mal_cs_links:hover div > a[href^="/animelist/"]:before, body #mal_cs_links div > a[href^="/mangalist/"]:before {
  446. content:"\e603"
  447. }
  448. body #mal_cs_listinfo div:last-child, body #mal_cs_powered a, body #searchListButton {
  449. display:none
  450. }
  451. body #mal_cs_pic, body #mal_cs_listinfo, body #mal_cs_links {
  452. border-right:0
  453. }
  454. body #mal_cs_powered {
  455. top:12px;
  456. bottom:12px;
  457. left:0;
  458. right:0;
  459. width:100%
  460. }
  461. body #mal_cs_powered #search {
  462. margin:0;
  463. padding:0;
  464. text-align:center
  465. }
  466. body #mal_cs_powered #search #searchBox {
  467. width:calc(55% - 72px);
  468. height:40px;
  469. border:0;
  470. margin:0;
  471. padding:0;
  472. background-color:#E1BEE7;
  473. color:#FFF;
  474. -webkit-border-radius:2px;
  475. -moz-border-radius:2px;
  476. border-radius:2px;
  477. padding-left:72px;
  478. font-size:15px
  479. }
  480. body #mal_cs_powered #search #searchBox:focus {
  481. outline:0
  482. }
  483. body #list_surround {
  484. padding-top:64px
  485. }
  486. body #list_surround table:first-of-type {
  487. box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
  488. margin-top:-19px;
  489. position:absolute;
  490. z-index:100;
  491. text-transform:uppercase;
  492. padding:14.5px initial;
  493. width:100%
  494. }
  495. body #list_surround table:first-of-type a {
  496. color:rgba(255, 255, 255, 0.6)
  497. }
  498. body #list_surround table:first-of-type .status_selected a {
  499. padding:11.5px 0
  500. }
  501. body #list_surround table {
  502. width:90%;
  503. margin:0 auto;
  504. box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  505. transition:all .4s ease;
  506. z-index:85;
  507. will-change:opacity
  508. }
  509. body #list_surround:first-of-type table td:nth-of-type(4) {
  510. width:initial
  511. }
  512. body #list_surround table:nth-of-type(2) {
  513. margin-top:13px
  514. }
  515. td.td1, td.td2, td.table_header {
  516. padding:16px
  517. }
  518. body #list_surround .header_cw:hover, body #list_surround .header_completed:hover, body #list_surround .header_onhold:hover, body #list_surround .header_dropped:hover, body #list_surround .header_ptw:hover, body #list_surround .header_cw, body #list_surround .header_completed, body #list_surround .header_onhold, body #list_surround .header_dropped, body #list_surround .header_ptw {
  519. background-color:transparent;
  520. margin-bottom:10px;
  521. box-shadow:none
  522. }
  523. body #list_surround .header_cw .header_title span:before {
  524. content:"Currently "
  525. }
  526. .td1 small a:last-of-type, .td2 small a:last-of-type {
  527. cursor:help
  528. }
  529. #list_surround table td:nth-of-type(4) {
  530. width:56px
  531. }
  532. .header_title {
  533. font-size:32px;
  534. font-weight:300;
  535. text-align:center
  536. }
  537. .category_totals {
  538. padding:4px;
  539. text-align:center;
  540. font-size:12px
  541. }
  542. body #list_surround .hide table {
  543. box-shadow:0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
  544. width:95%;
  545. padding:0;
  546. position:inherit;
  547. margin:51px auto;
  548. -webkit-animation-name:popin;
  549. -webkit-animation-duration:.5s;
  550. -webkit-animation-iteration-count:1;
  551. -webkit-animation-timing-function:ease-out;
  552. -moz-animation-name:popin;
  553. -moz-animation-duration:.5s;
  554. -moz-animation-iteration-count:1;
  555. -moz-animation-timing-function:ease-out;
  556. animation-name:popin;
  557. animation-duration:.5s;
  558. animation-iteration-count:1;
  559. animation-timing-function:ease-out
  560. }
  561. @-webkit-keyframes popin {
  562. 0% {
  563. -webkit-transform:scale(0);
  564. transform:scale(0)
  565. }
  566. 80% {
  567. -webkit-transform:scale(1.05);
  568. transform:scale(1.05)
  569. }
  570. 100% {
  571. -webkit-transform:scale(1);
  572. transform:scale(1)
  573. }
  574. }
  575. @-moz-keyframes popin {
  576. 0% {
  577. -webkit-transform:scale(0);
  578. transform:scale(0)
  579. }
  580. 80% {
  581. -webkit-transform:scale(1.05);
  582. transform:scale(1.05)
  583. }
  584. 100% {
  585. -webkit-transform:scale(1);
  586. transform:scale(1)
  587. }
  588. }
  589. @-o-keyframes popin {
  590. 0% {
  591. -webkit-transform:scale(0);
  592. transform:scale(0)
  593. }
  594. 80% {
  595. -webkit-transform:scale(1.05);
  596. transform:scale(1.05)
  597. }
  598. 100% {
  599. -webkit-transform:scale(1);
  600. transform:scale(1)
  601. }
  602. }
  603. @-webkit-keyframes popin {
  604. 0% {
  605. -webkit-transform:scale(0);
  606. transform:scale(0)
  607. }
  608. 80% {
  609. -webkit-transform:scale(1.05);
  610. transform:scale(1.05)
  611. }
  612. 100% {
  613. -webkit-transform:scale(1);
  614. transform:scale(1)
  615. }
  616. }
  617. body #list_surround .borderRBL {
  618. padding-left:78px
  619. }
  620. body #list_surround .borderRBL div {
  621. margin-bottom:inherit!important
  622. }
  623. body #list_surround .borderRBL span[title="Downloaded Episodes"]:after {
  624. font-size:16px;
  625. content:"Downloaded Episodes"
  626. }
  627. span[title="Specials"], span[title="Downloaded Episodes"], span[title="Deviation"] {
  628. font-size:0
  629. }
  630. span[title="Specials"]:after, span[title="Downloaded Episodes"]:after, span[title="Deviation"]:after {
  631. font-size:13px
  632. }
  633. span[title="Specials"]:after {
  634. content:"Specials"
  635. }
  636. span[title="Downloaded Episodes"]:after {
  637. content:"Downloaded Eps"
  638. }
  639. span[title="Deviation"]:after {
  640. content:"Deviation"
  641. }
  642. body #grand_totals, body #copyright {
  643. width:90%;
  644. margin:0 auto;
  645. text-align:center;
  646. padding:4px initial;
  647. box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  648. z-index:80;
  649. font-size:13px
  650. }
  651. body #copyright {
  652. margin-bottom:10px
  653. }
  654. body #copyright:before {
  655. content:"Material Design MAL by Lez_Derp. "
  656. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!