Post by ꜱɪꜰ on Jan 22, 2021 12:58:27 GMT -8
[nospaces]
[newclass=.biggie]-webkit-transitionduration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover]margin-left:-300px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.textie]opacity:0;margin-top:-425px;margin-bottom:150px;width:300px;height:400px;padding:10px;background-color:#fff;border:solid 1px #b7b7b7;color:#939393;text-align:justify;overflow:auto;margin-left:0px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;font:11px calibri;[/newclass]
[newclass=.biggie:hover .textie]opacity:1;margin-left:610px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.textie::-webkit-scrollbar]width:10px;background:#fff;[/newclass]
[newclass=.textie::-webkit-scrollbar-thumb]background:#b7b7b7;border:2px solid #fff;[/newclass]
[newclass=.iconie]opacity:0;margin-top:-240px;margin-left:-220px;margin-bottom:50px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover .iconie]opacity:1;[/newclass]
[newclass=.tagsie]opacity:0;font:11px calibri;color:#b7b7b7;margin-top:-75px;margin-left:-75px;margin-bottom:40px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover .tagsie]opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[attr="class","biggie"]
[attr="class","textie"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at aliquet nisi. Quisque at lacus ultrices, pulvinar elit vel, aliquet orci. In hac habitasse platea dictumst. Nullam at eleifend turpis, imperdiet efficitur dui. Nulla est est, tincidunt in accumsan non, lacinia eget neque. Maecenas congue suscipit quam, sit amet elementum mi ullamcorper vitae. Praesent euismod accumsan nisl sed faucibus. Praesent et dictum risus, eu tempor enim. Vivamus molestie semper maximus.[break][break]
Aliquam eget ultrices metus, id aliquam ligula. Aliquam dignissim feugiat aliquam. Ut vestibulum nunc dignissim tempus mattis. Vestibulum tristique nunc nec lectus viverra, quis varius metus congue. Mauris vel nisi at massa semper viverra. Proin non semper augue. Morbi eu quam a magna consectetur dapibus. Cras malesuada tempus leo hendrerit ultrices. Aenean tincidunt justo odio, sed molestie diam tristique non. Donec maximus ex et sapien tempus, non rutrum enim commodo.[break][break]
Pellentesque lacinia cursus sem, eu tempor magna tincidunt quis. Suspendisse sed metus mollis, rhoncus sapien sed, auctor orci. Nam faucibus imperdiet nisl, non feugiat ligula auctor non. In nec ligula nulla. Sed iaculis dolor scelerisque felis maximus, in semper sapien faucibus. Etiam pretium pretium enim id suscipit. Duis dignissim, nulla nec sollicitudin vulputate, nisi tortor finibus ante, vel feugiat velit diam nec nisl. Cras non dui eget turpis bibendum faucibus vitae ac ipsum. Nam ut lorem consequat, dignissim magna ac, sodales ante. Maecenas condimentum bibendum nunc, sed iaculis lorem molestie ultricies. Morbi eget vehicula erat. Aenean sed suscipit enim, at dignissim turpis. Vivamus malesuada condimentum interdum. Quisque venenatis risus et mauris volutpat, non aliquam nibh fringilla. Duis accumsan iaculis sem sed consequat.[break][break]
Nunc ac sollicitudin erat. Nulla interdum mattis sapien at pulvinar. Duis ullamcorper leo sit amet purus rutrum convallis. Vivamus fermentum in urna sed tempus. Sed congue massa vitae sodales fringilla. Pellentesque a dapibus arcu. Phasellus massa quam, feugiat vel accumsan in, tempor a lorem. Integer libero justo, semper sed metus vitae, porta tempus augue. Fusce tempor fermentum magna tincidunt blandit. Integer eget mi dapibus, molestie leo at, scelerisque turpis. Nullam maximus ultricies nulla a interdum. Integer orci dui, viverra at nisi sit amet, bibendum elementum risus. Ut pretium tortor eu pulvinar lacinia. Sed vitae commodo lacus. Duis arcu nunc, imperdiet non viverra quis, lacinia eget metus.[break][break]
Vestibulum commodo dui quis mauris tincidunt, nec lacinia orci fermentum. Suspendisse at ante nulla. Praesent tempor commodo turpis in egestas. Vivamus in luctus velit, sed pulvinar urna. Nulla eu enim non nulla congue mollis nec consequat purus. Morbi et ex tempus, rhoncus nisl sit amet, convallis nulla. Praesent sit amet laoreet felis. Curabitur blandit, lorem placerat tristique sollicitudin, nunc velit auctor felis, at blandit massa mi ut elit. Aenean vel sagittis sem. Morbi nec pellentesque magna. Suspendisse vitae metus est. Curabitur tincidunt tempor dictum. Vestibulum lacus massa, lacinia in lectus at, efficitur mattis lectus. Nulla eu convallis leo.
Aliquam eget ultrices metus, id aliquam ligula. Aliquam dignissim feugiat aliquam. Ut vestibulum nunc dignissim tempus mattis. Vestibulum tristique nunc nec lectus viverra, quis varius metus congue. Mauris vel nisi at massa semper viverra. Proin non semper augue. Morbi eu quam a magna consectetur dapibus. Cras malesuada tempus leo hendrerit ultrices. Aenean tincidunt justo odio, sed molestie diam tristique non. Donec maximus ex et sapien tempus, non rutrum enim commodo.[break][break]
Pellentesque lacinia cursus sem, eu tempor magna tincidunt quis. Suspendisse sed metus mollis, rhoncus sapien sed, auctor orci. Nam faucibus imperdiet nisl, non feugiat ligula auctor non. In nec ligula nulla. Sed iaculis dolor scelerisque felis maximus, in semper sapien faucibus. Etiam pretium pretium enim id suscipit. Duis dignissim, nulla nec sollicitudin vulputate, nisi tortor finibus ante, vel feugiat velit diam nec nisl. Cras non dui eget turpis bibendum faucibus vitae ac ipsum. Nam ut lorem consequat, dignissim magna ac, sodales ante. Maecenas condimentum bibendum nunc, sed iaculis lorem molestie ultricies. Morbi eget vehicula erat. Aenean sed suscipit enim, at dignissim turpis. Vivamus malesuada condimentum interdum. Quisque venenatis risus et mauris volutpat, non aliquam nibh fringilla. Duis accumsan iaculis sem sed consequat.[break][break]
Nunc ac sollicitudin erat. Nulla interdum mattis sapien at pulvinar. Duis ullamcorper leo sit amet purus rutrum convallis. Vivamus fermentum in urna sed tempus. Sed congue massa vitae sodales fringilla. Pellentesque a dapibus arcu. Phasellus massa quam, feugiat vel accumsan in, tempor a lorem. Integer libero justo, semper sed metus vitae, porta tempus augue. Fusce tempor fermentum magna tincidunt blandit. Integer eget mi dapibus, molestie leo at, scelerisque turpis. Nullam maximus ultricies nulla a interdum. Integer orci dui, viverra at nisi sit amet, bibendum elementum risus. Ut pretium tortor eu pulvinar lacinia. Sed vitae commodo lacus. Duis arcu nunc, imperdiet non viverra quis, lacinia eget metus.[break][break]
Vestibulum commodo dui quis mauris tincidunt, nec lacinia orci fermentum. Suspendisse at ante nulla. Praesent tempor commodo turpis in egestas. Vivamus in luctus velit, sed pulvinar urna. Nulla eu enim non nulla congue mollis nec consequat purus. Morbi et ex tempus, rhoncus nisl sit amet, convallis nulla. Praesent sit amet laoreet felis. Curabitur blandit, lorem placerat tristique sollicitudin, nunc velit auctor felis, at blandit massa mi ut elit. Aenean vel sagittis sem. Morbi nec pellentesque magna. Suspendisse vitae metus est. Curabitur tincidunt tempor dictum. Vestibulum lacus massa, lacinia in lectus at, efficitur mattis lectus. Nulla eu convallis leo.
[newclass=.biggie]-webkit-transitionduration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover]margin-left:-300px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.textie]opacity:0;margin-top:-425px;margin-bottom:150px;width:300px;height:400px;padding:10px;background-color:#fff;border:solid 1px #b7b7b7;color:#939393;text-align:justify;overflow:auto;margin-left:0px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;font:11px calibri;[/newclass]
[newclass=.biggie:hover .textie]opacity:1;margin-left:610px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.textie::-webkit-scrollbar]width:10px;background:#fff;[/newclass]
[newclass=.textie::-webkit-scrollbar-thumb]background:#b7b7b7;border:2px solid #fff;[/newclass]
[newclass=.iconie]opacity:0;margin-top:-240px;margin-left:-220px;margin-bottom:50px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover .iconie]opacity:1;[/newclass]
[newclass=.tagsie]opacity:0;font:11px calibri;color:#b7b7b7;margin-top:-75px;margin-left:-75px;margin-bottom:40px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]
[newclass=.biggie:hover .tagsie]opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;[/newclass]