|
Voca ♡
Beta Tester
24 posts
0 likes
|
|
last online Sept 16, 2021 9:18:20 GMT
Member
|
|
|
Post by Voca ♡ on Apr 23, 2021 0:53:52 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.vocaTrack] --ltloAccent:#7C6795!important; --ltloBorder:#6F588A!important; [/newclass] [attr="class","vocaTrack"] [attr="class","vocaHeader"]
firstname's tracker
[attr="class","vocaBody"] active and that i gotta keep it, with @/admin
yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","vocaCredit"] SELKIE[newclass=.vocaTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.vocaHeader] 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=.vocaHeader 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=.vocaHeader 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=.vocaTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.vocaHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.vocaBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.vocaBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.vocaBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.vocaBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.vocaBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.vocaBody 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=.vocaBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.vocaBody 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=.vocaCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.vocaCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online Apr 30, 2021 5:18:06 GMT
RiverClan
|
|
|
Post by Blossomtalon ♡ on Apr 23, 2021 2:38:26 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.blossomTrack] --ltloAccent:#76C9D4!important; --ltloBorder:#61BFCC!important; [/newclass] [attr="class","blossomTrack"] [attr="class","blossomHeader"]
blossomtalon's tracker
[attr="class","blossomBody"] active yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","blossomCredit"] SELKIE[newclass=.blossomTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.blossomHeader] 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=.blossomHeader 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=.blossomHeader 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=.blossomTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.blossomHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.blossomBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.blossomBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.blossomBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.blossomBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.blossomBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.blossomBody 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=.blossomBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.blossomBody 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=.blossomCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.blossomCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
Stonepaw ♡
Medicine Cat Apprentice
4 posts
0 likes
|
|
last online Apr 30, 2021 5:20:07 GMT
ShadowClan
|
|
|
Post by Stonepaw ♡ on Apr 23, 2021 2:42:05 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.stoneTrack] --ltloAccent:#9F5A6D!important; --ltloBorder:#95485D!important; [/newclass] [attr="class","stoneTrack"] [attr="class","stoneHeader"]
stonepaw's tracker
[attr="class","stoneBody"] active yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","stoneCredit"] SELKIE[newclass=.stoneTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.stoneHeader] 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=.stoneHeader 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=.stoneHeader 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=.stoneTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.stoneHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.stoneBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.stoneBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.stoneBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.stoneBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.stoneBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.stoneBody 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=.stoneBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.stoneBody 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=.stoneCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.stoneCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 6, 2021 5:21:34 GMT
WindClan
|
|
|
Post by Redelm ♡ on Apr 23, 2021 2:44:52 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.redTrack] --ltloAccent:#70A798!important; --ltloBorder:#619E8D!important; [/newclass] [attr="class","redTrack"] [attr="class","redHeader"]
redelm's tracker
[attr="class","redBody"] active leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","redCredit"] SELKIE[newclass=.redTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.redHeader] 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=.redHeader 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=.redHeader 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=.redTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.redHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.redBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.redBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.redBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.redBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.redBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.redBody 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=.redBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.redBody 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=.redCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.redCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 6, 2021 4:38:45 GMT
ThunderClan
|
|
|
Post by Cherrystar ♡ on Apr 23, 2021 2:46:48 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.cherryTrack] --ltloAccent:#CF7D32!important; --ltloBorder:#CA6F1C!important; [/newclass] [attr="class","cherryTrack"] [attr="class","cherryHeader"]
cherrystar's tracker
[attr="class","cherryBody"] active yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","cherryCredit"] SELKIE[newclass=.cherryTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.cherryHeader] 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=.cherryHeader 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=.cherryHeader 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=.cherryTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.cherryHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.cherryBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.cherryBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.cherryBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.cherryBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.cherryBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.cherryBody 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=.cherryBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.cherryBody 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=.cherryCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.cherryCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 6, 2021 5:39:31 GMT
RiverClan
|
|
|
Post by Murkpaw ♡ on Apr 23, 2021 5:55:29 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.murkTrack] --ltloAccent:#425A90!important; --ltloBorder:#2E4884!important; [/newclass] [attr="class","murkTrack"] [attr="class","murkHeader"]
murkpaw's tracker
[attr="class","murkBody"] active yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","murkCredit"] SELKIE[newclass=.murkTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.murkHeader] 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=.murkHeader 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=.murkHeader 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=.murkTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.murkHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.murkBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.murkBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.murkBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.murkBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.murkBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.murkBody 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=.murkBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.murkBody 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=.murkCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.murkCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 17, 2021 6:37:01 GMT
Outsider
|
|
|
Post by Chestnut ♡ on Apr 24, 2021 5:29:40 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.chestnutTrack] --ltloAccent:#FF8197!important; --ltloBorder:#FF748C!important; [/newclass] [attr="class","chestnutTrack"] [attr="class","chestnutHeader"]
chestnut's tracker
[attr="class","chestnutBody"] active yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","chestnutCredit"] SELKIE[newclass=.chestnutTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.chestnutHeader] 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=.chestnutHeader 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=.chestnutHeader 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=.chestnutTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.chestnutHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.chestnutBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.chestnutBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.chestnutBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.chestnutBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.chestnutBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.chestnutBody 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=.chestnutBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.chestnutBody 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=.chestnutCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.chestnutCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 17, 2021 6:58:47 GMT
WindClan
|
|
|
Apr 25, 2021 20:56:01 GMT
Post by Nightingalepaw ♡ on Apr 25, 2021 20:56:01 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.nightTrack] --ltloAccent:#33502D!important; --ltloBorder:#1D3D16!important; [/newclass] [attr="class","nightTrack"] [attr="class","nightHeader"]
nightingale's tracker
[attr="class","nightBody"] active leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","nightCredit"] SELKIE[newclass=.nightTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.nightHeader] 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=.nightHeader 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=.nightHeader 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=.nightTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.nightHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.nightBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.nightBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.nightBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.nightBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.nightBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.nightBody 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=.nightBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.nightBody 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=.nightCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.nightCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 4, 2021 3:03:09 GMT
ThunderClan
|
|
|
Post by Rosepaw ♡ on May 4, 2021 3:01:31 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.roseTrack] --ltloAccent:#FFC3A0!important; --ltloBorder:#E5AF90!important; [/newclass] [attr="class","roseTrack"] [attr="class","roseHeader"]
rosepaw's tracker
[attr="class","roseBody"] active and that i gotta keep it, with @/admin
yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","roseCredit"] SELKIE[newclass=.roseTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.roseHeader] 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=.roseHeader 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=.roseHeader 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=.roseTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.roseHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.roseBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.roseBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.roseBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.roseBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.roseBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.roseBody 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=.roseBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.roseBody 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=.roseCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.roseCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|
|
|
|
last online May 4, 2021 3:37:16 GMT
ShadowClan
|
|
|
Post by Ravenheart ♡ on May 4, 2021 3:29:04 GMT
[nospaces][googlefont=Montserrat:300,700,800|Roboto:400,400i,700] [newclass=.ravenTrack] --ltloAccent:#90021D!important; --ltloBorder:#81011A!important; [/newclass] [attr="class","ravenTrack"] [attr="class","ravenHeader"]
ravenheart's tracker
[attr="class","ravenBody"] active and that i gotta keep it, with @/admin
yeah i want the lights on
leave the lights on, leave the lights on
ended what would they do?
if they knew?
all that you are is all that i need
inactive and that i gotta keep it
yeah i want the lights on
leave the lights on, leave the lights on
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","ravenCredit"] SELKIE[newclass=.ravenTrack] width:550px; background-color:#fcfcfc; display:flex; flex-flow:row wrap; border-radius:5px; border:1px solid #ddd; overflow:hidden; [/newclass] [newclass=.ravenHeader] 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=.ravenHeader 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=.ravenHeader 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=.ravenTrack:hover .ltloHeader div:nth-child(2)] animation-play-state: running; [/newclass] [newclass=.ravenHeader span] margin:0px 0px 0px 25px; font:300 32px/32px montserrat; text-align:left; color:#fafafa; [/newclass] [newclass=.ravenBody] width: 100%; padding:25px; position:relative; display:flex; flex-flow:row wrap; [/newclass] [newclass=.ravenBody div] display:flex; width:500px; background-color:#; text-align:left; [/newclass] [newclass=.ravenBody div div] background-color:#; padding:10px 10px 10px 25px; display:flex; flex-flow:column nowrap; [/newclass] [newclass=.ravenBody div h1] margin:0px; font:300 20px montserrat; color:#ccc; [/newclass] [newclass=.ravenBody div h1 a] color:var(--ltloAccent); font:300 20px montserrat!important;[/newclass] [newclass=.ravenBody 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=.ravenBody div h2 a] font:400 10px roboto; [/newclass] [newclass=.ravenBody 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=.ravenCredit] font:bold 7px roboto; margin-left:450px; [/newclass] [newclass=.ravenCredit a] font:bold 7px roboto!important; [/newclass]
|
|
|
|