posted Dec 1, 2018 15:52:49 GMT -6 in [JCINK] cosmic love
[googlefont=Roboto:400,600,700|Raleway:200|Roboto+Condensed:400,700]
[attr="class","selk-jc-cosmiclove"]
[googlefont=Montserrat:700|Montserrat+Alternates:700|Open+Sans:400,400i,700] [newclass=.m-cloveBanner img] animation-play-state:running!important; [/newclass] [newclass=.m-clovePlotter] width:525px; height:534px; display:flex; flex-flow:column wrap; overflow:auto; [/newclass] [newclass=.m-clovePlotter::-webkit-scrollbar] height:9px; [/newclass] [newclass=.m-clovePlotter::-webkit-scrollbar-thumb] background-color:#bbb; border:4px solid #ddd; [/newclass] [newclass=.m-clovePlotter::-webkit-scrollbar-track] background-color:#ddd; [/newclass] [newclass=.m-clovePlotPage] width:525px; background-color:#eee; display:flex; flex-flow:row wrap; overflow:hidden; [/newclass] [newclass=.m-cloveBanner] height:130px; padding:25px; width:100%; display:flex; align-items:center; justify-content:flex-start; background-color:#aaa; background-color:var(--selkAccent); position:relative; [/newclass] [newclass=.m-cloveBanner:before] content:''; width:100%; height:100%; background-image:url(https://image.ibb.co/eq76E9/Transparent_Flowers_1.png); opacity:.15; position:absolute; top:0px; left:0px; [/newclass] [newclass=.m-cloveBanner img] width:100px; height:100px; border-radius:100%; position:relative; padding:5px; background-color:#fafafa; border:10px solid #333; animation: clovepulse 4s infinite; animation-play-state:paused; } @keyframes clovepulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); } 25% { -moz-box-shadow: 0 0 0 25px rgba(0,0,0, 0); box-shadow: 0 0 0 25px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }[/newclass] [newclass=.m-cloveBanner h1] margin:0px 0px 0px 25px; width:270px; display:block; position:relative; font:700 40px/35px montserrat; color:#eee; text-transform:uppercase; text-align:left; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; [/newclass] [newclass=.m-cloveBanner div:last-child] background-color:#333; width:50px; height:100%; position:absolute; top:0px; right:0px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; [/newclass] [newclass=.m-cloveBanner div:last-child a] color:#5a5a5a!important; font-family: Linearicons-Free!important; height:20px; width:20px; font-size:20px; margin:10px 0px; [/newclass] [newclass=.m-cloveBody] padding:25px 25px 25px 25px; display:flex; flex-flow:column nowrap; text-align:justify; height:295px; overflow:auto; border-left:1px solid #ddd; [/newclass] [newclass=.m-cloveBody::-webkit-scrollbar] width:5px; [/newclass] [newclass=.m-cloveBody::-webkit-scrollbar-thumb] background-color:#ccc; border:2px solid #eee; [/newclass] [newclass=.m-cloveBody::-webkit-scrollbar-track] background-color:#ddd; border:2px solid #eee; [/newclass] [newclass=.m-cloveBody h2] margin:0px 0px -5px 25px; display:block; font:700 25px/25px montserrat alternates; text-transform:lowercase; color:#aaa; color:var(--selkAccent); position:relative; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass] [newclass=.m-cloveBody h3] margin:0px 10px 0px 10px; display:inline-block; position:relative; top:-1px; padding:2px 7px; font:700 7px/11px montserrat; letter-spacing:.5px; text-transform:uppercase; background-color:#aaa; background-color:var(--selkAccent); color:#eee; [/newclass] [newclass=.m-cloveBody div] width:425px; padding:25px; margin:0px 0px 25px 0px; background-color:#fafafa; border-radius:5px; font:400 11px Open Sans; color:#6a6a6a; [/newclass] [newclass=.m-cloveBody div:last-child] margin-bottom:0px; [/newclass] [newclass=.m-cloveBody b] color:var(--selkAccent); font-weight:700; [/newclass] [newclass=.m-cloveBody i] color:#aaa; [/newclass] [newclass=.m-cloveCredit] font:bold 7px roboto; margin-left:475px; [/newclass] [newclass=.m-cloveCredit a] font:bold 7px roboto!important; [/newclass] [newclass=.lnr]font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face {font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal;[/newclass] [newclass=.lnr-clock:before]content:"\e864";[/newclass] [newclass=.lnr-briefcase:before]content:"\e84c";[/newclass] [newclass=.lnr-heart-pulse:before]content:"\e840";[/newclass] [newclass=.lnr-license:before]content:"\e822";[/newclass]
[attr="class","abc-selk-jc-contain"]
cosmic love
[attr="class","abc-selk-jc-rules"] 
[attr="class","abc-selk-jc-body"]
[attr="class","abc-selk-jc-text"] there aren't really any more sets in the project, unfortunately. ( m & n are technically a set but most people won't have a use for them, if i may be annoyingly vague. ) it was good while it lasted, right?
adding more characters is a bit complex as all colors are defined in the css, so you'll have to replace each mention of the variable in the <style> tags above each character section in order for everything to work correctly. i'd highly recommend using a search and replace for this.
as with the other templates in the set, you can disable the icon's animation by deleting the .m-cloveBanner img newclass ( for the singleplotter version, this is the .cloveBanner img class ) at the top of the post.
adding more characters is a bit complex as all colors are defined in the css, so you'll have to replace each mention of the variable in the <style> tags above each character section in order for everything to work correctly. i'd highly recommend using a search and replace for this.
as with the other templates in the set, you can disable the icon's animation by deleting the .m-cloveBanner img newclass ( for the singleplotter version, this is the .cloveBanner img class ) at the top of the post.
[attr="class","abc-selk-jc-hash"] [HASH]jcink [HASH]jcinkplotting [HASH]dohtml
[attr="class","abc-selk-jc-colorpickers"]
[attr="class","abc-selk-jc-color"] #B45C64
[attr="class","abc-selk-jc-color"] #96BDC4
[attr="class","abc-selk-jc-color"] #BCCC73
[attr="class","abc-selk-jc-var"] this template uses css variables for easier editing and is therefore incompatible with internet explorer. if you need this cross-compatibility, use a search and replace to change each variable to the desired hex code.
[attr="class","selk-code"]
[newclass=.selk-jc-cosmiclove .abc-selk-jc-contain h1, .selk-jc-cosmiclove .abc-selk-jc-hash a, .selk-jc-cosmiclove .abc-selk-jc-rules h2]color:#96BDC4!important;[/newclass] [newclass=.selk-jc-cosmiclove .abc-selk-jc-link]background-color:#96BDC4!important;[/newclass] [newclass=.abc-selk-jc-contain, .selk-code] --abc-selk-jc-accent:#CCCCCC; [/newclass] [newclass=.abc-selk-jc-contain] width:500px; padding:25px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#eee; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass] [newclass=.abc-selk-jc-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-jc-accent); [/newclass] [newclass=.abc-selk-jc-contain h1:before] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-right:25px; [/newclass] [newclass=.abc-selk-jc-contain h1:after] content:'-Y-Z'; color:#ccc; [/newclass] [newclass=.abc-selk-jc-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass] [newclass=.abc-selk-jc-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass] [newclass=.abc-selk-jc-hash] margin:25px 0px; text-align:left; [/newclass] [newclass=.abc-selk-jc-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-jc-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass] [newclass=.abc-selk-jc-colorpickers] width:350px; display:flex; flex-flow:row-reverse wrap; align-items:flex-start; [/newclass] [newclass=.abc-selk-jc-color] display:flex; flex-flow:row-reverse nowrap; width:350px; [/newclass] [newclass=.abc-selk-jc-color div] height:10px; display:inline-block; margin-left:41px; background-color:#ccc; [/newclass] [newclass=.abc-selk-jc-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass] [newclass=.abc-selk-jc-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar] width:5px; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass] [newclass=.abc-selk-jc-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; align-items:flex-end; flex-flow:column nowrap; border-left:1px solid #ddd; [/newclass] [newclass=.abc-selk-jc-rules h2] margin:0px; display:block; width:50px; height:50px; background-color:var(--abc-selk-jc-accent); border-radius:5px; [/newclass] [newclass=.abc-selk-jc-rules img] width:100px; height:100px; border-radius:5px; [/newclass] [newclass=.selk-code] background-color:#eee; width:500px; padding:25px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top:-25px; position:relative; overflow:hidden; [/newclass] [newclass=.selk-code div] margin:0px!important; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; [/newclass] [newclass=.selk-code div span] display:inline-block; font:700 9px roboto; color:#333; text-transform:uppercase; background-color:#ddd; margin:0px 5px 25px 0px; padding:5px 8px; border-radius:3px; [/newclass] [newclass=.selk-code code] display:block; width:400px!important; height:100px!important;overflow:auto!important; padding:25px!important; text-align:justify; border-radius:5px; font:11px roboto; color:#aaa; background-color:#f7f7f7; border:0px!important; [/newclass] [newclass=.selk-code .code_tag_toggle]margin-top:25px; border:0px!important; color:#333!important; font:700 9px/9px roboto!important; padding:5px 10px!important; border-radius:3px!important;[/newclass] [newclass=.abc-selk-jc-link] position:absolute; bottom:0px; left:0px; height:45px; width:45px!important; background-color:var(--abc-selk-jc-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass] [newclass=.abc-selk-jc-link i] font-size:20px; color:#fafafa; [/newclass] edit as much as you want! don't touch the credits! i'd love to see how you use it!
[dohtml]
<style>
.m-cloveBanner img { animation-play-state:running!important; }
</style>
<div align="center"><div class="m-clovePlotter">
<style>
.m-clovePlotter { --CHARACTER_ONE:#B45C64; }
.CHARACTER_ONE .m-cloveBanner, .CHARACTER_ONE .m-cloveBody h3, .CHARACTER_ONE .m-cloveBody::-webkit-scrollbar-thumb { background-color:var(--CHARACTER_ONE)!important; }
.CHARACTER_ONE .m-cloveBody b, .CHARACTER_ONE .m-cloveBody h2 { color:var(--CHARACTER_ONE)!important; }
</style>
<div class="CHARACTER_ONE"><div class="m-clovePlotPage">
<div class="m-cloveBanner">
<img style="max-width:100%;" src="https://image.ibb.co/hyoJBp/49.png">
<h1>firstname lastname</h1>
<div>
<a title="AGE"><span class="lnr lnr-clock"></span></a>
<a title="OCCUPATION"><span class="lnr lnr-briefcase"></span></a>
<a title="SEXUALITY"><span class="lnr lnr-heart-pulse"></span></a>
<a href="" title="APPLICATION"><span class="lnr lnr-license"></span></a>
</div>
</div>
<div class="m-cloveBody">
<h2>subtitle</h2>
<div>
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
<h2>subtitle</h2>
<div>
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
</div>
</div></div>
<style>
.m-clovePlotter { --CHARACTER_TWO:#96BDC4; }
.CHARACTER_TWO .m-cloveBanner, .CHARACTER_TWO .m-cloveBody h3, .CHARACTER_TWO .m-cloveBody::-webkit-scrollbar-thumb { background-color:var(--CHARACTER_TWO)!important; }
.CHARACTER_TWO .m-cloveBody b, .CHARACTER_TWO .m-cloveBody h2 { color:var(--CHARACTER_TWO)!important; }
</style>
<div class="CHARACTER_TWO"><div class="m-clovePlotPage">
<div class="m-cloveBanner">
<img style="max-width:100%;" src="https://image.ibb.co/f4bS49/49c.png">
<h1>firstname lastname</h1>
<div>
<a title="AGE"><span class="lnr lnr-clock"></span></a>
<a title="OCCUPATION"><span class="lnr lnr-briefcase"></span></a>
<a title="SEXUALITY"><span class="lnr lnr-heart-pulse"></span></a>
<a title="APPLICATION" href=""><span class="lnr lnr-license"></span></a>
</div>
</div>
<div class="m-cloveBody">
<h2>subtitle</h2>
<div>
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
<h2>subtitle</h2>
<div>
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
</div>
</div></div>
<style>
.m-clovePlotter { --CHARACTER_THREE:#BCCC73; }
.CHARACTER_THREE .m-cloveBanner, .CHARACTER_THREE .m-cloveBody h3, .CHARACTER_THREE .m-cloveBody::-webkit-scrollbar-thumb { background-color:var(--CHARACTER_THREE)!important; }
.CHARACTER_THREE .m-cloveBody b, .CHARACTER_THREE .m-cloveBody h2 { color:var(--CHARACTER_THREE)!important; }
</style>
<div class="CHARACTER_THREE"><div class="m-clovePlotPage">
<div class="m-cloveBanner">
<img src="https://image.ibb.co/iOSBWp/49b.png" style="max-width:100%;">
<h1>firstname lastname</h1>
<div>
<a title="AGE"><span class="lnr lnr-clock"></span></a>
<a title="OCCUPATION"><span class="lnr lnr-briefcase"></span></a>
<a title="SEXUALITY"><span class="lnr lnr-heart-pulse"></span></a>
<a href="" title="APPLICATION"><span class="lnr lnr-license"></span></a>
</div>
</div>
<div class="m-cloveBody">
<h2>subtitle</h2>
<div>
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
<h2>subtitle</h2>
<div>
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart <br><br>
<h3>seeking</h3> <b>or</b> <i>anything</i> else you'd like to list
</div>
</div>
</div></div>
</div><div class="m-cloveCredit"><a href="http://pixel-perfect.boards.net/user/15">SELKIE</a></div></div>
<head>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates:400,700|Open+Sans:400,400i,700" rel="stylesheet">
</head>
<style>
.m-clovePlotter { width:525px; height:534px; display:flex; flex-flow:column wrap; overflow:auto; }
.m-clovePlotter::-webkit-scrollbar { height:9px; }
.m-clovePlotter::-webkit-scrollbar-thumb { background-color:#bbb; border:4px solid #ddd; }
.m-clovePlotter::-webkit-scrollbar-track { background-color:#ddd; }
.m-clovePlotPage { width:525px; background-color:#eee; display:flex; flex-flow:row wrap; overflow:hidden; }
.m-cloveBanner { height:130px; padding:25px; width:100%; display:flex; align-items:center; justify-content:flex-start; background-color:#aaa; background-color:var(--selkAccent); position:relative; }
.m-cloveBanner:before { content:''; width:100%; height:100%; background-image:url(https://image.ibb.co/eq76E9/Transparent_Flowers_1.png); opacity:.15; position:absolute; top:0px; left:0px; }
.m-cloveBanner img { width:100px; height:100px; border-radius:100%; position:relative; padding:5px; background-color:#fafafa; border:10px solid #333; animation: clovepulse 4s infinite; animation-play-state:paused; }
@keyframes clovepulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); } 25% { -moz-box-shadow: 0 0 0 25px rgba(0,0,0, 0); box-shadow: 0 0 0 25px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }}
.m-cloveBanner h1 { margin:0px 0px 0px 25px; width:270px; display:block; position:relative; font:700 40px/35px montserrat; color:#eee; text-transform:uppercase; text-align:left; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; }
.m-cloveBanner div:last-child { background-color:#333; width:50px; height:100%; position:absolute; top:0px; right:0px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; }
.m-cloveBanner div:last-child a { color:#5a5a5a!important; font-family: Linearicons-Free!important; height:20px; width:20px; font-size:20px; margin:10px 0px; }
.m-cloveBody { padding:25px 25px 25px 25px; display:flex; flex-flow:column nowrap; text-align:justify; height:295px; overflow:auto; border-left:1px solid #ddd; }
.m-cloveBody::-webkit-scrollbar { width:5px; }
.m-cloveBody::-webkit-scrollbar-thumb { background-color:#ccc; border:2px solid #eee; }
.m-cloveBody::-webkit-scrollbar-track { background-color:#ddd; border:2px solid #eee; }
.m-cloveBody h2 { margin:0px 0px -5px 25px; display:block; font:700 25px/25px montserrat alternates; text-transform:lowercase; color:#aaa; color:var(--selkAccent); position:relative; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; }
.m-cloveBody h3 { margin:0px 10px 0px 10px; display:inline-block; position:relative; top:-1px; padding:2px 7px; font:700 7px/11px montserrat; letter-spacing:.5px; text-transform:uppercase; background-color:#aaa; background-color:var(--selkAccent); color:#eee; }
.m-cloveBody div { width:425px; padding:25px; margin:0px 0px 25px 0px; background-color:#fafafa; border-radius:5px; font:400 11px Open Sans; color:#6a6a6a; }
.m-cloveBody div:last-child { margin-bottom:0px; }
.m-cloveBody b { color:var(--selkAccent); font-weight:700; }
.m-cloveBody i { color:#aaa; }
.m-cloveCredit { font:bold 7px roboto; margin-left:475px; }
.m-cloveCredit a { font:bold 7px roboto!important; }
</style>[/dohtml] [attr="class","abc-selk-jc-link"] [attr="class","lnr lnr-link"]
[googlefont=Montserrat:700|Montserrat+Alternates:700|Open+Sans:400,400i,700] [newclass=.m-cloveBanner img] animation-play-state:running!important; [/newclass]
[attr="class","m-clovePlotter"] [newclass=.m-clovePlotter] --CHARACTER_ONE:#B45C64; [/newclass] [newclass=.CHARACTER_ONE .m-cloveBanner, .CHARACTER_ONE .m-cloveBody h3, .CHARACTER_ONE .m-cloveBody::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_ONE)!important; [/newclass] [newclass=.CHARACTER_ONE .m-cloveBody b, .CHARACTER_ONE .m-cloveBody h2] color:var(--CHARACTER_ONE)!important; [/newclass]
[attr="class","CHARACTER_ONE"]
[newclass=.m-clovePlotter] --CHARACTER_TWO:#96BDC4; [/newclass] [newclass=.CHARACTER_TWO .m-cloveBanner, .CHARACTER_TWO .m-cloveBody h3, .CHARACTER_TWO .m-cloveBody::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_TWO)!important; [/newclass] [newclass=.CHARACTER_TWO .m-cloveBody b, .CHARACTER_TWO .m-cloveBody h2] color:var(--CHARACTER_TWO)!important; [/newclass] [attr="class","m-clovePlotPage"]
[attr="class","m-cloveBanner"] 
firstname lastname
[attr="class","m-cloveBody"]
subtitle
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became
seeking
or anything else you'd like to listsubtitle
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart
seeking
or anything else you'd like to list[attr="class","CHARACTER_TWO"]
[newclass=.m-clovePlotter] --CHARACTER_THREE:#BCCC73; [/newclass] [newclass=.CHARACTER_THREE .m-cloveBanner, .CHARACTER_THREE .m-cloveBody h3, .CHARACTER_THREE .m-cloveBody::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_THREE)!important; [/newclass] [newclass=.CHARACTER_THREE .m-cloveBody b, .CHARACTER_THREE .m-cloveBody h2] color:var(--CHARACTER_THREE)!important; [/newclass] [attr="class","m-clovePlotPage"]
[attr="class","m-cloveBanner"] 
firstname lastname
[attr="class","m-cloveBody"]
subtitle
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became
seeking
or anything else you'd like to listsubtitle
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart
seeking
or anything else you'd like to list[attr="class","CHARACTER_THREE"]
[attr="class","m-clovePlotPage"]
[attr="class","m-cloveBanner"] 
firstname lastname
[attr="class","m-cloveBody"]
subtitle
A falling star fell from your heart and landed in my eyes I screamed aloud, as it tore through them, and now it's left me blind The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart And in the dark, I can hear your heartbeat I tried to find the sound But then it stopped, and I was in the darkness, So darkness I became
seeking
or anything else you'd like to listsubtitle
The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart I took the stars from my eyes, and then I made a map And knew that somehow I could find my way back Then I heard your heart beating, you were in the darkness too So I stayed in the darkness with you The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart The stars, the moon, they have all been blown out You left me in the dark No dawn, no day, I'm always in this twilight In the shadow of your heart
seeking
or anything else you'd like to list[attr="class","m-cloveCredit"]SELKIE