Suck it up, Buttercup
posted Mar 6, 2019 15:46:55 GMT -6
[nospaces][googlefont=Roboto:400,400i,700|Montserrat:800]
[newclass=.snakeEyesPost] --snakeEyesAccent:#DE1B2E; [/newclass]
[newclass=.se-LIGHTVER] --snakeEyesBG:#ececec; --snakeEyesLightBG:#f3f3f3; --snakeEyesBorder:#ddd; --snakeEyesText:#6a6a6a; --snakeEyesLightText:#aaa; --snakeEyesH2:#3a3a3a; --snakeEyesShadow:#fff; [/newclass]
[newclass=.se-DARKVER] --snakeEyesBG:#333; --snakeEyesLightBG:#444; --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]
[newclass=.snakeEyesPost] --snakeEyesAccent:#DE1B2E; [/newclass]
[attr="class","se-LIGHTVER"]
[attr="class","snakeEyesPost"]
[attr="class","snakeEyesHeader"]
looking down on
CREATION
[attr="class","snakeEyesBody"]
Sounds of light rain and car engines were overpowered by the clacking of Valerie’s keyboard. The weather, as usual, was depressing, and Valerie was stuck inside. She couldn’t seem to get used to the constant rain here, or the colder average temperature. It was spring for Christ’s sake, but the high temperature was around 10 degrees Celsius. Sending off her last email, she stood up and rubbed her arms. Time to turn the thermostat up. [break][break]
Still shivering as the heating system took its time to warm the room, Valerie stood by the window and watched the rain fall. The people outside didn’t seem bothered though. She sighed. The window fogged up, making her blink. Why was Washington so cold? [break][break]
At the sound of a bell, she got off the window. “How may I help you? Yes, it’s just me working here. And yes, I am competent.” Valerie turned around with a lopsided smile. But the joking attitude disappeared as soon as she saw the man who had entered. “Holy-” Though Valerie would like something to do, this was ridiculous. “Are you okay? Come this way.” Valerie led him across the room and motioned to a door.
Sounds of light rain and car engines were overpowered by the clacking of Valerie’s keyboard. The weather, as usual, was depressing, and Valerie was stuck inside. She couldn’t seem to get used to the constant rain here, or the colder average temperature. It was spring for Christ’s sake, but the high temperature was around 10 degrees Celsius. Sending off her last email, she stood up and rubbed her arms. Time to turn the thermostat up. [break][break]
Still shivering as the heating system took its time to warm the room, Valerie stood by the window and watched the rain fall. The people outside didn’t seem bothered though. She sighed. The window fogged up, making her blink. Why was Washington so cold? [break][break]
At the sound of a bell, she got off the window. “How may I help you? Yes, it’s just me working here. And yes, I am competent.” Valerie turned around with a lopsided smile. But the joking attitude disappeared as soon as she saw the man who had entered. “Holy-” Though Valerie would like something to do, this was ridiculous. “Are you okay? Come this way.” Valerie led him across the room and motioned to a door.
[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:#333; --snakeEyesLightBG:#444; --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]