beeblog/static/css/jslide/jside-skins.css

/*  Plugin: jSide Menu (Responsive Side Menu)
 *   Frameworks: jQuery 3.3.1 & Material Design Iconic Font 2.0
 *   Author: Asif Mughal
 *   GitHub: https://github.com/CodeHimBlog
 *   URL: https://www.codehim.com
 *   License: MIT License
 *   Copyright (c) 2018 - Asif Mughal
 */
/* File: jquery.jside-skins.js */
/* Love Red*/
.red {
	background: #e41b17;
   --skin-hover: #000; 
   --skin-color:  #fff;
}

/* Clover Green*/

.green {
	background: #3EA055;
	 --skin-hover: rgba(0, 0, 0, 0.1); 
    --skin-color:  rgba(255, 255, 255, 0.9);
}

/* Dodger Blue*/

.blue {
	background: #1589FF;
   --skin-hover: #000; 
   --skin-color:  #fff;
}

/* Bright Neon Pink*/

.bnp {
	background: #F433FF;
 --skin-hover: rgba(0, 0, 0, 0.1); 
 --skin-color:  rgba(255, 255, 255, 0.9);
}

/* Pumpkin Orange */

.orange {
	background: #F87217;
}

/* Black*/

.black {
	background: #000;
}

/* Neon Pink*/

.pink {
	background: #F535AA;
}

/* Golden Brown */

.gol-b {
	background: #EAC117;
}

/* Greenish Blue */

.greenish {
	background: #307D7E;

}

/* Wood */

.wood {
	background: #966F33;

}
/* gradients themes colors */
/* Endless River */

.endless-river {
	--theme-color: #43cea2;
	background: #43cea2;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #185a9d, #43cea2);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #185a9d, #43cea2);
}


/* Crazy Orange */

.crazy-orange {
	--theme-color: #D38312;
	background: #D38312;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #A83279, #D38312);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #A83279, #D38312);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #A83279, #D38312);
}


/* Between the Clouds */

.between-clouds {
	--theme-color: #73C8A9;
	background: #73C8A9;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #373B44, #73C8A9);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #373B44, #73C8A9);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #373B44, #73C8A9);
}


/* Amethyst */

.amethyst {
	--theme-color: #9D50BB;
	background: #9D50BB;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #6E48AA, #9D50BB);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #6E48AA, #9D50BB);
}


/* Man of the Steel */

.steel-man {
	--theme-color: #780206;
	background: #780206;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #061161, #780206);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #061161, #780206);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #061161, #780206);
}


/* Dance to Forget */

.d2f {
	--theme-color: #FF4E50;
	background: #FF4E50;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F9D423, #FF4E50);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #F9D423, #FF4E50);
}


/* Park Life */

.park-life {
	--theme-color: #ADD100;
	background: #ADD100;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #7B920A, #ADD100);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #7B920A, #ADD100);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #7B920A, #ADD100);
}


/* Moonlit Asteroid */

.moonlit {
	--theme-color: #0F2027;
	background: #0F2027;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}


/* Facebook Messenger */

.fb-messenger {
	--theme-color: #00c6ff;
	background: #00c6ff;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0072ff, #00c6ff);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #0072ff, #00c6ff);
}


/* Flickr */

.flickr {
	--theme-color: #ff0084;
	background: #ff0084;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #33001b, #ff0084);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #33001b, #ff0084);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	--theme-color: linear-gradient(to right, #33001b, #ff0084);
}