Sept 16, 2022 6:07:30 GMT
Post by Sami on Sept 16, 2022 6:07:30 GMT
[newclass=.OCNAME]--rinAcc1:#b99ed0[/newclass]
[newclass=.OCNAME]--rinAcc2:#d189b8[/newclass]
[newclass=.OCNAME]--rinIMG:url(https://d2ofqe7l47306o.cloudfront.net/games/mobile/shattered-tale-of-the-forgotten-king-02.jpg)[/newclass]
[newclass=.OCNAME]--rinIcon:url(https://storage.proboards.com/7285740/avatar/tiixZcpoJJDaevRFhFCu.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:#1a1a1a; 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:#1a1a1a 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:#fff; 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:#1a1a1a; padding:10px 12px; border-radius:5px; text-align:left; color:#ccc; margin-top:10px; font-family:roboto!important; text-transform:uppercase; opacity:0; transition:.3s;[/newclass]
[newclass=.rinTag a] color:#ccc!important; text-decoration:none; font-family:roboto!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:#1a1a1a; padding:13px 12px; border-radius:5px; line-height:12px; font-family:poppins; font-size:13px; color:#aaa; 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:#1a1a1a; display:inline-block; margin:10px; height:410px; width:250px; border-radius:8px; box-sizing:border-box; padding:10px 12px;[/newclass]
[newclass=.rinBody div] color:#ccc; font-family:roboto; font-size:11px; line-height:14px; padding-right:10px; text-align:justify; height:390px; overflow:auto;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar] background-color:#3a3a3a; border:#1a1a1a 3px solid; width:7px;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar-thumb] background-color:#1a1a1a; 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=.OCNAME]--rinAcc2:#d189b8[/newclass]
[newclass=.OCNAME]--rinIMG:url(https://d2ofqe7l47306o.cloudfront.net/games/mobile/shattered-tale-of-the-forgotten-king-02.jpg)[/newclass]
[newclass=.OCNAME]--rinIcon:url(https://storage.proboards.com/7285740/avatar/tiixZcpoJJDaevRFhFCu.png)[/newclass]
[nospaces]
[attr="class","OCNAME"]
[attr="id","rinBG"]
[attr="class","rinBGIn"]
[attr="class","rinSide"]
[attr="class","rinIMG"]
[attr="class","rinSideBody"]
[attr="class","rinTag"]
@[tag]
@[tag]
[attr="class","rinNotes"]
Class: Warden[break]
Level: 11[break]
PWR: F[break][break]
DEF: F[break]
SPD: F[break]
MAGI: F[break]
VIT: F[break]
WIL: B[break]
LCK: 0
[break][break]
Equipped Item(s): -
Class: Warden[break]
Level: 11[break]
PWR: F[break][break]
DEF: F[break]
SPD: F[break]
MAGI: F[break]
VIT: F[break]
WIL: B[break]
LCK: 0
[break][break]
Equipped Item(s): -
[attr="class","rinIcon"]
[attr="class","rinIconScreen"][attr="class","th th-stars-o"]
[attr="class","rinBody"]
Insert Text Here
Insert Text Here
[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:#1a1a1a; 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:#1a1a1a 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:#fff; 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:#1a1a1a; padding:10px 12px; border-radius:5px; text-align:left; color:#ccc; margin-top:10px; font-family:roboto!important; text-transform:uppercase; opacity:0; transition:.3s;[/newclass]
[newclass=.rinTag a] color:#ccc!important; text-decoration:none; font-family:roboto!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:#1a1a1a; padding:13px 12px; border-radius:5px; line-height:12px; font-family:poppins; font-size:13px; color:#aaa; 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:#1a1a1a; display:inline-block; margin:10px; height:410px; width:250px; border-radius:8px; box-sizing:border-box; padding:10px 12px;[/newclass]
[newclass=.rinBody div] color:#ccc; font-family:roboto; font-size:11px; line-height:14px; padding-right:10px; text-align:justify; height:390px; overflow:auto;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar] background-color:#3a3a3a; border:#1a1a1a 3px solid; width:7px;[/newclass]
[newclass=.rinBody div::-webkit-scrollbar-thumb] background-color:#1a1a1a; 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]
