API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 24th, 2018
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.77 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
  2. @import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore);
  3.  
  4. .data.image:after{
  5. content: "";
  6. display: block !important;
  7. position: relative !important;
  8. width: 40px;
  9. height: 150px;
  10. left: -40px;
  11. top: -100px;
  12. z-index: 100 !important;
  13. }
  14.  
  15. .data.image {
  16. position: absolute;
  17. }
  18.  
  19. td.data.number {
  20. height: 93px !important;
  21. }
  22.  
  23. .list-table .list-table-header .header-title.title {
  24. padding-left: 63.5px;}
  25. .list-table .list-table-data .data.title {
  26. padding-left: 63.5px;
  27. }
  28.  
  29. .data.image a:before {
  30. content: "";
  31. display: block !important;
  32. position: relative !important;
  33. background-position: center !important;
  34. background-repeat: no-repeat !important;
  35. background-size: cover;
  36. pointer-events: none;
  37. }
  38.  
  39. .data.image a:before {
  40. margin-left: -40px;
  41. margin-top: -45px;
  42. position: absolute !important;
  43. width: 140px;
  44. height: 220px;
  45. clip-path: inset(45px 0% 80px 4px);
  46. pointer-events: none;
  47. }
  48.  
  49. .data.image:hover a:before {
  50. z-index: 1;
  51. clip-path: inset(0% 0% 0% 4px);
  52. pointer-events: none;
  53. }
  54.  
  55. .data.image:hover:before {
  56. background-color: white;
  57. opacity:.5;
  58. z-index: 1;
  59. content: "";
  60. display: block !important;
  61. width: 136px;
  62. height: 100%;
  63. position: fixed;
  64. margin-left:-36px;
  65. top: 118px;
  66. pointer-events: none;
  67. }
  68.  
  69. .list-table-data:hover td.data.title.clearfix {
  70. background: linear-gradient(to right,rgba(190,190,190,0.9),rgba(235,232,237,0.9),rgba(235,232,237,0.2),white) !important;
  71. }
  72. #list-container > div.list-block > div > table > tbody:nth-child(odd) {
  73. background: rgba(251,251,251,0.5) !important;
  74. }
  75.  
  76.  
  77.  
  78. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number {
  79. position: relative;
  80. z-index: 1 !important;
  81. left: -35px;
  82. }
  83.  
  84. body {
  85. background-color: #fefcff;
  86. font: normal 12px Roboto, sans-serif;
  87. }
  88.  
  89. .list-menu-float .icon-menu .text,
  90. .header .header-menu .list-menu .icon-menu .text {
  91. font: normal 16px Roboto, sans-serif;
  92. }
  93.  
  94. .list-table .list-table-header .header-title .link {
  95. font-size: 13px;
  96. }
  97.  
  98. td {
  99. font-size: 13px;
  100. cursor: default;
  101. }
  102.  
  103. body:before {
  104. content: "";
  105. display: block;
  106. position: absolute;
  107. top: 0;
  108. left: 0;
  109. width: 100%;
  110. height: 118px;
  111. }
  112.  
  113. .list-table:after {
  114. content: "";
  115. display: block;
  116. position: absolute;
  117. !top: 100%;
  118. left: 0;
  119. width: 100%;
  120. height: 38px;
  121. background-color: #b19cd9 !important;
  122. }
  123.  
  124. .header a,
  125. .header .username {
  126. font-weight: 500;
  127. }
  128.  
  129. .list-container,
  130. .status-menu-container {
  131. top: 20px;
  132. width: 958px;
  133. }
  134.  
  135. .list-unit,
  136. .list-unit .list-status-title,
  137. .list-unit .list-stats {
  138. width: 1015px;
  139. }
  140.  
  141. #list-container > div.list-block > div > div.list-status-title > span.stats {
  142. right: 67px;
  143. }
  144.  
  145. .header .header-menu .list-menu .icon-menu .text {
  146. top: 4px;
  147. }
  148.  
  149. .header .header-menu .list-menu {
  150. background-color: #f0f0ff;
  151. border: #ebebeb 1px solid;
  152. -moz-box-shadow: none;
  153. -webkit-box-shadow: none;
  154. box-shadow: none;
  155. }
  156.  
  157. .status-button {
  158. font: 500 18px Roboto, sans-serif !important;
  159. }
  160.  
  161. .status-menu-container .status-menu {
  162. margin: 0 auto 0 0;
  163. border-spacing: 30px 0;
  164. }
  165.  
  166. .header .header-menu .header-info {
  167. margin-right: 0;
  168. }
  169.  
  170. .list-unit .list-status-title,
  171. .list-unit .list-status-title .stats {
  172. height: 26px;
  173. line-height: 26px;
  174. font-weight: 500;
  175. }
  176.  
  177. .list-unit .list-stats {
  178. display: block !important;
  179. position: absolute;
  180. width: 800px;
  181. margin-top: -28px;
  182. padding: 0 12px;
  183. color: #fff;
  184. text-align: left;
  185. background: transparent;
  186. }
  187.  
  188. .list-table .list-table-header .header-title {
  189. height: 22px;
  190. background: transparent;
  191. color: #323232;
  192. cursor: default;
  193. font-weight: 500;
  194. }
  195.  
  196. .header {
  197. width: 960px;
  198. }
  199.  
  200. .list-table .list-table-header .header-title.number {
  201. width: 34px;
  202. }
  203. .list-table .list-table-header .header-title.status {
  204. width: 2px;
  205. }
  206. .list-table .list-table-header .header-title.image {
  207. width: 43px;
  208. }
  209. .list-table .list-table-header .header-title.rated {
  210. width: 60px;
  211. }
  212. .list-table .list-table-header .header-title.score {
  213. width: 37px;
  214. }
  215. .list-table .list-table-header .header-title.type {
  216. width: 60px;
  217. }
  218. .list-table .list-table-header .header-title.progress {
  219. width: 69px;
  220. }
  221. .list-table .list-table-header .header-title.chapters {
  222. width: 69px
  223. }
  224. .list-table .list-table-header .header-title.volumes {
  225. width: 69px
  226. }
  227. .list-table .list-table-header .header-title.started,
  228. .list-table .list-table-header .header-title.finished {
  229. width: 60px;
  230. }
  231. .list-table .list-table-header .header-title.tags {
  232. width: 120px;
  233. }
  234.  
  235. .list-table .list-table-header .header-title.started .link.sort,
  236. .list-table .list-table-header .header-title.finished .link.sort {
  237. font-size: 1px;
  238. letter-spacing: -1px;
  239. color: transparent;
  240. }
  241.  
  242. .list-table .list-table-header .header-title,
  243. .list-table .list-table-header .header-title .link.sort,
  244. .list-table .list-table-header .header-title .link.sort .fa,
  245. .list-table .list-table-header .header-title .link.sort:before {
  246. font-size: 13px;
  247. letter-spacing: normal;
  248. color: #444;
  249. text-align: right
  250. }
  251.  
  252. .list-table .list-table-header .header-title.started .link.sort:before {
  253. content: "Started ";
  254. }
  255. .list-table .list-table-header .header-title.finished .link.sort:before {
  256. content: "Finished ";
  257. }
  258. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(11) > a:before {
  259. content: "Debut ";
  260. }
  261. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.title:before {
  262. content: "Title ";
  263. }
  264. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(12) > a:before {
  265. content: "";
  266. }
  267. .list-unit .list-stats:before {
  268. content: "Stats: ";
  269. font-weight: 500;
  270. }
  271.  
  272. .list-table .list-table-data .data {
  273. padding: 0px 0;
  274. vertical-align: top;
  275. }
  276.  
  277. .list-table .list-table-data .data.tags {
  278. font: normal 10px Avenir, 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
  279. line-height: 18px;
  280. color: #666;
  281. text-align: right;
  282. }
  283.  
  284. .list-table .more-info .more-content {
  285. padding: 4px;
  286. padding-left: 13px;
  287. }
  288.  
  289. .list-table .more-info .more-content .borderRBL {
  290. font-size: 12px;
  291. line-height: 15px;
  292. }
  293.  
  294. .list-table .list-table-data .data.title .rewatching:before,
  295. .list-table .list-table-data .data.title .rereading:before,
  296. .list-table .list-table-data .data.title .content-status:before {
  297. content: "- ";
  298. color: #888;
  299. margin-right: 1px;
  300. }
  301.  
  302. .list-table .list-table-data .data.title .rewatching,
  303. .list-table .list-table-data .data.title .rereading,
  304. .list-table .list-table-data .data.title .content-status {
  305. display: inline-block;
  306. position: absolute;
  307. width: auto;
  308. line-height: 63px;
  309. left: 206px;
  310. color: #c972bc;
  311. font-size: 11px;
  312. text-transform: lowercase;
  313. cursor: default;
  314. font-weight: 500;
  315. }
  316.  
  317. .list-table .list-table-data .data.title .add-edit-more,
  318. .list-table .list-table-data .data.title .add-edit-more a{
  319. text-transform: lowercase;
  320. font-size: 11px;
  321. float: none;
  322. color: #888;
  323. }
  324.  
  325. .list-table > tbody {
  326. background-color: #fff !important;
  327. }
  328.  
  329. .list-menu-float .icon-menu:hover,
  330. .header .header-menu .list-menu .icon-menu:hover {
  331. color: #fff;
  332. }
  333.  
  334. .list-menu-float .icon-menu:hover svg.icon,
  335. .header .header-menu .list-menu .icon-menu:hover svg.icon {
  336. fill: #fff;
  337. }
  338.  
  339. .list-table .list-table-header {
  340. background: #f7f0ff;
  341. }
  342.  
  343. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.score > a,
  344. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td[id*='tags'] > div > span > a{
  345. color: #251166;
  346. align: right;
  347. white-space: nowrap
  348. }
  349.  
  350. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td[id*='tags'] > div{
  351. font-size: 10px;
  352. margin: 4px 1px 0px 3px;
  353. }
  354.  
  355. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.score,
  356. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.type,
  357. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.progress{
  358. position: relative;
  359. right: 1px;
  360. }
  361.  
  362. body:before,
  363. .status-menu-container .status-menu .status-button::after {
  364. background-color: #6c3bc3;
  365. }
  366.  
  367. body:before,
  368. .list-unit .list-status-title,
  369. .list-menu-float .icon-menu:not(.profile):hover {
  370. background-color: #b19cd9;
  371. }
  372.  
  373. body:before,
  374. .header .header-menu .list-menu .icon-menu:hover {
  375. background-color: #4B3474;
  376. }
  377.  
  378. .list-table .list-table-data .data.status.reading,
  379. .list-table .list-table-data .data.status.watching {
  380. background-color: #b3eb95;
  381. }
  382. .list-table .list-table-data .data.status.completed {
  383. background-color: #9696ff;
  384. }
  385. .list-table .list-table-data .data.status.onhold {
  386. background-color: #fcfc64;
  387. }
  388. .list-table .list-table-data .data.status.dropped {
  389. background-color: #ffa4a4;
  390. }
  391. .list-table .list-table-data .data.status.plantoread,
  392. .list-table .list-table-data .data.status.plantowatch {
  393. background-color: #aabbc8;
  394. }
  395.  
  396. .list-table .list-table-header .header-title:not(.started):not(.finished) .link.sort:hover,
  397. .list-table .list-table-header .header-title:not(.started):not(.finished) .link.sort:hover .fa,
  398. .list-table .list-table-header .header-title.started .link.sort:hover:before,
  399. .list-table .list-table-header .header-title.finished .link.sort:hover:before {
  400. color: #2e2fa1;
  401. }
  402.  
  403. .list-table .list-table-data .data.title .link {
  404. font: 500 16px Roboto, sans-serif;
  405. color: #251166;
  406. line-height: 22px;
  407. }
  408.  
  409. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.score{
  410. line-height: 24px;
  411. }
  412.  
  413. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.type,
  414. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.progress,
  415. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.started,
  416. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.finished,
  417. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.airing-started,
  418. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.airing-finished
  419. {
  420. line-height: 25px;
  421. }
  422.  
  423. .list-table .list-table-data .data.score,
  424. .list-table .list-table-data .data.rated,
  425. .list-table .list-table-data .data.type,
  426. .list-table .list-table-data .data.progress,
  427. .list-table .list-table-data .data.chapter,
  428. .list-table .list-table-data .data.volume,
  429. .list-table .list-table-data .data.started,
  430. .list-table .list-table-data .data.finished,
  431. .list-table .list-table-data .data.airing-started,
  432. .list-table .list-table-data .data.airing-finished{
  433. font-size: 13px;
  434. text-align: right;
  435. }
  436.  
  437. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.type{
  438. text-transform: lowercase;
  439. font-variant: small-caps;
  440. font-style: normal;
  441. letter-spacing: 1px;
  442. font-size: 15px;
  443. position: relative;
  444. line-height: 24px;
  445. }
  446. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(11) > a{
  447. position:relative;
  448. right: 4px;
  449. }
  450. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(10) > a{
  451. position:relative;
  452. left: 4px;
  453. }
  454.  
  455. .list-table .list-table-header .header-title, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title .link.sort .fa, .list-table .list-table-header .header-title .link.sort:before {
  456. text-align: -webkit-right;
  457. }
  458.  
  459. body > div#list-container > div.list-block {
  460. margin-top: 0px;
  461. }
  462.  
  463. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.image > a,
  464. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.number,
  465. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.title > a{
  466. font-size: 0px;
  467. }
  468.  
  469. .list-table .list-table-data .tags .edit,
  470. .list-menu-float .icon-menu.setting,
  471. form[action$="/logout.php"],
  472. .icon-watch, .icon-watch-pv,
  473. #footer-block,
  474. #copyright,
  475. body > div.list-menu-float,
  476. body > div.header,
  477. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.tags > a,
  478. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.airing-finished,
  479. .list-menu-float .icon-menu,
  480. .header .header-menu .list-menu .icon-menu,
  481. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th > a > i,
  482. .list-unit .list-status-title .text,
  483. .list-unit .list-status-title .stats a#show-stats-button{
  484. display: none !important;
  485. }
  486.  
  487. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.progress > div > a > i.fa.fa-plus-circle{
  488. background-color: red !important;
  489. width: 70px;
  490. height: 60px;
  491. opacity: 0;
  492. }
  493.  
  494. .status-menu-container.fixed + div.list-block {
  495. margin-top: 47px !important;
  496. }
  497.  
  498. .list-unit {
  499. width: 100%;
  500. }
  501. .list-table .list-table-header .header-title.finished:last-child {
  502. width: 5px;
  503. padding: 0;
  504. }
  505. .list-table .list-table-header .header-title.finished:last-child a {
  506. display: none;
  507. }
  508. .list-unit .list-status-title {
  509. width: 100%;
  510. }
  511. #list-container > div.list-block > div > div.list-status-title > span.stats {
  512. right: 10px;
  513. }
  514.  
  515. .list-table .list-table-data .data.image .image {
  516. width: 100px;
  517. height: auto;
  518. margin: -14% 0 0 0;
  519. border: #EBEBEB 0px solid;
  520. }
  521.  
  522. .data.image a {
  523. display: block;
  524. height: 92.656px;
  525. overflow: hidden;
  526. }
  527.  
  528. .status-menu-container .search-container > a {
  529. position: relative;
  530. left: 19px;
  531. top: -3px;
  532. width: 30px;
  533. height: 24px;
  534. color: #ffffff !important;
  535. background-color: #ff0000;
  536. opacity: 0;
  537. }
  538.  
  539. .status-menu-container .search-container #search-box {
  540. width: 154px !important;
  541. position: relative;
  542. top: -2px;
  543. left: 21px;
  544. }
  545.  
  546. .status-menu-container .search-container #search-box input {
  547. border: 1px solid #bebebe;
  548. font: normal 11px Roboto, sans-serif;
  549. padding: 0 2px;
  550. }
  551.  
  552. #list-container > div.list-block {
  553. min-height: 82px;
  554. }
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!