Ezra's template testing | With Great Power

ezra, the bomber

Ezra's template testing

Nov 14, 2020 17:57:25 GMT -5

QUOTE

[attr="class","adrie-cover"]

[attr="class","adrie-ban"]

[attr="class","adrie-lyric1"]Now that the sun is setting

[attr="class","adrie-b"]

[attr="class","adrie-c"]

[attr="class","adrie-lyric2"]Do you think you'll survive the night?

[attr="class","top-acc"]

[attr="class","adrie-content1"]

[attr="class","adrie-content2"]

[attr="class","adrie-img"]

[attr="class","adrie-img2"]

[attr="class","inner-finally"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisl eget erat semper ultrices. Nunc id vestibulum nisl. Quisque luctus sem tristique dolor pellentesque consequat. Curabitur enim nibh, ullamcorper eget nunc quis, iaculis posuere libero. Duis dignissim dapibus felis sed posuere. Morbi ut tortor vel urna laoreet volutpat eget at sapien. Mauris a tellus pulvinar, lobortis ligula et, varius dui. Curabitur imperdiet fermentum diam, ac efficitur felis iaculis in. Proin id massa quis purus blandit tristique. Mauris non eros at orci tincidunt ornare sed vitae leo. Nulla pharetra interdum purus vel pulvinar. Curabitur eu venenatis arcu, vel tempus quam.

Morbi ultrices maximus diam, non ornare purus viverra quis. Sed ante lectus, pellentesque nec tortor quis, cursus condimentum quam. Maecenas in aliquam lorem, ac mattis mauris. Etiam ante ante, aliquet nec odio vitae, laoreet blandit mi. Donec iaculis magna posuere, porta risus elementum, tincidunt orci. In hac habitasse platea dictumst. Curabitur placerat pulvinar accumsan. Sed id ex id urna varius efficitur eget eu leo. In sed urna elit. Donec ante felis, blandit ut varius sed, porta fermentum libero. Fusce accumsan, nunc a elementum egestas, augue ex tempor justo, vel varius nisi metus et enim. Donec enim dolor, porttitor a aliquam eget, elementum id orci. Suspendisse rutrum nec augue sit amet lobortis.

Quisque ornare metus est, vitae suscipit nulla dignissim vitae. Fusce faucibus in quam ut ultricies. Aliquam a ante felis. Suspendisse eleifend magna non tincidunt hendrerit. Maecenas vitae velit facilisis, accumsan sapien at, finibus velit. Duis sem dolor, rutrum in sollicitudin non, aliquam id est. Fusce quis posuere magna. Praesent tempus pulvinar orci. Maecenas dui quam, aliquet sed venenatis sed, malesuada eget magna. In sit amet placerat quam. Morbi ut nisl odio. Integer vel lacus aliquet, laoreet lorem sit amet, dictum dui. Aenean semper, erat et ultrices lacinia, est sapien gravida lorem, vel ullamcorper felis mauris quis turpis. Sed ullamcorper, diam sit amet finibus rhoncus, ipsum nunc venenatis metus, sed porta diam ligula ac arcu. Donec gravida gravida urna, non porta leo venenatis vel.

[attr="class","bottome-acc"]

[attr="class","adrie-note"]

KAY OF PIXEL PERFECT

[newclass=".adrie-cover"]background:#f3f3f3;border:solid 1px #dcdcdc;width:450px;padding:10px;margin:0 auto;[/newclass]
[newclass=".adrie-ban"]position:relative;z-index:0;background:url(https://i.imgur.com/4GcrMWo.jpg);-webkit-clip-path:polygon(50% 0%,100% 0,100% 75%,0 100%,0 0);clip-path:polygon(50% 0%,100% 0,100% 75%,0 100%,0 0);width:450px;height:200px;overflow:hidden;[/newclass]
[newclass=".adrie-lyric1"]font-size:8px;color:#fff;letter-spacing:4px;position:absolute;text-transform:uppercase;font-family:roboto;text-align:right;padding-top:6px;margin-left:12px;text-shadow:1px 1px 0 #555,-1px -1px 0 #555,1px -1px 0 #555,-1px 1px 0 #555,3px 3px 5px #555;[/newclass]
[newclass=".adrie-lyric2"]font-size:8px;color:#fff;letter-spacing:4px;position:absolute;text-transform:uppercase;font-family:roboto;text-align:right;padding-top:6px;margin-left:140px;text-shadow:1px 1px 0 #555,-1px -1px 0 #555,1px -1px 0 #555,-1px 1px 0 #555,3px 3px 5px #555;[/newclass]
[newclass=".adrie-b"]width:0;height:276px;overflow:hidden;margin-left:-50px;transform:skew(-20deg);transition:width 1s ease;[/newclass]
[newclass=".adrie-cover:hover .adrie-b"]width:600px;[/newclass]
[newclass=".adrie-c"]width:590px;height:200px;transform:skew(20deg);margin-left:-85px;background-image:url(https://i.imgur.com/qAi9J2C.jpg);background-position:114px 0;[/newclass]
[newclass=".adrie-content1"]background:url(https://i.imgur.com/n9UllSp.png);padding-top:40px;margin-top:-50px;[/newclass]
[newclass=".adrie-content2"]font-size:10px;line-height:14px;color:#666;padding:40px;background:rgba(255,255,255,0.7);text-align:justify;font-family:arial;[/newclass][newclass=".adrie-content2 b"]color:#ab2d2d;[/newclass]
[newclass=".adrie-bg"]background:#f1f1f1;border:solid 1px #eaeaea;width:150px;margin-top:10px;height:400px;background-attachment:fixed;[/newclass]
[newclass=".adrie-heads"]font-size:10px;text-transform:uppercase;font-family:roboto;letter-spacing:1px;background:#f9f9f9;color:#444;font-weight:900;border:solid 1px #ececec;width:115px;margin-top:20px;font-size:9px;margin-left:5px;padding:10px 0px 10px 20px;[/newclass]
[newclass=".adrie-icon"]transition:0.2s all;opacity:0;position:absolute;margin-top:16px;[/newclass]
[newclass=".adrie-note"]font-size:8px;text-align:center;font-family:roboto;letter-spacing:3px;opacity:0;transition:0.9s all;padding-top:18px;transition:0.7s all;color:#fff;text-transform:uppercase;[/newclass]
[newclass=".adrie-note a"]font-size:8px;font-family:roboto;color:#fff!important;letter-spacing:3px;text-transform:uppercase;[/newclass]
[newclass=".adrie-solid"]background:#ca3f46;height:20px;margin-top:3px;[/newclass]
[newclass=".bottome-acc"]background:#ab2d2d;background-attachment:fixed;height:50px;margin-top:-25px;[/newclass]
[newclass=".adrie-cover:hover .adrie-note"]transition:0.6s all;opacity:1;[/newclass]
[newclass=".adrie-img img"]margin-top:-80px;position:relative;position:absolute;margin-left:-30px;[/newclass]
[newclass=".top-acc"]-webkit-clip-path:polygon(0 90%,100% 55%,100% 100%,0% 100%);clip-path:polygon(0 90%,100% 50%,100% 100%,0% 100%);background:#ab2d2d;height:100px;margin-top:-100px;[/newclass]
[newclass=".adrie-img2 img"]shape-outside:circle(50%)!important;float:left;[/newclass]
[newclass=".inner-finally"]padding:20px;[/newclass]

Villain