diff --git a/config.php b/config.php
index 237e309..3a13283 100644
--- a/config.php
+++ b/config.php
@@ -24,6 +24,8 @@ $blogmainname = '';
$blogintro = 'yes';
// Disqus - Provide here your Disqus shortname. Leave empty if you don't want to use it.
$blogdisqus = 'rangitaki';
+// Share FAB - this enables or disables the share button
+$sharefab = 'yes';
// Google Analytics - Provide here your Google Analytics Tracking-ID. Leave empty if you don't want to use it.
$bloganalytics = '';
// Footer - set here the text for your footer (e.g. a copyright info). You can replace the whole text after the '=' with your own one.
diff --git a/index.php b/index.php
index 81d69cd..47db8fa 100644
--- a/index.php
+++ b/index.php
@@ -126,7 +126,7 @@ THE SOFTWARE.
} else {
?>
- › ">
+ › ">
+
-
diff --git a/res/css/rangitaki.css b/res/css/rangitaki.css
index 4f07c7a..317e742 100644
--- a/res/css/rangitaki.css
+++ b/res/css/rangitaki.css
@@ -72,6 +72,14 @@ body{
color: #fff;
}
+.fadeout{
+ position: absolute;
+ height: 64px;
+ top: 0px;
+ right: 0px;
+ width: 40px;
+}
+
.nav-img{
height: 26px;
padding: 19px;
diff --git a/themes/background-img.css b/themes/background-img.css
index 2d26fd8..b5517ef 100644
--- a/themes/background-img.css
+++ b/themes/background-img.css
@@ -30,7 +30,7 @@ body{
font-family: "Roboto", sans-serif;
background: #f6f6f6;
color: #383838;
- background-image: url(http://marcel-kapfer.de/res/img/druck.png);
+ background-image: url(//marcel-kapfer.de/res/img/druck.png);
background-size: cover;
background-attachment: fixed;
background-position: top center;
@@ -51,6 +51,14 @@ body{
color: #fff;
}
+.fadeout{
+ background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(0, 0, 0, 0.45) 100%); /* FF3.6+ */
+ background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* IE10+ */
+ background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(0, 0, 0, 0.45) 100%); /* W3C */
+}
+
.nav{
background-color: #fff;
border-right: 1px solid #e0e0e0;
diff --git a/themes/material-dark.css b/themes/material-dark.css
index c8952d0..d5ba5cf 100644
--- a/themes/material-dark.css
+++ b/themes/material-dark.css
@@ -47,6 +47,14 @@ body{
color: #fff;
}
+.fadeout{
+ background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, #212121 100%); /* FF3.6+ */
+ background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,#212121 100%); /* IE10+ */
+ background: linear-gradient(to right, rgba(30,87,153,0) 0%,#212121 100%); /* W3C */
+}
+
.nav{
background-color: #424242;
border-right: 1px solid #1f1f1f;
diff --git a/themes/material-light.css b/themes/material-light.css
index fe7c09d..9b168f0 100644
--- a/themes/material-light.css
+++ b/themes/material-light.css
@@ -47,6 +47,14 @@ body{
color: #fff;
}
+.fadeout{
+ background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, #ff4415 100%); /* FF3.6+ */
+ background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(left, rgba(30,87,153,0) 0%,#ff4415 100%); /* IE10+ */
+ background: linear-gradient(to right, rgba(30,87,153,0) 0%,#ff4415 100%); /* W3C */
+}
+
.nav{
background-color: #fff;
border-right: 1px solid #e0e0e0;