Jul 30, 2024 13:17:48 GMT
Post by Kawahara Ruri on Jul 30, 2024 13:17:48 GMT
[nospaces]
[attr="class","ltrhead"]
[attr="class","ltrheadinner"]
[attr="class","gimcredits"]made by gimmick[attr="class","ltrhead-topper"]
[attr="class","ltrhead-topleft"]
[attr="class","ltr-tags"]for Yanai Yoko
[attr="class","ltr-lyrics"]pull down this mountain [break] drag your cities to the sea
[attr="class","ltrhead-topright"]
[attr="class","ltrhead-text"]
"See you totally get it! This is why we're best friends!" She gave Yoko a cheer with her drink, which was a little shaky as she had put down a few pretty quickly, and after not eating properly for a few days, she was feeling slightly buzzed. Perhaps it was that that made her come up with her next genius idea. "Oh! I heard that for students, you can get guest passes for people to stay over on campus. We should have a sleepover! You can show me everything you do on campus, and I can meet your other friends!" She polished off the last of her drinks and put the empty ones in the drawers with the others. [break][break]
"Okay, yes, but actually, no. My middle name is Konotori (Stork)" It was unusual for people to have middle names in Japan but Kawahara's parents were a bit...odd to say the least. They liked Stork because Kawahara was adopted, and somehow that made sense to them. Her phone rang as Kawahara nearly jumped out of her seat. "Aww, crud!" She looked at the contact, and it was clearly her sister, likely asking her about work. "I probably have to run Yo-chan, but hang out as long as you want! It'll take me, hmm, an hour? Probably." It would take her at least 4 hours, but she probably knew by now not to trust Kawahara's sense of time. [break][break]
"See you totally get it! This is why we're best friends!" She gave Yoko a cheer with her drink, which was a little shaky as she had put down a few pretty quickly, and after not eating properly for a few days, she was feeling slightly buzzed. Perhaps it was that that made her come up with her next genius idea. "Oh! I heard that for students, you can get guest passes for people to stay over on campus. We should have a sleepover! You can show me everything you do on campus, and I can meet your other friends!" She polished off the last of her drinks and put the empty ones in the drawers with the others. [break][break]
"Okay, yes, but actually, no. My middle name is Konotori (Stork)" It was unusual for people to have middle names in Japan but Kawahara's parents were a bit...odd to say the least. They liked Stork because Kawahara was adopted, and somehow that made sense to them. Her phone rang as Kawahara nearly jumped out of her seat. "Aww, crud!" She looked at the contact, and it was clearly her sister, likely asking her about work. "I probably have to run Yo-chan, but hang out as long as you want! It'll take me, hmm, an hour? Probably." It would take her at least 4 hours, but she probably knew by now not to trust Kawahara's sense of time. [break][break]
[attr="class","ltr-lines"]
[attr="class","ltr-line-1"]
[attr="class","ltr-line-2"]
[googlefont="Nunito Sans:400,600,700,800"]
[newclass=.ltrhead] width: 340px; margin: 30px auto; --accent: #c74e4e; --skybase: #efefef; [/newclass]
[newclass=.ltrhead a.gimcredits] display: block; text-align: right; padding-top: 4px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=.ltrheadinner] background: var(--skybase); position: relative; box-shadow: 0 10px 20px #00000010; [/newclass]
[newclass=.ltrhead-topper] display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; padding: 25px 25px 0; [/newclass]
[newclass=.ltrhead-topleft] width: 240px; height: 49px; overflow: hidden; display: grid; grid-template-columns: repeat(2, 240px); align-items: center; color: var(--accent); font: 800 10px/13px 'Nunito Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.25px; padding-bottom: 1px; [/newclass]
[newclass=.ltrhead-topper::after] content: ''; display: block; height: 1px; background: var(--accent); width: 30px; [/newclass]
[newclass=.ltr-tags a] color: inherit; text-decoration: none; [/newclass]
[newclass=.ltr-tags, .ltr-lyrics] transition: transform .5s ease, opacity .3s ease; [/newclass]
[newclass=.ltr-tags] transition-delay: .2s; [/newclass]
[newclass=.ltr-lyrics] transform: translate(-100px); -webkit-transform: translate(-100px); -moz-transform: translate(-100px); -o-transform: translate(-100px); opacity: 0; [/newclass]
[newclass=.ltrheadinner:hover .ltr-tags] transform: translate(140px); -webkit-transform: translate(140px); -moz-transform: translate(140px); -o-transform: translate(140px); opacity: 0; transition-delay: 0; [/newclass]
[newclass=.ltrheadinner:hover .ltr-lyrics] transform: translate(-240px); -webkit-transform: translate(-240px); -moz-transform: translate(-240px); -o-transform: translate(-240px); opacity: 1; transition-delay: .25s; [/newclass]
[newclass=.ltrhead-topright img] width: 50px; height: 50px; object-fit: cover; border-radius: 50%; [/newclass]
[newclass=.ltrhead-text] color: rgba(0, 0, 0, .8); font: 400 13.5px/19px 'Nunito Sans', sans-serif; letter-spacing: 0; z-index: 100; position: relative; padding: 20px 25px 30px; [/newclass]
[newclass=.ltrhead-text b] color: var(--accent); [/newclass]
[newclass=.ltrhead-text br+br] content: ''; display: block; margin-top: 12px; [/newclass]
[newclass=.ltr-lines] position: relative; z-index: 100; [/newclass]
[newclass=.ltr-lines>div] background-size: 5.66px 5.66px; background-size: 9px 9px; [/newclass]
[newclass=.ltr-line-0] height: 5px; background: var(--ltr-line5); display: none; [/newclass]
[newclass=.ltr-line-1] height: 1px; background: var(--accent); [/newclass]
[newclass=.ltr-line-2] margin-top: 5px; height: 20px; background: var(--accent); [/newclass]
[newclass=.ltrhead.ltrhead-dark] --accent: #ea6c6c; --skybase: #2b2b2b; [/newclass]
[newclass=.ltrhead-dark .ltrhead-text] color: rgba(255, 255, 255, .7); letter-spacing: 0.03em; [/newclass]
[newclass=.ltrhead] width: 340px; margin: 30px auto; --accent: #c74e4e; --skybase: #efefef; [/newclass]
[newclass=.ltrhead a.gimcredits] display: block; text-align: right; padding-top: 4px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=.ltrheadinner] background: var(--skybase); position: relative; box-shadow: 0 10px 20px #00000010; [/newclass]
[newclass=.ltrhead-topper] display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; padding: 25px 25px 0; [/newclass]
[newclass=.ltrhead-topleft] width: 240px; height: 49px; overflow: hidden; display: grid; grid-template-columns: repeat(2, 240px); align-items: center; color: var(--accent); font: 800 10px/13px 'Nunito Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.25px; padding-bottom: 1px; [/newclass]
[newclass=.ltrhead-topper::after] content: ''; display: block; height: 1px; background: var(--accent); width: 30px; [/newclass]
[newclass=.ltr-tags a] color: inherit; text-decoration: none; [/newclass]
[newclass=.ltr-tags, .ltr-lyrics] transition: transform .5s ease, opacity .3s ease; [/newclass]
[newclass=.ltr-tags] transition-delay: .2s; [/newclass]
[newclass=.ltr-lyrics] transform: translate(-100px); -webkit-transform: translate(-100px); -moz-transform: translate(-100px); -o-transform: translate(-100px); opacity: 0; [/newclass]
[newclass=.ltrheadinner:hover .ltr-tags] transform: translate(140px); -webkit-transform: translate(140px); -moz-transform: translate(140px); -o-transform: translate(140px); opacity: 0; transition-delay: 0; [/newclass]
[newclass=.ltrheadinner:hover .ltr-lyrics] transform: translate(-240px); -webkit-transform: translate(-240px); -moz-transform: translate(-240px); -o-transform: translate(-240px); opacity: 1; transition-delay: .25s; [/newclass]
[newclass=.ltrhead-topright img] width: 50px; height: 50px; object-fit: cover; border-radius: 50%; [/newclass]
[newclass=.ltrhead-text] color: rgba(0, 0, 0, .8); font: 400 13.5px/19px 'Nunito Sans', sans-serif; letter-spacing: 0; z-index: 100; position: relative; padding: 20px 25px 30px; [/newclass]
[newclass=.ltrhead-text b] color: var(--accent); [/newclass]
[newclass=.ltrhead-text br+br] content: ''; display: block; margin-top: 12px; [/newclass]
[newclass=.ltr-lines] position: relative; z-index: 100; [/newclass]
[newclass=.ltr-lines>div] background-size: 5.66px 5.66px; background-size: 9px 9px; [/newclass]
[newclass=.ltr-line-0] height: 5px; background: var(--ltr-line5); display: none; [/newclass]
[newclass=.ltr-line-1] height: 1px; background: var(--accent); [/newclass]
[newclass=.ltr-line-2] margin-top: 5px; height: 20px; background: var(--accent); [/newclass]
[newclass=.ltrhead.ltrhead-dark] --accent: #ea6c6c; --skybase: #2b2b2b; [/newclass]
[newclass=.ltrhead-dark .ltrhead-text] color: rgba(255, 255, 255, .7); letter-spacing: 0.03em; [/newclass]