Post by Hayato Yasuda on Aug 26, 2024 8:31:11 GMT -7
[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(0, 0, 0,0.8); color: #c1c1c1; 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: 0.2s;[/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"]
[attr="class","polaroid"]
[attr="class","name"]
03 / 14 / 2017
03 / 14 / 2017
[attr="class","detail"]
[break][break]Mio snapped this picture of me during math class. Teacher gave us a pop quiz and she wanted to capture the moment I looked at her in disgust. She did a pretty good job of it. I miss her. Too bad she transferred out.
[break][break]
[break][break]Mio snapped this picture of me during math class. Teacher gave us a pop quiz and she wanted to capture the moment I looked at her in disgust. She did a pretty good job of it. I miss her. Too bad she transferred out.
[break][break]
[attr="class","polaroid"]
[attr="class","name"]
12 / 25 / 2018
12 / 25 / 2018
[attr="class","detail"]
[break][break]Went out with friends for dinner. We decided to hang out till nighttime at the mall, even if most of it was closed. It was super cold, obviously, so we made sure to get ramen. I got mine extra spicy, don't ask me why, because I regretted it after tasting the first bite. I felt like I could've cried for a week and no cow in sight could save me.
[break][break]
[break][break]Went out with friends for dinner. We decided to hang out till nighttime at the mall, even if most of it was closed. It was super cold, obviously, so we made sure to get ramen. I got mine extra spicy, don't ask me why, because I regretted it after tasting the first bite. I felt like I could've cried for a week and no cow in sight could save me.
[break][break]
[attr="class","polaroid"]
[attr="class","name"]
09 / 27 / 2021
09 / 27 / 2021
[attr="class","detail"]
[break][break]Met a girl this new high school year. Her name is Brenna. She's pretty quiet most of the time, but she's a good egg. Maybe I'll even take her under my wing? Who knows. I snapped a picture of her when she wasn't looking. I'll probably send her a copy later. She'll probably freak out, LOL.
[break][break]
[break][break]Met a girl this new high school year. Her name is Brenna. She's pretty quiet most of the time, but she's a good egg. Maybe I'll even take her under my wing? Who knows. I snapped a picture of her when she wasn't looking. I'll probably send her a copy later. She'll probably freak out, LOL.
[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(0, 0, 0,0.8); color: #c1c1c1; 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: 0.2s;[/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]
The shoutbox is a public space, so please don't advertise, and do your best to be inclusive/friendly.
