slideshow mod

diff --git a/css/app.css b/css/app.css
index 97c6690..083b86c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6369,9 +6369,9 @@ img.alignleft {
   max-width: 100%;
   text-align: center; }
   #searchform div input.blogbutton {
-    background: -webkit-linear-gradient(top, #1999ce 15%, #107098 100%);
-    background: -moz-linear-gradient(top, #1999ce 15%, #107098 100%);
-    background: -ms-linear-gradient(top, #1999ce 15%, #107098 100%); }
+    background: -webkit-linear-gradient(top, #1999ce 5%, #107098 100%);
+    background: -moz-linear-gradient(top, #1999ce 5%, #107098 100%);
+    background: -ms-linear-gradient(top, #1999ce 5%, #107098 100%); }
 
 #blog-side-info {
   border-left: 1px solid grey;
@@ -6658,9 +6658,9 @@ header {
     left: 0px;
     right: 0px;
     top: 70%;
-    background: -webkit-linear-gradient(top, transparent 15%, #FFFFFF 100%);
-    background: -moz-linear-gradient(top, transparent 15%, #FFFFFF 100%);
-    background: -ms-linear-gradient(top, transparent 15%, #FFFFFF 100%);
+    background: -webkit-linear-gradient(top, transparent 5%, #FFFFFF 100%);
+    background: -moz-linear-gradient(top, transparent 5%, #FFFFFF 100%);
+    background: -ms-linear-gradient(top, transparent 5%, #FFFFFF 100%);
     background-repeat: repeat-x; }
     @media (max-width: 640px) {
       #head-img .gradient {
@@ -6792,9 +6792,9 @@ h4 {
     left: 0px;
     right: 0px;
     top: 75%;
-    background: -webkit-linear-gradient(top, transparent 15%, #FFFFFF 100%);
-    background: -moz-linear-gradient(top, transparent 15%, #FFFFFF 100%);
-    background: -ms-linear-gradient(top, transparent 15%, #FFFFFF 100%);
+    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #FFFFFF 100%);
+    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #FFFFFF 100%);
+    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 5%, #FFFFFF 100%);
     background-repeat: repeat-x;
     z-index: 0; }
     @media (max-width: 640px) {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index dbaccac..0bc2dc5 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -29,7 +29,7 @@
         left: 0px;
         right: 0px;
         top: 75%;
-        @include gradient(transparent, $white);
+        @include gradient(rgba($white, 0), $white);
         background-repeat: repeat-x;
         z-index: 0;
         @media (max-width: 640px) {

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index 62a553d..5d32241 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,7 +4,7 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(top, $from 15%, $to 100%);
-    background: -moz-linear-gradient( top, $from 15%, $to 100%);
-    background: -ms-linear-gradient(top, $from 15%, $to 100%);
+    background: -webkit-linear-gradient(top, $from 5%, $to 100%);
+    background: -moz-linear-gradient( top, $from 5%, $to 100%);
+    background: -ms-linear-gradient(top, $from 5%, $to 100%);
 }