Post by Chryssa Lazou on Jun 12, 2019 20:16:04 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"]Are heroes just a myth?
[attr="class","eBody"]
[attr="class","eText"]The Prince. Most who read it in this day and age found what it said to be abhorrent, an awfully pragmatic. It declared horrid things, silencing enemies, oppressing smaller nations, manipulating your people, all for the purpose of keeping the prince in power.[break][break]
And yet Chryssa, as with all things produced by humans, couldn’t help but be fascinated by the book. She was far removed from anything The Prince described, and she would not at all be able to go through with it, but what the book did do was expose a huge amount of info on the human psyche. Whether purposeful or inadvertent didn’t matter to Chryssa; it interested her like no other book did. To that effect, she had read it countless time, when she was bored in class, when she was alone in her room, when she was taking a walk and pulled a book out of her purse. It was always there.[break][break]
Why… did she like the book, though? She absently slid her hands across the various books in the bookshelf… bookshelf? A cursory looked around confirmed it. She was in the library. Not a bad place to go while you let your mind wander, all things considered. She noted that The Prince was there, waiting to be savoured once again… but no. Knowing already the book by heart, she picked another… another…[break][break]
The Portable Jung. That seemed like a good choice, and considering she dabbled less in psychology, she felt the urge to pick it up and re-read it. Brushing up was always good, and for all her knowledge in sociology and philosophy, the core of understanding the human psyche needed psychology. So many questions swimming in her mind as she committed every sentence to mind. But yet, one question stood above all.[break][break]
“What is a man?”
And yet Chryssa, as with all things produced by humans, couldn’t help but be fascinated by the book. She was far removed from anything The Prince described, and she would not at all be able to go through with it, but what the book did do was expose a huge amount of info on the human psyche. Whether purposeful or inadvertent didn’t matter to Chryssa; it interested her like no other book did. To that effect, she had read it countless time, when she was bored in class, when she was alone in her room, when she was taking a walk and pulled a book out of her purse. It was always there.[break][break]
Why… did she like the book, though? She absently slid her hands across the various books in the bookshelf… bookshelf? A cursory looked around confirmed it. She was in the library. Not a bad place to go while you let your mind wander, all things considered. She noted that The Prince was there, waiting to be savoured once again… but no. Knowing already the book by heart, she picked another… another…[break][break]
The Portable Jung. That seemed like a good choice, and considering she dabbled less in psychology, she felt the urge to pick it up and re-read it. Brushing up was always good, and for all her knowledge in sociology and philosophy, the core of understanding the human psyche needed psychology. So many questions swimming in her mind as she committed every sentence to mind. But yet, one question stood above all.[break][break]
“What is a man?”
[attr="class","eFooter"]Daiki Satou
[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]