Advertisement
reveriee

red ties (cs)

Dec 28th, 2020 (edited)
415
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment][font=Arial][font=Karla]--CODE BY REVERIEE--[/font][/font]
  2. red ties, character sheet. do not remove credit (visible or not) or claim as your own.
  3.  
  4. -- to change the colors/images, change the variables below --
  5. in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comment above
  6.  
  7. [/comment][border=0;
  8.  
  9. /*colors here*/
  10.  
  11. --darkcolor: #8E0909;
  12. --darkrgb: RGBA(142, 9, 9, 0.6); /*input the rgb values for the --darkcolor variable here*/
  13. --maincolor: #d2022c;
  14. --lightcolor: #E06D71;
  15. --vpale: #fef2f2;
  16. --gray: #ccc;
  17.  
  18. /*imgs here*/
  19.  
  20. /*background pic for the scroll on the right*/
  21. --bgpic: url(https://cutewallpaper.org/21/aesthetic-space-phone-wallpapers/Aesthetic-Star-Laptop-Wallpaper-Space-Wallpaper-Tumblr-.jpg);
  22. /*small circle pic on the left*/
  23. --mainpic: url(https://pbs.twimg.com/media/EIy8RpcU0AAKkA1.jpg);
  24. --albumcover: url(https://p0.pxfuel.com/preview/82/162/367/sky-sunset-dusk-panorama-royalty-free-thumbnail.jpg);
  25. /*small circle pic on the visage section*/
  26. --visagepic1: url(https://images.pexels.com/photos/1943232/pexels-photo-1943232.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
  27. /*two rectangle pics in visage*/
  28. --visagepic2: url(https://i.pinimg.com/originals/d7/e3/0d/d7e30dab8406c9615e258affc3f09682.jpg);
  29. --visagepic3: url(https://i.pinimg.com/736x/77/13/c7/7713c76f6c1166bdcde165276981c49d.jpg);
  30. /*pic at bottom of scroll*/
  31. --miscpic1: url(https://pm1.narvii.com/7361/03e1bfcab4891cb80c69eb759e3265035721ace9r1-683-937v2_uhq.jpg);
  32. --miscpic2: url(https://ih1.redbubble.net/image.764392189.3828/flat,750x1000,075,f.u3.jpg);
  33. /*phone homescreen*/
  34. --phonebg: url(https://64.media.tumblr.com/584def05998724a3d5d0e89e14101848/42861a42a78a0d5c-63/s1280x1920/f15b8821b2286956f516261de5310083b916e939.jpg);
  35. --texticon: url(https://cdn3.iconfinder.com/data/icons/social-media-chamfered-corner/154/Kakaotalk-512.png);
  36.  
  37. /*fonts here*/
  38.  
  39. --headerfont: Arial;
  40. --bodyfont: 'Karla', sans-serif;
  41.  
  42. font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin:auto;height:fit-content;width:100%;padding:0][border=0;box-sizing:border-box;margin:auto;height:440px;width:700px;padding:0;display:flex;flex-flow:row nowrap;justify-content:center][border=0;box-sizing:border-box;float:left;background:var(--maincolor);height:440px;width:250px;padding:0;z-index:0][border=0;box-sizing:border-box;margin:auto;background:var(--lightcolor);height:290px;width:200px;padding:0;border-radius:15px;margin-top:60px;z-index:1][comment]
  43.  
  44. change the image position and size of the circle pic here
  45.  
  46. [/comment][border=0;box-sizing:border-box;float:left;background:var(--mainpic);background-size:270%;background-position:55% 10%;height:65px;width:65px;padding:0;border-radius:100%;margin-top:15px;margin-left:15px;z-index:2][/border][border=0;box-sizing:border-box;float:left;height:65px;width:fit-content;padding:0;margin-top:25px;margin-left:-15px;text-transform:uppercase;text-shadow:3px 3px var(--darkcolor);font-weight:bold;font-family:var(--headerfont);font-size:35px;-webkit-text-stroke: 1px var(--vpale); text-transform: uppercase;color:transparent;z-index:3][comment]
  47.  
  48. --NAME HERE (MAKE IT SHORT)--
  49. change the size and positioning of the name in the border above to accommodate the length
  50.  
  51. [/comment]NAME[/border][border=0;box-sizing:border-box;float:right;background:var(--vpale);height:130px;width:180px;padding:8px 0;margin-top:0;margin-right:10px;border-radius:5px; overflow: hidden;z-index:2][border= 0; box-sizing: border-box; height:100%;width: 200%; padding:0 0 0 10px;overflow:auto][border=0; box-sizing: border-box; padding: 0 15px 0 0; width: 51%; height:fit-content;font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%][comment]
  52.  
  53. --BASICS HERE--
  54.  
  55. [/comment][border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]name[/border] here
  56.  
  57. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]nickname(s)[/border] here
  58.  
  59. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]gender[/border] here
  60.  
  61. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]age[/border] here
  62.  
  63. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]d.o.b.[/border] here
  64.  
  65. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]p.o.b.[/border] here
  66.  
  67. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]sexuality[/border] here
  68.  
  69. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]nationality[/border] here
  70.  
  71. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]ethnicity[/border] here[/border][/border][/border][border=0;box-sizing:border-box;float:right;background:var(--darkrgb);height:50px;width:180px;padding:0;margin-top:10px;margin-right:10px;border-radius:5px;z-index:2;position:relative][border=0;box-sizing:border-box;float:left;background:var(--albumcover);background-size:cover;height:42px;width:42px;padding:0;margin-top:4px;margin-left:4px;border-radius:5px;font-family:var(--bodyfont);font-size:13px;color:var(--vpale);text-align:center;line-height:42px;z-index:3][fa] fa-play[/fa][/border][border=0;width:134px;height:36px;font-family:var(--bodyfont);font-size:11px;text-align:center;float:right;padding:11px 0;color:var(--vpale);line-height:120%;font-weight:bold;text-transform:uppercase][comment]--
  72.  
  73. --SONG TITLE HERE--
  74.  
  75. [/comment]song name
  76. [border=0;padding:0;color:var(--lightcolor);font-size:10px;font-weight:normal][comment]
  77.  
  78. --ARTIST HERE--
  79.  
  80. [/comment]artist here[/border]
  81. [/border][border=0;left: -15px; position:absolute;top:-15px;padding:0;width:60px;height:60px;overflow:hidden][border=0; opacity:0.0001;padding:0;width:120px; height:120px; transform:scale(0.7, 0.7)][comment]
  82.  
  83. --LINK TO MUSIC (SOUNDCLOUD)--
  84.  
  85. [/comment][media=soundcloud]https://soundcloud.com/p9re0qw18pal/znppcxnad2rv[/media][/border][/border][/border][/border][/border][border=0;box-sizing:border-box;float:right;background:var(--bgpic);z-index:0;background-size:cover;background-position:50% 50%;height:440px;width:450px;padding:0][border=0; box-sizing: border-box; width: 450px; height: 400px; overflow: hidden; padding:0; margin-top: 20px;][border= 0; box-sizing: border-box; height:100%;width: 200%; padding:0 0 0 10px; position: relative; overflow-y:scroll; scroll-behavior:smooth;scroll-snap-type:y proximity;margin-bottom: 0][border=0; box-sizing: border-box; padding: 0 20px 0 10px; width: 50%;height:auto][border=0;display:inline-block;width:100%;height:400px;padding:0;scroll-snap-align:center][border=0;width:240px;height:398px;padding:0;display:inline-block][border=0;background:var(--lightcolor);width:240px;height:313px;padding:0;border-radius: 10px;z-index:1][border=0;width:240px;height:23px;padding:0][border=0;width:240px;height:20px;padding:0][/border][/border][border=0;background:var(--vpale);width:100%;height:240px;box-sizing: border-box; overflow: hidden; padding:12px 5px 12px 0;][border= 0; box-sizing: border-box; width: 200%; height:100%; position: relative; overflow: auto; margin-bottom: 0;padding:0 0 0 10px][border=0; box-sizing: border-box; padding: 0 10px 0 0; width: 51%; font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%;height:fit-content][comment]
  86.  
  87. --PERSONALITY DESC HERE--
  88.  
  89. [/comment][border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]virtues[/border] here
  90.  
  91. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--maincolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]vices[/border] here
  92.  
  93. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  94.  
  95. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][border=0;width:240px;height:50px;padding:0;font-weight:bold;color:var(--darkcolor);text-align:center;text-transform:uppercase;font-size:27px;z-index:3;line-height:50px;text-shadow:2px 2px var(--vpale);font-family:var(--headerfont)][comment]
  96.  
  97. --FA ICONS FOR PERSONA--
  98.  
  99. [/comment][fa] fa-music-alt [/fa] [fa] fa-music [/fa] PERSONA[/border][/border][border=0;box-sizing:content-box;background:var(--maincolor);width:218px;height:55px;padding:10px 12px 10px 10px;border-radius: 10px;margin-top:10px;font-family:var(--headerfont);font-size:15px;text-transform:uppercase;font-style:italic;color:var(--vpale);line-height:120%;text-align:justify;z-index:1][comment]
  100.  
  101. --QUOTE HERE--
  102. make it three lines long to make it look even
  103.  
  104. [/comment]in a world full of temporary things, you are a perpetual feeling[/border][/border][border=0;background:var(--vpale);width:160px;height:398px;padding:0;float:right;border-radius:10px;z-index:1][border=0;background:var(--maincolor);width:160px;height:50px;padding:0;border-radius: 10px 10px 0 0;z-index:2][/border][comment]
  105.  
  106. --VISAGE CIRCLE PIC HERE--
  107.  
  108. [/comment][border=0;background:var(--visagepic1);background-size:230%;background-position:70% 50%;width:54px;height:54px;padding:0;border-radius: 100%;margin:auto;margin-top:-27px;border:3px solid var(--maincolor);z-index:3][/border][border=0; box-sizing: border-box; width: 160px; height: 310px; overflow: hidden; padding:10px 5px 10px 0; margin-top: 0][border= 0; box-sizing: border-box; width: 200%; height:100%; position: relative; overflow: auto; margin-bottom: 0;padding:0 0 0 10px][comment]
  109.  
  110. --VISAGE RECTANGLE PICS HERE--
  111.  
  112. [/comment][border=0; box-sizing: border-box; padding: 0 10px 0 0; width: 50%;font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%;height:fit-content][border=0;height:80px;width:100%;background:var(--visagepic2);background-size:200%;background-position:50% 30%;padding:0][/border][border=0;height:80px;width:100%;background:var(--visagepic3);background-size:230%;background-position:40% 35%;padding:0;margin-top:10px][/border]
  113. [comment]
  114.  
  115. --VISAGE DESC HERE--
  116.  
  117. [/comment][border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]height[/border] here cm (0'0")
  118.  
  119. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]weight[/border] here kg (here lbs)
  120.  
  121. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]build[/border] here
  122.  
  123. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]hair[/border] here
  124.  
  125. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]eyes[/border] here
  126.  
  127. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]style[/border] here
  128.  
  129. [border=0; box-sizing: border-box; padding: 1px 5px 1px 5px; display: inline-block; background: var(--lightcolor);color:var(--vpale);font-weight:bold; border-radius: 5px; text-transform: uppercase; font-size: 11.5px; margin-right: 4px;]fc[/border] here[/border][/border][/border][/border][/border][border=0;box-sizing:border-box;height:10px;width:410px;padding:0;margin:auto][/border][border=0;display:inline-block;width:100%;height:400px;padding:0;scroll-snap-align:center][border=0;box-sizing:border-box;background:var(--vpale);height:395px;width:410px;padding:0;margin:auto;border-radius:10px][border=0;box-sizing:content-box;background:var(--lightcolor);height:13px;width:390px;padding: 0 10px 10px 10px;margin:auto;border-radius:10px 10px 0 0][border=0;box-sizing:border-box;background:var(--darkcolor);height:9px;width:9px;padding:0;border-radius:100%;line-height:12px;display:inline-block][/border][border=0;box-sizing:border-box;background:var(--maincolor);height:9px;width:9px;padding:0;border-radius:100%;line-height:12px;margin-left:7px;display:inline-block][/border][border=0;box-sizing:border-box;background:var(--vpale);height:9px;width:9px;padding:0;border-radius:100%;line-height:12px;margin-left:7px;display:inline-block][/border][/border][border=0;height:10px;width:410px;padding: 0 5px 10px 5px;margin:auto][border=0;box-sizing:border-box;padding:0 5px 0 5px;line-height:12px;display:inline-block;color:gray;font-size:9px;text-transform:uppercase][border=0;padding:0;display:inline-block][fa] fa-arrow-left [/fa][/border] [border=0;padding:0;display:inline-block;margin-left:3px][fa] fa-arrow-right [/fa][/border] [border=0;padding:0;display:inline-block;margin-left:3px][fa] fa-redo [/fa][/border][/border][border=0;box-sizing:border-box;background:white;height:12px;width:340px;padding:0 5px 0 5px;border-radius:10px;line-height:12px;margin-left:10px;display:inline-block;color:var(--gray);font-size:7.5px;text-transform:uppercase][border=0;padding:0;display:inline-block;margin-right:5px;margin-left:3px][fa] fa-lock [/fa][/border] [comment]
  130.  
  131. --"WEBSITE" LINK (CHANGE NAME AT END)--
  132.  
  133. [/comment]https:///www.history-and-background.com/givenname-surname[/border][/border][border=0; height:350px; width:96%; padding:15px 10px 15px 0; box-sizing:border-box; overflow:hidden;margin-left:2%][border=0; box-sizing:content-box;height:100%; width:200%; padding:0 0 0 10px; overflow-y:scroll][border=0; height:fit-content; width:51%; padding:0 10px 0 15px; box-sizing:border-box;font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%;border-left:2px solid var(--maincolor)][comment]
  134.  
  135. --CHARACTER BACKGROUND HERE--
  136.  
  137. [/comment][comment]
  138.  
  139. --COPY AND PASTE FOR ANOTHER DATE SLOT--
  140.  
  141. [/comment][border=none; box-sizing: border-box; text-align: left; font-family: var(--headerfont); text-transform: uppercase; color: var(--maincolor); font-weight:bold; font-size: 15px; height: 20px; display: flex; flex-direction: column; justify-content: space-evenly; position: sticky; top: 0%; margin-bottom: 0;background:var(--vpale)][border=0;background:var(--lightcolor);height:10px;width:10px;border-radius:100%;padding:0;left:0;position;absolute;margin-left:-31px;display:inline-block;font-size:1px;color:transparent].[/border][border=0;padding:0;position:relative;margin-top:-12px;margin-left:-5px][comment]
  142.  
  143. --DATE HERE--
  144.  
  145. [/comment]title here[/border][/border][comment]
  146.  
  147. --CONTENT HERE--
  148.  
  149. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  150.  
  151. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[comment]
  152.  
  153. --COPY THIS TOO--
  154.  
  155. [/comment]
  156.  
  157. [comment]
  158.  
  159. --COPY AND PASTE FOR ANOTHER DATE SLOT--
  160.  
  161. [/comment][border=none; box-sizing: border-box; text-align: left; font-family: var(--headerfont); text-transform: uppercase; color: var(--maincolor); font-weight:bold; font-size: 15px; height: 20px; display: flex; flex-direction: column; justify-content: space-evenly; position: sticky; top: 0%; margin-bottom: 0;background:var(--vpale)][border=0;background:var(--lightcolor);height:10px;width:10px;border-radius:100%;padding:0;left:0;position;absolute;margin-left:-31px;display:inline-block;font-size:1px;color:transparent].[/border][border=0;padding:0;position:relative;margin-top:-12px;margin-left:-5px][comment]
  162.  
  163. --DATE HERE--
  164.  
  165. [/comment]title here[/border][/border][comment]
  166.  
  167. --CONTENT HERE--
  168.  
  169. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  170.  
  171. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[comment]
  172.  
  173. --COPY THIS TOO--
  174.  
  175. [/comment][/border][/border][/border][/border][/border][border=0;box-sizing:border-box;height:10px;width:410px;padding:0;margin:auto][/border][border=0;display:inline-block;width:100%;height:400px;padding:0;scroll-snap-align:center][border=0;border-box;box-sizing;width:220px;height:385px;padding:0;display:inline-block][border=0;box-sizing:content-box;width:220px;height:247px;display:inline-block;background:var(--lightcolor);border-radius:10px; overflow:hidden; display:flex; flex-direction:column;padding:14px 0][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory][border=0; height:auto; width:51%; padding:0 10px; box-sizing:border-box;][border=0;border-box;box-sizing;width:200px;height:120px;padding:0;display:inline-block;scroll-snap-align:center][border=0;box-sizing:content-box;width:120px;height:100px;padding:10px 0;display:inline-block;background:var(--vpale);float:left;border-radius:5px; overflow:hidden; display:flex; flex-direction:column][border=0; height:100%; width:200%; padding:0; overflow-y:scroll][border=0; height:auto; width:51%; padding:0 10px; box-sizing:border-box; font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%][comment]
  176.  
  177. --LIKES HERE--
  178.  
  179. [/comment]here • here • keep going[/border][/border][/border][border=0;box-sizing:content-box;width:80px;height:120px;padding:0;display:inline-block;font-weight:bold;color:var(--darkcolor);text-align:center;text-transform:uppercase;text-shadow:2px 2px var(--vpale);font-family:var(--headerfont);][border=0;padding:0;font-size:40px;line-height:90px][comment]
  180.  
  181. --FA ICON FOR LIKES--
  182.  
  183. [/comment][fa] fa-thumbs-up [/fa][/border][border=0;padding:0;font-size:13px;line-height:10px;font-style:italic;margin-top:-12px]LIKES[/border][/border][/border][border=0;box-sizing:content-box;width:200px;height:120px;padding:0;display:inline-block;margin-top:5px;scroll-snap-align:center][border=0;border-box;box-sizing;width:80px;height:120px;padding:0;display:inline-block;font-weight:bold;color:var(--darkcolor);text-align:center;text-transform:uppercase;text-shadow:2px 2px var(--vpale);font-family:var(--headerfont);][border=0;padding:0;font-size:40px;line-height:90px][comment]
  184.  
  185. --FA ICON FOR DISLIKES--
  186.  
  187. [/comment][fa] fa-thumbs-down [/fa][/border][border=0;padding:0;font-size:13px;line-height:10px;font-style:italic;margin-top:-12px]DISLIKES[/border][/border][border=0;box-sizing:content-box;width:120px;height:100px;padding:10px 0;display:inline-block;background:var(--vpale);float:right;border-radius:5px; overflow:hidden; display:flex; flex-direction:column][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0; height:auto; width:51%; padding:0 10px; box-sizing:border-box; font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%][comment]
  188.  
  189. --DISLIKES HERE--
  190.  
  191. [/comment]here • here • keep going[/border][/border][/border][/border][border=0;box-sizing:content-box;width:200px;height:120px;padding:0;display:inline-block;margin-top:5px;scroll-snap-align:center][border=0;box-sizing:content-box;width:120px;height:100px;padding:10px 0;display:inline-block;background:var(--vpale);float:left;border-radius:5px; overflow:hidden; display:flex; flex-direction:column][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0; height:auto; width:51%; padding:0 10px; box-sizing:border-box; font-family:var(--bodyfont);font-size:11px;text-align:justify;color:black;line-height:130%][comment]
  192.  
  193. --MISC HERE--
  194.  
  195. [/comment]here • here • keep going[/border][/border][/border][border=0;box-sizing:content-box;width:80px;height:120px;padding:0;display:inline-block;font-weight:bold;color:var(--darkcolor);text-align:center;text-transform:uppercase;text-shadow:2px 2px var(--vpale);font-family:var(--headerfont);][border=0;padding:0;font-size:40px;line-height:90px][comment]
  196.  
  197. --FA ICON FOR MISC--
  198.  
  199. [/comment][fa] fa-ellipsis-h [/fa][/border][border=0;padding:0;font-size:13px;line-height:10px;font-style:italic;margin-top:-12px]MISC[/border][/border][/border][/border][/border][/border][comment]
  200.  
  201. --FIRST MISCELLANEOUS PIC HERE--
  202.  
  203. [/comment][border=0;box-sizing:content-box;width:215px;height:105px;padding:0;display:inline-block;background:var(--miscpic1);background-size:cover;background-position:50% 30%;border-radius:8px;margin-top:10px;box-shadow:5px 5px var(--maincolor)][/border][/border][border=0;float:right;box-sizing:content-box;width:150px;height:385px;padding:0;display:inline-block][comment]
  204.  
  205. --SECOND MISCELLANEOUS PIC HERE--
  206.  
  207. [/comment][border=0;float:right;box-sizing:content-box;width:172px;height:67px;padding:0;display:inline-block;border:4px solid var(--maincolor);background:var(--miscpic2);background-size:cover;background-position:50% 50%;border-radius:10px][/border][border=0;float:right;box-sizing:content-box;width:180px;height:310px;padding:0;display:inline-block;background:var(--darkcolor);margin-top:10px;border-radius:10px][border=0;box-sizing: border-box; height: 280px; width: 168px; margin-left:6px;overflow: hidden; padding:0;][border=0; width: 100%; margin-top: 0; padding: 0; overflow: hidden;top:25px;position:relative;][accordion=100%]{slide=[bg=0; padding:0][border=0; height:260px; width:170px; padding:0; background:var(--vpale); background-position: 50% 0%; border-radius:5px; background-size:cover; position:relative; left:3px; top:-6px; justify-content:center; font-variant:none;font-weight:normal][border=0; height:35px; width:100%; padding:3px 10px; box-sizing:border-box; background: var(--maincolor); display:flex; flex-flow: row nowrap; align-items:center; color:#fff; font-family:var(--bodyfont)][border=0; height:45px; width:fit-content; padding:0; font-size:13px; line-height:45px; margin-top:1px;][fa]far fa-angle-left[/fa][/border][border=0; height:45px; width:fit-content; padding:0; font-size:14px; margin:-2px auto 0 auto; letter-spacing:0; display:flex; flex-flow: row nowrap; align-items:center;][border=0; height:45px; width:fit-content; padding:0; line-height:50px; font-weight:bold;][comment]
  208.  
  209. --NAME OF TEXT SENDER--
  210.  
  211. [/comment]name here[/border][/border][border=0;line-height:50px;font-size:15px;float:right;padding:0;letter-spacing:5px][fa] fa-search [/fa] [fa] fa-bars [/fa][/border][/border][border=0; height:215px; width:100%; padding:5px 0; box-sizing:border-box; overflow:hidden;][border=0; height:100%; width:200%; padding:0; overflow-y:scroll][border=0; height:fit-content; width:50.5%; padding:0 5px; box-sizing:border-box;][comment]
  212.  
  213. --RECEIVED MSGS--
  214.  
  215. [/comment][border=0; height:fit-content; width:fit-content; max-width:82%; padding:0; font-family:var(--bodyfont); margin:3px 0;][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:8px 8px 8px 0; background: var(--gray); color: black; font-size:11px; line-height:130%; margin:2px 0;][comment]
  216.  
  217. --FIRST MSG HERE--
  218.  
  219. [/comment]first msg here[/border][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:0 8px 8px 0; background: var(--gray); font-size:11px; line-height:130%; margin:2px 0;][comment]
  220.  
  221. --MIDDLE MSG HERE--
  222. duplicate these if you want 3+ msgs. if you want 2, delete this. if you want one, delete this and the end msg.
  223.  
  224. [/comment]copy middle msgs[/border][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:0 8px 8px 8px; background: var(--gray); font-size:11px; line-height:130%; margin:2px 0;][comment]
  225.  
  226. --LAST MSG HERE--
  227.  
  228. [/comment]last msg here[/border][/border][comment]
  229.  
  230. --SENT MSGS--
  231.  
  232. [/comment][border=0; height:fit-content; width:fit-content; max-width:82%; padding:0; display:flex; flex-flow:row-reverse wrap; font-family:var(--bodyfont); margin:3px 0 3px auto;][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:8px 8px 0 8px; background: var(--lightcolor); font-size:11px; line-height:130%; margin:2px 0;][comment]
  233.  
  234. --FIRST MSG TEXT HERE--
  235.  
  236. [/comment]first msg[/border][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:8px 0 0 8px; background: var(--lightcolor); font-size:11px; line-height:130%; margin:2px 0;][comment]
  237.  
  238. --MIDDLE MSG TEXT HERE--
  239. duplicate these if you want 3+ msgs. if you want 2, delete this. if you want one, delete this and the end msg.
  240.  
  241. [/comment]copy middle msgs[/border][border=0; height:fit-content; width:fit-content; max-width:100%; padding:6px 10px; box-sizing:border-box; border-radius:8px 0 8px 8px; background: var(--lightcolor); font-size:11px; line-height:130%; margin:2px 0;][comment]
  242.  
  243. --LAST MSG TEXT HERE--
  244.  
  245. [/comment]last msg here[/border][/border][/border][/border][/border][/border][/bg]}[border=0; box-sizing: border-box; height: 245px;][/border]{/slide}
  246. [comment]
  247.  
  248. --PHONE BACKGROUND HERE--
  249.  
  250. [/comment]{slide=[border=0; box-sizing: border-box; height: 255px; width: 170px; background: var(--phonebg); background-size: cover; background-position: 50% 0%; position: absolute; top: -265px; left: -1px; pointer-events: none;padding:0;text-transform:none;font-variant:normal][border=0;height:15px;padding:0;font-size:8px;line-height:15px][border=0;color:white;letter-spacing:1.2px;padding:0;margin-left:5px;display:inline-block][fa] fa-signal-4 [/fa] [fa] fa-wifi [/fa][/border][border=0;color:white;letter-spacing:1.2px;padding:0;float:right;display:inline-block;margin-right:5px][fa] fa-location-arrow [/fa] [fa] fa-battery-half [/fa][/border][border=0;padding:5px 0 0 0;text-align:center;left:0%;color:white;top:-20px;position:relative][fa] fa-lock [/fa][/border][/border][border=0;margin:auto;width:100%;height:auto;padding:5px 0;font-family:Arial;text-align:center;color:white][border=0;padding:15px 0 0 5px;font-size:40px;font-weight:normal;line-height:40px][comment]
  251.  
  252. --TIME HERE--
  253.  
  254. [/comment]00:00[/border][border=0;padding:2px;font-size:13px;font-weight:normal;line-height:11px;font-family:Arial;width:100%:text-align:center][comment]
  255.  
  256. --DATE HERE--
  257.  
  258. [/comment]December 4, 2020[/border][/border][border=0;background:RGBA(255,255,255,0.5);margin:auto;width:86%;height:fit-content;padding:7px 5px;border-radius:5px;text-align:center;font-weight:normal;font-size:10px;color:black][border=0;height:13px;width:100%;padding:0][border=0;float:left;background:var(--texticon);background-size:cover;background-position:50% 50%;height:13px;width:13px;padding:0;border-radius:3px][/border][border=0;float:left;margin-left:5px;padding:0;line-height:13px;font-size:8px;text-transform:uppercase;color:#222][comment]
  259.  
  260. --NAME OF APP HERE--
  261.  
  262. [/comment]app here[/border][border=0;float:right;padding:0;line-height:13px;font-size:8px;color:#222][comment]
  263.  
  264. --TIME STAMP HERE--
  265.  
  266. [/comment]Sun 0:00 PM[/border][/border][border=0;width:100%;margin-top:6px;margin-left:2px;padding:0;line-height:11px;font-size:11px;color:black;font-weight:bold;text-align:left][comment]
  267.  
  268. --NAME OF MESSENGER HERE--
  269.  
  270. [/comment]name here[/border][border=0;width:100%;margin-top:3px;margin-left:2px;padding:0;line-height:10px;font-size:10px;color:black;text-align:left][comment]
  271.  
  272. --NOTIFICATION MESSAGE HERE--
  273.  
  274. [/comment]message here[/border][/border][/border]}{/slide}[/accordion][/border][/border][/border][/border][/border][/border][/border][/border][/border][/border][border=0;text-align:center;font-family:var(--bodyfont);color:var(--maincolor);font-size:10px;padding:5px][comment]
  275.  
  276. --DO NOT REMOVE CREDIT--
  277.  
  278. [/comment]coded by reveriee.[/border][/border]
Advertisement
RAW Paste Data Copied
Advertisement