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;
top: 0;
background: rgba(255, 255, 255, 0.85);
background: rgba(28, 34, 41, 0.9);
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0s;
@ -46,7 +46,7 @@
transform: translate(-50%, 0%);
color: #555;
box-shadow: 0 0 6px 1px #ddd;
box-shadow: 0 0 6px 3px #424242;
-webkit-transition: transform 0.1s ease-in;
transition: transform 0.1s ease-in;
@ -61,7 +61,7 @@
.h5p-confirmation-dialog-header {
padding: 1.5em;
background: #fff;
color: #1a73d9;
color: #356593;
}
.h5p-confirmation-dialog-header-text {
@ -69,8 +69,9 @@
}
.h5p-confirmation-dialog-body {
background: #fafbfc;
border-top: solid 1px #dde0e9;
padding: 1.25em 1.5em;
background: #fafafa;
}
.h5p-confirmation-dialog-text {
@ -90,14 +91,14 @@ button.h5p-confirmation-dialog-exit {
font-size: 2.5em;
top: -0.9em;
right: -1.15em;
color: #777;
color: #fff;
cursor: pointer;
text-decoration: none;
}
button.h5p-confirmation-dialog-exit:focus,
button.h5p-confirmation-dialog-exit:hover {
color: #555;
color: #E4ECF5;
}
.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:link,
button.h5p-core-button {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1em;
line-height: 1.2;
padding: 0.5em 1.25em;
border-radius: 2em;
background: #1a73d9;
color: #ffffff;
background: #488ac9;
color: #fff;
cursor: pointer;
border: none;
@ -22,7 +24,7 @@ button.h5p-core-button {
}
button.h5p-core-button:hover,
button.h5p-core-button:focus {
background: #1356a3;
background: #3b71a5;
color: #fff;
text-decoration: none;
-webkit-transition: initial;