|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Feb 23, 2021 17:05:45 GMT
|
|
|
|
|
 these templates are for use on ELEMENT only.please do not use them outside of the site unless given explicit permission. thank you for understanding. as creator of these codes, we reserve the right to revoke their usage at any time. |
|
|
Feb 23, 2021 17:06:52 GMT
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Feb 23, 2021 17:05:45 GMT
|
|
|
|
|
[attr="class","adrie-cover"] [attr="class","adrie-ban"] [attr="class","adrie-lyric1"]Oh if you could see me now [attr="class","adrie-b"] [attr="class","adrie-c"] [attr="class","adrie-lyric2"]Would you stand in disgrace or take a bow? [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"] [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/zEbDdEd.png);-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/ieO8fZH.png);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:#174358;[/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:#174358;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:#174358;height:100px;margin-top:-100px;[/newclass]
[newclass=".adrie-img2 img"]shape-outside:circle(50%)!important;float:left;[/newclass]
[newclass=".inner-finally"]padding:20px;[/newclass]
|
|
|
|
|
