.settings{position:fixed;top:30%;left:-170px;width:170px;padding:4px 10px 10px;background-color:#fff;z-index:10;border-radius:0 0 5px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.settings.open{left:0;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.settings:before{position:absolute;top:0;right:0;width:10px;height:36px;background-color:#fff;z-index:11;content:'';display:block}
.settings:after{right:0;height:36px}
.settings select{font-size:12px}
.settings .handle{position:absolute;top:0;right:-32px;width:36px;height:32px;background-color:#fff;text-align:right;line-height:32px;font-size:24px;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.settings .handle a:link,.settings .handle a:visited{display:inline-block;width:32px;height:32px;color:#000;text-align:center}
.settings .handle a:hover,.settings .handle a:active{color:#808080}
.settings .open .handle{width:32px}
.settings h3{margin:10px 0 5px;padding:0;font-size:14px;font-weight:400}
.settings h3+div{margin-top:6px}
.settings a.color,.settings a.pattern{display:block;width:24px;height:24px;margin-right:6px;margin-bottom:5px;float:left}