EDUCATIC
/
h5p-php-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improving confirmation dialog [HFP-375]

improved-embed-and-download^2
Paal Joergensen 2016-12-20 13:08:49 +01:00
parent 28e34c1c09
commit f6449a6043
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
styles/h5p-confirmation-dialog.css
View File

@ -5,7 +5,7 @@
left: 0; left: 0;
top: 0; top: 0;
background: rgba(255, 255, 255, 0.85); background: rgba(28, 34, 41, 0.9);
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
-webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0s; -webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0s;
@ -46,7 +46,7 @@
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
color: #555; color: #555;
box-shadow: 0 0 6px 1px #ddd; box-shadow: 0 0 6px 3px #424242;
-webkit-transition: transform 0.1s ease-in; -webkit-transition: transform 0.1s ease-in;
transition: transform 0.1s ease-in; transition: transform 0.1s ease-in;
@ -61,7 +61,7 @@
.h5p-confirmation-dialog-header { .h5p-confirmation-dialog-header {
padding: 1.5em; padding: 1.5em;
background: #fff; background: #fff;
color: #1a73d9; color: #356593;
} }
.h5p-confirmation-dialog-header-text { .h5p-confirmation-dialog-header-text {
@ -69,8 +69,9 @@
} }
.h5p-confirmation-dialog-body { .h5p-confirmation-dialog-body {
background: #fafbfc;
border-top: solid 1px #dde0e9;
padding: 1.25em 1.5em; padding: 1.25em 1.5em;
background: #fafafa;
} }
.h5p-confirmation-dialog-text { .h5p-confirmation-dialog-text {
@ -90,14 +91,14 @@ button.h5p-confirmation-dialog-exit {
font-size: 2.5em; font-size: 2.5em;
top: -0.9em; top: -0.9em;
right: -1.15em; right: -1.15em;
color: #777; color: #fff;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
} }
button.h5p-confirmation-dialog-exit:focus, button.h5p-confirmation-dialog-exit:focus,
button.h5p-confirmation-dialog-exit:hover { button.h5p-confirmation-dialog-exit:hover {
color: #555; color: #E4ECF5;
} }
.h5p-confirmation-dialog-exit:before { .h5p-confirmation-dialog-exit:before {

8
styles/h5p-core-button.css
View File

@ -1,13 +1,15 @@
button.h5p-core-button:visited, button.h5p-core-button:visited,
button.h5p-core-button:link, button.h5p-core-button:link,
button.h5p-core-button { button.h5p-core-button {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1em; font-size: 1em;
line-height: 1.2; line-height: 1.2;
padding: 0.5em 1.25em; padding: 0.5em 1.25em;
border-radius: 2em; border-radius: 2em;
background: #1a73d9; background: #488ac9;
color: #ffffff; color: #fff;
cursor: pointer; cursor: pointer;
border: none; border: none;
@ -22,7 +24,7 @@ button.h5p-core-button {
} }
button.h5p-core-button:hover, button.h5p-core-button:hover,
button.h5p-core-button:focus { button.h5p-core-button:focus {
background: #1356a3; background: #3b71a5;
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
-webkit-transition: initial; -webkit-transition: initial;