#switcher{color:#fff;position:fixed;top:90px;left:-188px;z-index:100;background-color:#283c4f;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}#switcher.open{left:0}#switcher *{color:#fff}#switcher h5{margin-top:0}#switcher .trigger{position:absolute;right:-37px;top:0;padding:5px 8px;background-color:inherit;cursor:pointer}#switcher h5{padding-left:15px;padding-right:15px}#switcher .switcher-options{padding:15px}#switcher .switcher-options ul{display:inline-block;margin:0;padding:0}#switcher .switcher-options ul li{display:inline-block;padding:0;margin:3px}#switcher .switcher-options ul li a{display:block;width:30px;height:30px;background-color:#ccc;padding:2px}#switcher .switcher-options ul li a.color1{background-color:#3fa5dc}#switcher .switcher-options ul li a.color2{background-color:#12b799}#switcher .switcher-options ul li a.color3{background-color:#fc5a61}#switcher .switcher-options ul li a.color4{background-color:#ffab31}