API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 9th, 2019
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.71 KB | None | 0 0
raw download clone embed print report
  1. @\import "https://fonts.googleapis.com/css?family=Roboto:400,500,700";
  2. @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";
  3.  
  4. .data.image:after{
  5.   content: "";
  6.   display: block !important;
  7.   position: relative !important;
  8.   width: 40px;
  9.   height: 0px;
  10.   left: -40px;
  11.   top: -100px;
  12.   z-index: 100 !important;
  13. }
  14.  
  15. .data.image { position: absolute; }
  16.  
  17. td.data.number { height: 93px !important; }
  18.  
  19. .list-table .list-table-header .header-title.title,
  20. .list-table .list-table-data .data.title { padding-left: 63.5px; }
  21.  
  22. .data.image a:before {
  23.   content: "";
  24.   display: block !important;
  25.   position: relative !important;
  26.   background-position: center !important;
  27.   background-repeat: no-repeat !important;
  28.   background-size: cover;
  29.   pointer-events: none;
  30.  
  31.   margin-left: -40px;
  32.   margin-top: -45px;
  33.   position: absolute !important;
  34.   width: 140px;
  35.   height: 220px;
  36.   clip-path: inset(45px 0% 84px 4px);
  37.   pointer-events: none;
  38.   border-top: 1px solid #eaeaea;
  39.   border-bottom: 1px solid #eaeaea;
  40.   border-right: 0.5px solid #eaeaea;
  41.   left: 0px;
  42.   filter:saturate(90%) grayscale(10%) hue-rotate(10deg);
  43.   z-index: 2;
  44. }
  45.  
  46. .data.image:hover a:before {
  47.   z-index: 10000 !important;
  48.   clip-path: inset(0% 0% 0% 0%);
  49.   pointer-events: none;
  50. }
  51. tr.list-table-data:hover > td.data.image > a:before { filter: saturate(100%) grayscale(0%) hue-rotate(0deg); }
  52.  
  53. .data.image:hover:before {
  54.   background-color: white;
  55.   opacity:.3;
  56.   z-index: 1;
  57.   content: "";
  58.   display: block !important;
  59.   width: 136px;
  60.   height: 100%;
  61.   position: fixed;
  62.   margin-left:-36px;
  63.   top: 47px;
  64.   pointer-events: none;
  65.   z-index: 3;
  66. }
  67.  
  68. #status-menu{ z-index: 2000; }
  69.  
  70. .status-menu-container {
  71.   position: relative;
  72.   top: 0px !important;
  73. }
  74.  
  75. #list-container > div.list-block > div > div.list-status-title,
  76. #list-container > div.list-block > div > div.list-stats,
  77. #list-container > div.list-block > div > table > tbody > tr,
  78. #list-container > div.list-block > div > table > tbody:nth-child(1n) > tr,
  79. .list-table .list-table-header{ z-index: 1000; }
  80.  
  81. .list-table-data:hover td.data.title.clearfix {
  82.   background: linear-gradient(to right,rgba(212,212,212,0.8),rgba(235,232,237,0.7),rgba(235,232,237,0.2),rgba(255,255,255,0)) !important;
  83.   clip-path: inset(0px 0px 0px 55px);
  84. }
  85. #list-container > div.list-block > div > table > tbody:nth-child(odd) { background: rgba(248,248,248,0.5) !important; }
  86.  
  87. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number {
  88.   position: relative;
  89.   z-index: 1 !important;
  90.   left: -35px;
  91. }
  92.  
  93. body {
  94.   background-color: #fefcff;
  95.   font: normal 12px Roboto, sans-serif;
  96. }
  97.  
  98. .list-menu-float .icon-menu .text,
  99. .header .header-menu .list-menu .icon-menu .text { font: normal 16px Roboto, sans-serif; }
  100.  
  101. .list-table .list-table-header .header-title .link { font-size: 13px; }
  102.  
  103. td {
  104.   font-size: 13px;
  105.   cursor: default;
  106. }
  107.  
  108. body:before {
  109.   content: "";
  110.   display: block;
  111.   position: absolute;
  112.   top: 0;
  113.   left: 0;
  114.   width: 100%;
  115.   height: 118px;
  116.   border-bottom: 1px solid #654e8e;
  117.   min-width: 958px;
  118.   background-color: #4B3474;
  119. }
  120.  
  121. #list-container > div.list-block > div > table { border-style: none; !important }
  122.  
  123. .list-table:after {
  124.   content: "";
  125.   display: block;
  126.   position: absolute;
  127.   left: -1px;
  128.   width: calc(100% + 2px);
  129.   height: 41px;
  130.   background-color: #b19cd9 !important;
  131.   z-index: 1;
  132. }
  133.  
  134. .header a,
  135. .header .username { font-weight: 500; }
  136.  
  137. .list-container,
  138. .status-menu-container { width: 958px; }
  139.  
  140. .list-unit,
  141. .list-unit .list-status-title,
  142. .list-unit .list-stats { width: 1015px; }
  143.  
  144. #list-container > div.list-block > div > div.list-status-title > span.stats { right: 67px; }
  145.  
  146. .header .header-menu .list-menu .icon-menu .text { top: 4px; }
  147.  
  148. .header .header-menu .list-menu {
  149.   background-color: #f0f0ff;
  150.   border: #ebebeb 1px solid;
  151.   -moz-box-shadow: none;
  152.   -webkit-box-shadow: none;
  153.   box-shadow: none;
  154. }
  155.  
  156. .status-button { font: 500 18px Roboto, sans-serif !important; }
  157.  
  158. .status-menu-container .status-menu {
  159.   margin: 0;
  160.   border-spacing: 30px 0;
  161. }
  162.  
  163. .header .header-menu .header-info {
  164.   position: absolute;
  165.   right: 0;
  166.   top: 4px;
  167.   margin: 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.   line-height: 31px;
  186.   background: transparent;
  187. }
  188.  
  189. .list-table .list-table-header .header-title {
  190.   height: 22px;
  191.   background: transparent;
  192.   color: #323232;
  193.   cursor: default;
  194.   font-weight: 500;
  195. }
  196.  
  197. .header { width: 960px; }
  198.  
  199. .list-table .list-table-header .header-title.number { width: 34px; }
  200. .list-table .list-table-header .header-title.status { width: 3px; }
  201. .list-table .list-table-header .header-title.image { width: 43px; }
  202. .list-table .list-table-header .header-title.rated { width: 60px; }
  203. .list-table .list-table-header .header-title.score { width: 37px; }
  204.  
  205. .list-table .list-table-header .header-title.chapters,
  206. .list-table .list-table-header .header-title.volumes,
  207. .list-table .list-table-header .header-title.progress{ width: 69px }
  208.  
  209. .list-table .list-table-header .header-title.type,
  210. .list-table .list-table-header .header-title.started,
  211. .list-table .list-table-header .header-title.finished { width: 60px; }
  212. .list-table .list-table-header .header-title.tags { width: 0; padding: 0; }
  213.  
  214. .list-table .list-table-header .header-title.started .link.sort,
  215. .list-table .list-table-header .header-title.finished .link.sort {
  216.   font-size: 1px;
  217.   letter-spacing: -1px;
  218.   color: transparent;
  219. }
  220.  
  221. .list-table .list-table-header .header-title,
  222. .list-table .list-table-header .header-title .link.sort,
  223. .list-table .list-table-header .header-title .link.sort .fa,
  224. .list-table .list-table-header .header-title .link.sort:before {
  225.   font-size: 13px;
  226.   letter-spacing: normal;
  227.   color: #444;
  228.   text-align: right
  229. }
  230.  
  231. .list-table .list-table-header .header-title.started .link.sort:before { content: "Started "; }
  232. .list-table .list-table-header .header-title.finished .link.sort:before { content: "Finished "; }
  233. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(11) > a:before { content: "Debut "; }
  234. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.title:before { content: "Title "; }
  235. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(12) > a:before { content: ""; }
  236. .list-unit .list-stats:before { content: "Stats: "; font-weight: 500; }
  237.  
  238. .list-table .list-table-data .data {
  239.   padding: 0px 0;
  240.   vertical-align: top;
  241. }
  242.  
  243. .list-table .list-table-data .data.tags {
  244.   font: normal 10px Avenir, 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
  245.   line-height: 18px;
  246.   color: #666;
  247.   text-align: right;
  248. }
  249.  
  250. .list-table .more-info .more-content {
  251.   padding: 4px;
  252.   padding-left: 13px;
  253. }
  254.  
  255. .list-table .more-info .more-content .borderRBL {
  256.   font-size: 12px;
  257.   line-height: 15px;
  258. }
  259.  
  260. .list-table .list-table-data .data.title .rewatching:before,
  261. .list-table .list-table-data .data.title .rereading:before,
  262. .list-table .list-table-data .data.title .content-status:before {
  263.   content: "- ";
  264.   color: #888;
  265.   margin-right: 1px;
  266. }
  267.  
  268. .list-table .list-table-data .data.title .rewatching,
  269. .list-table .list-table-data .data.title .rereading,
  270. .list-table .list-table-data .data.title .content-status {
  271.   display: inline-block;
  272.   position: absolute;
  273.   width: auto;
  274.   line-height: 63px;
  275.   left: 206px;
  276.   color: #c972bc;
  277.   font-size: 11px;
  278.   text-transform: lowercase;
  279.   cursor: default;
  280.   font-weight: 500;
  281. }
  282.  
  283. .list-table .list-table-data .data.title .add-edit-more,
  284. .list-table .list-table-data .data.title .add-edit-more a{
  285.   text-transform: lowercase;
  286.   font-size: 11px;
  287.   float: none;
  288.   color: #888;
  289. }
  290.  
  291. .list-table > tbody { background-color: #fff !important; }
  292. .list-menu-float .icon-menu:hover,
  293. .header .header-menu .list-menu .icon-menu:hover { color: #fff; }
  294. .list-menu-float .icon-menu:hover svg.icon,
  295. .header .header-menu .list-menu .icon-menu:hover svg.icon { fill: #fff; }
  296.  
  297. .list-table .list-table-header { background: #f7f0ff; }
  298. .status-menu-container .status-menu .status-button::after { background-color: #6c3bc3; }
  299. .status-menu-container  { background: #fffcff; }
  300. .list-unit .list-status-title,
  301. .list-menu-float .icon-menu:not(.profile):hover { background-color: #b19cd9; }
  302. .header .header-menu .list-menu .icon-menu:hover { background-color: #4B3474; }
  303.  
  304. .list-table .list-table-data .data.status.reading,
  305. .list-table .list-table-data .data.status.watching,
  306. .list-table .list-table-data .data.status.completed,
  307. .list-table .list-table-data .data.status.onhold,
  308. .list-table .list-table-data .data.status.dropped,
  309. .list-table .list-table-data .data.status.plantoread,
  310. .list-table .list-table-data .data.status.plantowatch,
  311. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number{ pointer-events: none; }
  312.  
  313. .list-table .list-table-header .header-title:not(.started):not(.finished) .link.sort:hover,
  314. .list-table .list-table-header .header-title:not(.started):not(.finished) .link.sort:hover .fa,
  315. .list-table .list-table-header .header-title.started .link.sort:hover:before,
  316. .list-table .list-table-header .header-title.finished .link.sort:hover:before { color: #2e2fa1; }
  317.  
  318. .list-table .list-table-data .data.title .link {
  319.   font: 500 16px Roboto, sans-serif;
  320.   color: #251166;
  321.   line-height: 22px;
  322. }
  323.  
  324. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.score{ line-height: 24px; }
  325. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.type,
  326. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.progress,
  327. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.started,
  328. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.finished,
  329. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.airing-started,
  330. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.airing-finished { line-height: 25px; }
  331.  
  332. .list-table .list-table-data .data.score,
  333. .list-table .list-table-data .data.rated,
  334. .list-table .list-table-data .data.type,
  335. .list-table .list-table-data .data.progress,
  336. .list-table .list-table-data .data.chapter,
  337. .list-table .list-table-data .data.volume,
  338. .list-table .list-table-data .data.started,
  339. .list-table .list-table-data .data.finished,
  340. .list-table .list-table-data .data.airing-started,
  341. .list-table .list-table-data .data.airing-finished{
  342.   font-size: 13px;
  343.   text-align: right;
  344. }
  345.  
  346. #list-container > div.list-block > div > table > tbody.list-item > tr.list-table-data > td.data.type{
  347.   text-transform: lowercase;
  348.   font-variant: small-caps;
  349.   font-style: normal;
  350.   letter-spacing: 1px;
  351.   font-size: 15px;
  352.   line-height: 24px;
  353. }
  354. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(11) > a{
  355.   position:relative;
  356.   right: 4px;
  357. }
  358. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th:nth-child(10) > a{
  359.   position:relative;
  360.   left: 4px;
  361. }
  362.  
  363. .list-table .list-table-header .header-title,
  364. .list-table .list-table-header .header-title .link.sort,
  365. .list-table .list-table-header .header-title .link.sort .fa,
  366. .list-table .list-table-header .header-title .link.sort:before { text-align: -webkit-right; }
  367.  
  368. body > div#list-container > div.list-block { margin-top: 0px; }
  369.  
  370. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.image > a,
  371. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.number,
  372. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.title > a{ font-size: 0px; }
  373.  
  374. .list-table .list-table-data .tags .edit,
  375. .list-menu-float .icon-menu.setting,
  376. form[action$="/logout.php"],
  377. .icon-watch, .icon-watch-pv,
  378. #footer-block,
  379. #copyright,
  380. body > div.list-menu-float,
  381. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th.header-title.tags > a,
  382. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.airing-finished,
  383. .header-title.finished:last-child,
  384. #list-container > div.list-block > div > table > tbody:nth-child(1) > tr > th > a > i,
  385. .list-unit .list-status-title .text,
  386. .list-unit .list-status-title .stats a#show-stats-button,
  387. #search-button > i,
  388. #header-menu-button { display: none !important; }
  389.  
  390. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.progress > div > a > i.fa.fa-plus-circle{
  391.   background-color: red !important;
  392.   width: 70px;
  393.   height: 60px;
  394.   opacity: 0;
  395. }
  396.  
  397. .status-menu-container.fixed + div.list-block { margin-top: 47px !important; }
  398.  
  399. .list-unit { width: 100%; }
  400.  
  401. .list-table .list-table-header .header-title.started:nth-last-child(2),
  402. .list-table .list-table-data .data.airing-started { padding-right: 5px; }
  403.  
  404. .list-table .list-table-header .header-title.finished:last-child a { display: none; }
  405.  
  406. .list-unit .list-status-title { width: 100%; }
  407.  
  408. #list-container > div.list-block > div > div.list-status-title > span.stats { right: 10px; }
  409.  
  410. .list-table .list-table-data .data.image .image {
  411.   width: 136px;
  412.   height: auto;
  413.   margin: -14% 0 0 0;
  414.   border: #EBEBEB 0px solid;
  415. }
  416.  
  417. .data.image a {
  418.   display: block;
  419.   height: 92.656px;
  420.   overflow: hidden;
  421.   margin: 0px 0px 0px -36px
  422. }
  423.  
  424. .status-menu-container .search-container #search-box {
  425.   width: 154px !important;
  426.   position: relative;
  427.   top: -2px;
  428.   left: -8px;
  429. }
  430.  
  431. .status-menu-container .search-container #search-box input {
  432.   border: 1px solid #bebebe;
  433.   font: normal 11px Roboto, sans-serif;
  434.   padding: 0 2px;
  435. }
  436.  
  437. #list-container > div.list-block { min-height: 82px; }
  438.  
  439. #list-container > div.list-block > div > table{ width: 100%; }
  440.  
  441. .list-status-title { margin: 0 auto; }
  442.  
  443. .header { height: 20px; }
  444.  
  445. .header .header-menu,
  446. .header .header-menu.other {
  447.   position: relative;
  448.   top: 0px;
  449. }
  450.  
  451. .header .header-menu .btn-menu {
  452.   position: absolute;
  453.   left: 50px;
  454.   top: 4px;
  455.   font-size: 0;
  456. }
  457.  
  458. .header a.username { font-size: 0; }
  459.  
  460. .header a.username:after {
  461.   content: "PROFILE";
  462.   font-size: 12px;
  463. }
  464.  
  465. .header-info a {
  466.   color :#fff !important;
  467.   text-decoration: none !important;
  468. }
  469.  
  470. .header .header-title {
  471.   top: 4px;
  472.   background: none;
  473.   width: auto;
  474.   height: auto;
  475.   font-size: 0;
  476.   text-indent: 0;
  477. }
  478.  
  479. .header .header-title:after {
  480.   content: "HOME";
  481.   font-size: 12px;
  482. }
  483.  
  484. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number {
  485.   text-align: right;
  486.   position: relative;
  487.   left: -49px;
  488. }
  489.  
  490. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number { border: none; }
  491.  
  492. .list-table > tbody, #list-container > div.list-block > div > table > tbody:nth-child(odd) { background: none !important; }
  493.  
  494. .list-table > tbody .data:not(.status):not(.number) { background: #fff; }
  495. .list-table > tbody:nth-child(odd) .data:not(.status):not(.number) { background: rgba(251,251,251,0.5); }
  496.  
  497. .list-table .list-table-header .header-title {
  498.   position: relative;
  499.   z-index: 5;
  500.   background: #f7f0ff;
  501. }
  502.  
  503. .more-info br,
  504. .more-info > td > table > tbody > tr > td > div,
  505. .more-info > td > table > tbody > tr > td > strong,
  506. .more-info > td > table > tbody > tr > td > span,
  507. .more-info > td > table > tbody > tr > td > a[href*="javascript"],
  508. .more-info > td > table > tbody > tr > td > small { display: none; }
  509.  
  510. .more-info small ~ br { display: initial; }
  511.  
  512. .more-info .borderRBL::first-line { font-size: 0; }
  513.  
  514. .more-info > td > table {
  515.   margin: -17px 0px -2px 136px;
  516.   max-width: 800px;
  517. }
  518.  
  519. .more-info { background: #fdf5ff; }
  520.  
  521. .list-table .more-info .more-content .borderRBL,
  522. .more-info > td > table > tbody > tr > td > a[href*="//"] { font-size: 10px; }
  523. .more-info > td > table > tbody > tr > td > a[href*="//"] { color: purple; }
  524. .more-info > td > table > tbody > tr > td > a[href*="//"]:nth-of-type(2) {
  525.   position: relative;
  526.   left: -54px;
  527.   z-index: 10;
  528. }
  529.  
  530. .more-info .more-content { position: relative; }
  531.  
  532. .more-info > td:before {
  533.   content: "";
  534.   position: absolute;
  535.   top: 1px;
  536.   left: 148px;
  537.   width: 54px;
  538.   height: 14px;
  539.   max-height: 100%;
  540.   background: #fdf5ff;
  541. }
  542.  
  543. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.number { color: #251166; }
  544. #list-container > div.list-block > div > table > tbody:hover > tr.list-table-data > td.data.number{ //font-weight: bold; }
  545.  
  546. .data.image a:before {clip-path: inset( 45px 0% 35px 4px); }
  547. .list-table:after { height: 50px; z-index: 5;}
  548.  
  549. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.score > a,
  550. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.started:after,
  551. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.finished:after,
  552. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.airing-started:after,
  553. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.progress > div > span > a,
  554. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td[id*='tags'] > div > span > a{
  555.   font-weight: bold;
  556.   color: #251166;
  557.   white-space: nowrap;
  558. }
  559. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td[id*='tags'] > div > span > a { font-weight: normal; }
  560.  
  561. .data.tags span a {
  562.   display: inline-block;
  563.     background: #f5f5f5;
  564.     padding: 0 3px;
  565.     border-radius: 2px;
  566.  
  567.     font-size: 10px;
  568.     margin-right: 6px;
  569.     pointer-events: auto;
  570. }
  571.  
  572. #list-container > div.list-block > div > table > tbody > tr > th.header-title.tags,
  573. .data.tags span { font-size: 0px; }
  574.  
  575. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td[id*='tags'] > div {
  576.   position: static;
  577.     left: 152px;
  578.   top: 70px;
  579.    
  580.     font-size: 10px;
  581.     text-align: left;
  582.   line-height: 115%;
  583.     height: 19px;
  584.     padding-top: 74px;
  585.     padding-left: 146px;
  586.     margin: 0;
  587.    
  588.     pointer-events: none;
  589. }
  590.  
  591. .data.tags span a[href*="\=dropped%20parent"],
  592. .data.tags span a[href*="\=premature%20drop"]{
  593.   position: absolute;
  594.   bottom: 71px;
  595.   top: 0;
  596.   right: 0;
  597.   left: auto;
  598.  
  599.   width: calc(100% - 147px);
  600.   height: 93px;
  601.   line-height: 80px;
  602.   margin: 0;
  603.  
  604.   background: rgba(255, 164, 164, 0.5);
  605.   background-image: linear-gradient(to right, white 5%, rgba(255, 164, 164, 0.5) 24% 74%, white 95%);
  606.   color: #B27272 !important;
  607.   text-align: center;
  608.   font-size: 80px;
  609.   font-variant: small-caps;
  610.  
  611.   display: block !important;
  612.   pointer-events: none;
  613.   z-index: 1;
  614.   opacity: 0.250;
  615. }
  616.  
  617. .list-table .list-table-data .data.tags {
  618.     position: absolute;
  619.     left: 0;
  620.    
  621.     width: 100%;
  622.     height: 0;
  623.     border: none;
  624.     z-index: 0;
  625. }
  626.  
  627. .list-table .list-table-data .data.status { position: relative; background-color: currentcolor !important; }
  628. .list-table .list-table-data .data.status.reading,
  629. .list-table .list-table-data .data.status.watching { color: #b3eb95; }
  630. .list-table .list-table-data .data.status.completed { color: #9696ff; }
  631. .list-table .list-table-data .data.status.onhold { color: #fcfc64; }
  632. .list-table .list-table-data .data.status.dropped { color: #ffa4a4; }
  633. .list-table .list-table-data .data.status.plantoread,
  634. .list-table .list-table-data .data.status.plantowatch { color: #aabbc8; }
  635.  
  636. .list-table .list-table-data .data.status:after{
  637.   position: absolute;
  638.   content: "";
  639.   background-image: linear-gradient(to right, currentcolor calc(10% + 136px), rgba(255,255,255,0.0) 90%);
  640.   filter:saturate(250%);
  641.   width: calc(200px + 136px);
  642.   height: 93px;
  643.   left: calc(140px - 136px);
  644.   opacity: 0.15;
  645.   z-index: 1;
  646. }
  647.  
  648. #list-container > div.list-block > div > table > tbody:nth-child(odd+3) > tr.list-table-data .data.status:after{width: calc(235px + 136px); opacity: 0.19;}
  649. #list-container > div.list-block > div > table > tbody:nth-child(3n+3) > tr.list-table-data .data.status:after{width: calc(270px + 136px); opacity: 0.18;}
  650. #list-container > div.list-block > div > table > tbody:nth-child(5n+5) > tr.list-table-data .data.status:after{width: calc(305px + 136px); opacity: 0.16;}
  651. #list-container > div.list-block > div > table > tbody:nth-child(7n+7) > tr.list-table-data .data.status:after{width: calc(340px + 136px); opacity: 0.13;}
  652. #list-container > div.list-block > div > table > tbody:nth-child(11n+11) > tr.list-table-data .data.status:after{width: calc(375px + 136px); opacity: 0.1;}
  653. #list-container > div.list-block > div > table > tbody:nth-child(13n+13) > tr.list-table-data .data.status:after{opacity: 0.1}
  654. #list-container > div.list-block > div > table > tbody:nth-child(4n+2) > tr.list-table-data .data.status:after{width: calc(150px + 136px);}
  655. #list-container > div.list-block > div > table > tbody:nth-child(5n+6) > tr.list-table-data .data.status:after{opacity: 0.15;}
  656.  
  657. .list-table .list-table-data:hover .data.status:after{
  658.   filter:saturate(400%) !important;
  659.   opacity: 0.13 !important;
  660.  
  661.   width: 958px !important;
  662.   height: calc(93px*1.74);
  663.   top: calc(-93px*0.37 - 5px);
  664.   left: 0px;
  665.   background-image: radial-gradient(ellipse at calc(90% - 10px), rgba(255,255,255,0.0) 40%, currentcolor 60%);
  666.   clip-path: inset(calc(93px*0.37 + 5px) 0% calc(93px*0.37 - 5px) calc(141px - 136px));
  667. }
  668.  
  669. .list-table .more-info { border: none; }
  670. .list-table .more-content:after {
  671.     content: "";
  672.     position: absolute;
  673.     bottom: 0;
  674.     left: 0;
  675.    
  676.     width: 100%;
  677.     height: 0.5px;
  678.     background: #ebebeb;
  679. }
  680.  
  681. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.priority,
  682. #list-container > div.list-block > div > table > tbody > tr > th.header-title.priority { text-align: center; }
  683.  
  684. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.started:after,
  685. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.finished:after,
  686. #list-container > div.list-block > div > table > tbody > tr.list-table-data > td.data.airing-started:after{
  687.   text-align: center;
  688.   display: block;
  689.   white-space: pre;
  690.   content: "-";
  691.   position: relative;
  692.   left: 6px;
  693. }
  694.  
  695. #list-container > div.list-block > div > table > tbody > tr.list-table-data:after {
  696.   position: absolute;
  697.   display: block;
  698.   width: 140px;
  699.   height: 10px;
  700.   background-color: white;
  701.   content: "";
  702.   right: 20px;
  703.   margin-top: 30px;
  704. }
  705. #list-container > div.list-block > div > table > tbody:nth-child(odd) > tr.list-table-data:after { background-color: #fdfdfd; }
  706.  
  707. body:before { background-image:
  708.         repeating-linear-gradient(
  709.             140.5deg,
  710.             transparent 1.0px,
  711.             rgba(116, 52, 97, 0.025) 1.0px,
  712.             rgba(116, 52, 97, 0.025) 2.0px,
  713.             transparent 2.0px,
  714.             transparent 2.2px,
  715.             rgba(54, 52, 116, 0.025) 2.2px,
  716.             rgba(54, 52, 116, 0.025) 3.2px,
  717.             transparent 3.2px,
  718.  
  719.             transparent 6.2px,
  720.             rgba(147, 88, 255, 0.025) 6.2px,
  721.             rgba(147, 88, 255, 0.025) 6.4px,
  722.             transparent 6.4px,
  723.             transparent 6.6px,
  724.             rgba(93, 65, 145, 0.025) 6.6px,
  725.             rgba(93, 65, 145, 0.025) 6.8px,
  726.             transparent 6.8px,
  727.             transparent 7.0px,
  728.             rgba(165, 114, 255, 0.025) 7.0px,
  729.             rgba(165, 114, 255, 0.025) 8.0px,
  730.             transparent 8.0px,
  731.             transparent 8.2px,
  732.             rgba(147, 88, 255, 0.025) 8.2px,
  733.             rgba(147, 88, 255, 0.025) 8.4px,
  734.             transparent 8.4px,
  735.             transparent 8.6px,
  736.             rgba(233, 221, 255, 0.025) 8.6px,
  737.             rgba(233, 221, 255, 0.025) 8.8px,
  738.             transparent 8.8px
  739.         ),
  740.         repeating-linear-gradient(
  741.           50.5deg,
  742.             transparent 1.0px,
  743.             rgba(147, 88, 255, 0.025) 1.0px,
  744.             rgba(147, 88, 255, 0.025) 2.0px,
  745.             transparent 2.0px,
  746.             transparent 2.2px,
  747.             rgba(233, 221, 255, 0.025) 2.2px,
  748.             rgba(233, 221, 255, 0.025) 3.2px,
  749.             transparent 3.2px,
  750.  
  751.             transparent 6.2px,
  752.             rgba(147, 88, 255, 0.025) 6.2px,
  753.             rgba(147, 88, 255, 0.025) 6.4px,
  754.             transparent 6.4px,
  755.             transparent 6.6px,
  756.             rgba(233, 221, 255, 0.025) 6.6px,
  757.             rgba(233, 221, 255, 0.025) 6.8px,
  758.             transparent 6.8px,
  759.             transparent 7.0px,
  760.             rgba(165, 114, 255, 0.025) 7.0px,
  761.             rgba(165, 114, 255, 0.025) 8.0px,
  762.             transparent 8.0px,
  763.             transparent 8.2px,
  764.             rgba(147, 88, 255, 0.025) 8.2px,
  765.             rgba(147, 88, 255, 0.025) 8.4px,
  766.             transparent 8.4px,
  767.             transparent 8.6px,
  768.             rgba(233, 221, 255, 0.025) 8.6px,
  769.             rgba(233, 221, 255, 0.025) 8.8px,
  770.             transparent 8.8px
  771.         )
  772.     ;
  773. }
  774.  
  775. .list-table:before{
  776.   position: absolute;
  777.   content: "";
  778.     background:
  779.       repeating-linear-gradient(-45.5deg,
  780.         rgba(255,255,255, 0.6) 0 3px,
  781.         rgba(202, 182, 210, 0.3) 3px 5.2px),
  782.       repeating-linear-gradient(45.5deg,
  783.         rgba(255,255,255, 0.6) 0 3px,
  784.         rgba(202, 182, 210, 0.3) 3px 5.2px);
  785.   width: 100%;
  786.   height: calc(100% - 60px);
  787.   left: 0px;
  788.   opacity: 0.15;
  789.   z-index: 5;
  790.   pointer-events: none;
  791.   filter:saturate(160%);
  792. }
  793.  
  794. .status-menu-container .search-container #search-box input,
  795. .list-table:after,
  796. .list-unit .list-status-title { background-image:
  797.         repeating-linear-gradient(
  798.             135deg,
  799.             transparent 1.0px,
  800.             rgba(116, 52, 97, 0.02) 1.0px,
  801.             rgba(116, 52, 97, 0.02) 2.0px,
  802.             transparent 2.0px,
  803.             transparent 2.2px,
  804.             rgba(54, 52, 116, 0.02) 2.2px,
  805.             rgba(54, 52, 116, 0.02) 3.2px,
  806.             transparent 3.2px,
  807.  
  808.             transparent 6.2px,
  809.             rgba(147, 88, 255, 0.02) 6.2px,
  810.             rgba(147, 88, 255, 0.02) 6.4px,
  811.             transparent 6.4px,
  812.             transparent 6.6px,
  813.             rgba(93, 65, 145, 0.02) 6.6px,
  814.             rgba(93, 65, 145, 0.02) 6.8px,
  815.             transparent 6.8px,
  816.             transparent 7.0px,
  817.             rgba(165, 114, 255, 0.02) 7.0px,
  818.             rgba(165, 114, 255, 0.02) 8.0px,
  819.             transparent 8.0px,
  820.             transparent 8.2px,
  821.             rgba(147, 88, 255, 0.02) 8.2px,
  822.             rgba(147, 88, 255, 0.02) 8.4px,
  823.             transparent 8.4px,
  824.             transparent 8.6px,
  825.             rgba(233, 221, 255, 0.02) 8.6px,
  826.             rgba(233, 221, 255, 0.02) 8.8px,
  827.             transparent 8.8px
  828.         ),
  829.         repeating-linear-gradient(
  830.           45deg,
  831.             transparent 1.0px,
  832.             rgba(116, 52, 97, 0.02) 1.0px,
  833.             rgba(116, 52, 97, 0.02) 2.0px,
  834.             transparent 2.0px,
  835.             transparent 2.2px,
  836.             rgba(54, 52, 116, 0.02) 2.2px,
  837.             rgba(54, 52, 116, 0.02) 3.2px,
  838.             transparent 3.2px,
  839.  
  840.             transparent 6.2px,
  841.             rgba(147, 88, 255, 0.02) 6.2px,
  842.             rgba(147, 88, 255, 0.02) 6.4px,
  843.             transparent 6.4px,
  844.             transparent 6.6px,
  845.             rgba(93, 65, 145, 0.02) 6.6px,
  846.             rgba(93, 65, 145, 0.02) 6.8px,
  847.             transparent 6.8px,
  848.             transparent 7.0px,
  849.             rgba(165, 114, 255, 0.02) 7.0px,
  850.             rgba(165, 114, 255, 0.02) 8.0px,
  851.             transparent 8.0px,
  852.             transparent 8.2px,
  853.             rgba(147, 88, 255, 0.02) 8.2px,
  854.             rgba(147, 88, 255, 0.02) 8.4px,
  855.             transparent 8.4px,
  856.             transparent 8.6px,
  857.             rgba(233, 221, 255, 0.02) 8.6px,
  858.             rgba(233, 221, 255, 0.02) 8.8px,
  859.             transparent 8.8px
  860.         )
  861.     ;
  862. }
  863.  
  864. body { background: white; }
  865. body:after {
  866.   position: fixed;
  867.   content: "";
  868.     background:
  869.       repeating-linear-gradient(120deg,
  870.         rgba(255,255,255, 0.2) 0px 13.6px,
  871.         rgba(255,0,0, 0.1) 14.0px 14.1px),
  872.       repeating-linear-gradient(30deg,
  873.         rgba(255,255,255, 0.2) 0px 13.6px,
  874.         rgba(255,0,0, 0.1) 14.0px 14.1px),
  875.       repeating-linear-gradient(75deg,
  876.         rgba(255,255,255, 0.2) calc(0px + 1.5px) calc(9.6px + 1.5px),
  877.         rgba(255,0,0, 0.1) calc(10.0px + 1.5px) calc(10.1px + 1.5px)),
  878.       repeating-linear-gradient(165deg,
  879.         rgba(255,255,255, 0.2) calc(0px + 1px) calc(9.6px + 1px),
  880.         rgba(255,0,0, 0.1) calc(10.0px + 1px) calc(0.1px + 1px)),
  881.         linear-gradient(0deg, rgba(175, 122, 109, 0.10), rgba(255, 255, 130, 0.15) 50%, rgba(255, 255, 130, 0.3) 67%);
  882.   width: 100%;
  883.   height: 100%;
  884.   left: 0px;
  885.   top: 0px;
  886.   opacity: 1;
  887.   z-index: -10;
  888.   pointer-events: none;
  889.   filter:saturate(170%);
  890. }
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!