Post by Admin on Aug 5, 2015 13:13:20 GMT
[attr="class","wrappera"]
[attr="class","overhov"]
[attr="class","titlea"]
[attr="class","underhov"]
[attr="class","title2"]
stuff
stuff
[attr="class","grad"]
[attr="class","box"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula a ligula in commodo. Ut pulvinar orci nec sapien pulvinar, eu pellentesque turpis pulvinar.
Praesent ex felis, maximus dignissim velit nec, feugiat venenatis urna. Mauris vel aliquet felis. Sed porttitor et nunc a ultrices. Phasellus gravida, enim ut scelerisque auctor, justo ipsum auctor diam, eu placerat urna odio at metus. Etiam mi tellus, finibus ac elit sed, feugiat scelerisque nisi. Nullam placerat mi a mauris placerat, varius maximus nulla sodales.
Morbi sit amet neque id dui fringilla fermentum. Donec neque urna, bibendum a libero eu, ullamcorper iaculis mauris. Aliquam est mi, tempus et interdum ut, feugiat bibendum mi. Ut ut ornare ipsum.
Suspendisse potenti. Nulla facilisi. Ut nulla lacus, dignissim a libero ac, pulvinar pharetra justo. Donec commodo convallis nisl ac accumsan.
Integer sed libero eu arcu gravida interdum. Vivamus vehicula pretium quam a fringilla. Aliquam sagittis felis ut laoreet hendrerit. Duis auctor tortor et volutpat pellentesque.
Maecenas tempus aliquet magna sit amet accumsan. Sed bibendum faucibus nisi vel condimentum.
Nunc cursus, eros id cursus sagittis, turpis mauris venenatis est, at ullamcorper dolor purus eu massa. Nulla ut fermentum mauris. Phasellus ac diam eget sem eleifend varius molestie at leo. Fusce nec nunc mattis, tincidunt velit sit amet, sollicitudin mauris.
Praesent ex felis, maximus dignissim velit nec, feugiat venenatis urna. Mauris vel aliquet felis. Sed porttitor et nunc a ultrices. Phasellus gravida, enim ut scelerisque auctor, justo ipsum auctor diam, eu placerat urna odio at metus. Etiam mi tellus, finibus ac elit sed, feugiat scelerisque nisi. Nullam placerat mi a mauris placerat, varius maximus nulla sodales.
Morbi sit amet neque id dui fringilla fermentum. Donec neque urna, bibendum a libero eu, ullamcorper iaculis mauris. Aliquam est mi, tempus et interdum ut, feugiat bibendum mi. Ut ut ornare ipsum.
Suspendisse potenti. Nulla facilisi. Ut nulla lacus, dignissim a libero ac, pulvinar pharetra justo. Donec commodo convallis nisl ac accumsan.
Integer sed libero eu arcu gravida interdum. Vivamus vehicula pretium quam a fringilla. Aliquam sagittis felis ut laoreet hendrerit. Duis auctor tortor et volutpat pellentesque.
Maecenas tempus aliquet magna sit amet accumsan. Sed bibendum faucibus nisi vel condimentum.
Nunc cursus, eros id cursus sagittis, turpis mauris venenatis est, at ullamcorper dolor purus eu massa. Nulla ut fermentum mauris. Phasellus ac diam eget sem eleifend varius molestie at leo. Fusce nec nunc mattis, tincidunt velit sit amet, sollicitudin mauris.
[newclass=".wrappera"]width:380px;border: 5px solid #f7f7f7;background-image:url('http://i.imgur.com/Bmer7VJ.png');5px;padding-top:25px;padding-bottom:15px;[/newclass]
[newclass=".titlea"]width:100px;height:100px;border:7px solid #f7f7f7;border-radius: 90px;float:center;background-image:url('http://placehold.it/100x100');margin-top:-25px;[/newclass]
[newclass=".title2"]width:90px;height: 90px;font-family:'Arial'; font-size:10px;text-align:center;border-radius:90px;vertical-align: center; color: #2f2f2f; letter-spacing:2px;background: #f7f7f7;opacity:0.9;[/newclass]
[newclass=".grad"]width: 330px; height: 25px; left:20px;float:center;background: #fff67c;background: -moz-linear-gradient(left, #fff67c 0%, #ea4c25 49%, #892e62 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff67c), color-stop(49%,#ea4c25), color-stop(100%,#892e62));background: -webkit-linear-gradient(left, #fff67c 0%,#ea4c25 49%,#892e62 100%);background: -o-linear-gradient(left, #fff67c 0%,#ea4c25 49%,#892e62 100%);background: -ms-linear-gradient(left, #fff67c 0%,#ea4c25 49%,#892e62 100%);background: linear-gradient(to right, #fff67c 0%,#ea4c25 49%,#892e62 100%);[/newclass]
[newclass=".box"]width:300px;background:#f7f7f7;padding:25px; font-family:'Arial';font-size:10px;line-height:11px; color: #3b3b3b;text-align:justify;[/newclass]
[newclass=".overhov"]-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;[/newclass]
[newclass=".underhov"]-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;opacity:0;[/newclass]
[newclass=".underhov:hover"]-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;opacity: 1;[/newclass]