testing new parallax image

[josuexyz/.git] / public / stylesheets / style.css

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index b6cdee76ffbd056de115fe85d0fede79c4db5117..2fda15408b8520917a79683b5696c8e0f7c76ca8 100644 (file)
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -674,13 +674,13 @@ a.has-text-black:hover, a.has-text-black:focus {
   background-color: #0a0a0a !important; }
 
 .has-text-light {
-  color: #b5b5b5 !important; }
+  color: #b8b8b8 !important; }
 
 a.has-text-light:hover, a.has-text-light:focus {
-  color: #9c9c9c !important; }
+  color: #9e9e9e !important; }
 
 .has-background-light {
-  background-color: #b5b5b5 !important; }
+  background-color: #b8b8b8 !important; }
 
 .has-text-dark {
   color: #363636 !important; }
@@ -1259,64 +1259,64 @@ a.box:active {
         box-shadow: none;
         color: white; }
   .button.is-light {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     border-color: transparent;
     color: #fff; }
     .button.is-light:hover, .button.is-light.is-hovered {
-      background-color: #afafaf;
+      background-color: #b1b1b1;
       border-color: transparent;
       color: #fff; }
     .button.is-light:focus, .button.is-light.is-focused {
       border-color: transparent;
       color: #fff; }
       .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
-        box-shadow: 0 0 0 0.125em rgba(181, 181, 181, 0.25); }
+        box-shadow: 0 0 0 0.125em rgba(184, 184, 184, 0.25); }
     .button.is-light:active, .button.is-light.is-active {
-      background-color: #a8a8a8;
+      background-color: #ababab;
       border-color: transparent;
       color: #fff; }
     .button.is-light[disabled], fieldset[disabled] .button.is-light {
-      background-color: #b5b5b5;
+      background-color: #b8b8b8;
       border-color: transparent;
       box-shadow: none; }
     .button.is-light.is-inverted {
       background-color: #fff;
-      color: #b5b5b5; }
+      color: #b8b8b8; }
       .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
         background-color: #f2f2f2; }
       .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
         background-color: #fff;
         border-color: transparent;
         box-shadow: none;
-        color: #b5b5b5; }
+        color: #b8b8b8; }
     .button.is-light.is-loading::after {
       border-color: transparent transparent #fff #fff !important; }
     .button.is-light.is-outlined {
       background-color: transparent;
-      border-color: #b5b5b5;
-      color: #b5b5b5; }
+      border-color: #b8b8b8;
+      color: #b8b8b8; }
       .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
-        background-color: #b5b5b5;
-        border-color: #b5b5b5;
+        background-color: #b8b8b8;
+        border-color: #b8b8b8;
         color: #fff; }
       .button.is-light.is-outlined.is-loading::after {
-        border-color: transparent transparent #b5b5b5 #b5b5b5 !important; }
+        border-color: transparent transparent #b8b8b8 #b8b8b8 !important; }
       .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
         border-color: transparent transparent #fff #fff !important; }
       .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
         background-color: transparent;
-        border-color: #b5b5b5;
+        border-color: #b8b8b8;
         box-shadow: none;
-        color: #b5b5b5; }
+        color: #b8b8b8; }
     .button.is-light.is-inverted.is-outlined {
       background-color: transparent;
       border-color: #fff;
       color: #fff; }
       .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
         background-color: #fff;
-        color: #b5b5b5; }
+        color: #b8b8b8; }
       .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
-        border-color: transparent transparent #b5b5b5 #b5b5b5 !important; }
+        border-color: transparent transparent #b8b8b8 #b8b8b8 !important; }
       .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
         background-color: transparent;
         border-color: #fff;
@@ -2200,7 +2200,7 @@ a.box:active {
     background-color: #0a0a0a;
     color: white; }
   .notification.is-light {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     color: #fff; }
   .notification.is-dark {
     background-color: #363636;
@@ -2260,13 +2260,13 @@ a.box:active {
   .progress.is-black:indeterminate {
     background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); }
   .progress.is-light::-webkit-progress-value {
-    background-color: #b5b5b5; }
+    background-color: #b8b8b8; }
   .progress.is-light::-moz-progress-bar {
-    background-color: #b5b5b5; }
+    background-color: #b8b8b8; }
   .progress.is-light::-ms-fill {
-    background-color: #b5b5b5; }
+    background-color: #b8b8b8; }
   .progress.is-light:indeterminate {
-    background-image: linear-gradient(to right, #b5b5b5 30%, #ededed 30%); }
+    background-image: linear-gradient(to right, #b8b8b8 30%, #ededed 30%); }
   .progress.is-dark::-webkit-progress-value {
     background-color: #363636; }
   .progress.is-dark::-moz-progress-bar {
@@ -2370,8 +2370,8 @@ a.box:active {
       color: white; }
     .table td.is-light,
     .table th.is-light {
-      background-color: #b5b5b5;
-      border-color: #b5b5b5;
+      background-color: #b8b8b8;
+      border-color: #b8b8b8;
       color: #fff; }
     .table td.is-dark,
     .table th.is-dark {
@@ -2539,7 +2539,7 @@ a.box:active {
     background-color: #0a0a0a;
     color: white; }
   .tag:not(body).is-light {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     color: #fff; }
   .tag:not(body).is-dark {
     background-color: #363636;
@@ -2772,9 +2772,9 @@ a.tag:hover {
     .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
       box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
   .is-light.input, .is-light.textarea {
-    border-color: #b5b5b5; }
+    border-color: #b8b8b8; }
     .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
-      box-shadow: 0 0 0 0.125em rgba(181, 181, 181, 0.25); }
+      box-shadow: 0 0 0 0.125em rgba(184, 184, 184, 0.25); }
   .is-dark.input, .is-dark.textarea {
     border-color: #363636; }
     .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
@@ -2908,13 +2908,13 @@ a.tag:hover {
     .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
       box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
   .select.is-light:not(:hover)::after {
-    border-color: #b5b5b5; }
+    border-color: #b8b8b8; }
   .select.is-light select {
-    border-color: #b5b5b5; }
+    border-color: #b8b8b8; }
     .select.is-light select:hover, .select.is-light select.is-hovered {
-      border-color: #a8a8a8; }
+      border-color: #ababab; }
     .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
-      box-shadow: 0 0 0 0.125em rgba(181, 181, 181, 0.25); }
+      box-shadow: 0 0 0 0.125em rgba(184, 184, 184, 0.25); }
   .select.is-dark:not(:hover)::after {
     border-color: #363636; }
   .select.is-dark select {
@@ -3035,19 +3035,19 @@ a.tag:hover {
     border-color: transparent;
     color: white; }
   .file.is-light .file-cta {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     border-color: transparent;
     color: #fff; }
   .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
-    background-color: #afafaf;
+    background-color: #b1b1b1;
     border-color: transparent;
     color: #fff; }
   .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
     border-color: transparent;
-    box-shadow: 0 0 0.5em rgba(181, 181, 181, 0.25);
+    box-shadow: 0 0 0.5em rgba(184, 184, 184, 0.25);
     color: #fff; }
   .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
-    background-color: #a8a8a8;
+    background-color: #ababab;
     border-color: transparent;
     color: #fff; }
   .file.is-dark .file-cta {
@@ -3305,7 +3305,7 @@ a.tag:hover {
   .help.is-black {
     color: #0a0a0a; }
   .help.is-light {
-    color: #b5b5b5; }
+    color: #b8b8b8; }
   .help.is-dark {
     color: #363636; }
   .help.is-primary {
@@ -3882,10 +3882,10 @@ a.list-item {
   .message.is-light {
     background-color: #fafafa; }
     .message.is-light .message-header {
-      background-color: #b5b5b5;
+      background-color: #b8b8b8;
       color: #fff; }
     .message.is-light .message-body {
-      border-color: #b5b5b5; }
+      border-color: #b8b8b8; }
   .message.is-dark {
     background-color: #fafafa; }
     .message.is-dark .message-header {
@@ -4151,7 +4151,7 @@ a.list-item {
         background-color: #0a0a0a;
         color: white; } }
   .navbar.is-light {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     color: #fff; }
     .navbar.is-light .navbar-brand > .navbar-item,
     .navbar.is-light .navbar-brand .navbar-link {
@@ -4160,7 +4160,7 @@ a.list-item {
     .navbar.is-light .navbar-brand .navbar-link:focus,
     .navbar.is-light .navbar-brand .navbar-link:hover,
     .navbar.is-light .navbar-brand .navbar-link.is-active {
-      background-color: #a8a8a8;
+      background-color: #ababab;
       color: #fff; }
     .navbar.is-light .navbar-brand .navbar-link::after {
       border-color: #fff; }
@@ -4182,7 +4182,7 @@ a.list-item {
       .navbar.is-light .navbar-end .navbar-link:focus,
       .navbar.is-light .navbar-end .navbar-link:hover,
       .navbar.is-light .navbar-end .navbar-link.is-active {
-        background-color: #a8a8a8;
+        background-color: #ababab;
         color: #fff; }
       .navbar.is-light .navbar-start .navbar-link::after,
       .navbar.is-light .navbar-end .navbar-link::after {
@@ -4190,10 +4190,10 @@ a.list-item {
       .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
       .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
       .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
-        background-color: #a8a8a8;
+        background-color: #ababab;
         color: #fff; }
       .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
-        background-color: #b5b5b5;
+        background-color: #b8b8b8;
         color: #fff; } }
   .navbar.is-dark {
     background-color: #363636;
@@ -5006,12 +5006,12 @@ a.navbar-item,
   .panel.is-black .panel-block.is-active .panel-icon {
     color: #0a0a0a; }
   .panel.is-light .panel-heading {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     color: #fff; }
   .panel.is-light .panel-tabs a.is-active {
-    border-bottom-color: #b5b5b5; }
+    border-bottom-color: #b8b8b8; }
   .panel.is-light .panel-block.is-active .panel-icon {
-    color: #b5b5b5; }
+    color: #b8b8b8; }
   .panel.is-dark .panel-heading {
     background-color: #363636;
     color: #fff; }
@@ -6525,7 +6525,7 @@ label.panel-block {
         .hero.is-black.is-bold .navbar-menu {
           background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } }
   .hero.is-light {
-    background-color: #b5b5b5;
+    background-color: #b8b8b8;
     color: #fff; }
     .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
     .hero.is-light strong {
@@ -6539,14 +6539,14 @@ label.panel-block {
         color: #fff; }
     @media screen and (max-width: 1023px) {
       .hero.is-light .navbar-menu {
-        background-color: #b5b5b5; } }
+        background-color: #b8b8b8; } }
     .hero.is-light .navbar-item,
     .hero.is-light .navbar-link {
       color: rgba(255, 255, 255, 0.7); }
     .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
     .hero.is-light .navbar-link:hover,
     .hero.is-light .navbar-link.is-active {
-      background-color: #a8a8a8;
+      background-color: #ababab;
       color: #fff; }
     .hero.is-light .tabs a {
       color: #fff;
@@ -6562,12 +6562,12 @@ label.panel-block {
     .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
       background-color: #fff;
       border-color: #fff;
-      color: #b5b5b5; }
+      color: #b8b8b8; }
     .hero.is-light.is-bold {
-      background-image: linear-gradient(141deg, #a59295 0%, #b5b5b5 71%, #c5c0bf 100%); }
+      background-image: linear-gradient(141deg, #a89498 0%, #b8b8b8 71%, #c7c2c1 100%); }
       @media screen and (max-width: 768px) {
         .hero.is-light.is-bold .navbar-menu {
-          background-image: linear-gradient(141deg, #a59295 0%, #b5b5b5 71%, #c5c0bf 100%); } }
+          background-image: linear-gradient(141deg, #a89498 0%, #b8b8b8 71%, #c7c2c1 100%); } }
   .hero.is-dark {
     background-color: #363636;
     color: #fff; }
@@ -6973,7 +6973,7 @@ image {
 
 .parallax {
   /* The image used */
-  background-image: url("https://images.pexels.com/photos/1166643/pexels-photo-1166643.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
+  background-image: url("https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
   /* Full height */
   height: 100%;
   /* Create the parallax scrolling effect */