API tools faq
paste
Advertisement
Kogucik

Untitled

Kogucik
Jan 20th, 2021 (edited)
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.55 KB | None | 0 0
raw download clone embed print report
  1. @import "//fonts.googleapis.com/css?family=Alegreya+SC:400,700|Farsan|Roboto+Condensed:400,400i,700,700i|Unica+One&subset=latin-ext";
  2.  
  3.  
  4. body {
  5.     font-family:'Roboto Condensed' !important;
  6.     color: #fff;
  7.     -webkit-background-size: cover;
  8.     -moz-background-size: cover;
  9.     -o-background-size: cover;
  10.     transition: all .3s ease;
  11.     height: 100%;
  12.     width: 100%;
  13.     text-align: center;
  14.     vertical-align: middle;
  15. }
  16.  
  17. /*MENU*/
  18.  
  19.  
  20. html body table#mal_control_strip tbody tr td[id^="mal_"]:nth-child(1),
  21. html body table#mal_control_strip tbody tr td[id^="mal_"]:nth-child(3) div:nth-child(1),
  22. html body table#mal_control_strip tbody tr td[id^="mal_"]:nth-child(3) div:nth-child(2) a:nth-child(3),
  23. html body table#mal_control_strip tbody tr td#mal_cs_powered a
  24. {
  25.     display: none!important;
  26.     visibility: hidden
  27. }
  28. html body table#mal_control_strip tbody tr,
  29. html body table#mal_control_strip tbody tr td[id^="mal_"],
  30. html body #list_surround table:nth-child(6) tbody tr,
  31. html body #list_surround table#ver-zebra tbody tr{
  32.     display: block;
  33.     visibility: hidden;
  34. }
  35. html body table#mal_control_strip:hover tbody tr,
  36. html body table#mal_control_strip:hover tbody tr td[id^="mal_"],
  37. html body #list_surround table:nth-child(6):hover tbody tr,
  38. html body #list_surround table#ver-zebra:hover tbody tr{
  39.     visibility: visible!important;
  40.     opacity: 0.9!important;
  41.     border-radius: 10px 10px 10px 10px;
  42. }
  43. /* menu */
  44. html body table#mal_control_strip {
  45.     display: block;
  46.     position: fixed;
  47.     top: 0px;
  48.     left: calc(100% - 64px);
  49.     right: 0px!important;
  50.     background-image: url("https://i.imgur.com/zjmtrBU.png");
  51.     height: 0px!important;
  52.     width: 64px!important;
  53.     padding-top: 64px;
  54.     background-repeat: no-repeat;
  55.     overflow: hidden;
  56.     background-color: transparent;
  57. }
  58. html body table#mal_control_strip tbody tr{
  59.     padding: 10px;
  60.     width: 280px;
  61.     position: fixed;
  62.     top:0px;
  63.     right: 0px;
  64.     background-color: #272727;
  65.     height: /*calc(100% - 64px)*/auto;
  66.     display: block;
  67. }
  68. html body table#mal_control_strip tbody tr td[id^="mal_"]{
  69.     border: none;
  70. }
  71. html body table#mal_control_strip tbody tr td[id^="mal_"] div a:hover{
  72.     background-color: #000;
  73.     border-radius: 5px;
  74. }
  75. html body table#mal_control_strip tbody tr td#mal_cs_links{
  76.     width: 280px;
  77.     display: block;
  78.     padding: 0px;
  79. }
  80. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(1){
  81.     display: block;
  82.     width: 64px;
  83.     height: 32px;
  84.     margin: 0px;
  85. }
  86. /* settings */
  87. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(1) a:nth-child(1) {
  88.     display: block;
  89.     background-image: url("https://i.imgur.com/IEN5akG.png");
  90.     text-indent: 100%;
  91.     white-space: nowrap;
  92.     overflow: hidden;
  93.     width: 32px;
  94.     height: 32px;
  95.     padding: 0px;
  96.     background-repeat: no-repeat;
  97.     float: left;
  98.     position: fixed;
  99.     top: 10px;
  100.     right: 194px;
  101. }
  102. /* home */
  103. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(1) a:nth-child(2) {
  104.     display: block;
  105.     background-image: url("https://i.imgur.com/IQJeTsI.png");
  106.     text-indent: 100%;
  107.     white-space: nowrap;
  108.     overflow: hidden;
  109.     width: 32px;
  110.     height: 32px;
  111.     padding: 0px;
  112.     background-repeat: no-repeat;
  113.     float: left;
  114.     position: fixed;
  115.     top: 10px;
  116.     right: 258px;
  117. }
  118. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(2){
  119.     position: fixed;
  120.     top: 52px;
  121.     right: 10px;
  122.     background-color: #202020;
  123.     padding: 0px;
  124.     height: 32px;
  125.     width: 280px;
  126. }
  127. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(2) a{
  128.     display: inline-block;
  129.     float: left;
  130.     font-size: 14px;
  131.     height: 14px;
  132.     padding: 9px;
  133.     width: 122px;
  134.     text-transform: uppercase;
  135.     font-weight: bold;
  136. }
  137. html body table#mal_control_strip tbody tr td#mal_cs_otherlinks div:nth-child(2){
  138.     margin: 0px;
  139. }
  140. /* user */
  141. html body table#mal_control_strip tbody tr td#mal_cs_otherlinks div:nth-child(2) a:nth-child(4) {
  142.     display: block;
  143.     background-image: url("https://i.imgur.com/OttfHxQ.png");
  144.     text-indent: 100%;
  145.     white-space: nowrap;
  146.     overflow: hidden;
  147.     width: 32px;
  148.     height: 32px;
  149.     padding: 0px;
  150.     background-repeat: no-repeat;
  151.     position: fixed;
  152.     top: 10px;
  153.     right: 226px;
  154. }
  155. /* sound */
  156. html body table#mal_control_strip tbody tr td#mal_cs_otherlinks div:nth-child(2) a:nth-child(1) {
  157.     display: block;
  158.     background-image: url("https://i.imgur.com/0M1PCOQ.png");
  159.     text-indent: 100%;
  160.     white-space: nowrap;
  161.     overflow: hidden;
  162.     width: 32px;
  163.     height: 32px;
  164.     padding: 0px;
  165.     background-repeat: no-repeat;
  166.     position: fixed;
  167.     top: 10px;
  168.     right: 162px;
  169. }
  170.  
  171. html body table#mal_control_strip tbody tr td#mal_cs_powered{
  172.     position: fixed;
  173.     top: 10px;
  174.     right: 10px;
  175.     height: 32px;
  176.     width: 152px;
  177. }
  178. html body table#mal_control_strip tbody tr td#mal_cs_powered #search form{
  179.     height: 32px;
  180. }
  181. html body table#mal_control_strip tbody tr td#mal_cs_powered #search form input#searchBox{
  182.     width: 100px;
  183. }
  184. /*MENU*/
  185.  
  186. /*LISTA&SORT*/
  187.  
  188. a,
  189. a:link,
  190. a:visited {
  191.     text-decoration: none!important;
  192.     color: #fff;
  193. }
  194. html body #list_surround table:nth-child(6),
  195. html body #list_surround table#ver-zebra{
  196.     width: 64px;
  197.     background-color: transparent;
  198.     position: fixed;
  199.     top: 0px;
  200.     height: 0px;
  201.     padding-top: 64px;
  202.     z-index: 2;
  203. }
  204. /* list */
  205. html body #list_surround table:nth-child(6) {
  206.     left: 0px;
  207.     background-image: url("https://i.imgur.com/7b6WbFK.png");
  208.     z-index: 3;
  209. }
  210. /* sort */
  211. html body #list_surround table#ver-zebra{
  212.     left: 64px;
  213.     background-image: url("https://i.imgur.com/b9MK9Do.png");
  214. }
  215. html body #list_surround table:nth-child(6) tbody tr,
  216. html body #list_surround table#ver-zebra tbody tr{
  217.     width: 118px;
  218.     padding: 5px;
  219.     height: auto;
  220.     background-color: #272727;
  221.     position: fixed;
  222.     top: 0px;
  223.     left: 0px;
  224.     z-index: 4
  225. }
  226. html body #list_surround table#ver-zebra tbody tr{
  227.     left: 64px
  228. }
  229. html body #list_surround table:nth-child(6) tbody tr td[class^="status"],
  230. html body #list_surround table#ver-zebra tbody tr td{
  231.     margin: 0px;
  232.     height: auto;
  233.     width: 100%;
  234.     float: left;
  235.     display: inline-block;
  236.     background-color: #202020;
  237. }
  238. html body #list_surround table tbody tr td[class^="status"] a,
  239. html body #list_surround table#ver-zebra tbody tr td a{
  240.     font-size: 10px;
  241.     letter-spacing: 1px;
  242.     text-transform: uppercase;
  243.     padding: 10px 10px 10px 10px;
  244.     width: auto;
  245.     display: block;
  246.     vertical-align: top;
  247.     height: auto;
  248.     font-weight: bold;
  249. }
  250. html body #list_surround table tbody tr td[class^="status"] a:hover,
  251. html body #list_surround table#ver-zebra tbody tr td a:hover,
  252. html body table#mal_control_strip tbody tr td#mal_cs_links div:nth-child(2) a:hover{
  253.     background-color: #fff;
  254.     color: #000;
  255.     border-radius: 10px 10px 10px 10px;
  256. }
  257.  
  258. /*LISTA&SORT*/
  259.  
  260. /*MINIATURY*/
  261. html body #list_surround table tbody tr td span i,
  262. #copyright,
  263. html body #list_surround table#ver-zebra td:nth-child(1),
  264. html body #list_surround table#ver-zebra td:nth-child(4),
  265. tbody tr td div small i.fa.fa-fw.fa-trash-o.edit,
  266. html body #list_surround table.title-row tbody tr td:nth-child(1),
  267. html body #list_surround table.title-row tbody tr td.td1:nth-child(6) {
  268.     display: none!important;
  269.     visibility: hidden;
  270.     width: 0px!important;
  271.     height: 0px!important;
  272.     z-index: 1
  273. }
  274.  
  275. .hide {
  276.     visibility: visible;
  277.     display: inline-block;
  278.     width: 225px;
  279.     height: 318px;
  280.     margin: 20px calc((25% - 229px) / 2) 20px calc(((25% - 229px) / 2) - 20px);
  281.     float: left;
  282.     border: 2px solid #fff;
  283.     border-radius: 20px;
  284.     /*<--ZAOKRYGLONE ROGI*/
  285.     float: left;
  286.     background-color: #fff;
  287.     background-position: center;
  288.     background-repeat: no-repeat;
  289.     background-size: 100% auto;
  290. }
  291. html body #list_surround table:nth-child(n+11) {
  292.     position: relative;
  293.     left: calc(((25% - 229px) / 2) + 2px);
  294.     top: 22px;
  295.     height: 318px;
  296.     width: 20px;
  297.     display: inline-block;
  298.     float: left;
  299.     margin: 0px;
  300. }
  301. html body #list_surround table:nth-child(n+11) tbody tr {
  302.     height: 318px;
  303. }
  304. html body #list_surround table:nth-child(n+11) tbody tr td.td1 {
  305.     display: inline-block;
  306.     float: left;
  307.     width: calc(225px - 30px)!important;
  308.     background-color: rgba(0, 0, 0, .7);
  309.     padding: 20px 15px 20px 15px;
  310.     visibility: hidden;
  311. }
  312. html body #list_surround table.title-row tbody:hover tr td {
  313.     visibility: visible!important;
  314. }
  315. html body #list_surround table:nth-child(n+11) tbody tr td.td1:nth-child(2) {
  316.     font-weight: 100;
  317.     font-size: 18px;
  318.     text-transform: uppercase;
  319.     height: calc(((318px / 6) * 2) - 40px)!important;
  320.     border-radius: 18px 18px 0px 0px;
  321.     /*<--ZAOKRYGLONE ROGI 1 i 2*/
  322. }
  323. html body #list_surround table:nth-child(n+11) tbody tr td.td1:nth-child(3) {
  324.     font-size: 45px;
  325.     height: calc(((318px / 6) * 2) - 39px)!important;
  326.     text-align: center;
  327. }
  328. html body #list_surround table:nth-child(n+11) tbody tr td.td1:nth-child(3) a span {
  329.     color: #fed311;
  330. }
  331. html body #list_surround table:nth-child(n+11) tbody tr td.td1:nth-child(4) {
  332.     font-size: 15px;
  333.     height: calc((318px / 6) - 40px)!important;
  334. }
  335. html body #list_surround table:nth-child(n+11) tbody tr td.td1:nth-child(5) {
  336.     height: calc((318px / 6) - 40px)!important;
  337.     border-radius: 0px 0px 18px 18px;
  338.     /*<--ZAOKRYGLONE ROGI 3 i 4*/
  339. }
  340.  
  341. /*MINIATURY*/
  342.  
  343.  
  344. /*INNE*/
  345.  
  346. html body #list_surround table[class^="header"] {
  347.     margin: 20px calc(50% - 126px) 20px calc(50% - 126px);
  348.     border: 1px solid white;
  349.     width: 250px;
  350.     height: 60px;
  351.     padding: 0px!important;
  352.     position: static;
  353.     background-color: rgba(0, 0, 0, .7);
  354.     text-align: center;
  355. }
  356. html body #list_surround table[class^="header"] tbody,
  357. html body #list_surround table[class^="header"] tbody tr {
  358.     width: 250px!important;
  359.     height: 60px!important;
  360.     display: block;
  361. }
  362. html body #list_surround table[class^="header"] tbody tr td {
  363.     text-align: center;
  364.     width: 210px;
  365.     padding: 20px;
  366.     height: 20px;
  367.     text-transform: uppercase;
  368. }
  369. div.rateit div.rateit-selected {
  370.     /*<--KOLOROWE GWIAZDKI*/
  371.     background: url("https://i.imgur.com/guaFMv9.png")
  372. }
  373.  
  374. /*INNE*/
  375.  
  376. .list-hold {
  377. background: url("https://www.dl.dropboxusercontent.com/s/dulo7i1cc0lsbvj/wstrzymane.jpg?dl=0") no-repeat fixed center center;
  378. background-size: cover;
  379. }
  380.  
  381. .list-completed {
  382. background: url("https://www.dl.dropboxusercontent.com/s/19d0np1efodu5f4/Obejrzane.png?dl=0") no-repeat fixed center center;
  383. background-size: cover;
  384. }
  385.  
  386. .list-skip {
  387. background: url("https://www.dl.dropboxusercontent.com/s/u3mgbm369h3rcj4/pomijam.jpg?dl=0") no-repeat fixed center center;
  388. background-size: cover;
  389. }
  390.  
  391. .list-dropped {
  392. background: url("https://www.dl.dropboxusercontent.com/s/1riyrdzigbyryhb/porzucone.jpg?dl=0") no-repeat fixed center center;
  393. background-size: cover;
  394. }
  395.  
  396. .list-plan {
  397. background: url("https://www.dl.dropboxusercontent.com/s/porlkapz3usbv1u/planuje.jpg?dl=0") no-repeat fixed center center;
  398. background-size: cover;
  399. }
  400.  
  401. .list-in.progress {
  402. background: url("https://www.dl.dropboxusercontent.com/s/xva21ag4ccp6obt/ogladane.jpg?dl=0") no-repeat fixed center center;
  403. background-size: cover;
  404. }
  405.  
  406. .list-all {
  407. background: url("https://www.dl.dropboxusercontent.com/s/htwye6x4vtlo22h/wszystkie.jpg?dl=0") no-repeat fixed center center;
  408. background-size: cover;
  409. }
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!