Post by Chryssa Lazou on Jun 14, 2019 21:54:22 GMT
[googlefont=Monsterrat:400,600,700,800][nospaces]
[newclass=".align"]vertical-align:top;display:inline-block;[/newclass]
[newclass=".introText div::-webkit-scrollbar"]width:8px;background-color: #f0f0f0;border: 1px solid #ddd;[/newclass]
[newclass=".introText div::-webkit-scrollbar-thumb"]background: var(--mildAccent);border: 1px solid #eee;[/newclass]
[newclass=".introTemplate"]box-sizing:border-box;border:1px solid #ddd;width:400px;margin:20px auto;--mildAccent:#c4d0cc;background:#fafafa;text-align:left;[/newclass]
[newclass=".introTemplate h1"]margin:0px 0px 15px 0px; font:800 15pt 'montserrat', sans-serif;text-transform:lowercase;padding:15px;background:#eee;color:var(--mildAccent);text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:left;border-bottom:1px solid #e0e0e0;[/newclass]
[newclass=".introTemplate span"]font:800 8pt 'montserrat', sans-serif;display:inline-block;background:#fff;border:1px solid #eee;height:25px;width:auto;margin:5px 0px !important;color:var(--mildAccent);padding:0px 15px;font-size:7pt;line-height:25px;[/newclass]
[newclass=".align a"]font:800 8pt 'montserrat', sans-serif;display:inline-block;background:#fff;border:1px solid #eee;height:25px;width:auto;margin:5px 0px 0px 15px;color:#aaa;padding:0px 15px;font-size:7pt;line-height:25px;[/newclass]
[newclass=".accent"]display:block;height:25px;background:var(--mildAccent);border:1px solid #ddd;width:95px; margin:0px 5px 0px 15px;text-align:center;font:800 8pt 'montserrat', sans-serif;color:#fff;line-height:25px;[/newclass]
[newclass=".introTemplate img"]width:80px;height:80px;background:#eee;padding:1px;border:8px solid #fff;box-shadow: 0 0 0 1px #f2f2f2;-moz-box-shadow: 0 0 0 1px #f2f2f2;-webkit-box-shadow: 0 0 0 1px #f2f2f2;margin:8px 10px 8px 15px;display:block;[/newclass]
[newclass=".introText"]display:inline-block;background:#fff;border:1px solid #f2f2f2;vertical-align:top;width:255px;box-sizing:border-box;padding:20px 20px 10px 20px;color:#aaa;font:400 7pt 'montserrat', sans-serif;margin-bottom:15px;[/newclass]
[newclass=".introText div"]height:100px;overflow:auto;padding-right:8px;margin:10px 0px;text-align:justify;[/newclass]
[break]
[googlefont=montserrat|overpass mono]
[newclass=.eucalyptus]--mainAccent:#718878;--lightAccent:#c4d0cc;--mediumAccent:#ded6d3;--darkAccent:#2d4d42;[/newclass]
[newclass=".eucalyptus"]width: 550px; box-sizing:border-box; border: 1px solid #ddd; margin: 20px auto; background-size: cover; background: #eee; position: relative;}@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(359deg);}}@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}[/newclass]
[newclass=".eucalyptus b"]color: var(--mainAccent);[/newclass]
[newclass=".eucalyptus a"]font: 8pt 'Overpass Mono', monospace; text-decoration: none; color: var(--mainAccent);[/newclass]
[newclass=".eDecal"] position: absolute; height: 100%; width: 50px; background: var(--mainAccent); right: -50px; border: 1px solid var(--darkAccent); box-sizing: border-box;[/newclass]
[newclass=".eAvatar"] position: relative; display: inline-block; margin: 15px; margin-right: 0px;[/newclass]
[newclass=".eAvatar div"]animation: rotation 8s infinite linear; width: 100px; height: 100px; border-radius: 50%; border-left: 4px solid var(--lightAccent); border-right: 4px solid var(--lightAccent); border-top: 3px dotted var(--lightAccent); border-bottom: 3px dotted var(--lightAccent);[/newclass]
[newclass=".eAvatar img"]position: absolute; top: 11px; left: 11px; width: 85px; height: 85px; border-radius: 50%; border: 1px solid var(--mainAccent); box-sizing: border-box; transition: ease 1s; -webkit-transition: ease 1s; -moz-transition: ease 1s;[/newclass]
[newclass=".eTitle"]font: 400 20pt 'montserrat',sans-serif; display: inline-block; vertical-align: top; margin: 30px 15px 0px 15px; height: 60px; width: 335px; color: var(--mainAccent); position: relative; line-height: 80px; border-bottom: 1px dotted var(--lightAccent)[/newclass]
[newclass=".eBody"] display: block; border-top: 1px solid #d0d0d0; background: #f6f6f6; padding: 15px 0px 15px 15px;[/newclass]
[newclass=".eText"]display: inline-block; vertical-align: top; margin: 0px 15px 15px 15px; width: 360px; max-height: 350px; text-align: justify; overflow: auto; font: 500 11px 'montserrat',sans-serif; color: #777; border: 0px; border-left: 1px solid #eaeaea; padding:0px 15px;[/newclass]
[newclass=".eText::-webkit-scrollbar"] width: 8px; background-color: #eaeaea; border: 1px solid #e0e0e0;[/newclass]
[newclass=".eText::-webkit-scrollbar-thumb"]background: var(--lightAccent); border: 1px solid #aaa;[/newclass]
[newclass=".eSide"]width: 100px; display: inline-block; vertical-align: top;[/newclass]
[newclass=".eSide div"]width: 90px; display: block; padding: 15px 8px; border-radius: 2px; background: var(--mediumAccent); margin: 10px 0px; text-align: center; font: 8pt 'Overpass Mono', monospace; color: var(--mainAccent); [/newclass]
[newclass=".eFooter"]height: 40px; background: #eee; display: block; border: 1px solid #ddd; position: absolute; width: 600px; box-sizing: border-box; left: -1px; padding: 0px 15px; text-align: right; line-height: 40px;[/newclass]
[newclass=".tCredits"]display:block;text-align:right;position:absolute;bottom:-10px;left:20px;[/newclass]
[newclass=".tCredits a"]font-weight:700;color:#ccc;text-decoration:none[/newclass]
[newclass=".eucalyptus:hover img:nth-of-type(2)"]opacity:0;[/newclass]
[newclass=".align"]vertical-align:top;display:inline-block;[/newclass]
[newclass=".introText div::-webkit-scrollbar"]width:8px;background-color: #f0f0f0;border: 1px solid #ddd;[/newclass]
[newclass=".introText div::-webkit-scrollbar-thumb"]background: var(--mildAccent);border: 1px solid #eee;[/newclass]
[newclass=".introTemplate"]box-sizing:border-box;border:1px solid #ddd;width:400px;margin:20px auto;--mildAccent:#c4d0cc;background:#fafafa;text-align:left;[/newclass]
[newclass=".introTemplate h1"]margin:0px 0px 15px 0px; font:800 15pt 'montserrat', sans-serif;text-transform:lowercase;padding:15px;background:#eee;color:var(--mildAccent);text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:left;border-bottom:1px solid #e0e0e0;[/newclass]
[newclass=".introTemplate span"]font:800 8pt 'montserrat', sans-serif;display:inline-block;background:#fff;border:1px solid #eee;height:25px;width:auto;margin:5px 0px !important;color:var(--mildAccent);padding:0px 15px;font-size:7pt;line-height:25px;[/newclass]
[newclass=".align a"]font:800 8pt 'montserrat', sans-serif;display:inline-block;background:#fff;border:1px solid #eee;height:25px;width:auto;margin:5px 0px 0px 15px;color:#aaa;padding:0px 15px;font-size:7pt;line-height:25px;[/newclass]
[newclass=".accent"]display:block;height:25px;background:var(--mildAccent);border:1px solid #ddd;width:95px; margin:0px 5px 0px 15px;text-align:center;font:800 8pt 'montserrat', sans-serif;color:#fff;line-height:25px;[/newclass]
[newclass=".introTemplate img"]width:80px;height:80px;background:#eee;padding:1px;border:8px solid #fff;box-shadow: 0 0 0 1px #f2f2f2;-moz-box-shadow: 0 0 0 1px #f2f2f2;-webkit-box-shadow: 0 0 0 1px #f2f2f2;margin:8px 10px 8px 15px;display:block;[/newclass]
[newclass=".introText"]display:inline-block;background:#fff;border:1px solid #f2f2f2;vertical-align:top;width:255px;box-sizing:border-box;padding:20px 20px 10px 20px;color:#aaa;font:400 7pt 'montserrat', sans-serif;margin-bottom:15px;[/newclass]
[newclass=".introText div"]height:100px;overflow:auto;padding-right:8px;margin:10px 0px;text-align:justify;[/newclass]
[break]
[googlefont=montserrat|overpass mono]
[newclass=.eucalyptus]--mainAccent:#718878;--lightAccent:#c4d0cc;--mediumAccent:#ded6d3;--darkAccent:#2d4d42;[/newclass]
[attr="class","eucalyptus"]
[attr="class","eDecal"]
[attr="class","eAvatar"]
[attr="class","eTitle"]A thief has a hard time
[attr="class","eBody"]
[attr="class","eText"]It wasn’t often Chryssa went out to do… anything, really. She could not stand the bright lights, the loud noises, and the constant interruptions to her thoughts that seemed to happen whenever she left the comfort of her dorm… her dorm… oh, how she missed her dorm already. Comfortable, dark, quiet. A place where she could be alone with her thoughts and books in peace, and act like the NEET she was at heart. Not the most admirable lifestyle, but the one that brought most pleasure to her.[break][break]
Still, there were disadvantages to being lost in thought all alone, and it came in the form of… an alleyway? Blinking, she took stock of the location she was in and quite quickly recognised it as the alleyway she often took as a shortcut to get back to U.A., and subsequently to her dorm. She did not, however, really take it at night. Having grown up in the slums of Greece, she knew that certain places were to be avoided at certain times.[break][break]
But her luck had run out as she felt a hand on her neck and the sight of a white-hot palm, “Hand over the cash or I’ll fry your face, girlie.” Came the gruff voice of her assailant.[break][break]
What a pain.[break][break]
“Very well, let’s not be hasty now…” She said, slowly moving her hand to her pocket and handing over her wallet to him, which he quickly snatched and immediately took off with… straight into a concrete wall.[break][break]
“What the…” He didn’t get to finish his sentence as he heard the sound of the ground shifting behind him, looking back to see what several stone pillars, too thick to be broken down and too close to each other to pass between. He was essentially locked inside a crude, stone jail cell. Another piece of stone came from the wall and punched the wallet out of his hand and into the ground in front of Chryssa, which she calmly picked up and pocketed.[break][break]
“Oy, let me out! I’m gonna-!”[break][break]
“You’re going to wait here while I call police.” Chryssa interrupted him as she fished for her phone inside her pocket. Little did she know, the thief was already being tracked…
Still, there were disadvantages to being lost in thought all alone, and it came in the form of… an alleyway? Blinking, she took stock of the location she was in and quite quickly recognised it as the alleyway she often took as a shortcut to get back to U.A., and subsequently to her dorm. She did not, however, really take it at night. Having grown up in the slums of Greece, she knew that certain places were to be avoided at certain times.[break][break]
But her luck had run out as she felt a hand on her neck and the sight of a white-hot palm, “Hand over the cash or I’ll fry your face, girlie.” Came the gruff voice of her assailant.[break][break]
What a pain.[break][break]
“Very well, let’s not be hasty now…” She said, slowly moving her hand to her pocket and handing over her wallet to him, which he quickly snatched and immediately took off with… straight into a concrete wall.[break][break]
“What the…” He didn’t get to finish his sentence as he heard the sound of the ground shifting behind him, looking back to see what several stone pillars, too thick to be broken down and too close to each other to pass between. He was essentially locked inside a crude, stone jail cell. Another piece of stone came from the wall and punched the wallet out of his hand and into the ground in front of Chryssa, which she calmly picked up and pocketed.[break][break]
“Oy, let me out! I’m gonna-!”[break][break]
“You’re going to wait here while I call police.” Chryssa interrupted him as she fished for her phone inside her pocket. Little did she know, the thief was already being tracked…
[attr="class","eFooter"]Romulus Anselma
[attr="class","tCredits"]TIME
[newclass=".eucalyptus"]width: 550px; box-sizing:border-box; border: 1px solid #ddd; margin: 20px auto; background-size: cover; background: #eee; position: relative;}@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(359deg);}}@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}[/newclass]
[newclass=".eucalyptus b"]color: var(--mainAccent);[/newclass]
[newclass=".eucalyptus a"]font: 8pt 'Overpass Mono', monospace; text-decoration: none; color: var(--mainAccent);[/newclass]
[newclass=".eDecal"] position: absolute; height: 100%; width: 50px; background: var(--mainAccent); right: -50px; border: 1px solid var(--darkAccent); box-sizing: border-box;[/newclass]
[newclass=".eAvatar"] position: relative; display: inline-block; margin: 15px; margin-right: 0px;[/newclass]
[newclass=".eAvatar div"]animation: rotation 8s infinite linear; width: 100px; height: 100px; border-radius: 50%; border-left: 4px solid var(--lightAccent); border-right: 4px solid var(--lightAccent); border-top: 3px dotted var(--lightAccent); border-bottom: 3px dotted var(--lightAccent);[/newclass]
[newclass=".eAvatar img"]position: absolute; top: 11px; left: 11px; width: 85px; height: 85px; border-radius: 50%; border: 1px solid var(--mainAccent); box-sizing: border-box; transition: ease 1s; -webkit-transition: ease 1s; -moz-transition: ease 1s;[/newclass]
[newclass=".eTitle"]font: 400 20pt 'montserrat',sans-serif; display: inline-block; vertical-align: top; margin: 30px 15px 0px 15px; height: 60px; width: 335px; color: var(--mainAccent); position: relative; line-height: 80px; border-bottom: 1px dotted var(--lightAccent)[/newclass]
[newclass=".eBody"] display: block; border-top: 1px solid #d0d0d0; background: #f6f6f6; padding: 15px 0px 15px 15px;[/newclass]
[newclass=".eText"]display: inline-block; vertical-align: top; margin: 0px 15px 15px 15px; width: 360px; max-height: 350px; text-align: justify; overflow: auto; font: 500 11px 'montserrat',sans-serif; color: #777; border: 0px; border-left: 1px solid #eaeaea; padding:0px 15px;[/newclass]
[newclass=".eText::-webkit-scrollbar"] width: 8px; background-color: #eaeaea; border: 1px solid #e0e0e0;[/newclass]
[newclass=".eText::-webkit-scrollbar-thumb"]background: var(--lightAccent); border: 1px solid #aaa;[/newclass]
[newclass=".eSide"]width: 100px; display: inline-block; vertical-align: top;[/newclass]
[newclass=".eSide div"]width: 90px; display: block; padding: 15px 8px; border-radius: 2px; background: var(--mediumAccent); margin: 10px 0px; text-align: center; font: 8pt 'Overpass Mono', monospace; color: var(--mainAccent); [/newclass]
[newclass=".eFooter"]height: 40px; background: #eee; display: block; border: 1px solid #ddd; position: absolute; width: 600px; box-sizing: border-box; left: -1px; padding: 0px 15px; text-align: right; line-height: 40px;[/newclass]
[newclass=".tCredits"]display:block;text-align:right;position:absolute;bottom:-10px;left:20px;[/newclass]
[newclass=".tCredits a"]font-weight:700;color:#ccc;text-decoration:none[/newclass]
[newclass=".eucalyptus:hover img:nth-of-type(2)"]opacity:0;[/newclass]