.settings-panel{position:fixed;background:#2c3e50;top:50%;color:#fff;z-index:99;width:150px;left:-150px;transition:left .4s linear}.settings-panel.open{left:0}.panel-wrapper{position:relative;background:#2c3e50}.panel-wrapper>a{position:absolute;right:-40px;top:0;width:40px;height:40px;background:#2c3e50;color:#fff;text-align:center;font-size:20px;line-height:40px;display:inline-block}.settings-panel .panel-content{padding:15px;overflow:hidden}.settings-panel .panel-content ul{list-style:none;margin:0;padding:0}.settings-panel .panel-content ul li{float:left;margin:0 4px}.settings-panel .panel-content ul a>span{display:inline-block;text-indent:-99999px;background:#666;width:20px;height:20px}.settings-panel .panel-content ul a>span.default{background:#2c4681}.settings-panel .panel-content ul a>span.green{background:#94d02c}.settings-panel .panel-content ul a>span.blue{background:#7bb0ff}.settings-panel .panel-content ul a>span.yellow{background:#e2c403}