API tools faq
paste
Advertisement
satellitesaph

technicolor tv

satellitesaph
Dec 4th, 2020
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.44 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2.  
  3. technicolor tv, coded by solarsaphia.
  4. please leave credit in!
  5.  
  6. [font=Bungee Shade]let's do it![/font]
  7.  
  8. [/comment][border=0;
  9.  
  10. --uno: #1B1B1B;
  11. --due: #545454;
  12. --quattro: #d3d3d3;
  13.  
  14. --aimg1: url(https://i.pinimg.com/564x/59/3a/7a/593a7af83c94f27d436d73adb7725936.jpg) 50% 50%;
  15. --aimg2: url(https://i.pinimg.com/564x/ad/e8/15/ade8159693a2654639fc6aa617e65421.jpg) 0% 50%;
  16. --aimg3: url(https://i.pinimg.com/564x/a9/e0/52/a9e052c9e930bbab1b48ac9a0c04a853.jpg) 50% 50%;
  17. --bimg: url(https://i.pinimg.com/originals/a0/ce/08/a0ce08c2b029ffaf2adfd9e3bdb52656.gif) 50% 70%;
  18. --cimg1: url(https://i.pinimg.com/564x/a9/e0/52/a9e052c9e930bbab1b48ac9a0c04a853.jpg) 50% 50%;
  19. --cimg2: url(https://i.pinimg.com/564x/a9/e0/52/a9e052c9e930bbab1b48ac9a0c04a853.jpg) 50% 50%;
  20. --cimg3: url(https://i.pinimg.com/564x/a9/e0/52/a9e052c9e930bbab1b48ac9a0c04a853.jpg) 50% 50%;
  21. --dimg: url(https://i.pinimg.com/originals/a0/ce/08/a0ce08c2b029ffaf2adfd9e3bdb52656.gif) 50% 70%;
  22.  
  23. padding: 0; margin: auto; width: 100%; max-width: 500px; position: relative; height: auto; background: var(--due);][border=/*background*/0; padding: 0; position: relative; margin: auto; height: 450px; width: 100%; background: var(--uno); background-size: cover; border-radius: 2px;][border=0; margin: auto; height: 65%; width: 70%; background: transparent; border-left: var(--quattro) 2px solid; position: absolute; top: 22px; left: 17px;][/border][border=0; margin: auto; height: 65%; width: 70%; background: transparent; border-left: var(--quattro) 1px solid; position: absolute; top: 22px; left: 22px;][/border][border=0; margin: auto; height: 65%; width: 65%; background: var(--due); position: relative; display: flex; left: -10%; top: 5%; border-radius: 2px;][border=/*tabs container*/ 0; padding: 0; height: 150px; width: 90px; color: var(--due); display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; position: absolute; left: 335px; line-height: 260%;][tabs][tab=/][border= /*tab1*/ 0; padding: 0; color: var(--quattro); line-height: 120%; font-size: 12px; position: absolute; top: 10px; left: -320px; width: 300px; height: 270px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  24.  
  25. — tab 1.
  26.  
  27. [/comment][border=/*img*/solid 1px var(--quattro); min-width: 60px; min-height: 60px; background: var(--aimg1); position: absolute; left: 210px; background-size: cover; opacity: 100%;][/border]
  28. [border=/*img2*/solid 1px var(--quattro); min-width: 60px; min-height: 60px; background: var(--aimg2); position: absolute; left: 210px; top: 94px; background-size: cover; opacity: 100%;][/border]
  29. [border=/*img3*/solid 1px var(--quattro); min-width: 60px; min-height: 60px; background: var(--aimg3); position: absolute; left: 210px; top: 188px; background-size: cover; opacity: 100%;][/border][comment]
  30.  
  31. — input your character sheet information below! copy paste the "lilcontainer" border if you want to make another heading.
  32.  
  33. [/comment][border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -35px; margin-bottom: -10px; max-width: 190px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]FULL NAME.[/B][/border]
  34. [B]>[/B] i'm not ur friend.[/border]
  35. [border=/*lilcontainer*/0; max-width: 190px; margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-bottom: -10px;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]GOES BY.[/B][/border]
  36. [B]>[/B] or anything, damn.[/border]
  37. [border=/*lilcontainer*/0; max-width: 190px; margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-bottom: -10px;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]AGE.[/B][/border]
  38. [B]>[/B] you think that ur the man.[/border]
  39. [border=/*lilcontainer*/0; max-width: 190px; margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-bottom: -10px;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]GENDER.[/B][/border]
  40. [B]>[/B] i think, therefore, i am.[/border]
  41. [border=/*lilcontainer*/0; max-width: 190px; margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-bottom: -10px;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]PRONOUNS.[/B][/border]
  42. [B]>[/B] did you have fun?[/border]
  43. [border=0/*lilcontainer*/; max-width: 190px; margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-bottom: -10px;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]ZODIAC.[/B][/border]
  44. [B]>[/B] i really couldn't care less, but u can give them my best.[/border][/border][/border][/tab][tab=/][border= /*tab2*/ 0; padding: 0; color: var(--quattro); line-height: 120%; font-size: 12px; position: absolute; top: 10px; left: -320px; width: 300px; height: 270px; margin: 0;][comment]
  45.  
  46. — tab 2.
  47.  
  48. [/comment][border=/*img*/solid 1px var(--quattro); min-width: 160px; min-height: 70px; background: var(--bimg); background-size: cover; position: relative; left: 5px; margin: auto; background-size: cover; opacity: 100%; margin-bottom: 10px;][/border][border=/*scroll*/0; padding: 0; width: 300px; height: 180px; display: inline-block;overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  49.  
  50. — same as tab 1. input your character info below!
  51.  
  52. [/comment][border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]FACE CLAIM.[/B][/border]
  53. [B]>[/B] articles, articles, articles.[/border]
  54. [border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]RACE/ETHNICITY.[/B][/border]
  55. [B]>[/B] rather you remain unremarkable (got a lotta) / interviews, interviews, interviews.[/border]
  56. [border=0/*lilcontainer*/;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]APPEARANCE.[/B][/border]
  57. [B]>[/B] stop, what the hell are u talking about? ha / get my pretty name out of your mouth / we are not the same with or without / don't talk 'bout me like how you might know how i feel / top of the world, but ur world isn't real / your world's an ideal.[/border]
  58. [border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]VIBES.[/B][/border]
  59. [B]>[/B] when they say ur name, i just act confused.[/border]
  60. [/border][/border][/border][/tab][tab=/][border= /*tab3*/ 0; padding: 0; color: var(--quattro); line-height: 120%; font-size: 12px; position: absolute; top: 10px; left: -320px; width: 300px; height: 270px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  61.  
  62. — tab 3.
  63.  
  64. [/comment][border=/*img*/solid 1px var(--quattro); width: 80px; height: 80px; background: var(--cimg1); position: relative; background-size: cover; opacity: 100%; margin-bottom: 10px; display: inline-block; float: left; margin-right: 5px;][/border][border=/*box1*/0; padding: 0; display: inline-block; float: right; width: 190px; height: 100px; overflow: hidden; position: relative; left: 0px;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  65.  
  66. — input box 1 info! this scrolls.
  67.  
  68. [/comment][border=/*lilcontainer*/0;margin: auto; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]ROLE.[/B][/border]
  69. [B]>[/B] don't call my bluff.[/border]
  70. [border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]SYNOPSIS.[/B][/border]
  71. [B]>[/B] i'm not your friend / or anything, damn / u think that you're the man / i think, therefore, i am / i'm not your friend / or anything, damn / you think that you're the man/ i think, therefore, i am.[/border]
  72. [/border][/border]
  73.  
  74. [border=/*img*/solid 1px var(--quattro); width: 80px; height: 80px; background: var(--cimg2); position: relative; background-size: cover; opacity: 100%; margin-bottom: 10px; display: inline-block; float: right; margin-right: 5px; top: 10px;][/border][border=/*box2*/0; padding: 0; display: inline-block; width: 190px; height: 100px; overflow: hidden; position: relative; display: inline-block; float: left; left: -10px; top: 0px;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  75.  
  76. — input box 2 info!
  77.  
  78. [/comment][border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]POSITIVES.[/B][/border]
  79. [B]>[/B] articles, articles, articles.
  80.  
  81. [B]>[/B] rather you remain unremarkable (got a lotta) / interviews, interviews, interviews.[/border]
  82. [border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]NEGATIVES.[/B][/border]
  83. [B]>[/B] did you have fun?
  84.  
  85. [B]>[/B] i really couldn't care less, but u can give them my best.[/border]
  86. [/border][/border]
  87.  
  88. [border=/*img*/solid 1px var(--quattro); width: 80px; height: 80px; background: var(--cimg3); position: relative; background-size: cover; opacity: 100%; margin-bottom: 10px; display: inline-block; float: left; margin-right: 5px; top: 10px;][/border][border=/*box1*/0; padding: 0; display: inline-block; float: right; width: 190px; height: 100px; overflow: hidden; position: relative; left: 0px; top: 10px;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  89.  
  90. — input box 3 info!
  91.  
  92. [/comment][border=/*lilcontainer*/0;margin: auto; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]LIKES.[/B][/border]
  93. [B]>[/B] uno.
  94. [B]>[/B] due.
  95. [B]>[/B] tre.
  96. [B]>[/B] quattro.[/border]
  97. [border=/*lilcontainer*/0;margin: auto; height: fit-content; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]DISLIKES.[/B][/border]
  98. [B]>[/B] cinque.
  99. [B]>[/B] sei.
  100. [B]>[/B] sette.
  101. [B]>[/B] otto.[/border]
  102. [/border]
  103.  
  104. [/border][/border][/border][/tab][tab=/][border= /*tab4*/ 0; padding: 0; color: var(--quattro); line-height: 120%; font-size: 12px; position: absolute; top: 10px; left: -320px;][comment]
  105.  
  106. — tab 4.
  107.  
  108. [/comment][border=/*scroll*/0; padding: 0; width: 300px; height: 175px; display: inline-block;overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px;][comment]
  109.  
  110. — same as tab 1. input your character info below!
  111.  
  112. [/comment][border=/*lilcontainer*/0;margin: auto; margin-left: 10px; padding: 15px 0px 5px 0px; margin-top: -5px; margin-bottom: -10px; max-width: 300px; overflow: hidden;][border=/*overlay*/0; width: fit-content; padding: 2px 4px 1px 4px; height: 15px; background: var(--quattro); position: relative; color: var(--uno); margin: 0; display: inline-block; top: -5px;][B]HISTORY.[/B][/border]
  113. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel turpis nec nisl dictum dictum ut vitae mi. Cras ullamcorper, neque vel elementum semper, ligula nisi vulputate est, vitae pellentesque nunc ipsum ac massa.
  114.  
  115. Aenean iaculis eget velit nec hendrerit. Morbi finibus, lacus at dapibus ornare, lorem risus luctus lorem, non efficitur risus leo nec neque. Integer facilisis sollicitudin neque, tempus scelerisque ex elementum quis. Nullam tortor nibh, euismod sed auctor id, lobortis vitae diam. Donec eu consectetur libero. Duis pulvinar erat nec erat vestibulum, vel accumsan neque interdum. Phasellus ut nisi sit amet sapien hendrerit laoreet.
  116.  
  117. Curabitur ut consectetur metus, quis porttitor justo. Donec augue urna, iaculis fermentum neque sit amet, hendrerit suscipit massa. Praesent blandit luctus ipsum nec iaculis. Phasellus fermentum lorem vitae semper tempor. In sagittis vitae elit at tempor. Maecenas consequat feugiat quam non finibus. Sed venenatis sed urna id interdum.
  118.  
  119. Donec interdum nibh nisi, at posuere risus tincidunt non. Duis ac ex vestibulum, porttitor odio eu, lobortis enim. Nunc sagittis ex nibh, at fringilla quam dapibus et. Vestibulum porttitor ex vel erat egestas, nec sagittis nunc euismod. Suspendisse vestibulum eros iaculis eros tempor viverra. Phasellus urna quam, rhoncus eu neque vel, mollis vulputate magna. Aliquam vel egestas ligula. Cras aliquam massa nec arcu porta molestie. Ut sodales lectus non purus aliquet varius. Curabitur interdum arcu lectus, a accumsan leo dapibus eget.[/border][border=/*img*/solid 1px var(--quattro); width: 280px; height: 70px; background: var(--dimg); background-size: cover; position: absolute; left: 5px; top: 165px; margin: auto; background-size: cover; opacity: 100%; margin-top: 20px;][/border]
  120. [/border][/border][comment]
  121.  
  122. — please, be careful not to touch this part unless you know what you're doing ^^
  123. you can mess with the "background-image: linear-gradient" to change the colors on the gradient.
  124.  
  125. [/comment]
  126.  
  127.  
  128. [/border][/tab][/tabs][border=/*coverup*/ 0; width: 60px; height: 220px; background: var(--uno); position: absolute; left: 10px; top: -10px; pointer-events: none;][/border][border=/*randotext*/solid 1px var(--quattro); min-width: 60px; min-height: 280px; position: absolute; left: 30px; pointer-events: none;][/border][border=/*coverup2*/ 0; width: 40px; height: 180px; background: var(--uno); position: absolute; left: 10px; top: -10px; pointer-events: none;][/border][border=/*button container*/ 0; width: 100%; position: absolute; height: 170px; top: -7px; left: 15px; pointer-events: none; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;][border= /*button 1*/ 0; padding: 0; width: 35px; height: 35px; background-color: var(--due); border-radius: 100%; color: var(--uno); text-align: center; line-height: 230%; display: inline-block;][fa]fa-times[/fa][/border][border= /*button 2*/ 0; padding: 0; width: 35px; height: 35px; background-color: var(--due); border-radius: 100%; color: var(--uno); text-align: center; line-height: 230%;][fa]fa-times[/fa][/border][border= /*button 3*/ 0; padding: 0; width: 35px; height: 35px; background-color: var(--due); border-radius: 100%; color: var(--uno); text-align: center; line-height: 230%;][fa]fa-times[/fa][/border][border= /*button 4*/ 0; padding: 0; width: 35px; height: 35px; background-color: var(--due); border-radius: 100%; color: var(--uno); text-align: center; line-height: 230%;][fa]fa-times[/fa][/border][/border][/border][border=/*credit*/0; font-size: 12px; color: var(--uno); position: absolute; top: 415px; width: 410px; margin: auto; text-align: center;]coded by solarsaphia.[/border][/border][border=0px; position: relative; top: 0px; left: 5%; font-size: 60px; color: var(--quattro);][font=Bungee Shade]S P A C E .[/font][/border][/border][border=0px; color: var(--quattro); font-size: 10px; position: absolute; top: 0px; left: 430px;][border=0; display: inline-block; padding: 0; padding-right: 5px;][COLOR=#ff9090][fa]fa-times[/fa][/COLOR][/border][border=0; display: inline-block; padding: 0; padding-right: 5px;][COLOR=#fff283][fa]fa-minus[/fa][/COLOR][/border][COLOR=#3eff73][fa]fa-circle-notch[/fa][/COLOR][/border][/border][border=/*loading*/0; box-sizing: border-box; width: 450px; height: 10px; padding: 0; background-image: linear-gradient(to right, #ff9090, #fff283, #3eff73, #3ed9ff); margin: auto; position: relative; top: -25px; left: 0px;][/border]
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!