Browse
For agents
About
Getwid – Gutenberg Blocks
/
2.0.10
Getwid – Gutenberg Blocks
v2.0.10
Switch version
3.0.2
3.0.1
3.0.0
2.1.0
2.1.1
2.1.2
2.1.3
2.2.0
trunk
1.8.7
1.9.1
2.0.10
2.0.11
2.0.12
2.0.13
2.0.14
2.0.5
2.0.6
2.0.7
2.0.8
2.0.9
Overview
Code
getwid
/
assets
/
blocks
/
image-hotspot
/
style.css
style.css
in Getwid – Gutenberg Blocks 2.0.10, at assets/blocks/image-hotspot/style.css
3 lines
2.7 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
/*
!
2
* getwid-image-hotspot
3
*/
.
wp-block-getwid-image-hotspot
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.
wp-block-getwid-image-hotspot__wrapper
{
position
:
relative
}
@
media
all
and
(
-ms-high-contrast
:
none
)
,
(
-ms-high-contrast
:
active
)
{
.
wp-block-getwid-image-hotspot__wrapper
{
max-width
:
inherit
}
}
.
wp-block-getwid-image-hotspot__image
{
display
:
block
}
@
media
all
and
(
-ms-high-contrast
:
none
)
,
(
-ms-high-contrast
:
active
)
{
.
wp-block-getwid-image-hotspot__image
{
max-width
:
inherit
}
}
.
wp-block-getwid-image-hotspot
.
wp-block-getwid-image-hotspot__dot
{
position
:
absolute
;
left
:
0
;
top
:
0
;
opacity
:
1
;
padding
:
6
px
;
background-color
:
#
404040
;
border-radius
:
50
%
;
-webkit-transition
:
opacity
.3
s
ease
;
transition
:
opacity
.3
s
ease
;
cursor
:
pointer
;
outline
:
0
}
.
wp-block-getwid-image-hotspot
.
wp-block-getwid-image-hotspot__dot
.
has-animation-pulse
:
before
{
content
:
"
"
;
display
:
block
;
width
:
100
%
;
height
:
100
%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
background-color
:
inherit
;
border-radius
:
50
%
;
-webkit-transition
:
all
.3
s
ease-in
;
transition
:
all
.3
s
ease-in
;
-webkit-animation
:
getwidPulseAnimation
1.5
s
ease
infinite
;
animation
:
getwidPulseAnimation
1.5
s
ease
infinite
}
.
wp-block-getwid-image-hotspot
.
wp-block-getwid-image-hotspot__dot-description
{
display
:
none
}
.
wp-block-getwid-image-hotspot
.
wp-block-getwid-image-hotspot__dot-content
{
color
:
#
fff
;
font-size
:
16
px
}
.
wp-block-getwid-image-hotspot
.
wp-block-getwid-image-hotspot__dot-icon
{
display
:
block
;
height
:
1.25
em
;
width
:
1.25
em
;
position
:
relative
;
line-height
:
1.25
;
text-align
:
center
;
font-style
:
normal
}
.
wp-block-getwid-image-hotspot__tooltip
{
padding
:
10
px
;
text-align
:
center
}
.
wp-block-getwid-image-hotspot__tooltip-title
{
font-size
:
16
px
;
font-weight
:
700
}
.
wp-block-getwid-image-hotspot__tooltip-title
:
last-child
{
margin-bottom
:
0
}
.
wp-block-getwid-image-hotspot__tooltip-title
:
empty
{
display
:
none
}
.
wp-block-getwid-image-hotspot__tooltip-content
{
font-size
:
12
px
;
margin-top
:
.75
em
}
.
wp-block-getwid-image-hotspot__tooltip-content
:
empty
{
display
:
none
}
.
wp-block-getwid-image-hotspot__tooltip-content
img
{
max-width
:
100
%
}
.
wp-block-getwid-image-hotspot__tooltip-content
iframe
{
max-width
:
100
%
}
.
has-animated-dots
.
wp-block-getwid-image-hotspot__dot
{
-webkit-transform
:
scale
(
0
)
;
transform
:
scale
(
0
)
;
-webkit-transition
:
all
.5
s
ease-out
.8
s
;
transition
:
all
.5
s
ease-out
.8
s
}
.
has-animated-dots
.
wp-block-getwid-image-hotspot__dot
.
is-visible
{
-webkit-transform
:
none
;
transform
:
none
}
.
has-animated-dots
[
data-appearance-animation
=
slideDown
]
.
wp-block-getwid-image-hotspot__dot
{
-webkit-transform
:
translateY
(
-50
px
)
scale
(
0
)
;
transform
:
translateY
(
-50
px
)
scale
(
0
)
}
.
has-animated-dots
[
data-appearance-animation
=
slideDown
]
.
wp-block-getwid-image-hotspot__dot
.
is-visible
{
-webkit-transform
:
none
;
transform
:
none
}
