.color-settings{position:fixed;left:0;top:50%;margin-top:-150px;z-index:100}.color-settings a{display:block;position:relative;height:50px;width:50px;padding:20px;margin-left:-30px}.color-settings a:hover,.color-settings a.selected{margin-left:0}.color-settings a:before{content:"";display:block;height:10px;width:10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);background:#000;opacity:.2}.color-settings a.selected:before{background:#fff;opacity:1;-webkit-box-shadow:0px 1px 0px 0px rgba(50,50,50,.25);-moz-box-shadow:0px 1px 0px 0px rgba(50,50,50,.25);box-shadow:0px 1px 0px 0px rgba(50,50,50,.25)}.color_default{background:#00aeff}.color_purple{background:#a640d0}.color_red{background:#e44948}.color_gold{background:#ab8c5b}.color_green{background:#00caa2}.color_black{background:#222}