aliaszomb
138written posts
offlinecurrently
This seemed interesting so I thought I'd give it a shot. I redid my Infinity template from WW since it was one of my older ones I'm actually kind of satisfied with. Funny enough, it looks more simpler but twas fun to code nonetheless.Thank you for the fun challenge <3
[break][break]
The old one - Click [break][break] --------------- [break][break] And the new - [break][break] [nospaces] [attr="class","infinite-cover"] [attr="class","infinite-cover1"] [attr="class","infinite-top"]
[attr="class","infinite-img"] 
| [attr="class","infi-lyric1"]I PRESS THE BUTTON AND IT [attr="class","infi-lyric4"]BURSTS [attr="class","infi-lyric3"]INTO LIFE |
[attr="class","infinite-bottom"]
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Sed quis eros congue lorem volutpat rutrum. In tellus velit,euismod nec tortor non,pulvinar rhoncus turpis. Integer eu porttitor augue. Nullam id mauris iaculis,luctus risus id,sodales leo. Vestibulum id nisi augue. Duis ultrices dapibus eros eu sollicitudin. Sed sed egestas justo,eget rutrum neque. In elementum tellus eu risus condimentum scelerisque. Aenean vel placerat orci. Duis finibus augue non justo bibendum,vitae fermentum eros accumsan. Etiam gravida sed metus nec placerat. Quisque sit amet finibus tellus,vel elementum odio. Vestibulum eget mollis ante. Nunc condimentum tellus in felis volutpat,sit amet ornare ligula tristique.
[break][break]
Etiam elit eros,porttitor a elementum a,ultricies lobortis mauris. Donec rhoncus,justo a porttitor laoreet,augue sem ultrices ipsum,ac posuere mi dui ut metus. Nam eleifend vestibulum vehicula. Phasellus pulvinar ipsum felis,vitae viverra velit convallis ultricies. Nam fermentum pellentesque facilisis. Suspendisse potenti. Curabitur odio arcu,vehicula a volutpat at,vehicula id augue. Pellentesque eleifend nunc lobortis venenatis porta. Etiam ut nulla ut ex dignissim auctor non pharetra velit. Nam vitae massa leo. Donec dui nisi,eleifend sed sapien sed,commodo pharetra libero. Praesent a semper nunc,dignissim varius arcu.
[break][break]
Donec dignissim nisl eu turpis euismod,consequat cursus libero posuere. Nulla sollicitudin tellus felis,vitae tempor mauris congue sed. Vestibulum nec dui at enim pulvinar maximus non sit amet mauris. Integer vitae nulla placerat,sollicitudin urna at,pellentesque massa. Suspendisse at venenatis libero. Curabitur cursus enim sed nibh iaculis,at ornare lectus condimentum. Nam euismod at purus semper vulputate. Ut aliquam,velit ac porttitor gravida,lorem leo lobortis nisi,ac egestas risus nisi eget arcu. Morbi lobortis sollicitudin justo commodo tincidunt. In sagittis erat felis,ut mattis est lobortis quis. In vitae rhoncus leo,vitae cursus diam. Nulla bibendum nibh id turpis cursus egestas. Vestibulum mattis justo odio,eu fermentum sapien tincidunt id. Sed fringilla quam id lacinia ornare. Phasellus vel ante a enim ornare hendrerit a nec nisi. [attr="class","infinite-note"]TAG - NOTES [googlefont="Raleway, Roboto Condensed, Montserrat "][newclass=".infinite-cover"]margin:0 auto;width:382px;padding:15px;background:url(http://i.imgur.com/f2Sy8b5.png);border:solid 10px #eaeaea;[/newclass]
[newclass=".infinite-cover1"]width:380px;box-shadow:0px 0px 2px 2px #eaeaea;border:solid 1px #eaeaea;background:#fcfcfc;[/newclass]
[newclass=".infinite-top"]-webkit-clip-path:polygon(50% 0%,100% 0,100% 100%,95% 91%,46% 89%,39% 69%,39% 87%,5% 87%,0 100%,0 0);clip-path:polygon(50% 0%,100% 0,100% 100%,95% 91%,46% 89%,39% 69%,39% 87%,5% 87%,0 100%,0 0);background:#e9e9e9;height:150px;-webkit-box-shadow:1px 14px 22px -1px rgba(74,74,74,1);-moz-box-shadow:1px 14px 22px -1px rgba(74,74,74,1);box-shadow:1px 14px 22px -1px rgba(74,74,74,1);width:380px;[/newclass]
[newclass=".infinite-bottom"]font-size:10.5px;text-align:justify;font-family:roboto;color:#555;margin-top:-20px;line-height:14px;padding:35px;[/newclass]
[newclass=".infinite-note"]-webkit-clip-path:polygon(52% 24%,89% 24%,100% 0,100% 100%,0 100%,0 0,9% 23%);clip-path:polygon(52% 24%,89% 24%,100% 0,100% 100%,0 100%,0 0,9% 23%);height:90px;background:#e9e9e9;margin-top:-30px;line-height:110px;font-size:9px;font-family:monospace;text-align:center;width:380px;[/newclass]
[newclass=".infinite-note a"]font-size:9px;font-family:monospace;color:#555;[/newclass]
[newclass=".infinite-img img"]padding:10px;background:#f9f9f9;position:absolute;width:85px;margin-left:25px;margin-top:10px;[/newclass]
[newclass=".infi-lyric1"]font-size:8px;font-family:"Raleway";color:#555;font-weight:900;position:absolute;width:220px;letter-spacing:4px;margin-top:30px;text-align:right;[/newclass]
[newclass=".infi-lyric4"]font-size:50px;position:absolute;font-family:Old Standard TT;color:#555;padding-right:10px;background:#f9f9f9;line-height:50px;height:50px;font-weight:800;width:240px;margin-top:45px;margin-left:-26px;text-align:right;[/newclass]
[newclass=".infi-lyric3"]font-size:8px;font-family:"Raleway";color:#555;font-weight:800;position:absolute;width:220px;letter-spacing:4px;margin-top:98px;text-align:right;[/newclass]
|
last edit on Jul 10, 2018 20:01:11 GMT by Kay |
