Post by Neal Frazier on Jul 23, 2024 5:27:12 GMT
[nospaces]
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,600,700"]
[newclass=#panedglass] margin: 20px auto; position: relative; width: min-content; --accentRGB: 129,134,199; --accent: rgb(129,134,199); [/newclass]
[newclass=#panedglass .planedglass-main] height: 300px; display: flex; background: var(--accent); font: 13px/18px 'Hind'; color: #333; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass .glassleft] width: 200px; border-right: 5px solid #ddd; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass .colorfield-3] width: 380px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .colorfield-3] opacity: 1; [/newclass]
[newclass=#panedglass .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass .glassright] padding: 0; position: relative; z-index: 5; background: #f0f0f0; padding: 25px 0 0 25px; width: 320px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass .glass-h1] font: 300 24px/32px 'Poppins'; color: var(--accent); letter-spacing: 1px; text-transform: uppercase; margin: 0 0 3px; [/newclass]
[newclass=#panedglass b] font-weight: 600; [/newclass]
[newclass=#panedglass hr] margin: 15px 0; border: 0; height: 2px; background: #ddd; width: 100%; [/newclass]
[newclass=#panedglass br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), 1); transition: .25s ease; [/newclass]
[newclass=#panedglass a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-track] background: #f0f0f0; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-thumb]background: #ddd; border-radius: 2px; border: 0 !important [/newclass]
[attr="id","panedglass"]
[attr="class","credits"]made by gimmick
[attr="class","planedglass-main"]
[attr="class","glassleft"]
![](https://static.zerochan.net/Xiao.%28Genshin.Impact%29.full.3280135.jpg)
[attr="class","glasslyrics"]
Word Count - 210 [break] @tags for other characters and notes would work well in here
Word Count - 210 [break] @tags for other characters and notes would work well in here
![](https://static.zerochan.net/Xiao.%28Genshin.Impact%29.full.3280135.jpg)
[attr="class","colorfield-1"]
[attr="class","colorfield-2"]
[attr="class","colorfield-3"]
[attr="class","glassright"]
[attr="class","glassscroll"]
![](https://img.pokemondb.net/sprites/emerald/normal/nincada.png)
![](https://i.imgur.com/jjXZsgl.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
[break]
Neal was sitting on top of a rock eating his lunch he had gotten from a previous visit to the Pokémon center. Feeding his two Pokémon at the same time. After some time, he put on his mask and just layed back on the rock. This place was so different from the grasslands he had been at the previous day. The time was a little past noon, and it was somewhat hot today which Jasker didn't really like so much nore did Twiggy so both Pokémon where in their pokeballs. Giving Neal some time to himself.
[break][break]
Neal sighed and before he could even start today dream, he drifted off to sleep. He had been pushing himself to stay awake since he got though the lab. Which was a very bad habit of Neal's he was always pushing his body past what a normal person could do. To the point sometimes he would make himself sick or even get hurt. Yet he didn't really care only ones he knew would care about that is his Pokémon and maybe the old couple that ran the shrine he used to work at back home. Luckily through his mask no one would be able to see his eyes weather he was awake or asleep.
Words: #210
@no one – Open to anyone
![](https://img.pokemondb.net/sprites/emerald/normal/nincada.png)
![](https://i.imgur.com/jjXZsgl.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
![](https://raw.githubusercontent.com/msikma/pokesprite/master/misc/body-style/quadruped-gen8.png)
Neal was sitting on top of a rock eating his lunch he had gotten from a previous visit to the Pokémon center. Feeding his two Pokémon at the same time. After some time, he put on his mask and just layed back on the rock. This place was so different from the grasslands he had been at the previous day. The time was a little past noon, and it was somewhat hot today which Jasker didn't really like so much nore did Twiggy so both Pokémon where in their pokeballs. Giving Neal some time to himself.
[break][break]
Neal sighed and before he could even start today dream, he drifted off to sleep. He had been pushing himself to stay awake since he got though the lab. Which was a very bad habit of Neal's he was always pushing his body past what a normal person could do. To the point sometimes he would make himself sick or even get hurt. Yet he didn't really care only ones he knew would care about that is his Pokémon and maybe the old couple that ran the shrine he used to work at back home. Luckily through his mask no one would be able to see his eyes weather he was awake or asleep.
Words: #210
@no one – Open to anyone
[attr="class","credits"]made by gimmick
[googlefont="Poppins:300,400,600"][googlefont="Hind:400,600,700"]
[newclass=#panedglass] margin: 20px auto; position: relative; width: min-content; --accentRGB: 129,134,199; --accent: rgb(129,134,199); [/newclass]
[newclass=#panedglass .planedglass-main] height: 300px; display: flex; background: var(--accent); font: 13px/18px 'Hind'; color: #333; border-radius: 0 9px 9px 0; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);[/newclass]
[newclass=#panedglass a.credits] display: block; text-align: right; margin-top: 4px; margin-right: 25px; font: 700 7px/10px sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=#panedglass .glassleft] width: 200px; border-right: 5px solid #ddd; overflow: hidden; position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; [/newclass]
[newclass=#panedglass .glassleft img] filter: brightness(.65) grayscale(.75) contrast(.85) saturate(1.25); width: 200px; z-index: 0; opacity: 1; position: absolute; top: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .glassleft img] filter: brightness(.85) grayscale(0) contrast(.75) saturate(1.5); [/newclass]
[newclass=#panedglass .colorfield-1] position: absolute; top: 0; width: 200px; height: 600px; background: linear-gradient(150deg, rgba(var(--accentRGB), 0), rgba(var(--accentRGB), .65) 85%); z-index: 100; opacity: 1; [/newclass]
[newclass=#panedglass .colorfield-2] position: absolute; width: 200px; height: 600px; top: 0; z-index: 90; background: var(--accent); mix-blend-mode: color; opacity: .1; [/newclass]
[newclass=#panedglass .colorfield-3] width: 380px; height: 400px; background: var(--accent); border-radius: 100%; position: absolute; right: -220px; top: calc(50% - 150px); z-index: 0; opacity: .5; mix-blend-mode: hard-light; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .colorfield-3] opacity: 1; [/newclass]
[newclass=#panedglass .glasslyrics] width: 75%; height: 100%; z-index: 150; position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; [/newclass]
[newclass=#panedglass .glasslyrics>div] max-height: 190px; overflow: hidden; margin-bottom: 0px; color: #fff; font: 300 9px/15px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .9px; opacity: 0; transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; [/newclass]
[newclass=#panedglass:hover .glasslyrics>div] opacity: 1; margin-bottom: 30px; [/newclass]
[newclass=#panedglass .glassright] padding: 0; position: relative; z-index: 5; background: #f0f0f0; padding: 25px 0 0 25px; width: 320px; border-radius: 0 9px 9px 0; [/newclass]
[newclass=#panedglass .glassscroll] padding-right: 29px; height: calc(600px - 46px); overflow: auto; [/newclass]
[newclass=#panedglass .glass-h1] font: 300 24px/32px 'Poppins'; color: var(--accent); letter-spacing: 1px; text-transform: uppercase; margin: 0 0 3px; [/newclass]
[newclass=#panedglass b] font-weight: 600; [/newclass]
[newclass=#panedglass hr] margin: 15px 0; border: 0; height: 2px; background: #ddd; width: 100%; [/newclass]
[newclass=#panedglass br+br] display: block; content: ' '; margin: 0 0 12px; [/newclass]
[newclass=#panedglass a]color: var(--accent); font: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(var(--accentRGB), 1); transition: .25s ease; [/newclass]
[newclass=#panedglass a:hover] text-decoration-color: rgba(var(--accentRGB), 0); [/newclass]
[newclass=#panedglass ::-webkit-scrollbar] width: 4px !important; border: 0 !important [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-track] background: #f0f0f0; border-radius: 1px; border: 0 !important; [/newclass]
[newclass=#panedglass ::-webkit-scrollbar-thumb]background: #ddd; border-radius: 2px; border: 0 !important [/newclass]