[ENCOUNTER] Picture Perfect
POSTED ON Mar 7, 2022 19:45:21 GMT -5
Post by estelle on Mar 7, 2022 19:45:21 GMT -5
[newclass=.VELV]--rinAcc1:#e691c4[/newclass]
[newclass=.VELV]--rinAcc2:#cf298f[/newclass]
[newclass=.VELV]--rinIMG:url(https://i.imgur.com/8qaZwna.png)[/newclass]
[newclass=.VELV]--rinIcon:url(https://i.imgur.com/jWSe2wO.png)[/newclass]
[nospaces]
[newclass=.ullaCredit] font-family:trebuchet ms; color:#777; font-size:7px; letter-spacing:1px; text-transform:uppercase; line-height:10px;[/newclass]
[newclass=.ullaCredit a] color:#777;[/newclass]
[newclass=#rinBG] background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); height:430px; width:530px; padding:1px; margin:10px 0 5px 0;[/newclass]
[newclass=.rinBGIn] background-color:rgba(0,0,0,.3); height:430px; width:530px; padding:0px; overflow:hidden;[/newclass]
[newclass=.rinSide] background-color:#3b3a3a; height:400px; width:225px; float:left; padding:15px;[/newclass]
[newclass=.rinIMG] height:400px; width:225px; background-image:var(--rinIMG); position:relative; overflow:hidden; z-index:0;[/newclass]
[newclass=.rinIMG div] height:400px; width:225px; background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); opacity:.5; display:inline-block; margin-top:400px; transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinSide:hover .rinIMG div] margin-top:0px; transition:.3s;[/newclass]
[newclass=.rinIcon] height:100px; width:100px; border:#3b3a3a 20px solid; border-radius:100%; z-index:2; position:relative; float:left; margin:-115px 0 0 -25px; background-image:var(--rinIcon); -webkit-filter:grayscale(100%); transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinIconScreen] height:100px; width:100px; float:left; background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); margin-left:-120px; margin-top:-95px; border-radius:100%; position:relative; z-index:3; overflow:hidden; opacity:.8; transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinIconScreen .th] color:#0a0a0a; font-size:70px; margin-top:15px; opacity:.6;[/newclass]
[newclass=.rinSide:hover .rinIconScreen] opacity:0; transition:.6s;[/newclass]
[newclass=.rinSide:hover .rinIcon] -webkit-filter:grayscale(0%); transition:.6s;[/newclass]
[newclass=.rinSideBody] height:300px; position:relative; z-index:3; margin-top:-400px; height:400px; box-sizing:border-box; padding:10px[/newclass]
[newclass=.rinTag] background-color:#f5f5f0; padding:10px 12px; border-radius:5px; text-align:left; color:#ccc; margin-top:10px; font-family:poppins!important; text-transform:uppercase; opacity:0; transition:.3s;[/newclass]
[newclass=.rinTag a] color:#ccc!important; text-decoration:none; font-family:poppins!important; font-weight:800!important; text-transform:uppercase; font-size:15px;[/newclass]
[newclass=.rinTag div] background-color:var(--rinAcc1); height:3px; opacity:.5; margin-top:5px; width:40%;[/newclass]
[newclass=.rinNotes] margin-top:20px; background-color:#f5f5f0; padding:13px 12px; border-radius:5px; line-height:12px; font-family:poppins; font-size:13px; color:#3b3a3a; text-align:justify; opacity:0; transition:.3s;[/newclass]
[newclass=.rinNotes div] background-color:var(--rinAcc2); height:3px; opacity:.5; margin-top:5px; width:40%;[/newclass]
[newclass=.rinSide:hover .rinTag] opacity:1; margin-top:0; transition:.3s; transition-delay:.3s;[/newclass]
[newclass=.rinSide:hover .rinNotes] margin-top:10px; opacity:1; transition:.3s; transition-delay:.5s;[/newclass]
[newclass=.rinBody] background-color:#f5f5f0; display:inline-block; margin:10px; height:410px; width:250px; border-radius:8px; box-sizing:border-box; padding:10px 12px;[/newclass]
[newclass=.rinBody div] color:#121212; font-family:poppins; font-size:11px; line-height:14px; padding-right:10px; text-align:justify; height:390px; overflow:auto;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar] background-color:#f5f5f0; border:#bfbfbf 3px solid; width:7px;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar-thumb] background-color:#f5f5f0; border:#3a3a3a 1px solid;[/newclass]
[newclass=.rinBody b] font-family:poppins; color:var(--rinAcc1); font-size:12px;[/newclass]
[newclass=.rinBody i] opacity:.7; color:var(--rinAcc2);[/newclass]
[googlefont=Poppins]
[newclass=.VELV]--rinAcc2:#cf298f[/newclass]
[newclass=.VELV]--rinIMG:url(https://i.imgur.com/8qaZwna.png)[/newclass]
[newclass=.VELV]--rinIcon:url(https://i.imgur.com/jWSe2wO.png)[/newclass]
[nospaces]
[attr="class","VELV"]
[attr="id","rinBG"]
[attr="class","rinBGIn"]
[attr="class","rinSide"]
[attr="class","rinIMG"]
[attr="class","rinSideBody"]
[attr="class","rinTag"]
@[tag]
@[tag]
[attr="class","rinNotes"]
NOTES
NOTES
[attr="class","rinIcon"]
[attr="class","rinIconScreen"][attr="class",""]
[attr="class","rinBody"]
"Just keep a watch out, okay, Orion? We'll be fine. But we've gotta be in this spot so that I can get the perfect landscape photo!" [break][break]
A young girl stood in the middle of a grove of tall grass in the outskirts of Floroma town. Sunset was fast approaching; the perfect time to take a picture that composed the colorful skies with the vibrant flowers below would only last a few minutes. [break][break]
Estelle was well-aware of this, and had taken it upon herself to venture out to try to get a beautiful photo. She held a digital camera between her hands and came down to a knee, positioning herself to take a photo. Although this was the best position to take an all-encompassing shot of the area, it was a precarious spot; a Pokemon could jump out at her at any time. [break][break]
So, Estelle had her partner Pokemon on guard. Orion, her Sylveon, stood at her side, warily keeping his eyes out for any sign of movement from the grass around them. [break][break]
"Just keep a watch out, okay, Orion? We'll be fine. But we've gotta be in this spot so that I can get the perfect landscape photo!" [break][break]
A young girl stood in the middle of a grove of tall grass in the outskirts of Floroma town. Sunset was fast approaching; the perfect time to take a picture that composed the colorful skies with the vibrant flowers below would only last a few minutes. [break][break]
Estelle was well-aware of this, and had taken it upon herself to venture out to try to get a beautiful photo. She held a digital camera between her hands and came down to a knee, positioning herself to take a photo. Although this was the best position to take an all-encompassing shot of the area, it was a precarious spot; a Pokemon could jump out at her at any time. [break][break]
So, Estelle had her partner Pokemon on guard. Orion, her Sylveon, stood at her side, warily keeping his eyes out for any sign of movement from the grass around them. [break][break]
[attr="class","ullaCredit"]ulla codes
[newclass=.ullaCredit] font-family:trebuchet ms; color:#777; font-size:7px; letter-spacing:1px; text-transform:uppercase; line-height:10px;[/newclass]
[newclass=.ullaCredit a] color:#777;[/newclass]
[newclass=#rinBG] background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); height:430px; width:530px; padding:1px; margin:10px 0 5px 0;[/newclass]
[newclass=.rinBGIn] background-color:rgba(0,0,0,.3); height:430px; width:530px; padding:0px; overflow:hidden;[/newclass]
[newclass=.rinSide] background-color:#3b3a3a; height:400px; width:225px; float:left; padding:15px;[/newclass]
[newclass=.rinIMG] height:400px; width:225px; background-image:var(--rinIMG); position:relative; overflow:hidden; z-index:0;[/newclass]
[newclass=.rinIMG div] height:400px; width:225px; background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); opacity:.5; display:inline-block; margin-top:400px; transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinSide:hover .rinIMG div] margin-top:0px; transition:.3s;[/newclass]
[newclass=.rinIcon] height:100px; width:100px; border:#3b3a3a 20px solid; border-radius:100%; z-index:2; position:relative; float:left; margin:-115px 0 0 -25px; background-image:var(--rinIcon); -webkit-filter:grayscale(100%); transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinIconScreen] height:100px; width:100px; float:left; background:linear-gradient(120deg,var(--rinAcc1),var(--rinAcc2)); margin-left:-120px; margin-top:-95px; border-radius:100%; position:relative; z-index:3; overflow:hidden; opacity:.8; transition:.3s; transition-delay:.2s;[/newclass]
[newclass=.rinIconScreen .th] color:#0a0a0a; font-size:70px; margin-top:15px; opacity:.6;[/newclass]
[newclass=.rinSide:hover .rinIconScreen] opacity:0; transition:.6s;[/newclass]
[newclass=.rinSide:hover .rinIcon] -webkit-filter:grayscale(0%); transition:.6s;[/newclass]
[newclass=.rinSideBody] height:300px; position:relative; z-index:3; margin-top:-400px; height:400px; box-sizing:border-box; padding:10px[/newclass]
[newclass=.rinTag] background-color:#f5f5f0; padding:10px 12px; border-radius:5px; text-align:left; color:#ccc; margin-top:10px; font-family:poppins!important; text-transform:uppercase; opacity:0; transition:.3s;[/newclass]
[newclass=.rinTag a] color:#ccc!important; text-decoration:none; font-family:poppins!important; font-weight:800!important; text-transform:uppercase; font-size:15px;[/newclass]
[newclass=.rinTag div] background-color:var(--rinAcc1); height:3px; opacity:.5; margin-top:5px; width:40%;[/newclass]
[newclass=.rinNotes] margin-top:20px; background-color:#f5f5f0; padding:13px 12px; border-radius:5px; line-height:12px; font-family:poppins; font-size:13px; color:#3b3a3a; text-align:justify; opacity:0; transition:.3s;[/newclass]
[newclass=.rinNotes div] background-color:var(--rinAcc2); height:3px; opacity:.5; margin-top:5px; width:40%;[/newclass]
[newclass=.rinSide:hover .rinTag] opacity:1; margin-top:0; transition:.3s; transition-delay:.3s;[/newclass]
[newclass=.rinSide:hover .rinNotes] margin-top:10px; opacity:1; transition:.3s; transition-delay:.5s;[/newclass]
[newclass=.rinBody] background-color:#f5f5f0; display:inline-block; margin:10px; height:410px; width:250px; border-radius:8px; box-sizing:border-box; padding:10px 12px;[/newclass]
[newclass=.rinBody div] color:#121212; font-family:poppins; font-size:11px; line-height:14px; padding-right:10px; text-align:justify; height:390px; overflow:auto;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar] background-color:#f5f5f0; border:#bfbfbf 3px solid; width:7px;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar-thumb] background-color:#f5f5f0; border:#3a3a3a 1px solid;[/newclass]
[newclass=.rinBody b] font-family:poppins; color:var(--rinAcc1); font-size:12px;[/newclass]
[newclass=.rinBody i] opacity:.7; color:var(--rinAcc2);[/newclass]
[googlefont=Poppins]