Post by estelle on Mar 6, 2022 11:04:08 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"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue eget arcu dictum varius duis. Sodales ut etiam sit amet nisl. Velit scelerisque in dictum non consectetur a erat nam at. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Pellentesque habitant morbi tristique senectus et netus et. Vitae turpis massa sed elementum tempus egestas. Cras fermentum odio eu feugiat pretium nibh. Enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Malesuada fames ac turpis egestas maecenas. Mollis aliquam ut porttitor leo a diam sollicitudin. Porta non pulvinar neque laoreet suspendisse. Eu ultrices vitae auctor eu. Amet massa vitae tortor condimentum lacinia quis vel eros donec.[break][break]
Porta non pulvinar neque laoreet suspendisse interdum consectetur. Elementum facilisis leo vel fringilla est ullamcorper eget nulla. Eget mauris pharetra et ultrices neque ornare aenean euismod. Vitae congue eu consequat ac felis donec. Lorem mollis aliquam ut porttitor leo a diam. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. At varius vel pharetra vel turpis nunc eget. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Risus viverra adipiscing at in. Aliquet bibendum enim facilisis gravida neque. Netus et malesuada fames ac turpis egestas sed. Aliquam ut porttitor leo a diam sollicitudin tempor. [break][break]
Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Varius morbi enim nunc faucibus a. Condimentum lacinia quis vel eros donec ac. Erat pellentesque adipiscing commodo elit. Neque sodales ut etiam sit. Tempus egestas sed sed risus pretium quam vulputate. Id nibh tortor id aliquet lectus proin nibh. In nibh mauris cursus mattis. Scelerisque in dictum non consectetur a erat nam. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Metus aliquam eleifend mi in nulla. Et sollicitudin ac orci phasellus egestas tellus. Turpis nunc eget lorem dolor. Posuere lorem ipsum dolor sit. Non odio euismod lacinia at quis risus. Vel pharetra vel turpis nunc eget lorem dolor. At urna condimentum mattis pellentesque id. [break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue eget arcu dictum varius duis. Sodales ut etiam sit amet nisl. Velit scelerisque in dictum non consectetur a erat nam at. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Pellentesque habitant morbi tristique senectus et netus et. Vitae turpis massa sed elementum tempus egestas. Cras fermentum odio eu feugiat pretium nibh. Enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Malesuada fames ac turpis egestas maecenas. Mollis aliquam ut porttitor leo a diam sollicitudin. Porta non pulvinar neque laoreet suspendisse. Eu ultrices vitae auctor eu. Amet massa vitae tortor condimentum lacinia quis vel eros donec.[break][break]
Porta non pulvinar neque laoreet suspendisse interdum consectetur. Elementum facilisis leo vel fringilla est ullamcorper eget nulla. Eget mauris pharetra et ultrices neque ornare aenean euismod. Vitae congue eu consequat ac felis donec. Lorem mollis aliquam ut porttitor leo a diam. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. At varius vel pharetra vel turpis nunc eget. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Risus viverra adipiscing at in. Aliquet bibendum enim facilisis gravida neque. Netus et malesuada fames ac turpis egestas sed. Aliquam ut porttitor leo a diam sollicitudin tempor. [break][break]
Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Varius morbi enim nunc faucibus a. Condimentum lacinia quis vel eros donec ac. Erat pellentesque adipiscing commodo elit. Neque sodales ut etiam sit. Tempus egestas sed sed risus pretium quam vulputate. Id nibh tortor id aliquet lectus proin nibh. In nibh mauris cursus mattis. Scelerisque in dictum non consectetur a erat nam. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Metus aliquam eleifend mi in nulla. Et sollicitudin ac orci phasellus egestas tellus. Turpis nunc eget lorem dolor. Posuere lorem ipsum dolor sit. Non odio euismod lacinia at quis risus. Vel pharetra vel turpis nunc eget lorem dolor. At urna condimentum mattis pellentesque id. [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]
