SS disco square

/* Remove this from the CSS or the HTML, you will be put on the group page and labelled as a thief. If you take this code/template you have to understand it is rude to remove the proper credit. */

.sxs {
position: fixed;
right: 10px;
bottom: 10px;
width: 15px;
height: 15px;
border: 2px solid #b1fcf9;
background:url(http://i578.photobucket.com/albums/ss226/funnycatrox/COLORYO-1.gif); }

.sxs:hover {
background: #fff; }

.sxs:after {
display: block;
margin: 0;
width: 0;
content: '';
-webkit-transition: width  .6s;
-moz-transition: width .6s;
transition: width .6s; }

.sxs:hover:after  {
float: right;
margin-top: 6px;
margin-right: 15px;
height: 2px;
width: 30px;
background: #fff; }

.sxs p {
position: absolute;
top: -1px;
left: -100px;
height: 14px;
width: 200px;
font-family: verdana;
font-size: 10px;
line-height: 13px;
text-align: center;
background: #fff;
border: 2px solid #b1fcf9;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;  }

.sxs:hover p {
top: -7px;
left: -230px;
width: 200px;
opacity: 1; }



<div class="sxs">
<p><a href="group.php?name=Seeking%20Smut" target="_blank">Template Provided By Seeking Smut</a></p>
</div>