#theme-settings{width:250px;height:350px;display:block;background:#FFF;float:left;position:fixed;right:-250px; top:263px;box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);z-index:9999;color:#000;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;}
#theme-settings.active{right:0;}
#settings-button{box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);width: 40px;height: 40px;display: block;background: #FFF url(options.png)no-repeat;left: -40px;position: absolute;cursor: pointer;}
.settings-title{font-weight:400;padding-left: 10px;margin-top: 5px;float:left;font-size:14px;width:100%;}
.color{padding-top:10px;}
.sidebar-left{float:left;padding-left:10px;font-size:14px;font-weight:400;}
.sidebar-right{float:right;padding-right:10px;font-size:14px;font-weight:400;}

.gradient1, .gradient2, .gradient3, .gradient4, .gradient5, .gradient6, .gradient7, .gradient8{width:20px;height:20px;display:block;cursor:pointer;float:left;}

.gradient1{background:#f11800;}
.gradient2{background:#235a8d;}
.gradient3{background:#0a6708;}
.gradient4{background:#109cc4;}
.gradient5{background:#000000;}
.gradient6{background:#dc4e00;}
.gradient7{background:#560547;}
.gradient8{background:#b2b2b2;}


.gradients{padding-left:5px;margin-bottom:10px;float: left;}
.gradients li{padding:5px;float:left;}
.gradient-title{margin-bottom:10px;float: left;width:100%;}
.black-title{margin-left:10px;font-weight: 800;font-size: 13px;text-align: center;padding: 5px;color: #FFF;background: #000;width: 100px;float:left;cursor:pointer;}
.white-title{font-weight: 800;font-size: 13px;text-align: center;padding: 5px;color: #000;background: #FFF;width: 100px;box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.44);float:left;cursor:pointer;}