Disc- (CSS Code)

#ongaku {
    position:fixed;
    bottom:15px;
    left:15px;
    width:40px;
    height:40px;
    border:1px dotted #777; /*Outer Square Border*/
    background-color:#ccc; /*Outer Square Background Color*/
    color:#000;  /*Box Text Color*/
    opacity:1;
}

#gaku {
    width:24px;
    height:24px;
    margin-top:7px;
    margin-left:7px;
    overflow:hidden;
    border-radius:30px;
    border:1px solid #999; /*Inner Circle Border*/
    background-color:#fff; /*Inner Circle Background Color*/
}

#kero {
    height:26px;
}

#kero img {
    margin-bottom:10px;
    margin-left:3px;
    margin-top:3px;
}

#kero embed, #kero, #ongaku span, #gaku, #ongaku {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#kero embed {
    margin-left:-20px;
}

#ongaku:hover {
    opacity:1;
    border:1px dotted #888; /*Outer Square Border on Hover*/
    border-radius:50px;
    background-color:#d8d8d8; /*Outer Square Background on Hover*/
}

#ongaku:hover #kero {
    transition-delay:.5s;
    margin-top:-30px;
}

#ongaku:hover img {
    -webkit-filter: hue-rotate(50deg);
}

#ongaku span {
    z-index:1;
    position:fixed;
    margin-top:60px;
    margin-left:46px;
    font-size:10px;
    height:55px;
    padding:5px;
    line-height:110%;
    font-family:calibri;
    background-color:#fff; /*Box Background Color*/
    border:1px dashed #ccc; /*Box Border*/
    opacity:.2;
}

#ongaku span ol {
    margin:0px;
    padding:0px 15px;
}

#ongaku:hover span {
    margin-top:-30px;
    opacity:.8;
}