Post by Dione on Mar 20, 2022 18:27:12 GMT -5
[newclass=.VELV]--rinAcc1:#ccb2f7[/newclass]
[newclass=.VELV]--rinAcc2:#8349e6[/newclass]
[newclass=.VELV]--rinIMG:url(https://i.imgur.com/Y98Yu3l.png)[/newclass]
[newclass=.VELV]--rinIcon:url(https://i.imgur.com/15PZhlL.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:#8349e6[/newclass]
[newclass=.VELV]--rinIMG:url(https://i.imgur.com/Y98Yu3l.png)[/newclass]
[newclass=.VELV]--rinIcon:url(https://i.imgur.com/15PZhlL.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"]
Now that she'd run away from home, Dione truly had free range to go about as she pleased. So, excited to see what Sinnoh's wilderness had to offer outside of her home town, Dione left the Galaxy housing building and headed out to route 215. [break][break]
She chose not to stray too far from the town, just in case her outing went south. [break][break]
And of course, Dione's Misdreavus accompanied her. Melione floated at the lavender-haired teen's side, happy to be spending time with her trainer. [break][break]
Now that she'd run away from home, Dione truly had free range to go about as she pleased. So, excited to see what Sinnoh's wilderness had to offer outside of her home town, Dione left the Galaxy housing building and headed out to route 215. [break][break]
She chose not to stray too far from the town, just in case her outing went south. [break][break]
And of course, Dione's Misdreavus accompanied her. Melione floated at the lavender-haired teen's side, happy to be spending time with her trainer. [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]
