Post by fancy nancy on Nov 23, 2015 23:07:47 GMT
[nospaces]
[attr="class","suffering_stevens"] [attr="class","whine_up1"]  [attr="class","oh_yeah"] [attr="class","you_got_me"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit posuere ipsum a pharetra. Aliquam scelerisque ligula aliquam, convallis velit et, finibus felis. Curabitur posuere posuere sapien. Sed quis purus ipsum. In et molestie velit. In vel turpis eu dui rutrum aliquam. Mauris pellentesque tristique lorem, id euismod augue tempus sit amet. Maecenas quis erat eget nulla scelerisque porta. Maecenas et dictum libero. Vestibulum lorem felis, semper ac cursus sit amet, dignissim non arcu. Donec mollis diam vel eros hendrerit vestibulum. [attr="class","keep_the_record_spinning"]FULL NAME HERE |
[newclass=".suffering_stevens"]width: 350px; position: relative;[/newclass]
[newclass=".you_got_me"]width: 350px; padding: 5px;[/newclass]
[newclass=".suffering_stevens .oh_yeah"]height: 150px; width: 0px; position: relative; background: #ff0000; -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; padding: 0px; overflow: hidden;[/newclass]
[newclass=".suffering_stevens:hover .oh_yeah"]padding: 15px; height: 120px; width: 350px; position: relative; background: #ff0000; -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; overflow: hidden;[/newclass]
[newclass=".suffering_stevens .whine_up1"]float: left; height: 100px; width: 100px; border-radius: 100%; overflow: hidden; margin-top: 15px; margin-left: -145px; transform: rotate(0deg); -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; position: relative; z-index: 9;[/newclass]
[newclass=".suffering_stevens:hover .whine_up1"]height: 100px; width: 100px; border-radius: 100%; overflow: hidden; margin-top: 0px; margin-left: 385px; transform: rotate(360deg); -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; position: relative; z-index: 9;[/newclass]
[newclass=".suffering_stevens .keep_the_record_spinning"]font: italic bold 35px arial; margin-top: -100px; margin-bottom: 100px; position: absolute; z-index: 8; margin-left: 25px; opacity: 1; -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=".suffering_stevens:hover .keep_the_record_spinning"]font: italic bold 35px arial; margin-top: -100px; margin-bottom: 100px; position: absolute; z-index: 8; margin-left: 25px; opacity: 0; -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]