You Said Forever
POSTED ON Jan 6, 2024 1:28:06 GMT -5
Post by Ray on Jan 6, 2024 1:28:06 GMT -5
[nospaces][googlefont=Special+Elite|Quicksand:400,700]
[newclass=".polaroid_memories"]width: 370px; text-align: center; margin: auto; margin-bottom: 50px; margin-top: 30px;[/newclass]
[newclass=".polaroid"]background: #fff; padding: 1em; padding-bottom: 60px; -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3); -moz-box-shadow: 0 0.2em 0.3em rgba(0,0,0,.3); box-shadow: 0 0.2em 0.3em rgba(0,0,0,.3); transition: all 0.35s; width: 80%; margin-left: 20%; margin-bottom: -70px; overflow: hidden; transform: scale(0.8, 0.8) rotate(-2deg);[/newclass]
[newclass=".polaroid > .detail"]position: relative; line-height: 0.5em;[/newclass]
[newclass=".polaroid > .detail > img"]max-width: 100%; height: auto;[/newclass]
[newclass=".polaroid > .detail > div"]position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; background: rgba(33,33,33,0.8); color: #fff; font: 12px / 14px Quicksand, Calibri, Arial, sans-serif; text-align: justify; z-index: 1; padding: 0rem 1rem 1rem 1rem; opacity: 0; transition: all 0.35s; transition-delay: 0s; scrollbar-color: rgba(255,255,255,0.5) transparent; scrollbar-width: thin;[/newclass]
[newclass=".polaroid:hover > .detail > div"]opacity: 1; transition-delay: 1s;[/newclass]
[newclass=".polaroid:nth-of-type(2n+1)"]margin-left: 0%; transform: scale(0.8, 0.8) rotate(6deg);[/newclass]
[newclass=".polaroid:nth-of-type(2n+3)"]transform: scale(0.8, 0.8) rotate(2deg);[/newclass]
[newclass=".polaroid:nth-of-type(2n+4)"]transform: scale(0.8, 0.8) rotate(-5deg);[/newclass]
[newclass=".polaroid:hover"]filter: none; transform: scale(1, 1) rotate(0deg); -webkit-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, .3); -moz-box-shadow: 0 0.4rem 0.6rem rgba(0,0,0,.3); box-shadow: 0 0.4rem 0.6rem rgba(0,0,0,.3); margin-bottom: -15px;[/newclass]
[newclass=".polaroid > .name"]color:#212121; font: 26px / 0.8em Special Elite, Courier New, Courier, serif; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 55px; text-align: center; display: flex; justify-content: center; align-items: center;[/newclass]
[newclass=".detail .summary"]display: flex; justify-content: space-evenly; align-items: center[/newclass]
[newclass=".detail .summary h6"]font-size: 10px; text-align: center; font-weight: normal; margin: 20px 0px; flex-grow: 1; flex-basis: 1rem;[/newclass]
[newclass=".detail .summary h6 b"]display: block; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;[/newclass]
[newclass=".detail > div > b"]display: inline-block; text-transform: uppercase; font-size: 8px; line-height: 8px; padding: 5px; letter-spacing: 1px; border: 2px solid; float: left; margin-right: 5px; clear: both; margin-top: 3px;[/newclass]
[newclass=".detail > div > h5"]text-transform: uppercase; font-size: 10px; text-align: center; margin: 0; margin-bottom: 3px; line-height: 14px; position: relative; vertical-align: middle;[/newclass]
[newclass=".detail > div > h5:before, .detail > div > h5:after"]content: ''; display: inline-block; border: 2px solid; width: 3px; height: 14px; margin-top: -1px; vertical-align: middle;[/newclass]
[newclass=".detail > div > h5:before"]border-right-width: 0px; margin-right: 10px;[/newclass]
[newclass=".detail > div > h5:after"]border-left-width: 0px; margin-left: 10px;[/newclass]
[newclass="::-webkit-scrollbar"]width: 7px; background: transparent;[/newclass]
[newclass="::-webkit-scrollbar-thumb"]background: rgba(255,255,255,0.5);[/newclass]
[attr="class","polaroid_memories"]
Currently, the only NPCs I have up right now are alive, and this isn't even all of them. I will add more in the future.
[attr="class","polaroid"]
[attr="class","name"]
Oliver Bell
Oliver Bell
[attr="class","detail"]
Summary Walter's twin brother gifted with Cyrokinesis, Walter shares many childhood memories with him and cherishes them, but keeps them sealed away as they have become painful to Walter. Oliver is the only member of Walter's immediate family remaining alive, residing somewhere in the world. That place is currently a complete mystery to Walter. He tries not to think about it much.
[break][break]
[attr="class","summary"]
gender Male
group Gifted
adoptable yes
relation Walter
Summary Walter's twin brother gifted with Cyrokinesis, Walter shares many childhood memories with him and cherishes them, but keeps them sealed away as they have become painful to Walter. Oliver is the only member of Walter's immediate family remaining alive, residing somewhere in the world. That place is currently a complete mystery to Walter. He tries not to think about it much.
[break][break]
[attr="class","polaroid"]
[attr="class","name"]
Kristina Cruz
Kristina Cruz
[attr="class","detail"]
Summary Aurora's loving and supporting tita who is also her best friend, Kristina is caring and always trying to look out for Aurora. She has no regrets taking Aurora in, wanting to help give her a better life in Los Eurosia, which Aurora greatly appreciates.
[break][break]
[attr="class","summary"]
gender Female
group Human
adoptable Yes
relation Aurora
Summary Aurora's loving and supporting tita who is also her best friend, Kristina is caring and always trying to look out for Aurora. She has no regrets taking Aurora in, wanting to help give her a better life in Los Eurosia, which Aurora greatly appreciates.
[break][break]
[newclass=".polaroid_memories"]width: 370px; text-align: center; margin: auto; margin-bottom: 50px; margin-top: 30px;[/newclass]
[newclass=".polaroid"]background: #fff; padding: 1em; padding-bottom: 60px; -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3); -moz-box-shadow: 0 0.2em 0.3em rgba(0,0,0,.3); box-shadow: 0 0.2em 0.3em rgba(0,0,0,.3); transition: all 0.35s; width: 80%; margin-left: 20%; margin-bottom: -70px; overflow: hidden; transform: scale(0.8, 0.8) rotate(-2deg);[/newclass]
[newclass=".polaroid > .detail"]position: relative; line-height: 0.5em;[/newclass]
[newclass=".polaroid > .detail > img"]max-width: 100%; height: auto;[/newclass]
[newclass=".polaroid > .detail > div"]position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; background: rgba(33,33,33,0.8); color: #fff; font: 12px / 14px Quicksand, Calibri, Arial, sans-serif; text-align: justify; z-index: 1; padding: 0rem 1rem 1rem 1rem; opacity: 0; transition: all 0.35s; transition-delay: 0s; scrollbar-color: rgba(255,255,255,0.5) transparent; scrollbar-width: thin;[/newclass]
[newclass=".polaroid:hover > .detail > div"]opacity: 1; transition-delay: 1s;[/newclass]
[newclass=".polaroid:nth-of-type(2n+1)"]margin-left: 0%; transform: scale(0.8, 0.8) rotate(6deg);[/newclass]
[newclass=".polaroid:nth-of-type(2n+3)"]transform: scale(0.8, 0.8) rotate(2deg);[/newclass]
[newclass=".polaroid:nth-of-type(2n+4)"]transform: scale(0.8, 0.8) rotate(-5deg);[/newclass]
[newclass=".polaroid:hover"]filter: none; transform: scale(1, 1) rotate(0deg); -webkit-box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, .3); -moz-box-shadow: 0 0.4rem 0.6rem rgba(0,0,0,.3); box-shadow: 0 0.4rem 0.6rem rgba(0,0,0,.3); margin-bottom: -15px;[/newclass]
[newclass=".polaroid > .name"]color:#212121; font: 26px / 0.8em Special Elite, Courier New, Courier, serif; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 55px; text-align: center; display: flex; justify-content: center; align-items: center;[/newclass]
[newclass=".detail .summary"]display: flex; justify-content: space-evenly; align-items: center[/newclass]
[newclass=".detail .summary h6"]font-size: 10px; text-align: center; font-weight: normal; margin: 20px 0px; flex-grow: 1; flex-basis: 1rem;[/newclass]
[newclass=".detail .summary h6 b"]display: block; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;[/newclass]
[newclass=".detail > div > b"]display: inline-block; text-transform: uppercase; font-size: 8px; line-height: 8px; padding: 5px; letter-spacing: 1px; border: 2px solid; float: left; margin-right: 5px; clear: both; margin-top: 3px;[/newclass]
[newclass=".detail > div > h5"]text-transform: uppercase; font-size: 10px; text-align: center; margin: 0; margin-bottom: 3px; line-height: 14px; position: relative; vertical-align: middle;[/newclass]
[newclass=".detail > div > h5:before, .detail > div > h5:after"]content: ''; display: inline-block; border: 2px solid; width: 3px; height: 14px; margin-top: -1px; vertical-align: middle;[/newclass]
[newclass=".detail > div > h5:before"]border-right-width: 0px; margin-right: 10px;[/newclass]
[newclass=".detail > div > h5:after"]border-left-width: 0px; margin-left: 10px;[/newclass]
[newclass="::-webkit-scrollbar"]width: 7px; background: transparent;[/newclass]
[newclass="::-webkit-scrollbar-thumb"]background: rgba(255,255,255,0.5);[/newclass]