html {
background-color: background-color: #69B7FF;
/* For WebKit (Safari, Chrome, etc) */
background: #69B7FF -webkit-gradient(linear, left top, left bottom, from(#A4FF43), to(#69B7FF)) no-repeat;
/* Mozilla,Firefox/Gecko */
background: #69B7FF -moz-linear-gradient(top, #A4FF43, #69B7FF) no-repeat;
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A4FF43, endColorstr=#69B7FF) no-repeat;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A4FF43, endColorstr=#A4FF43)" no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#button {
border-top: 1px solid #f5b2ea;
background: #f5b2ea;
background: -webkit-gradient(linear, left top, left bottom, from(#f5b2ea), to(#f5b2ea));
background: -webkit-linear-gradient(top, #f5b2ea, #f5b2ea);
background: -moz-linear-gradient(top, #f5b2ea, #f5b2ea);
background: -ms-linear-gradient(top, #f5b2ea, #f5b2ea);
background: -o-linear-gradient(top, #f5b2ea, #f5b2ea);
padding: 5px 10px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: rgba(0,0,0,0) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,0) 0 1px 0;
box-shadow: rgba(0,0,0,0) 0 1px 0;
text-shadow: rgba(0,0,0,.2) 0 1px 0;
color: #f5b2ea;
font-size: 12px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
border:inset 3px #000000;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:16px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:16px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:16px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:16px;
border-top-right-radius:0px;
border-bottom-left-radius:16px;
border-bottom-right-radius:0px;
position:fixed;
z-index:100;
bottom: 250px;
right: 20px;
}
#button:hover {
border-top-color: #ebf5b3;
background: #ebf5b3;
color: #ebf5b3;
}
#button:active {
border-top-color: #f5b2ea;
background: #f5b2ea;
}
#span{
background: none repeat scroll 0 0 #F8F8F8;
border: 5px solid #DFDFDF;
color: #717171;
font-size: 13px;
height: 30px;
letter-spacing: 1px;
line-height: 30px;
margin: 0 auto;
position: relative;
text-align: center;
text-transform: uppercase;
top: -80px;
left:-30px;
display:none;
padding:0 20px;
}
#span:after{
content:'';
position:static;
bottom:-10px;
width:10px;
height:10px;
border-bottom:5px solid #dfdfdf;
border-right:5px solid #dfdfdf;
background:#f8f8f8;
left:50%;
margin-left:-5px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#p{
margin:100px;
float:left;
position:relative;
cursor:pointer;
}
#p:hover span{
display:block;
}