[nospaces][googlefont=Roboto+Mono:300|Open+Sans:400,400i,700,700i|Playfair+Display:400i]
[attr=class,punkihope]
[attr=class,absolute-holder]
[attr=class,image-divider]
[attr=class,accentbg]
[attr=class,image]
[attr=class,lyric1]
[attr=class,accentborder accenttext]
Don't hate me
[attr=class,lyric2]
[attr=class,accentborder accenttext]
Cos you ain't me
[attr=class,overlay]
[attr=class,charname accenttext]
[attr=class,accentbg]
Here's the
Tea,
Kay?
[attr=class,bulk]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra nibh cras pulvinar mattis. Ultricies mi eget mauris pharetra et ultrices neque. Augue interdum velit euismod in. Integer vitae justo eget magna fermentum iaculis. Felis eget velit aliquet sagittis id consectetur purus. Vulputate ut pharetra sit amet aliquam id diam maecenas. Porttitor eget dolor morbi non arcu risus quis. Tempor commodo ullamcorper a lacus vestibulum sed arcu. Dapibus ultrices in iaculis nunc sed augue. Congue nisi vitae suscipit tellus mauris a diam maecenas sed. Ac turpis egestas sed tempus. Scelerisque eu ultrices vitae auctor eu augue ut. Amet nisl suscipit adipiscing bibendum est ultricies integer quis. Sed arcu non odio euismod lacinia at quis risus sed. Ut lectus arcu bibendum at varius vel. Ut placerat orci nulla pellentesque.[break][break]
Neque ornare aenean euismod elementum. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis. Ut porttitor leo a diam sollicitudin tempor id. Dignissim enim sit amet venenatis. Sed arcu non odio euismod lacinia at quis risus. Viverra nibh cras pulvinar mattis nunc sed blandit libero volutpat. Eu augue ut lectus arcu bibendum at varius vel pharetra. In fermentum et sollicitudin ac orci phasellus egestas tellus. At elementum eu facilisis sed odio. Aliquet risus feugiat in ante metus. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque. Habitasse platea dictumst quisque sagittis purus sit amet volutpat. Amet tellus cras adipiscing enim eu turpis egestas pretium. Ipsum a arcu cursus vitae. Amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Nisl rhoncus mattis rhoncus urna neque.[break][break]
Sit amet facilisis magna etiam tempor orci eu lobortis elementum. Mi tempus imperdiet nulla malesuada pellentesque elit. Lobortis scelerisque fermentum dui faucibus in. At imperdiet dui accumsan sit amet. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Malesuada proin libero nunc consequat interdum varius. Scelerisque fermentum dui faucibus in ornare quam viverra. Laoreet id donec ultrices tincidunt arcu non. Eu nisl nunc mi ipsum faucibus. Quam quisque id diam vel quam elementum pulvinar etiam. Mi tempus imperdiet nulla malesuada pellentesque elit eget. Massa vitae tortor condimentum lacinia quis vel eros donec. Tellus orci ac auctor augue. Sollicitudin tempor id eu nisl nunc mi. Faucibus pulvinar elementum integer enim neque volutpat. Euismod in pellentesque massa placerat duis ultricies lacus sed. Egestas pretium aenean pharetra magna ac placerat vestibulum. Vulputate ut pharetra sit amet aliquam. Arcu felis bibendum ut tristique.[break][break]
Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Posuere urna nec tincidunt praesent semper. Fermentum posuere urna nec tincidunt praesent semper feugiat nibh sed. Ut faucibus pulvinar elementum integer enim neque volutpat. Egestas congue quisque egestas diam in. Quam pellentesque nec nam aliquam. Pretium fusce id velit ut tortor pretium viverra suspendisse potenti. Iaculis eu non diam phasellus vestibulum lorem sed. Arcu risus quis varius quam quisque id diam. Tincidunt augue interdum velit euismod. Viverra aliquet eget sit amet tellus cras adipiscing. Dui ut ornare lectus sit amet est. Sit amet luctus venenatis lectus magna. Volutpat odio facilisis mauris sit amet massa. Senectus et netus et malesuada fames ac turpis egestas. Elementum sagittis vitae et leo duis ut diam quam. Ut consequat semper viverra nam libero justo laoreet sit amet. Sollicitudin tempor id eu nisl nunc mi.[break][break]
Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Diam maecenas sed enim ut sem viverra. Fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Orci dapibus ultrices in iaculis nunc sed augue lacus viverra. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Ornare arcu dui vivamus arcu felis bibendum ut tristique. Tortor vitae purus faucibus ornare. Quis vel eros donec ac odio tempor orci dapibus ultrices. In mollis nunc sed id semper risus in. Lorem sed risus ultricies tristique nulla aliquet.[break][break]
[attr=class,bottom-text]
tagged @duo
[attr=class,punkihopecredit]
template by
punki[newclass=.punkihope .accentbg]background: #6C909A;[/newclass]
[newclass=.punkihope .accentborder, .punkihope .bulk i]border-color: #6C909A;[/newclass]
[newclass=.punkihope .accenttext, .punkihope .bulk b, .punkihope .bottom-text span a]color: #6C909A;[/newclass]
[newclass=.punkihope]width: 500px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.05); margin: auto;[/newclass]
[newclass=.punkihope .absolute-holder]width: 500px; height: 272px; position: absolute; overflow: hidden;[/newclass]
[newclass=.punkihope .image]position: absolute; width: 100%; top: 0; height: 200px; background: url('https://i56.servimg.com/u/f56/18/72/30/65/25c77412.jpg');[/newclass]
[newclass=.punkihope .image .overlay]height: inherit; background: linear-gradient(to right,rgba(60,60,60,0.2),rgba(70,70,70,0.8));[/newclass]
[newclass=.punkihope .lyric1, .punkihope .lyric2]position: absolute; right: 43px; bottom: 29px; padding-top: 4px; padding-left: 4px; height: 20px; background: #ffffff;[/newclass]
[newclass=.punkihope .lyric1 div, .punkihope .lyric2 div]border-width: 1px; border-style: solid; font-family: 'Roboto Mono'; font-size: 10px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; word-spacing: -4px; line-height: 12px; padding: 5px 7px; margin-right: -4px;[/newclass]
[newclass=.punkihope .lyric1]bottom: 66px;[/newclass]
[newclass=.punkihope .image-divider]position: absolute; width: 450px; height: 1px; top: 180px; padding: 15px 25px; background: #ffffff; border-bottom: 1px solid rgba(0,0,0,0.07);[/newclass]
[newclass=.punkihope .image-divider div]height: inherit; opacity: 0.3;[/newclass]
[newclass=.punkihope .charname]position: absolute; bottom: 15px; left: 50px; font-family: 'Playfair Display'; font-style: italic; font-size: 14px; letter-spacing: 2px; line-height:14px; text-transform: lowercase;[/newclass]
[newclass=.punkihope .charname div]display: inline-block; opacity: 0.5; width: 50px; height: 1px; position: relative; vertical-align: middle; margin-right: 10px;[/newclass]
[newclass=.punkihope .bulk]margin-top: 272px; margin-left: 40px; width: 420px; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; color: rgba(0,0,0,0.6); text-align: justify;[/newclass]
[newclass=.punkihope .bulk i b]font-weight: 400;[/newclass]
[newclass=.punkihope .bottom-text]height: 50px; background: #3e3e3e; margin: -1px; margin-top: 40px; font-family: 'Open Sans'; color: rgba(255,255,255,0.5); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding: 0 40px;[/newclass]
[newclass=.punkihope .bottom-text > span]float: right;[/newclass]
[newclass=.punkihope .bottom-text a]font-family: inherit; font-size: inherit;[/newclass]
[newclass=.punkihopecredit]width: 500px; margin: auto; text-align: center; font-family: 'Roboto Mono'; font-size: 10px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.5;[/newclass]
[newclass=.punkihopecredit a]font-family: inherit; font-size: inherit;[/newclass]
