posted Sept 28, 2018 19:28:02 GMT -6 in [ABC's] cosmic love
[nospaces][googlefont=Montserrat:700|Montserrat+Alternates:700|Open+Sans:400,400i,700]
[newclass=.cosmiclove] --clovAccent:#B45C64; [/newclass]
[newclass=.clovBanner img]animation-play-state:running!important;[/newclass]
[newclass=.cosmiclove] width:525px; background-color:#eee; display:flex; flex-flow:row wrap; border-radius:5px; overflow:hidden; [/newclass]
[newclass=.clovBanner] height:130px; padding:25px; width:100%; display:flex; align-items:center; justify-content:flex-start; background-color:#aaa; background-color:var(--clovAccent); position:relative; [/newclass]
[newclass=.clovBanner: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=.clovBanner img] width:100px; height:100px; border-radius:100%; position:relative; padding:5px; background-color:#fafafa; border:10px solid #333; animation: clovpulse 4s infinite; animation-play-state:paused; } @keyframes clovpulse { 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=.clovBanner 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=.clovBanner 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=.clovBanner div:last-child a] color:#5a5a5a!important; height:20px; width:20px; font-size:20px; margin:10px 0px; font-family: Linearicons-Free!important;[/newclass]
[newclass=.clovBody] padding:25px; width:475px; display:flex; flex-flow:column nowrap; text-align:justify; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;[/newclass]
[newclass=.clovBody h2] margin:0px 0px -5px 25px; display:block; font:700 25px/25px montserrat alternates; text-transform:lowercase; color:#aaa; color:var(--clovAccent); position:relative; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.clovBody 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(--clovAccent); color:#eee; [/newclass]
[newclass=.clovBody 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=.clovBody div:last-child] margin-bottom:0px; [/newclass]
[newclass=.clovBody b] color:var(--clovAccent); font-weight:700; [/newclass]
[newclass=.clovBody i] color:#aaa; [/newclass]
[newclass=.clovCredit] font:bold 7px roboto; margin-left:475px; [/newclass]
[newclass=.clovCredit 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]
[newclass=.cosmiclove] --clovAccent:#B45C64; [/newclass]
[newclass=.clovBanner img]animation-play-state:running!important;[/newclass]
[attr="class","cosmiclove"]
[attr="class","clovBanner"]
[attr="class","lnr lnr-clock"]
[attr="class","lnr lnr-briefcase"]
[attr="class","lnr lnr-heart-pulse"]
[attr="class","lnr lnr-license"]
firstname lastname
[attr="class","lnr lnr-clock"]
[attr="class","lnr lnr-briefcase"]
[attr="class","lnr lnr-heart-pulse"]
[attr="class","lnr lnr-license"]
[attr="class","clovBody"]
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 [break][break]
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 [break][break]
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 [break][break]
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 [break][break]
seeking
or anything else you'd like to list[attr="class","clovCredit"]SELKIE
[newclass=.cosmiclove] width:525px; background-color:#eee; display:flex; flex-flow:row wrap; border-radius:5px; overflow:hidden; [/newclass]
[newclass=.clovBanner] height:130px; padding:25px; width:100%; display:flex; align-items:center; justify-content:flex-start; background-color:#aaa; background-color:var(--clovAccent); position:relative; [/newclass]
[newclass=.clovBanner: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=.clovBanner img] width:100px; height:100px; border-radius:100%; position:relative; padding:5px; background-color:#fafafa; border:10px solid #333; animation: clovpulse 4s infinite; animation-play-state:paused; } @keyframes clovpulse { 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=.clovBanner 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=.clovBanner 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=.clovBanner div:last-child a] color:#5a5a5a!important; height:20px; width:20px; font-size:20px; margin:10px 0px; font-family: Linearicons-Free!important;[/newclass]
[newclass=.clovBody] padding:25px; width:475px; display:flex; flex-flow:column nowrap; text-align:justify; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;[/newclass]
[newclass=.clovBody h2] margin:0px 0px -5px 25px; display:block; font:700 25px/25px montserrat alternates; text-transform:lowercase; color:#aaa; color:var(--clovAccent); position:relative; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.clovBody 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(--clovAccent); color:#eee; [/newclass]
[newclass=.clovBody 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=.clovBody div:last-child] margin-bottom:0px; [/newclass]
[newclass=.clovBody b] color:var(--clovAccent); font-weight:700; [/newclass]
[newclass=.clovBody i] color:#aaa; [/newclass]
[newclass=.clovCredit] font:bold 7px roboto; margin-left:475px; [/newclass]
[newclass=.clovCredit 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]