[nospaces][googlefont=Roboto:400,400i,700|Montserrat:800]
[newclass=.snakeEyesPost] --snakeEyesAccent:#58c3e6; [/newclass]
[attr="class","se-DARKVER "]
[attr="class","snakeEyesPost"]
[attr="class","snakeEyesHeader"]
you kept rolling
your eyes
[attr="class","snakeEyesBody"]
Why she ever chose this place to put down roots was beyond even her. It was always bustling with life, much to much for Lottie's liking. Why couldn't she find a nice piece of land on the outskirts of some other town and live as a costume-making-hermit?! Why did she have to pick Lilycove? A place where she set up shop as a tailor and made worse by the fact she somehow deemed it a good idea to make house calls when people needed. [break][break]
But suppose there was some comfort in that. She was human after all, and having people come and go from her shop, plus the house calls? It only meant she wasn't going to go mad and starved from the constant day to day interactions she’s forced to endure... right?[break][break]
These thoughts always flit though her head on these deathly boring slow days. No one had come to the shop for a few days, not even to get some pants hemmed or even to take a look at what little stock of clothes she had in display... Then again, it was nice. This quiet and it'll give her time to take stock of her supplies and see what she may need more of. Yes, that'll keep her mind from wandering. Armed with a pen and a notepad, Lottie got her small task started. Fabrics, threads, sewing needles, the list grew before she knew it. [break][break]
an open thread. Didn't exactly have a solid idea, but it's a start.
@tag
[attr="class","snakeEyesCredit"]
SELKIE[newclass=.se-LIGHTVER] --snakeEyesBG:#ececec; --snakeEyesLightBG:#f3f3f3; --snakeEyesBorder:#ddd; --snakeEyesText:#6a6a6a; --snakeEyesLightText:#aaa; --snakeEyesH2:#3a3a3a; --snakeEyesShadow:#fff; [/newclass]
[newclass=.se-DARKVER] --snakeEyesBG:#2a2a2a; --snakeEyesLightBG:#3b3b3b; --snakeEyesBorder:#666; --snakeEyesText:#aaa; --snakeEyesLightText:#888; --snakeEyesH2:#eee; --snakeEyesShadow:#222; [/newclass]
[newclass=.snakeEyesPost] width:500px; background-color:#ececec; background-color:var(--snakeEyesBG); border-radius:10px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; position:relative; overflow:hidden; [/newclass]
[newclass=.snakeEyesHeader] display:flex; flex-flow:row wrap; overflow:hidden; [/newclass]
[newclass=.snakeEyesHeader img] width:100px; height:100px; border-radius:100%; padding:7.5px; background-color:var(--snakeEyesLightBG);border:3px solid #ddd; border:3px solid var(--snakeEyesBorder); border-right:3px solid var(--snakeEyesAccent); border-radius-top-left:0; [/newclass]
[newclass=.snakeEyesHeader div] height:205px; width:205px; border-radius:100%; display:flex; align-items:center; flex-shrink:0; justify-content:center; margin-left:-35px; margin-top:-35px; [/newclass]
[newclass=.snakeEyesHeader div:after] content:''; position:absolute; height:190px; width:190px; border:5px dashed var(--snakeEyesAccent); border-radius:100%; animation:8s linear infinite snakeEyesSpin; animation-play-state:paused; } @keyframes snakeEyesSpin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); }[/newclass]
[newclass=.snakeEyesPost:hover .snakeEyesHeader div:after] animation-play-state:running; [/newclass]
[newclass=.snakeEyesHeader span] height:170px; display:flex; flex-flow:column nowrap; justify-content:flex-end; [/newclass]
[newclass=.snakeEyesHeader h1] width:280px; height:75px; margin:25px; text-align:left; font:800 50px/50px Montserrat; text-transform:uppercase; color:var(--snakeEyesAccent); text-shadow: -1px -1px 0 var(--snakeEyesShadow), 1px -1px 0 var(--snakeEyesShadow), -1px 1px 0 var(--snakeEyesShadow), 1px 1px 0 var(--snakeEyesShadow); [/newclass]
[newclass=.snakeEyesHeader h2] margin:-20px 0px 0px 0px; width:280px; font:bold 30px 'Signerica Fat'; color:#3a3a3a; color:var(--snakeEyesH2); text-shadow: -1px -1px 0 var(--snakeEyesShadow), 1px -1px 0 var(--snakeEyesShadow), -1px 1px 0 var(--snakeEyesShadow), 1px 1px 0 var(--snakeEyesShadow); } @font-face { font-family:Signerica Fat; src:url(//dl.dropbox.com/s/o5tlpkcxt7qwgj1/Signerica_Fat.ttf) format('truetype');[/newclass]
[newclass=.snakeEyesBody div] padding:50px; margin:25px; border-radius:10px; text-align:justify; background-color:var(--snakeEyesLightBG); color:#6a6a6a; color:var(--snakeEyesText); font:400 11px/15px roboto; [/newclass]
[newclass=.snakeEyesBody div:nth-child(2)] color:var(--snakeEyesLightText); text-align:justify; padding:10px 25px; margin:25px; display:flex; justify-content:space-between; align-items:center; [/newclass]
[newclass=.snakeEyesBody div a] font:800 11px/15px roboto; color:var(--snakeEyesAccent); padding:0px 0px 0px 25px; margin:0px; [/newclass]
[newclass=.snakeEyesBody b] font:700 11px/15px roboto; color:var(--snakeEyesAccent); [/newclass]
[newclass=.snakeEyesBody i] color:var(--snakeEyesLightText); border-bottom:1px solid var(--snakeEyesAccent); [/newclass]
[newclass=.snakeEyesCredit] font:700 7px roboto; margin-left:425px; [/newclass]
[newclass=.snakeEyesCredit a] font:700 7px roboto!important; [/newclass]