Post by Lauren Lionel on May 30, 2019 18:57:14 GMT -5
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700]
[newclass=.ltloTrack] --ltloAccent:#c794b8!important; --ltloBorder:#d884bf!important; [/newclass]
[newclass=.ltloTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass]
[newclass=.ltloHeader] width:100%; height:150px; position:relative; overflow:hidden; background-color:#aaa; background-color:var(--ltloAccent); display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.ltloHeader img] width:200px; height:200px; border-radius:100%; padding:10px; margin-left:25px; background-color:#fafafa; border:25px solid #ccc; border:25px solid var(--ltloBorder); [/newclass]
[newclass=.ltloHeader div:nth-child(2)] width:270px; height:270px; margin-left:24px; border:1px solid transparent; border-bottom:1px solid #fff; border-radius:100%; position:absolute; animation:spinner 1.5s linear infinite; animation-play-state: paused; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.ltloTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass]
[newclass=.ltloHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass]
[newclass=.ltloBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass]
[newclass=.ltloBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass]
[newclass=.ltloBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.ltloBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass]
[newclass=.ltloBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass]
[newclass=.ltloBody div h2] margin:10px; padding:0px 10px; font:400 10px roboto; color:#bbb; text-transform:uppercase; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:justify; [/newclass]
[newclass=.ltloBody div h2 a] font:400 10px roboto; [/newclass]
[newclass=.ltloBody h3] margin:0px; margin-top:auto; font:700 48px/48px montserrat; writing-mode: vertical-rl; margin-left:-35px; color:#ccc; opacity:.25; align-self:flex-start; cursor:default; [/newclass]
[newclass=.ltloCredit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.ltloCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.ltloTrack] --ltloAccent:#c794b8!important; --ltloBorder:#d884bf!important; [/newclass]
[attr="class","ltloTrack"]
[attr="class","ltloHeader"]
lauren's tracker
lauren's tracker
[attr="class","ltloBody"]
active
i know that it's a secret
and that i gotta keep it, with Aeryn
but i want the lights on
yeah i want the lights on
i don't want to run away anymore
leave the lights on, leave the lights on
ended
what would they say
what would they do?
would it be trouble
if they knew?
i'm trying hard to make you see
all that you are is all that i need
inactive
i know that it's a secret
and that i gotta keep it
but i want the lights on
yeah i want the lights on
i don't want to run away anymore
leave the lights on, leave the lights on
i know that it's a secret
and that i gotta keep it but i want the lights on yeah i want the lights on, i don't want to run away anymore leave the lights on leave the lights on
[attr="class","ltloCredit"]SELKIE
[newclass=.ltloTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass]
[newclass=.ltloHeader] width:100%; height:150px; position:relative; overflow:hidden; background-color:#aaa; background-color:var(--ltloAccent); display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.ltloHeader img] width:200px; height:200px; border-radius:100%; padding:10px; margin-left:25px; background-color:#fafafa; border:25px solid #ccc; border:25px solid var(--ltloBorder); [/newclass]
[newclass=.ltloHeader div:nth-child(2)] width:270px; height:270px; margin-left:24px; border:1px solid transparent; border-bottom:1px solid #fff; border-radius:100%; position:absolute; animation:spinner 1.5s linear infinite; animation-play-state: paused; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.ltloTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass]
[newclass=.ltloHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass]
[newclass=.ltloBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass]
[newclass=.ltloBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass]
[newclass=.ltloBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.ltloBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass]
[newclass=.ltloBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass]
[newclass=.ltloBody div h2] margin:10px; padding:0px 10px; font:400 10px roboto; color:#bbb; text-transform:uppercase; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:justify; [/newclass]
[newclass=.ltloBody div h2 a] font:400 10px roboto; [/newclass]
[newclass=.ltloBody h3] margin:0px; margin-top:auto; font:700 48px/48px montserrat; writing-mode: vertical-rl; margin-left:-35px; color:#ccc; opacity:.25; align-self:flex-start; cursor:default; [/newclass]
[newclass=.ltloCredit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.ltloCredit a] font:bold 7px roboto!important; [/newclass]