Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
H
h5p-editor-php-library
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
elc
h5p-editor-php-library
Commits
d1fdefa6
Commit
d1fdefa6
authored
Feb 22, 2021
by
Thomas Marstrander
Browse files
Options
Downloads
Patches
Plain Diff
JI-2271 Update hub client
parent
6b563d0c
Branches
Branches containing commit
No related tags found
No related merge requests found
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
scripts/h5p-hub-client.js
+1
-1
1 addition, 1 deletion
scripts/h5p-hub-client.js
styles/css/h5p-hub-client.css
+2
-2
2 additions, 2 deletions
styles/css/h5p-hub-client.css
with
3 additions
and
3 deletions
scripts/h5p-hub-client.js
+
1
−
1
View file @
d1fdefa6
Source diff could not be displayed: it is too large. Options to address this:
view the blob
.
This diff is collapsed.
Click to expand it.
styles/css/h5p-hub-client.css
+
2
−
2
View file @
d1fdefa6
...
...
@@ -59,7 +59,7 @@
.h5p-hub
.publisher-info
{
overflow
:
auto
}
.h5p-hub
.publisher-info
.h5p-hub-publisher-image
{
max-width
:
10em
;
max-height
:
10em
;
height
:
auto
;
width
:
auto
;
margin-right
:
1em
;
float
:
left
}
.h5p-hub
.h5p-hub-publisher-image
{
max-width
:
150px
}
.h5p-hub
.h5p-hub-content-detail
{
background-color
:
white
;
padding
:
1.3em
;
display
:
inherit
;
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
;
outline
:
none
;
overflow
:
auto
;
width
:
100%
;
height
:
100%
;
box-sizing
:
border-box
;
transform
:
translateX
(
100%
);
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0.2s
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar
{
background-color
:
#f3f3f3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-content-detail.h5p-hub-show
{
transform
:
translateX
(
0
);
visibility
:
visible
;
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0s
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-panel
[
aria-hidden
=
"false"
]
{
display
:
none
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
{
max-width
:
100%
;
margin-left
:
auto
;
margin-right
:
auto
;
margin-top
:
.833em
;
margin-bottom
:
1.666em
;
padding-bottom
:
1em
;
display
:
flex
;
flex-wrap
:
wrap
;
flex-direction
:
column
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
{
flex-direction
:
row
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
{
flex-shrink
:
0
;
order
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
{
justify-content
:
normal
;
align-items
:
normal
;
margin-top
:
2em
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
img
{
width
:
16.5em
;
height
:
12.375em
}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
img
{
width
:
15.5em
;
height
:
11.625em
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
2
;
flex-grow
:
1
;
margin
:
2em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
.h5p-hub-info-list
{
order
:
2
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
3
;
flex-basis
:
100%
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
.h5p-hub-info-list
{
display
:
none
}}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
2
;
flex-basis
:
0
;
margin
:
2em
2em
0
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
h2
{
margin-top
:
0
;
font-size
:
1.458em
;
line-height
:
1.458em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
order
:
3
;
flex-shrink
:
0
;
min-width
:
15em
;
margin
:
1em
;
display
:
none
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
display
:
block
;
order
:
2
;
flex-grow
:
1
}}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
order
:
3
;
flex-grow
:
0
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-title
{
outline
:
0
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-title.h5p-hub-reviewed
:after
{
font-size
:
0.8em
;
font-family
:
"h5p-hub"
;
font-weight
:
normal
;
content
:
"\e90b"
;
color
:
#359d94
;
position
:
relative
;
top
:
-0.2em
;
margin-left
:
0.3em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
{
color
:
#474f5a
;
font-size
:
1.3em
;
display
:
inline-block
;
background
:
transparent
;
border
:
none
;
text-decoration
:
none
;
outline
:
none
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
:hover
{
color
:
#000
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
:focus
{
box-shadow
:
0
0
1px
1px
#1a93f4
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button.h5p-hub-icon-arrow-thick
:before
{
cursor
:
pointer
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-bar
{
text-align
:
right
;
margin
:
1.666em
0
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-download-content
{
display
:
inline-flex
;
align-items
:
center
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-download-content
::before
{
font-family
:
"h5p-hub"
;
font-size
:
0.7em
;
content
:
"\e90c"
;
display
:
inline-block
;
margin-right
:
1em
;
transform
:
rotate
(
-90deg
)}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar
{
background-color
:
#f3f3f3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-content-detail
{
background-color
:
white
;
padding
:
1.3em
;
display
:
inherit
;
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
;
outline
:
none
;
overflow
:
auto
;
width
:
100%
;
height
:
100%
;
box-sizing
:
border-box
;
transform
:
translateX
(
100%
);
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0.2s
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar
{
background-color
:
#f3f3f3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-detail
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-content-detail.h5p-hub-show
{
transform
:
translateX
(
0
);
visibility
:
visible
;
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0s
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-panel
[
aria-hidden
=
"false"
]
{
display
:
none
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
{
max-width
:
100%
;
margin-left
:
auto
;
margin-right
:
auto
;
margin-top
:
.833em
;
margin-bottom
:
1.666em
;
padding-bottom
:
1em
;
display
:
flex
;
flex-wrap
:
wrap
;
flex-direction
:
column
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
{
flex-direction
:
row
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
{
flex-shrink
:
0
;
order
:
1
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
{
justify-content
:
normal
;
align-items
:
normal
;
margin-top
:
2em
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
img
{
width
:
16.5em
;
height
:
12.375em
}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
.h5p-hub-image-wrapper
img
{
width
:
15.5em
;
height
:
11.625em
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
2
;
flex-grow
:
1
;
margin
:
2em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
.h5p-hub-info-list
{
order
:
2
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
3
;
flex-basis
:
100%
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
.h5p-hub-info-list
{
display
:
none
}}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
{
order
:
2
;
flex-basis
:
0
;
margin
:
2em
2em
0
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-text-details
h2
{
margin-top
:
0
;
font-size
:
1.458em
;
line-height
:
1.458em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
order
:
3
;
flex-shrink
:
0
;
min-width
:
15em
;
margin
:
1em
;
display
:
none
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
display
:
block
;
order
:
2
;
flex-grow
:
1
}}
@media
(
min-width
:
768px
){
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-container
>
.h5p-hub-info-list
{
order
:
3
;
flex-grow
:
0
}}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-title
{
outline
:
0
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-title.h5p-hub-reviewed
:after
{
font-size
:
0.8em
;
font-family
:
"h5p-hub"
;
font-weight
:
normal
;
content
:
"\e90b"
;
color
:
#359d94
;
position
:
relative
;
top
:
-0.2em
;
margin-left
:
0.3em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
{
color
:
#474f5a
;
font-size
:
1.3em
;
display
:
inline-block
;
background
:
transparent
;
border
:
none
;
text-decoration
:
none
;
outline
:
none
;
transform
:
rotate
(
180deg
)
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
:hover
{
color
:
#000
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button
:focus
{
box-shadow
:
0
0
1px
1px
#1a93f4
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-back-button.h5p-hub-icon-arrow-thick
:before
{
cursor
:
pointer
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-bar
{
text-align
:
right
;
margin
:
1.666em
0
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-download-content
{
display
:
inline-flex
;
align-items
:
center
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-button-download-content
::before
{
font-family
:
"h5p-hub"
;
font-size
:
0.7em
;
content
:
"\e90c"
;
display
:
inline-block
;
margin-right
:
1em
;
transform
:
rotate
(
-90deg
)}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar
{
background-color
:
#f3f3f3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-detail
.h5p-hub-lightbox-inner.h5p-hub-license
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-info-list
{
max-width
:
20em
}
.h5p-hub
.h5p-hub-info-list
li
{
font-size
:
0.8em
;
border-bottom
:
1px
solid
#dadada
;
padding
:
0.85em
0.5em
}
.h5p-hub
.h5p-hub-info-list
li
.h5p-hub-label
{
color
:
#72757c
;
margin-right
:
0.3em
}
.h5p-hub
.h5p-hub-info-list
li
.h5p-hub-content
{
color
:
#242424
;
font-weight
:
bold
}
.h5p-hub
.h5p-hub-info-list
li
.h5p-hub-capitalize
{
text-transform
:
capitalize
}
.h5p-hub
.h5p-hub-info-list
li
:last-child
{
border-bottom
:
none
}
...
...
@@ -75,7 +75,7 @@
.h5p-hub-content-type-detail-button-bar
{
margin
:
1.666em
0
;
text-align
:
right
}
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-update
,
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-updating
{
margin-right
:
0.6em
}
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-install
:before
,
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-installing
:before
,
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-update
:before
,
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-updating
:before
{
display
:
inline-block
;
margin-right
:
0.7em
;
font-weight
:
normal
;
font-size
:
0.9em
}
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-install
:before
{
font-family
:
'h5p-hub'
;
content
:
""
;
transform
:
rotate
(
-90deg
)}
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-update
:before
{
font-family
:
'h5p-hub'
;
content
:
""
}
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-installing
:before
,
.h5p-hub-content-type-detail-button-bar
.h5p-hub-button-updating
:before
{
font-family
:
'h5p-hub'
;
content
:
""
;
-webkit-animation
:
spin
2s
linear
infinite
;
animation
:
spin
2s
linear
infinite
}
.h5p-hub
.h5p-hub-content-type-detail
{
background-color
:
white
;
padding
:
1.3em
;
display
:
inherit
;
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
;
outline
:
none
;
overflow
:
auto
;
width
:
100%
;
height
:
100%
;
box-sizing
:
border-box
;
transform
:
translateX
(
100%
);
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0.2s
;
box-shadow
:
0
0.4em
0.4em
-0.2em
rgba
(
79
,
87
,
99
,
0.2
)
inset
,
0
-0.4em
0.4em
-0.2em
rgba
(
79
,
87
,
99
,
0.2
)
inset
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar
{
background-color
:
#F3F3F3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-content-type-detail.h5p-hub-show
{
transform
:
translateX
(
0
);
visibility
:
visible
;
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0s
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-panel
[
aria-hidden
=
"false"
]
{
display
:
none
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-container
{
max-width
:
100%
;
margin-left
:
auto
;
margin-right
:
auto
;
margin-bottom
:
1.666em
;
padding-bottom
:
1em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-container
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-image-wrapper
{
width
:
100%
;
float
:
left
;
margin-left
:
0
;
margin-right
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-title
{
outline
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
{
width
:
100%
;
float
:
left
;
margin-left
:
0
;
margin-right
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
h2
{
margin-top
:
0
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-image-wrapper
{
width
:
32.20339%
;
float
:
left
;
margin-right
:
1.69492%
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
{
width
:
66.10169%
;
float
:
right
;
margin-right
:
0
}}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
{
margin
:
1.666em
0
;
text-align
:
right
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-update
,
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-updating
{
margin-right
:
0.6em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-update
:before
{
font-family
:
'h5p-hub'
;
content
:
""
;
margin-right
:
0.5em
;
font-weight
:
normal
;
font-size
:
0.9em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
{
color
:
#474f5a
;
font-size
:
1.3em
;
display
:
inline-block
;
background
:
transparent
;
border
:
none
;
text-decoration
:
none
;
outline
:
none
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
:hover
{
color
:
#000
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
:focus
{
box-shadow
:
0
0
1px
1px
#1a93f4
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button.h5p-hub-icon-arrow-thick
:before
{
cursor
:
pointer
}
.h5p-hub-lightbox-inner.h5p-hub-license
{
background
:
#fff
;
text-align
:
left
;
max-height
:
calc
(
100%
-
5em
);
width
:
calc
(
100%
-
5em
)}
.h5p-hub-lightbox-inner.h5p-hub-license
:not
(
.h5p-hub-loading
)
.h5p-hub-modal-content
{
max-height
:
50em
;
overflow-y
:
auto
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-loading
:after
{
font-family
:
'h5p-hub'
;
content
:
""
;
font-size
:
3em
;
line-height
:
1
;
width
:
1em
;
height
:
1em
;
padding
:
.833em
;
display
:
block
;
color
:
#7c8696
;
-webkit-animation
:
spin
2s
linear
infinite
;
animation
:
spin
2s
linear
infinite
;
width
:
1em
;
margin
:
0
auto
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-lightbox-close
{
top
:
-0.8em
;
right
:
-0.8em
;
color
:
#333
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-modal-header
{
font-weight
:
400
;
font-size
:
1.6em
;
margin-bottom
:
1em
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-modal-title
{
font-weight
:
700
}
.h5p-hub
.h5p-hub-content-type-detail
{
background-color
:
white
;
padding
:
1.3em
;
display
:
inherit
;
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
;
outline
:
none
;
overflow
:
auto
;
width
:
100%
;
height
:
100%
;
box-sizing
:
border-box
;
transform
:
translateX
(
100%
);
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0.2s
;
box-shadow
:
0
0.4em
0.4em
-0.2em
rgba
(
79
,
87
,
99
,
0.2
)
inset
,
0
-0.4em
0.4em
-0.2em
rgba
(
79
,
87
,
99
,
0.2
)
inset
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar
{
background-color
:
#F3F3F3
;
width
:
0.750em
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-thumb
{
background
:
#5e6978
url
(
"data:image/svg+xml;base64,PHN2ZyBpZD0ic2Nyb2xsYmFyX2hhbmRsZSIgZGF0YS1uYW1lPSJzY3JvbGxiYXIgaGFuZGxlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICNjZWQ2ZTM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8dGl0bGU+c2Nyb2xsYmFyLWJhcnMtaWNvbjwvdGl0bGU+DQogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LjI4LDguNWMwLC4yNC0uMS40My0uMjQuNDNIOS42MmMtLjE0LDAtLjI0LS4xOS0uMjQtLjQzVjcuNjVjMC0uMjQuMS0uNDMuMjQtLjQzSDE1Yy4xNCwwLC4yNC4xOS4yNC40M1ptMCwzLjQxYzAsLjI0LS4xLjQzLS4yNC40M0g5LjYyYy0uMTQsMC0uMjQtLjE5LS4yNC0uNDN2LS44NWMwLS4yNC4xLS40My4yNC0uNDNIMTVjLjE0LDAsLjI0LjE5LjI0LjQzWm0wLDMuNDNjMCwuMjQtLjEuNDMtLjI0LjQzSDkuNjJjLS4xNCwwLS4yNC0uMTktLjI0LS40M3YtLjg1YzAtLjI0LjEtLjQzLjI0LS40M0gxNWMuMTQsMCwuMjQuMTkuMjQuNDNaIi8+DQogIDxyZWN0IGNsYXNzPSJjbHMtMiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4NCg=="
)
no-repeat
center
;
background-size
:
24px
100%
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical
{
background-size
:
20px
20px
;
background-position-x
:
-4px
;
background-position-y
:
-3px
;
background-color
:
#5e6978
;
background-repeat
:
no-repeat
}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical:decrement
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHtmaWxsOiAjY2VkNmUzO30gLnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+DQoJPHRpdGxlPmFycm93LXVwPC90aXRsZT4NCgk8cGF0aCBkPSJNOCAxMy45bDAuNCAwLjRjMC4zIDAuMyAwLjggMC4zIDEuMSAwbDIuNC0yLjQgMi40IDIuNGMwLjMgMC4zIDAuOCAwLjMgMS4xIDBsMC40LTAuNGMwLjMtMC4zIDAuMy0wLjggMC0xLjEgMCAwIDAgMCAwIDBsLTMuMy0zLjNjLTAuMy0wLjMtMC44LTAuMy0xLjEgMCAwIDAgMCAwIDAgMEw4IDEyLjhDNy43IDEzLjEgNy43IDEzLjUgOCAxMy45IDggMTMuOCA4IDEzLjggOCAxMy45eiIvPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPg0KPC9zdmc+"
)}
.h5p-hub
.h5p-hub-content-type-detail
::-webkit-scrollbar-button:vertical:increment
{
background-image
:
url
(
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHN0eWxlPioge2ZpbGw6ICNjZWQ2ZTM7fSAuY2xzLTEge2ZpbGw6IG5vbmU7fTwvc3R5bGU+DQogIDx0aXRsZT5hcnJvdy1kb3duPC90aXRsZT4NCiAgPHBhdGggZD0iTTE2LDEwLjE1bC0uMzUtLjM1YS43OS43OSwwLDAsMC0xLjA4LDBsLTIuNDMsMi40M0w5LjY5LDkuNzlhLjc4Ljc4LDAsMCwwLTEuMDgsMGwtLjM2LjM2YS43Ni43NiwwLDAsMCwwLDEuMDhsMy4zMiwzLjMyYS43Ni43NiwwLDAsMCwxLjA4LDBMMTYsMTEuMjNhLjc2Ljc2LDAsMCwwLDAtMS4wOFoiLz4NCiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg0K"
)}
.h5p-hub
.h5p-hub-content-type-detail.h5p-hub-show
{
transform
:
translateX
(
0
);
visibility
:
visible
;
transition
:
transform
0.2s
ease-out
,
visibility
0s
linear
0s
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-panel
[
aria-hidden
=
"false"
]
{
display
:
none
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-container
{
max-width
:
100%
;
margin-left
:
auto
;
margin-right
:
auto
;
margin-bottom
:
1.666em
;
padding-bottom
:
1em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-container
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-image-wrapper
{
width
:
100%
;
float
:
left
;
margin-left
:
0
;
margin-right
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-title
{
outline
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
{
width
:
100%
;
float
:
left
;
margin-left
:
0
;
margin-right
:
0
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
h2
{
margin-top
:
0
}
@media
(
min-width
:
576px
){
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-image-wrapper
{
width
:
32.20339%
;
float
:
left
;
margin-right
:
1.69492%
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-text-details
{
width
:
66.10169%
;
float
:
right
;
margin-right
:
0
}}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
{
margin
:
1.666em
0
;
text-align
:
right
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-update
,
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-updating
{
margin-right
:
0.6em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-button-bar
.h5p-hub-button-update
:before
{
font-family
:
'h5p-hub'
;
content
:
""
;
margin-right
:
0.5em
;
font-weight
:
normal
;
font-size
:
0.9em
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
{
color
:
#474f5a
;
font-size
:
1.3em
;
display
:
inline-block
;
background
:
transparent
;
border
:
none
;
text-decoration
:
none
;
outline
:
none
;
transform
:
rotate
(
180deg
)
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
:hover
{
color
:
#000
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button
:focus
{
box-shadow
:
0
0
1px
1px
#1a93f4
}
.h5p-hub
.h5p-hub-content-type-detail
.h5p-hub-back-button.h5p-hub-icon-arrow-thick
:before
{
cursor
:
pointer
}
.h5p-hub-lightbox-inner.h5p-hub-license
{
background
:
#fff
;
text-align
:
left
;
max-height
:
calc
(
100%
-
5em
);
width
:
calc
(
100%
-
5em
)}
.h5p-hub-lightbox-inner.h5p-hub-license
:not
(
.h5p-hub-loading
)
.h5p-hub-modal-content
{
max-height
:
50em
;
overflow-y
:
auto
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-loading
:after
{
font-family
:
'h5p-hub'
;
content
:
""
;
font-size
:
3em
;
line-height
:
1
;
width
:
1em
;
height
:
1em
;
padding
:
.833em
;
display
:
block
;
color
:
#7c8696
;
-webkit-animation
:
spin
2s
linear
infinite
;
animation
:
spin
2s
linear
infinite
;
width
:
1em
;
margin
:
0
auto
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-lightbox-close
{
top
:
-0.8em
;
right
:
-0.8em
;
color
:
#333
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-modal-header
{
font-weight
:
400
;
font-size
:
1.6em
;
margin-bottom
:
1em
}
.h5p-hub-lightbox-inner.h5p-hub-license
.h5p-hub-modal-title
{
font-weight
:
700
}
.h5p-hub
.h5p-hub-upload-wrapper
{
padding
:
1em
2em
2em
2em
}
.h5p-hub
.h5p-hub-upload-wrapper
.h5p-hub-message
{
margin-top
:
0
}
.h5p-hub
.h5p-hub-upload-wrapper
.h5p-hub-upload-throbber
{
outline
:
0
;
height
:
10em
}
.h5p-hub
.h5p-hub-upload-wrapper
.h5p-hub-upload-throbber.h5p-hub-hidden
{
display
:
none
}
.h5p-hub
.h5p-hub-upload-wrapper
.h5p-hub-upload-throbber
:before
{
font-family
:
'h5p-hub'
;
content
:
""
;
font-size
:
4em
;
line-height
:
1
;
width
:
1em
;
height
:
1em
;
padding
:
.833em
;
display
:
block
;
color
:
#7c8696
;
-webkit-animation
:
spin
2s
linear
infinite
;
animation
:
spin
2s
linear
infinite
;
margin
:
auto
}
.h5p-hub
.h5p-hub-upload-wrapper
a
:focus
{
outline
:
auto
}
.h5p-hub
h1
.h5p-hub-upload-instruction-header
{
font-size
:
1.25em
;
margin-top
:
.833em
;
margin-bottom
:
.833em
}
.h5p-hub
p
.h5p-hub-upload-instruction-description
{
font-size
:
1.042em
}
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
sign in
to comment