gradient change for large view

diff --git a/css/app.css b/css/app.css
index e31aab7..fc12bc5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6365,9 +6365,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
   max-width: 100%;
   text-align: center; }
   #searchform div input.blogbutton {
-    background: -webkit-linear-gradient(top, #1999ce 75%, #107098 100%);
-    background: -moz-linear-gradient(center top, #1999ce 75%, #107098 100%);
-    background: -ms-linear-gradient(top, #1999ce 75%, #107098 100%);
+    background: -webkit-linear-gradient(top, #1999ce 78%, #107098 100%);
+    background: -moz-linear-gradient(center top, #1999ce 78%, #107098 100%);
+    background: -ms-linear-gradient(top, #1999ce 78%, #107098 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1999ce', endColorstr='#00ffffff',GradientType=0 ); }
     @media screen and (max-width: 1450px) {
       #searchform div input.blogbutton {
@@ -6763,9 +6763,9 @@ header.main {
         position: absolute; }
 
 main.page-front #content-wrapper {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     main.page-front #content-wrapper {
@@ -6837,9 +6837,9 @@ main.page-front #content-wrapper {
       main.page-front #content-wrapper a.action-block img {
         margin: 35px 0 30px; } }
 main.page-inside {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     main.page-inside {
@@ -6875,9 +6875,9 @@ main.page-inside {
     main.page-inside {
       background: none; } }
   main.page-inside #content-wrapper {
-    background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-    background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
     @media screen and (max-width: 1450px) {
       main.page-inside #content-wrapper {
@@ -6944,9 +6944,9 @@ main.page-inside {
         main.page-inside #content-wrapper .headline {
           margin-top: -110px; } }
     main.page-inside #content-wrapper #main-content {
-      background: -webkit-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-      background: -moz-linear-gradient(center top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
-      background: -ms-linear-gradient(top, #2f4d4f 75%, rgba(255, 255, 255, 0) 100%);
+      background: -webkit-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+      background: -moz-linear-gradient(center top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
+      background: -ms-linear-gradient(top, #2f4d4f 78%, rgba(255, 255, 255, 0) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 );
       margin-top: -8px; }
       @media screen and (max-width: 1450px) {
@@ -7944,9 +7944,9 @@ input[type="submit"].blogbutton {
     color: white; }
 
 .blog-single {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     .blog-single {
@@ -7983,9 +7983,9 @@ input[type="submit"].blogbutton {
       background: none; } }
 
 .blog-home {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     .blog-home {
@@ -8022,9 +8022,9 @@ input[type="submit"].blogbutton {
       background: none; } }
 
 .blog-archive {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     .blog-archive {
@@ -8259,9 +8259,9 @@ input[type="submit"].blogbutton {
         right: 0; }
 
 .search-results {
-  background: -webkit-linear-gradient(top, #2f4d4f 75%, transparent 100%);
-  background: -moz-linear-gradient(center top, #2f4d4f 75%, transparent 100%);
-  background: -ms-linear-gradient(top, #2f4d4f 75%, transparent 100%);
+  background: -webkit-linear-gradient(top, #2f4d4f 78%, transparent 100%);
+  background: -moz-linear-gradient(center top, #2f4d4f 78%, transparent 100%);
+  background: -ms-linear-gradient(top, #2f4d4f 78%, transparent 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d4f', endColorstr='#00ffffff',GradientType=0 ); }
   @media screen and (max-width: 1450px) {
     .search-results {

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index e67fa47..5f4d135 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,9 +4,9 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(top, $from 75%, $to 100%);
-    background: -moz-linear-gradient(center top, $from 75%, $to 100%);
-    background: -ms-linear-gradient(top, $from 75%, $to 100%);
+    background: -webkit-linear-gradient(top, $from 78%, $to 100%);
+    background: -moz-linear-gradient(center top, $from 78%, $to 100%);
+    background: -ms-linear-gradient(top, $from 78%, $to 100%);
 //    filter: progid:DXIm-ageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr'#{$to}');
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#00ffffff',GradientType=0 );
 //    filter: none;