[Avalore]

[nospaces]

Starter Temp.

[break][break]

[attr="class","outerpost"]

[attr="class","innerpost"]

[attr="class","postheader"]

[attr="class","phcontent"]
Character Name
[break]Rank // Occupation
[break]
“Inspirational Quote Here”

[attr="class","phcover"]

---

[attr="class","postcontent"]This is going to be a full paragraph.
[break][break]
This will be paragraph #2.
[break][break]
"Oh look I am talking!"
[break][break]
Oh look, I am thinking or writing.
[break][break]
This concludes my paragraphs.

---

[attr="class","postfooter"]

[attr="class","pftags"]@tag @tag @tag

[attr="class","pfnotes"]notes[break]notes[break]notes[break]notes[break]notes[break]

[attr="class","creditbox"]

[attr="class","credit"]Avalore

[newclass=.outerpost]width:500px; margin: 0 auto; padding: 7.5px; border:3px solid #dfdfdf; font-family:Rokkitt; font-size:10pt;[/newclass]
[newclass=.innerpost]width: 480px; margin: 0 auto; background-color: #e5e5e5;[/newclass]

[newclass=.innerpost hr]color:#000000;[/newclass]

[newclass=.postheader]position:relative; height:100px; width:100%;[/newclass]
[newclass=.phcontent]top:0; left:0; position:absolute; height:100px; width:480px; padding:5px; text-align:center; background-color:#000000; font-family: Dosis; overflow:hidden;[/newclass]
[newclass=.phcontent b]color:#b7cbeb; font-size:12pt;[/newclass]
[newclass=.phcontent i]font-family:"Indie Flower"; font-size:10pt;[/newclass]

[newclass=.phcover]top:0; left:0; position:absolute; height:100px; width:480px; background-image:url(https://i.imgur.com/GWQOKFh.jpg); background-position: center; background-size: 480px; opacity:1; transition:1.5s;[/newclass]
[newclass=.postheader:hover .phcover]opacity:0.15;[/newclass]


[newclass=.postcontent]min-height:100px; color:#535353; padding: 0 10px;[/newclass]
[newclass=.postcontent b]color:#a4b6d3; font-family: Dosis;[/newclass]
[newclass=.postcontent i]font-family:"Indie Flower";[/newclass]

[newclass=.postfooter]position:relative; height:100px; color:#535353;[/newclass]
[newclass=.pftags]float:left; width:220px; height:50px; padding:0 10px;[/newclass]
[newclass=.pfnotes]float:left; width:220px; height:50px; padding:0 10px; overflow-x:hidden; overflow-y:scroll;[/newclass]

[newclass=.pfnotes::-webkit-scrollbar]display: none;[/newclass]

[newclass=.creditbox]width: 50px; height:50px; margin:0 auto; background-color:#b7cbeb; border:1.5px solid #dfdfdf; transform: rotate(45deg) translateY(-20px) translateX(-20px);[/newclass]

[newclass=.credit]width: 100%; margin:0 auto; text-align:center; transform: rotate(-45deg) translateY(12.5px) translateX(-13px); font-size: 4pt;[/newclass]

[googlefont="Dosis"]
[googlefont="Indie Flower]
[googlefont="Rokkitt"]

[Avalore]

Lizaveta Serenitsa

[nospaces]
[break][break]

[attr="class","liz_outerpost"]

[attr="class","liz_innerpost"]

[attr="class","liz_postheader"]

[attr="class","liz_phcontent"]

[break]Dain || Valstead [break][ Autumn 🍁 ]
[break][break]
Fortissimum argentum igne liquefactum sub nivis exstinguitur.

[attr="class","liz_phcover"]

[attr="class","liz_phveil]

[attr="class","liz_phleft"]COLD // CLOUDY

[attr="class","liz_phright"]MID-DAY

[attr="class","liz_phiconbox"]

[attr="class","liz_phicon"]

---

[attr="class","liz_postcontent"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis, nibh ut aliquet gravida, arcu sapien ornare elit, et finibus sapien mi quis mauris. Cras vitae facilisis turpis. Ut gravida in augue eu maximus. Proin et urna facilisis, imperdiet mauris nec, fermentum risus. Ut commodo vestibulum sapien, a malesuada enim posuere ac. Pellentesque quis libero euismod, placerat felis in, semper mi. Donec euismod efficitur magna nec faucibus. Sed nec consectetur arcu. Curabitur at risus congue, aliquet eros non, bibendum leo. In hac habitasse platea dictumst.
[break][break]
"Praesent iaculis molestie dictum. Aliquam ligula felis, tristique eu est vitae, volutpat rhoncus lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos." Aenean vehicula ac sapien eu fringilla. Quisque fringilla, felis rutrum eleifend euismod, justo libero blandit neque, non sollicitudin eros ipsum sed massa. Praesent lobortis lobortis augue, ac efficitur tellus porta sit amet. Nullam lobortis lorem quis molestie elementum. Vivamus at lacus vel magna finibus auctor ut mattis justo. Fusce et finibus libero.
[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis, nibh ut aliquet gravida, arcu sapien ornare elit, et finibus sapien mi quis mauris. Cras vitae facilisis turpis. Ut gravida in augue eu maximus. Proin et urna facilisis, imperdiet mauris nec, fermentum risus. Ut commodo vestibulum sapien, a malesuada enim posuere ac. Pellentesque quis libero euismod, placerat felis in, semper mi. Donec euismod efficitur magna nec faucibus. Sed nec consectetur arcu. Curabitur at risus congue, aliquet eros non, bibendum leo. In hac habitasse platea dictumst.
[break][break]
Praesent iaculis molestie dictum. Aliquam ligula felis, tristique eu est vitae, volutpat rhoncus lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean vehicula ac sapien eu fringilla. Quisque fringilla, felis rutrum eleifend euismod, justo libero blandit neque, non sollicitudin eros ipsum sed massa. Praesent lobortis lobortis augue, ac efficitur tellus porta sit amet. Nullam lobortis lorem quis molestie elementum. Vivamus at lacus vel magna finibus auctor ut mattis justo. Fusce et finibus libero.

---

[attr="class","liz_postfooter"]

[attr="class","liz_pftags"]@tag @tag @tag

[attr="class","liz_pfnotes"]notes[break]notes[break]notes[break]notes[break]notes[break]

[attr="class","creditbox"]

[attr="class","credit"]Avalore

[newclass=.liz_outerpost]width:500px; margin: 0 auto; padding: 7.5px; font-family: Rokkitt; border-top:3px double #dfdfdf; border-bottom:3px double #dfdfdf; font-size:10pt;[/newclass]
[newclass=.liz_innerpost]width: 480px; margin: 0 auto; background-color: #1e1e1f; color:#c9c0ca;[/newclass]

[newclass=.liz_innerpost hr]color:#000000;[/newclass]

[newclass=.liz_postheader]position:relative; height:150px; width:100%;[/newclass]
[newclass=.liz_phcontent]top:0; left:0; position:absolute; height:150px; width:480px; padding-left:140px; text-align:center; background-color:#000000; font-family: Rokkitt; overflow:hidden;[/newclass]
[newclass=.liz_phcontent i]font-family:"Italianno"; font-size:10pt; color:rgba(255,255,255,0.5);[/newclass]

[newclass=.liz_phstatus]margin:0 auto; padding: 10px; border:2.5px double white; width:200px;[/newclass]

[newclass=.liz_phcover]top:0; left:0; position:absolute; height:150px; width:480px; background-image:url(https://i.imgur.com/cLMYI3U.jpeg); background-position: center; background-size: 480px; opacity:1; transition:1.5s;[/newclass]
[newclass=.liz_phveil]top:0; left:0; height:150px; width:480px; padding:5px; background-color:#000000; overflow:hidden; opacity:0.5;[/newclass]

[newclass=.liz_innerpost:hover .liz_phcover]background-image:url(https://i.imgur.com/PTcWuna.jpeg); opacity:0.15; transition:1.5s; transition-delay: 0.5s;[/newclass]

[newclass=.liz_phiconbox]top:7.5px; left:185px; position:absolute; height:100px; width:100px; padding:5px; border: 2.5px solid white; overflow:hidden; transform: rotate(-45deg) translateY(12.5px) translateX(-13px); transition:1.5s; transition-delay:0.5s;[/newclass]
[newclass=.liz_phicon]width:200px; transform: rotate(45deg) translateY(15px) translateX(-75px); transition:1.5s; transition-delay:0.5s;[/newclass]
[newclass=.liz_innerpost:hover .liz_phicon]width:115px; transform: rotate(0deg); transition:1.5s;[/newclass]

[newclass=.liz_innerpost:hover .liz_phiconbox]opacity:0.85; transform: rotate(0deg); left: 5px; top:10px; height: 130px; width: 130px; transition:1.5s;[/newclass]

[newclass=.liz_phleft]position:absolute; top:0; left:5px; width: 130px; transition: 0.5s; transition-delay: 1.5s;[/newclass]
[newclass=.liz_phright]position:absolute; top:0; right:5px; text-align: right; width: 130px; transition: 0.5s; transition-delay: 1.5s;[/newclass]

[newclass=.liz_innerpost:hover .liz_phleft]color:rgba(211, 211, 211, 0); transition:0.5s; transition-delay:0;[/newclass]
[newclass=.liz_innerpost:hover .liz_phright]color:rgba(211, 211, 211, 0); transition:0.5s; transition-delay:0;[/newclass]

[newclass=.liz_postcontent]min-height:100px; color:#c9c0ca; padding: 0 10px; max-height:400px; overflow:scroll; opacity:0.5; transition:1.5s;[/newclass]
[newclass=.liz_postcontent b]color:#a4b6d3; font-family:"Rokkitt";[/newclass]
[newclass=.liz_postcontent i]font-family:"LXGW WenKai Mono TC";[/newclass]

[newclass=.liz_postcontent:hover]opacity:1;[/newclass]

[newclass=.liz_postfooter]position:relative; height:100px; color:#c9c0ca;[/newclass]
[newclass=.liz_pftags]float:left; width:200px; height:50px; padding:0 10px; opacity:0.5; transition:1.5s;[/newclass]
[newclass=.liz_pfnotes]float:left; width:280px; height:70px; padding:0 10px; overflow-x:hidden; overflow-y:scroll; opacity:0.5; transition:1.5s;[/newclass]

[newclass=.liz_pftags:hover]opacity:1;[/newclass]
[newclass=.liz_pfnotes:hover]opacity:1;[/newclass]

[newclass=.creditbox]width: 50px; height:50px; margin:0 auto; background-color:#b7cbeb; border:1.5px solid #dfdfdf; transform: rotate(45deg) translateY(-17px) translateX(-20px);[/newclass]
[newclass=.credit]width: 100%; margin:0 auto; text-align:center; transform: rotate(-45deg) translateY(13.5px) translateX(-13px); font-size: 4pt;[/newclass]


[googlefont="LXGW WenKai Mono TC"]
[googlefont="Rokkitt"]
[googlefont="Italianno"]