welcome to Eldritch Academy
In a world of myths and mysteries, the pinnacle of the magical academies exists. Eldritch Academy offers education to all ages and species but specializes in the study and training of one's innate mystical capabilities, often called Eldritch Energies, Powers, or Unknowns, but more formally known as their Talent. However, tensions run high with the nations only holding a fragile peace as the Talents that rival the epitomes of technology change the balance of power.
With the more recent uprising of evil Shades and introduction of combat-oriented programs into Talent-focused schools, nations grow more aggressive towards one another. The demand for resources grows, and skirmishes at the border of Arka and Mistere become more frequent. Monsters run into the nations from the Wildes, terrorizing villages and cities. The need for trained or in-training Hunters and Guardians has never been more urgent.
Of Myths and Mysteries
eldritch academy The Tea Team
Blueprint is a premade Proboards v5 theme designed and built by punki of Adoxography and Pixel Perfect. Eldritch Academy is the work of the mind(s) of The Tea Team. All characters and content are copyright their creators, and may not be replicated without their creators' permission. All images belong to their original owners.
updates
FEBRUARY 20, 2019
Community Update 2.5 is out! We would like to introduce you to Student Dorm Assistants, a newly organized staff list, and best of all, an updated Academy Guide!
DATE HERE
Community Update #2 is out! We bring you a Fame/Infamy system, an organized Event/PvP system, a new Academy Guide featuring new roles and colorgroups to replace our dorm colors, along with monsters, quests, teams, shards, and more!
Elizabeth Chastain
OOC Account
GRADE •
D-
VITALITY •
1
STRENGTH •
1
SPEED •
3
RESILIENCE •
1
STAMINA •
1
|
Nov 20, 2018 22:51:44 GMT -6
Post by Elizabeth Chastain on Nov 20, 2018 22:51:44 GMT -6
[nospaces] [attr="class","sab1"] [attr="class","sabimg"] [attr="class","sabbox"] [attr="class","sabtext"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan, nisi in blandit dignissim, est augue pellentesque lacus, viverra commodo odio lorem eu tortor. Nam sed tristique enim, semper sollicitudin nisi. Quisque congue accumsan ultrices. Vivamus erat ante, tristique eget ante sed, vulputate iaculis erat. Donec orci mauris, finibus et varius eget, condimentum ut orci. Ut fermentum sollicitudin urna at rhoncus. Fusce et dictum urna, ac eleifend lectus. Cras ac pretium tortor, sed faucibus urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla viverra erat quis elementum faucibus. Cras viverra, lacus in fringilla consequat, nisi est consequat felis, vel fringilla metus nulla at nisl. Phasellus quis lacus sed libero varius ultrices. [break][break] Donec tincidunt, urna non tincidunt imperdiet, nulla sem ultricies ipsum, et pretium ex urna vel magna. Pellentesque id volutpat mi, ut tristique lorem. Nullam tincidunt justo eu nisl ullamcorper, et ullamcorper nulla viverra. Nulla finibus eros eu nisl condimentum, non tempus velit laoreet. Suspendisse sagittis sagittis dolor, vitae dapibus velit porttitor quis. Suspendisse vitae accumsan nisl, vestibulum bibendum massa. Sed tempus sit amet ligula id malesuada. [break][break] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec nisl sem. Aliquam a massa sit amet libero facilisis ultricies quis eu neque. Aenean eu convallis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vitae pulvinar sapien. Duis aliquam diam vitae erat lacinia dictum. [break][break] Praesent non est velit. Curabitur mi risus, dapibus pellentesque lobortis tincidunt, feugiat et nunc. Pellentesque ornare, purus sit amet varius laoreet, urna odio tristique lorem, et maximus elit neque nec eros. Donec id auctor orci. Curabitur fermentum turpis at accumsan sodales. Nullam varius quis sapien vel semper. Nunc semper commodo consequat. Maecenas consectetur facilisis placerat. Donec eu erat felis. Suspendisse eget aliquam massa. Curabitur a sem ex. [break][break] Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed facilisis cursus augue. In fermentum neque at euismod elementum. Nunc dui lacus, aliquet eget aliquet eu, fringilla sed urna. Nam ultrices risus non ipsum ullamcorper tincidunt vitae non urna. Proin vitae aliquam tellus, ut ullamcorper mauris. Nulla non nulla nulla. Mauris dapibus lacus metus, a fringilla mauris pellentesque egestas. Donec sapien ipsum, maximus eu hendrerit vel, finibus sed libero. Sed sit amet vestibulum leo, a pellentesque massa. Cras sed ultrices metus.
[newclass=.sab1] height:600px;width:600px;background:#C30000;position:relative;[/newclass] [newclass=.sabimg] height:600px;width:300px;position:absolute;background: linear-gradient(-90deg, #C30000, transparent), url("https://i.imgur.com/RfWtWQM.png") no-repeat center; [/newclass] [newclass=.sabbox] height:460px;width:340px;background:#fff;position:absolute;top:80px;right:0px;padding:20px;[/newclass] [newclass=.sabtext]height:460px;width:340px;overflow:auto;font-family:Roboto;font-size:12px;text-align:left;color:#000;[/newclass] [newclass=.sabtag]height:10px; width:100px; background:#fff; position:absolute; right:0px; top:-55px; padding:10px; font-family: Roboto; font-size:9px;color:#000;[/newclass] [newclass=.sabtext b]font-style:bold; color:#C30000;[/newclass] [newclass=.sabtext::-webkit-scrollbar]width:2px;[/newclass] [newclass=.sabtext::-webkit-scrollbar-thumb]background:#C30000;[/newclass] [newclass=.sabtext::-webkit-scrollbar-track]background:#eee;[/newclass]
|
|
Naomi Stirling
OOC Account
GRADE •
60
VITALITY •
1
STRENGTH •
2
SPEED •
2
RESILIENCE •
1
STAMINA •
1
|
Nov 22, 2018 21:26:49 GMT -6
Post by Naomi Stirling on Nov 22, 2018 21:26:49 GMT -6
[nospaces] [attr="class","naomibox"] [attr="class","naomioutline1"] [attr="class","naomioutline2"] [attr="class","naomipic1"] [attr="class","naomihover"] [attr="class","naomitextbox"] [attr="class","naomitext"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet lectus et mauris efficitur, et aliquet lacus aliquam. Aenean volutpat nisi orci, a ornare felis condimentum at. Sed maximus lobortis tortor in elementum. Fusce aliquet lorem elit, et bibendum lacus maximus ac. Cras ornare mauris magna, et consequat justo mattis facilisis. Suspendisse eget arcu at massa consectetur semper. Donec at sodales lacus. Suspendisse viverra lectus sit amet magna fermentum luctus. Praesent euismod elit in congue convallis. Quisque vitae leo sem. Sed dolor diam, pharetra nec rhoncus in, tempor ut turpis. Maecenas molestie erat in nunc pharetra, tincidunt dignissim velit elementum. [break][break] Pellentesque vel purus non dui pretium sagittis non non dui. Morbi eu mollis quam. Cras sed augue rutrum, luctus turpis at, interdum justo. Nullam ullamcorper nibh mi, bibendum consequat risus bibendum non. Sed quis nulla a neque imperdiet tempor. Mauris at dapibus nulla. Donec facilisis eros in neque lobortis luctus. Duis sit amet tortor nec massa condimentum hendrerit sit amet sed lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sed rhoncus risus. [break][break] Sed mollis lectus dignissim, hendrerit risus ut, vehicula sapien. Nam eget commodo ipsum. Nam mi ipsum, aliquam et elementum non, iaculis eget purus. Pellentesque vel ornare lorem. Nunc et egestas magna, et finibus justo. Pellentesque eu finibus lacus. Quisque varius tempor neque, in vestibulum sem laoreet at. Suspendisse ante orci, pellentesque eget urna at, elementum tempus felis. Phasellus eget condimentum nisl. Fusce luctus eu nibh non viverra. Proin vestibulum lacinia laoreet. [break][break] Integer eleifend congue nisi. Maecenas commodo viverra ante, et pretium tortor aliquam nec. Morbi a felis ultrices, placerat sem eu, hendrerit quam. Duis nec erat arcu. Aliquam euismod felis lorem, eget laoreet odio pulvinar a. Fusce vitae imperdiet purus, quis ullamcorper metus. In hac habitasse platea dictumst. Donec rutrum leo tempor posuere pellentesque. Donec sapien turpis, tristique nec luctus eget, rhoncus eget leo. Curabitur sed laoreet nulla, ut porta nulla. Vestibulum eu aliquam sem, nec vehicula sapien. Donec non ullamcorper mi. [break][break] Vestibulum ultricies ex vel dolor feugiat ultrices. Duis dapibus nisl a urna ultricies volutpat. Cras vitae odio at turpis congue malesuada. In iaculis massa molestie, faucibus magna mollis, ultrices arcu. Suspendisse lectus arcu, bibendum a commodo id, molestie quis odio. Praesent vel nulla id sem sollicitudin efficitur at nec libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce massa leo, convallis in ligula aliquam, facilisis porta libero. Nam orci odio, ultrices ut lacus aliquet, blandit bibendum arcu. Sed rhoncus purus fringilla, ultricies ligula ut, egestas lacus.
[newclass=.naomibox]height:500px;width:700px;background-color:#17202A;padding:10px;position:relative;[/newclass] [newclass=.naomioutline1]border-color:#fff;border-style:solid;border-width:1px;position:relative;height:500px;width:700px;[/newclass] [newclass=.naomioutline2]border-color:#fff;border-style:solid;border-width:1px;position:relative;height:490px;width:690px;top:4px;[/newclass] [newclass=.naomipic1]height:488px;width:690px;background:url("https://i.imgur.com/jm0VqHO.jpg");position:relative;top:-495px;left:1px;[/newclass] [newclass=.naomihover]height:400px;width:400px;background-color:#17202A;position:relative;top:-925px;left:100px;margin-top:20px;transition:1s;transition-delay:0s;opacity:0;padding:5px[/newclass] [newclass=.naomibox:hover .naomihover]visibility:visible;opacity:1;margin-top:0px;transition:0.5s;transition-delay:0s;[/newclass] [newclass=.naomitextbox]height:380px;width:380px;background-color:#fff;padding:10px;[/newclass] [newclass=.naomitext]height:380px;width:380px;overflow:auto;font-size:11px;position:relative;top:0px;color:#000;text-align:left;[/newclass] [newclass=.naomitags]width:100px;background-color:#17202A;color:#fff;font-size:10px;padding:5px;display:inline-block;position:relative;top:-450px;left:300px;text-align:left;[/newclass] [newclass=.naomitext b]font-style:bold; color:#FF7777;[/newclass] [newclass=.naomitext::-webkit-scrollbar]width:2px;[/newclass] [newclass=.naomitext::-webkit-scrollbar-thumb]background:#FFE8E8;[/newclass] [newclass=.naomitext::-webkit-scrollbar-track]background:#eee;[/newclass]
|
|
Mavis Sheryl Wolf
OOC Account
GRADE •
60 (D-)
VITALITY •
1
STRENGTH •
1
SPEED •
1
RESILIENCE •
3
STAMINA •
1
|
Dec 1, 2018 2:52:20 GMT -6
Post by Mavis Sheryl Wolf on Dec 1, 2018 2:52:20 GMT -6
[nospaces] [attr="class","oui"] [attr="class","tu"] [attr="class","moi"] [attr="class","dancer"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ligula justo, varius vel leo ut, vestibulum interdum ex. Nunc id dui non sem ullamcorper tempus. Nulla aliquet urna in orci cursus placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus hendrerit feugiat velit. Aliquam eu nunc feugiat, fringilla felis sit amet, egestas eros. Etiam ac ex euismod velit laoreet suscipit quis sit amet est. Sed ultrices, ligula vel aliquet pellentesque, felis eros venenatis libero, et finibus sapien libero sit amet metus. Nam diam enim, ullamcorper vitae nisl vitae, malesuada finibus dui. Mauris ac magna porttitor, laoreet lectus at, condimentum dolor. Nam non aliquet elit. Etiam lorem lorem, congue sit amet eros at, suscipit posuere velit. In elit tortor, commodo non dapibus nec, dapibus quis enim. Suspendisse nec aliquam odio, a lacinia nulla. Integer in auctor magna, at venenatis nisl. Proin leo elit, placerat sit amet turpis eu, vestibulum maximus arcu. [break][break] Cras luctus elit tortor, vel ultrices nunc gravida ut. Integer tristique, nunc ut dignissim mattis, justo tortor cursus neque, fringilla consectetur risus augue ac dui. Duis commodo nisi ultrices nisi sagittis, eu posuere orci varius. Aenean porttitor ligula neque, nec fermentum ligula cursus nec. Ut volutpat eros eu tellus accumsan lacinia. Fusce ut faucibus nulla, sagittis tincidunt leo. Integer pellentesque ornare elit, a pretium dui pharetra et. Fusce dapibus ultrices volutpat. Proin fermentum imperdiet turpis, nec ultrices metus efficitur ut. Proin hendrerit nisl ante, eget aliquet ante porta eu. [break][break] Suspendisse potenti. Donec eget sagittis magna, non bibendum lacus. Fusce ut nibh quam. Aliquam rutrum nec lectus ut vehicula. Nunc et volutpat massa, vel faucibus dolor. Praesent consectetur odio id ligula euismod varius. Duis pellentesque nibh sit amet mauris euismod, id consectetur tortor bibendum. Morbi consectetur ligula id libero pulvinar fringilla. Maecenas ut nibh viverra, suscipit neque quis, placerat massa. Pellentesque gravida mi vel odio sollicitudin placerat. Pellentesque quis ultricies ex. Proin fermentum a diam at egestas. Etiam facilisis neque et sapien pellentesque scelerisque. Pellentesque a faucibus ipsum. Ut ac ipsum eu ipsum facilisis faucibus. Fusce non tortor quis sapien malesuada vulputate. [break][break] Praesent non leo non nibh fringilla maximus ut eu est. Aenean iaculis, nibh eu accumsan sagittis, lectus nisi dignissim sem, ac tempus elit quam sit amet mauris. Morbi volutpat non ex a vulputate. Nulla efficitur nisi sodales sem feugiat, in laoreet dolor dictum. Quisque dictum, est at posuere placerat, odio justo euismod mi, eu rutrum tellus ligula eu lorem. Fusce consectetur dui purus. Vivamus ac justo justo. Mauris sit amet turpis auctor, malesuada tellus at, convallis nisi. Pellentesque eleifend massa ac lacinia gravida. Cras massa erat, pulvinar sit amet nisl vestibulum, tristique lobortis risus. [break][break] Nulla nec nunc ut felis cursus dapibus. Donec faucibus gravida justo, at tincidunt tellus finibus nec. Nulla sodales, urna vitae tempor eleifend, sapien libero euismod turpis, in congue lorem nisi quis elit. Fusce vitae posuere neque, at tincidunt sem. Nam lectus enim, consequat a blandit sit amet, scelerisque at erat. Pellentesque molestie turpis eget nisi cursus congue. Sed sed turpis in eros posuere egestas. In luctus elit in ligula placerat, in congue dolor ornare. Nullam ullamcorper nulla id sapien pretium cursus. Sed id elit non nibh facilisis rutrum et sed nisl.
[newclass=.oui]height:600px;width:450px;background-color:#fff;position:relative;padding:10px; [/newclass] [newclass=.tu]height:600px;width:450px;;background:url("https://i.imgur.com/hWA9JUO.jpg"); [/newclass] [newclass=.moi]height:400px;width:450px;background-color:#fff;position:relative;top:130px; [/newclass] [newclass=.non]height:100px;width:100px;;background:url("https://i.imgur.com/ZYs5iiA.jpg");border-radius:100px;border-style:solid;border-color:#fff;border-width:10px;position:relative;top:-80px; [/newclass] [newclass=.toi]min-width:145px;background-color:#fff;position:relative;right:170px;top:40px;padding:5px;font-family:copperplate;font-size:12px;border-radius:100px 100px 0px 100px; [/newclass] [newclass=.dancer]height:330px;width:400px;font-size:11px;overflow:auto;text-align:left;position:relative;top:-70px;color:#000; [/newclass] [newclass=.dancer b]font-style:bold;color:#C29CCA; [/newclass]
|
|
Emmeryn
OOC Account
GRADE •
60 (D-)
VITALITY •
1
STRENGTH •
1
SPEED •
2
RESILIENCE •
2
STAMINA •
1
|
Dec 6, 2018 0:35:53 GMT -6
Post by Emmeryn on Dec 6, 2018 0:35:53 GMT -6
[nospaces] [attr="class","emmeryn"] [attr="class","emmy"] [attr="class","ryn"] [attr="class","slime"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer erat nisi, posuere in quam in, ultricies vehicula dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer non rutrum sem, in euismod turpis. Aenean euismod aliquam justo, maximus fermentum magna vestibulum vel. Nunc euismod porttitor tincidunt. Quisque mattis tincidunt diam, ut rutrum risus vulputate eget. Ut id nisl lorem. Etiam vel dictum mi. Pellentesque at consectetur urna, non sodales tellus. Aenean nec pulvinar nulla. Aenean pellentesque leo eu neque vestibulum aliquam. [break][break] Donec vitae nulla metus. Nulla vel sapien bibendum, vestibulum neque vel, aliquet neque. Nulla vel ipsum sodales risus pretium faucibus at ac enim. Curabitur auctor enim ut orci pellentesque, efficitur semper tortor fermentum. In elementum nisl at dolor maximus lobortis sed id augue. Cras et tellus pellentesque, ornare massa bibendum, accumsan lacus. Integer sagittis metus mi, et suscipit enim mattis a. Vestibulum non venenatis ex. In volutpat risus et diam hendrerit, convallis feugiat risus consequat. In quis ex commodo, iaculis justo in, egestas magna. Integer ornare cursus nibh ut laoreet. Ut imperdiet mattis ipsum, non laoreet felis commodo vitae. Donec placerat enim in orci consectetur, in vehicula justo feugiat. Donec felis odio, elementum vitae molestie a, tincidunt sed nunc. Phasellus sed tempor mauris. [break][break] Nullam euismod lectus id quam posuere, malesuada feugiat risus ultrices. Nullam vulputate pharetra est ac condimentum. Duis commodo, leo eget convallis fringilla, ligula leo tincidunt tortor, sollicitudin ullamcorper ipsum leo nec enim. Etiam tempor mauris non tempor eleifend. Vestibulum eu molestie purus. Phasellus interdum quam suscipit feugiat dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean varius massa eget ipsum lobortis euismod. Nulla iaculis laoreet nunc eu aliquet. Aenean tempor, dui eu lacinia bibendum, dolor leo suscipit velit, ut interdum leo massa sed tellus. Donec leo magna, auctor at odio ac, molestie tristique velit. Morbi a sagittis diam. Suspendisse ut urna ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; [break][break] Aenean sollicitudin tortor ultricies cursus ultricies. Donec nec ante suscipit orci lacinia rhoncus. Duis in augue eget felis efficitur semper. Maecenas aliquet condimentum turpis ut imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut a arcu nec sem varius vulputate. Aenean volutpat felis id eleifend faucibus. Duis consectetur lectus vitae neque convallis, non tempor eros consectetur. Sed quis aliquam dui. [break][break] Suspendisse lacus mi, faucibus eu interdum at, pharetra dapibus nulla. Nullam non arcu porttitor, eleifend sapien ac, sodales leo. Aliquam ut elit auctor velit maximus sagittis. Morbi laoreet vel purus egestas porttitor. In placerat massa urna, ac iaculis sapien pharetra ac. Curabitur pellentesque ultrices pulvinar. Ut ut orci sit amet dui fermentum varius. Duis iaculis, lectus non feugiat condimentum, lorem libero suscipit nibh, vel feugiat mauris orci suscipit magna. Sed porta tellus eget pellentesque facilisis. Nulla in cursus felis. Duis in metus arcu. Phasellus vitae leo efficitur, scelerisque turpis vel, luctus ipsum. Aliquam sit amet viverra massa, at rhoncus tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris arcu justo, interdum a ipsum non, scelerisque mattis purus. Donec a maximus nibh.
[newclass=.emmeryn]height:600px;width:500px;padding:5px;background-color:#EBF5FB;position:relative; [/newclass] [newclass=.emmy]height:600px;width:500px;background:url("https://i.imgur.com/EtAFJJC.jpg");position:relative; [/newclass] [newclass=.ryn]height:300px;width:500px;background:#fff;position:relative;top:300px;left:-5px;border-style:solid solid solid solid;border-width:5px;border-radius: 200px 0px 0px 0px;border-color:#EBF5FB; [/newclass] [newclass=.slime]height:260px;width:300px;position:relative;top:20px;left:70px;overflow:auto;font-size:10px;text-align:left;color:#000; [/newclass] [newclass=.slick]max-height:30px;min-width:90px;background-color:#EBF5FB;border-radius: 0px 300px 300px 0px;position:relative;left:-190px;top:-10px;display:inline-block;text-align:left;padding:5px 5px 5px 30px;font-size:9px;color:#000; [/newclass] [newclass=.slime b]font-style:bold;color:#A9CCE3; [/newclass]
|
|
Si-Yeon Jasmine Chi
Civilian
VITALITY •
1
STRENGTH •
1
SPEED •
4
RESILIENCE •
1
STAMINA •
3
Ribbon Dancing
|
Succubus
|
Nano
|
|
Dec 6, 2018 2:32:29 GMT -6
Post by Si-Yeon Jasmine Chi on Dec 6, 2018 2:32:29 GMT -6
[nospaces][googlefont=Roboto:400,400i,600,700|Playfair+Display:400,700|Libre+Baskerville:400] [newclass=.fg-box] --fg-accent:#6E85AB; background:url(https://i.imgur.com/7eRyv84.png)!important; [/newclass] [attr="class","fg-box"] [attr="class","fg-lyrics"]
screaming
the name
of a
foreigner's god
[attr="class","fg-post"] she moved with shameless wonder, the perfect creature rarely seen. since some liar brought the thunder, when the land was godless and free. her eyes look sharp and steady, into the empty parts of me. but still my heart is heavy, with the hate of some other man's beliefs. always a well dressed fraud, who wouldn't spare the rod. never for me. screaming the name of a foreigner's god, screaming the name of a foreigner's god, screaming the name of a foreigner's god, the purest expression of grief. wondering who i copy, mustering some tender charm. she feels no control of her body, she feels no safety in my arms. i've no language left to say it, but all i do is quake to her. breaking if i try convey it, the broken love i make to her. all that i've been taught, and every word i've got, is foreign to me. screaming the name of a foreigner's god, screaming the name of a foreigner's god, screaming the name of a foreigner's god, the purest expression of grief. [break][break] she moved with shameless wonder, the perfect creature rarely seen. since some liar brought the thunder, when the land was godless and free. her eyes look sharp and steady, into the empty parts of me. but still my heart is heavy, with the hate of some other man's beliefs. always a well dressed fraud, who wouldn't spare the rod. never for me. screaming the name of a foreigner's god, screaming the name of a foreigner's god, screaming the name of a foreigner's god, the purest expression of grief. wondering who i copy, mustering some tender charm. she feels no control of her body, she feels no safety in my arms. i've no language left to say it, but all i do is quake to her. breaking if i try convey it, the broken love i make to her. all that i've been taught, and every word i've got, is foreign to me. screaming the name of a foreigner's god, screaming the name of a foreigner's god, screaming the name of a foreigner's god, the purest expression of grief. Si-Yeon Jasmine Chi[attr="class","fg-circ"] [attr="class","fg-cred"] SELKIE[newclass=.fg-box] width:500px; height:600px; display:flex; align-items:center; justify-content:center; background:url(http://placehold.it/500x600/333/eee); box-shadow:0px 0px 10px rgba(0,0,0,.25); margin:10px; position:relative; overflow:hidden; [/newclass] [newclass=.fg-circ] width:250px; height:250px; position:absolute; background-color:rgba(255,255,255,.25); z-index:1; transform:rotate(45deg) scale(1); transition:.5s ease; transition-delay:1s; [/newclass] [newclass=.fg-box:hover .fg-circ] transform:rotate(45deg) scale(0); transition:.5s ease; [/newclass] [newclass=.fg-post] position:absolute; top:600px; z-index:2; background-color:rgba(0,0,0,.85); width:calc(100%); height:calc(100%); padding:0px; transition:.5s ease; text-align:justify; color:#999; transition-delay:.5s; [/newclass] [newclass=.fg-box:hover .fg-post] top:0px; transition:.5s ease; transition-delay:.5s; [/newclass] [newclass=.fg-post b] font:700 13px roboto; color:var(--fg-accent); [/newclass] [newclass=.fg-post i] border-bottom:1px solid var(--fg-accent); [/newclass] [newclass=.fg-post a] display:block; text-align:center; color:var(--fg-accent); font:600 13px roboto!important; margin-top:25px; [/newclass] [newclass=.fg-post div] margin:75px; font:400 13px roboto; text-align:justify; color:#bbb; transition:.25s ease; height:450px; overflow:auto; padding-right:10px; [/newclass] [newclass=.fg-post div::-webkit-scrollbar] width:10px; border:0px; background-color:rgba(0,0,0,0)!important; [/newclass] [newclass=.fg-post div::-webkit-scrollbar-thumb] background-color:var(--fg-accent); border:0px;[/newclass] [newclass=.fg-post div::-webkit-scrollbar-track] background-color:rgba(0,0,0,0)!important; border:0px;[/newclass] [newclass=.fg-lyrics] cursor:pointer; [/newclass] [newclass=.fg-lyrics h1] margin:0px; font:700 35px/35px Playfair Display; text-transform:uppercase; display:flex; align-items:center; justify-content:center; color:#fafafa; text-shadow:1px 1px 2px rgba(0,0,0,.5); [/newclass] [newclass=.fg-lyrics h2] margin:0px; width:220px; display:flex; align-items:center; justify-content:center; font:700 25px/25px playfair display; text-transform:uppercase; color:#fafafa; text-shadow:1px 1px 1px rgba(0,0,0,.5); [/newclass] [newclass=.fg-lyrics h2:before] content:''; margin-right:10px; height:1px; background-color:#fafafa; flex-grow:1; box-shadow:1px 1px 1px rgba(0,0,0,.5); [/newclass] [newclass=.fg-lyrics h2:after] content:''; margin-left:10px; height:1px; background-color:#fafafa; flex-grow:1; box-shadow:1px 1px 1px rgba(0,0,0,.5); [/newclass] [newclass=.fg-lyrics h3] margin:0px; width:220px; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font:400 82px/82px Libre Baskerville; color:#fafafa; text-shadow:1px 1px 1px rgba(0,0,0,.5); [/newclass] [newclass=.fg-lyrics h4] margin:0px; font:400 18px/18px Libre Baskerville; text-transform:uppercase; color:#fafafa; text-shadow:1px 1px 1px rgba(0,0,0,.5); [/newclass] [newclass=.fg-cred] margin-top:-10px; font:700 7px roboto; margin-left:425px; [/newclass] [newclass=.fg-cred a] font:700 7px roboto; [/newclass]
|
|
Eun Ha Park
Traveler
Frozen Voice
|
Succubus/Okami
|
Nano
|
|
Jan 20, 2019 19:03:56 GMT -6
Post by Eun Ha Park on Jan 20, 2019 19:03:56 GMT -6
[nospaces] [googlefont=Niramit:400,400i,700][googlefont=Dosis:300] [newclass=".punkisavelight"]background: #ffffff; width: 450px; margin: auto; border-right: 40px solid #DBDCE6;[/newclass] [newclass=".punkisavelightimage"]background: url('https://i.imgur.com/rvYMr1x.jpg'); height: 200px; background-position: center; background-size: cover; overflow: hidden;[/newclass] [newclass=".punkisavelightlyrics"]height: 40px; padding: 15px 0; text-align: center; background: #A3A9C0; font-family: 'Dosis'; color: #ffffff; text-transform: uppercase; font-size: 20px; line-height: 20px; font-weight: 300; letter-spacing: 1px;[/newclass] [newclass=".punkisavelighttopslant"]float: left; width: 0; height: 0; border-top: 3px solid transparent; border-left: 450px solid #A3A9C0; margin-top: -18px;[/newclass] [newclass=".punkisavelightbottomslant"]width: 0; height: 0; float: right; border-bottom: 3px solid transparent; border-right: 450px solid #A3A9C0; margin-top: 15px;[/newclass] [newclass=".punkisavelightsecondarylyrics"]height: 30px; line-height: 30px; background: #A3A9C0; text-align: center; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-family: 'Niramit';[/newclass] [newclass=".punkisavelighttags"]display: inline-block; float: left; margin-left: -200px; margin-top: 145px; width: 120px; height: 30px; background: #ffffff; transition: 0.5s; text-align: right; font-family: 'Niramit'; font-size: 11px; color: #989EB3; text-transform: uppercase; line-height: 30px;[/newclass] [newclass=".punkisavelighttags a"]font-size: inherit !important; font-family: inherit !important; transition: 0.3s;[/newclass] [newclass=".punkisavelighttags a:hover"]color: #8D92A6 !important;[/newclass] [newclass=".punkisavelighttags div"]width: 80px; height: 30px; float: right; background: linear-gradient(to right,#ffffff,transparent); margin-right: -80px; margin-left: -50px;[/newclass]
[newclass=".punkisavelight:hover .punkisavelighttags"]margin-left: 0px;[/newclass] [newclass=".punkisavelightseparator"]margin: 25px 15px; margin-bottom: 0px; height: 1px; background: linear-gradient(to right,transparent,#CFD4E6,transparent); text-align: center; line-height: 1px;[/newclass] [newclass=".punkisavelightseparator div"]display: inline-block; padding: 0 10px; background: #ffffff; line-height: 10px; height: 10px; font-size: 10px; font-family: calibri; letter-spacing: 1px; color: #989EB3; text-transform: uppercase; position: relative; top: -5px;[/newclass] [newclass=".punkisavelighttext"]padding: 25px; padding-top: 10px; font-size: 10px; line-height: 16px; font-family: verdana; color: #83889A; text-align: justify;[/newclass] [newclass=".punkisavelighttext b"]color: #7D87A6; font-family: 'Niramit'; font-size: 12px;[/newclass] [newclass=".punkisavelighttext i"]color: #989EB3; font-family: 'Niramit'; font-size: 12px;[/newclass] [newclass=".punkisavelightcredit"]width: 490px; text-align: right; line-height: 15px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #6e6e6e; font-family: 'Niramit'; margin: auto;[/newclass] [newclass=".punkisavelightcredit a"]font-weight: bold; color: #7D87A6; transition: 0.3s; font-family: inherit;[/newclass] [newclass=".punkisavelightcredit a:hover"]color: #989EB3;[/newclass] [attr=class,punkisavelight] [attr=class,punkisavelightimage] [attr=class,punkisavelighttags] @ tags [attr=class,punkisavelightlyrics] [attr=class,punkisavelighttopslant] i've been trying to believe[break] so i'm calling on angels[attr=class,punkisavelightbottomslant] [attr=class,punkisavelightseparator] 0000 words
[attr=class,punkisavelighttext] TEXT HERE
[attr=class,punkisavelightsecondarylyrics] [attr=class,punkisavelighttopslant] i hope they're watching over me [attr=class,punkisavelightcredit]template by punki
|
|
|