#style-switcher {
    position:fixed;
    z-index:1000;
    top:150px;
    right:-222px;
    width:222px;
    background:#fbfbfb;
    padding:10px;
    border:1px solid #ddd;
}

#toggle-switcher {
	display:block;
	width:50px;
	height:50px;
	background:#fbfbfb;
	position:absolute;
	left:-50px;
	top:-1px;
	text-align:center;
	cursor:pointer;
	border:1px solid #ddd;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	border-right:none;
}

#toggle-switcher [class*=fa]{
    font-size:32px;
    line-height:50px;
    color:#74C7D5;
}

#style-switcher h1 {
    font-size:21px;
    text-align:center;
    color:#999;
    margin:0;
    margin-left:-10px;
}

#style-switcher ul {
    list-style:none;
    margin:0;
    padding:0;
}

#style-switcher ul li{
    display:block;
    width:40px;
    height:40px;
    margin:10px 10px 0 0;
    float:left;
    border-radius:5px;
    cursor:pointer;
}

#style-switcher ul li#cyan{
    background:#8aaad9;
}

#style-switcher ul li#cyan2{
    background:#74c7d5;
}

#style-switcher ul li#red{
    background:#f05557;
}

#style-switcher ul li#orange{
    background:#efae49;
}

#style-switcher ul li#green{
    background:#21b799;
}

#style-switcher ul li#grass{
    background:#a2ce7e;
}

#style-switcher ul li#purple{
    background:#9661a8;
}

#style-switcher ul li#pink{
    background:#f1678d;
}