SpectrumCrow
Senior Member
[div class=container]
[div class=tag]location[/div] town
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]mentions[/div] dennis, elaine, luci, atalanta
[div class=tag]tags[/div] wereplatypus3 ParallelMary Lilliana2 ArchAngelLexi
[/div][/div] [/div] [div class=namecon] [div class=instruct]click me
Jello shots and fried shrimp? Hell yes. Right up Finley’s alley. While Dennis appeared to be restraining himself a bit, Finley just immediately went for the food they had.
Finley was about to elbow Dennis in the side as he spoke after that look that Elaine gave, quickly interrupted by the parade ...Ah the parade...one about mermaids, of course. Everything in this town was about mermaids.
To be honest, they couldn’t wait until a fight broke out about the town’s history. Sure, the fighting part is bad but Finley will take any discussion about mythology, plus no one really gets injured...they think at least. It’s such a silly thing to fight over too, such an absurd thing to witness two grown (albeit drunk) people fighting over mermaids.
As Luci gathered everyone for a photo, Finley happily let themselves be pulled over by Dennis, lifting up a double peace sign while giving a wink to the camera. Finley was never camera shy, feeling comfortable in the lens. They hadn’t interacted with many of the other townspeople lately, having been cooped up in the library doing more studying on the myths to see if they could uncover anything unknown about the town’s mythology, so being out with everyone filled Finley with a sense of family, of comfort. They hadn’t been this happy in a while.
[/div][/div]
[class=container] --img-1: url('https://ath2.unileverservices.com/wp-content/uploads/sites/4/2016/10/short-blonde-hairstyles-messy-updo.jpg'); --bg: #fff; --mbg: #fff; --color-1: #DFC2B3; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class] Code credit - Uxie [/div]
font call outhellohello
[div class=img1]
[div class=mentions][div class=scroll]
[div class=tag]mood[/div] relaxed
[div class=tag]location[/div] town
[div class=tag]outfit[/div] [div class=outfit][/div]
[div class=tag]mentions[/div] dennis, elaine, luci, atalanta
[div class=tag]tags[/div] wereplatypus3 ParallelMary Lilliana2 ArchAngelLexi
[/div][/div] [/div] [div class=namecon] [div class=instruct]click me
!
[/div]
[div class=role]cool kid[/div]
[div class=name]finley.[/div]
[div class=nameo]finley.[/div]
[/div]
[div class=body][div class=scroll][div class=dialogue]Jello shots and fried shrimp? Hell yes. Right up Finley’s alley. While Dennis appeared to be restraining himself a bit, Finley just immediately went for the food they had.
Finley was about to elbow Dennis in the side as he spoke after that look that Elaine gave, quickly interrupted by the parade ...Ah the parade...one about mermaids, of course. Everything in this town was about mermaids.
To be honest, they couldn’t wait until a fight broke out about the town’s history. Sure, the fighting part is bad but Finley will take any discussion about mythology, plus no one really gets injured...they think at least. It’s such a silly thing to fight over too, such an absurd thing to witness two grown (albeit drunk) people fighting over mermaids.
As Luci gathered everyone for a photo, Finley happily let themselves be pulled over by Dennis, lifting up a double peace sign while giving a wink to the camera. Finley was never camera shy, feeling comfortable in the lens. They hadn’t interacted with many of the other townspeople lately, having been cooped up in the library doing more studying on the myths to see if they could uncover anything unknown about the town’s mythology, so being out with everyone filled Finley with a sense of family, of comfort. They hadn’t been this happy in a while.
[/div][/div]
⠀♡coded by uxie♡
[/div][class=container] --img-1: url('https://ath2.unileverservices.com/wp-content/uploads/sites/4/2016/10/short-blonde-hairstyles-messy-updo.jpg'); --bg: #fff; --mbg: #fff; --color-1: #DFC2B3; --nameoutline: #937e74; --border: #e2dcd9; --txt: #383230; cursor: url('https://78.media.tumblr.com/tumblr_m2wj9k9UPt1qfamg6.png'), auto !important; [/class] [class name=container minWidth="450px"] height: 350px; width: 450px; border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=container maxWidth="449px"] height: 315px; width: calc(100% - 2px); border:1px solid var(--border); margin:auto; display:flex; flex-flow: row wrap; position:relative; justify-content: space-between; background-color: var(--bg); [/class] [class name=img1 minWidth="450px"] height: 350px; width: 40%; background: var(--img-1); background-size:130%; background-position: 50% 50%; position:relative; [/class] [class name=img1 maxWidth="449px"] height: 315px; width: 40%; background: var(--img-1); background-size:150%; background-position: 50% 50%; position:relative; [/class] [class name=instruct minWidth="450px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:20%; [/class] [class name=instruct maxWidth="449px"] font-size:10px; font-family: 'Raleway' , sans-serif; color: var(--txt); position:absolute; bottom:7px; left:3%; [/class] [class name=namecon minWidth="450px"] height:16%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [class name=namecon maxWidth="449px"] height:20%; width: 60%; position:absolute; bottom:0px; right:0px; box-sizing:border-box; padding-left:5px; padding-bottom:5px; [/class] [script class=namecon on=click] fadeToggle 500 mentions [/script] [class name=name minWidth="450px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=name maxWidth="449px"] font-family: 'Abril Fatface', display; color: var(--color-1); font-size:55px; position:absolute; bottom:-16px; right:5px; letter-spacing: 2px; [/class] [class name=nameo minWidth="450px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=nameo maxWidth="449px"] z-index:7; font-family: 'Abril Fatface', display; color: transparent; -webkit-text-stroke: 1px var(--nameoutline); font-size:55px; position:absolute; bottom:-13px; right:2px; letter-spacing: 2px; [/class] [class name=role minWidth="450px"] font-size:10px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; bottom:24px; left:13%; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=role maxWidth="449px"] font-size:9px; z-index:6; font-family: 'Raleway' , sans-serif; font-styleblique; letter-spacing:1px; font-weight:400; position:absolute; top:0px; right:8px; text-align:right; background-color: var(--color-1); padding:2.5px; padding-top:0.5px; padding-bottom:0.5px; [/class] [class name=body minWidth="450px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:84%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=body maxWidth="449px"] font-family: 'Raleway' , sans-serif; color: var(--txt); height:80%; width:60%; padding:10px; box-sizing:border-box; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-weight:500; [/class] [class name=scroll minWidth="450px"] height:100%; width:107%; overflow-y:scroll; padding-right:40px; [/class] [class name=scroll maxWidth="449px"] height:100%; width:100%; overflow-y:scroll; padding-right:40px; [/class] [class=mentions] height:30%; width:90%; background-color: var(--mbg); position:absolute; bottom:8%; margin-left:5%; opacity:0.9; display:none; padding:10px; padding-top:8px; box-sizing:border-box; font-size:10px; text-align:left; font-family: 'Raleway' , sans-serif; color: var(--txt); overflow:hidden; letter-spacing:0.5px; [/class] [class=tag] display:inline-block; border-bottom:1.5px solid var(--color-1); margin-top:2px; margin-right:2px; [/class] [class name=dialogue] color: var(--color-1); font-weight:600; display:inline; letter-spacing:0.5px; [/class] [class=outfit] display:inline; color:var(--txt); transition:0.4s; [/class] [class name=outfit state=hover] color: var(--nameoutline); transition:0.4s; [/class] Code credit - Uxie [/div]