Post by bananers on Aug 31, 2015 0:13:31 GMT
[nospaces]
[attr="class","nanplot-header"]first last [attr="class","nanplot"] [attr="class","nanplot-container"] [attr="class","nanplot-text"] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [break][break] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [attr="class","nanplot-cover"] | [attr="class","nanplot-header"]first last [attr="class","nanplot"] [attr="class","nanplot-container"] [attr="class","nanplot-text"] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [break][break] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [attr="class","nanplot-cover"] |
[attr="class","nanplot-header"]first last [attr="class","nanplot"] [attr="class","nanplot-container"] [attr="class","nanplot-text"] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [break][break] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [attr="class","nanplot-cover"] | [attr="class","nanplot-header"]first last [attr="class","nanplot"] [attr="class","nanplot-container"] [attr="class","nanplot-text"] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [break][break] Duis nec mauris tellus. Duis et feugiat ante. Maecenas dignissim arcu malesuada bibendum efficitur. Cras tellus neque, molestie eget augue in, aliquam suscipit orci. Phasellus nunc mauris, placerat ac elit id, ultricies dictum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque id ultricies odio. Quisque condimentum interdum lacus sed viverra. [attr="class","nanplot-cover"] |
#001 @ #TEAMSAUSAGE
[newclass=".nanplot"]height: 150px; width: 250px; overflow: hidden;[/newclass]
[newclass=".nanplot-header"]text-align: center; font: bold 13px roboto slab; text-transform: lowercase;[/newclass]
[newclass=".nanplot .nanplot-cover"]height: 100px; padding: 25px 0px; width: 250ppx; margin-top: -150px; background: #000; position: relative; z-index: 3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;[/newclass]
[newclass=".nanplot:hover .nanplot-cover"]background: #000; height: 100px; padding: 25px 0px; width: 250ppx; margin-top: 0px; position: relative; z-index: 3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;[/newclass]
[newclass=".nanplot-container"]margin: 0px 5px 5px; padding: 5px; font: 11px trebuchet ms; text-align: justify; height: 130px; background: #000; color: #dedede;[/newclass]
[newclass=".nanplot-text"]height: 130px; padding-right: 5px; overflow: auto;[/newclass]
[newclass=".nanplot-text::-webkit-scrollbar"]width: 9px; border: 4px solid #000; background: #dedede;[/newclass]
[newclass=".nanplot-text::-webkit-scrollbar-thumb"]background: #dedede; border: 1px solid #000;[/newclass]