#toolpanel {
position: fixed;
right: 0;
top: 5%;
width: 50px;
z-index: 9999;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#toolpanel.open{
right: 50px;
}                           
#toolpanel .btn-color {
cursor: pointer;
text-align:center;
background: rgba(0, 0, 0, .8) url("color.png") center center no-repeat;
height: 40px;
width: 40px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#toolpanel .btn-color:hover{
background: rgba(234, 234, 234, .8) url("color.png") center center no-repeat
}
#switch-color {
background: rgba(0,0,0,.8);
right: -50px;
overflow: hidden;
position: relative;
padding: 10px 10px 4px 10px;
}
#switch-color ul.color li{
border: 1px solid #000;
cursor: pointer;
display: block;
height: 30px;
width: 30px;
list-style: outside none none;
position: relative;
text-align: center;
margin-bottom: 5px;
}
#switch-color ul.color li.checked, #switch-color ul.color li:hover{
border: 1px solid #fff;
}
#switch-color ul.color li a{
background: none;
display: none;
}
@media screen and (max-width: 1024px){
    .btn-fixed{
    display: none;
    }
    .btn-fixed ul li{
    display: inline-block;
    }
    #toolpanel {
    right: 0;
    top: auto;
    bottom: 60px;
    }
}