Post by Clemmie on Feb 8, 2021 23:40:46 GMT
Coding shenanigans will go here.
Brav's Batch
Post by Clemmie on Feb 8, 2021 23:56:25 GMT
[newclass=.CLE]--rinAcc1:#ff9c33[/newclass]
[newclass=.CLE]--rinAcc2:#941a01[/newclass]
[newclass=.CLE]--rinIMG:url(https://i.imgur.com/vs3gztR.png)[/newclass]
[newclass=.CLE]--rinIcon:url(https://i.imgur.com/BjGT9Zp.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=.CLE]--rinAcc2:#941a01[/newclass]
[newclass=.CLE]--rinIMG:url(https://i.imgur.com/vs3gztR.png)[/newclass]
[newclass=.CLE]--rinIcon:url(https://i.imgur.com/BjGT9Zp.png)[/newclass]
[nospaces]
[attr="class","CLE"]
[attr="id","rinBG"]
[attr="class","rinBGIn"]
[attr="class","rinSide"]
[attr="class","rinIMG"]
[attr="class","rinSideBody"]
[attr="class","rinTag"]
@[tag]
@[tag]
[attr="class","rinNotes"]
notes go here. this box will expand to be as long as you need it to be
notes go here. this box will expand to be as long as you need it to be
[attr="class","rinIcon"]
[attr="class","rinIconScreen"][attr="class","th th-stars-o"]
[attr="class","rinBody"]
test And BOLD
test And BOLD
[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]