From 71c446dab6ff25d0b05e04c242feb63027152440 Mon Sep 17 00:00:00 2001
From: RoiEX <RoiEXLab@users.noreply.github.com>
Date: Sat, 4 Mar 2017 23:41:41 +0100
Subject: [PATCH] Add additional css

---
 less/style.less | 55 ++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 50 insertions(+), 5 deletions(-)

diff --git a/less/style.less b/less/style.less
index 7863e72..55b6158 100644
--- a/less/style.less
+++ b/less/style.less
@@ -149,11 +149,56 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	width: 100%;
 	margin: 0;
 	padding: 30px 0;
-	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
-	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
-	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
-	background-image: -ms-linear-gradient(top, transparent, white);
-	background-image: -o-linear-gradient(top, transparent, white);
+}
+
+.skin-default, .skin-cerulean, .skin-cosmo, .skin-flatly, .skin-journal, .skin-lumen, .skin-paper, .skin-readable, .skin-sandstone, .skin-spacelab, .skin-united, .skin-yeti {
+	.fade-out {
+		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
+		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
+		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
+		background-image: -ms-linear-gradient(top, transparent, white);
+		background-image: -o-linear-gradient(top, transparent, white);
+	}
+}
+
+.skin-cyborg .fade-out {
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #060606));
+	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
+	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
+	background-image: -ms-linear-gradient(top, transparent, #060606);
+	background-image: -o-linear-gradient(top, transparent, #060606);
+}
+
+.skin-darkly .fade-out {
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #222222));
+	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
+	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
+	background-image: -ms-linear-gradient(top, transparent, #222222);
+	background-image: -o-linear-gradient(top, transparent, #222222);
+}
+
+.skin-simplex .fade-out {
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #fcfcfc));
+	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
+	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
+	background-image: -ms-linear-gradient(top, transparent, #fcfcfc);
+	background-image: -o-linear-gradient(top, transparent, #fcfcfc);
+}
+
+.skin-slate .fade-out {
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #272b30));
+	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
+	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
+	background-image: -ms-linear-gradient(top, transparent, #272b30);
+	background-image: -o-linear-gradient(top, transparent, #272b30);
+}
+
+.skin-superhero .fade-out {
+	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #2b3e50));
+	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
+	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
+	background-image: -ms-linear-gradient(top, transparent, #2b3e50);
+	background-image: -o-linear-gradient(top, transparent, #2b3e50);
 }
 
 .icon-container {