From 2cc6c53da151363d518bd667931eb76b79bb5b10 Mon Sep 17 00:00:00 2001
From: Paal Joergensen <pal.jorgensen@gmail.com>
Date: Mon, 2 Jan 2017 15:30:42 +0100
Subject: [PATCH] bg colors on h5p core buttons changed [HFP-413]

---
 styles/h5p-confirmation-dialog.css |  5 -----
 styles/h5p-core-button.css         | 27 ++++++++++-----------------
 2 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/styles/h5p-confirmation-dialog.css b/styles/h5p-confirmation-dialog.css
index b902b0a..4fd45c0 100644
--- a/styles/h5p-confirmation-dialog.css
+++ b/styles/h5p-confirmation-dialog.css
@@ -109,11 +109,6 @@ button.h5p-confirmation-dialog-exit:hover {
 .h5p-core-button.h5p-confirmation-dialog-confirm-button {
   padding-left: 0.75em;
   margin-bottom: 0;
-  background-color: #2579c6;
-}
-
-.h5p-core-button.h5p-confirmation-dialog-confirm-button:hover {
-  background-color: #1f67a8;
 }
 
 .h5p-core-button.h5p-confirmation-dialog-confirm-button:before {
diff --git a/styles/h5p-core-button.css b/styles/h5p-core-button.css
index eb4e08d..e6511dc 100644
--- a/styles/h5p-core-button.css
+++ b/styles/h5p-core-button.css
@@ -8,7 +8,7 @@ button.h5p-core-button {
   padding: 0.5em 1.25em;
   border-radius: 2em;
 
-  background: #488ac9;
+  background: #2579c6;
   color: #fff;
 
   cursor: pointer;
@@ -21,24 +21,19 @@ button.h5p-core-button {
   text-shadow: none;
   vertical-align: baseline;
   text-decoration: none;
-}
-button.h5p-core-button:hover,
-button.h5p-core-button:focus {
-  background: #3b71a5;
-  color: #fff;
-  text-decoration: none;
+
   -webkit-transition: initial;
   transition: initial;
 }
-button.h5p-core-button:active {
-  position: relative;
-  background: #104888;
-
-  -webkit-box-shadow: inset 0 4px 0 #0e407a;
-  -moz-box-shadow: inset 0 4px 0 #0e407a;
-  box-shadow: inset 0 4px 0 #0e407a;
+button.h5p-core-button:focus {
+  background: #1f67a8;
+}
+button.h5p-core-button:hover {
+  background: rgba(31, 103, 168, 0.83);
+}
+button.h5p-core-button:active {
+  background: #104888;
 }
-
 button.h5p-core-button:before {
   font-family: 'H5P';
   padding-right: 0.15em;
@@ -46,7 +41,6 @@ button.h5p-core-button:before {
   vertical-align: middle;
   line-height: 0.7;
 }
-
 button.h5p-core-cancel-button:visited,
 button.h5p-core-cancel-button:link,
 button.h5p-core-cancel-button {
@@ -58,7 +52,6 @@ button.h5p-core-cancel-button {
   text-decoration: none;
   cursor: pointer;
 }
-
 button.h5p-core-cancel-button:hover,
 button.h5p-core-cancel-button:focus {
   background: none;