Browse
For agents
About
Cool Flipbox – Shortcode & Gutenberg Block
/
1.4
Cool Flipbox – Shortcode & Gutenberg Block
v1.4
Switch version
trunk
1.4
1.5
1.6
1.6.2
1.7.1
1.8.3
1.9.0
1.9.1
1.9.2
1.9.3
1.9.4
1.9.5
1.9.6
1.9.7
1.9.8
1.9.9
2.0.0
2.0.1
Overview
Code
flip-boxes
/
assets
/
css
/
flipboxes.min.css
flipboxes.min.css
in Cool Flipbox – Shortcode & Gutenberg Block 1.4, at assets/css/flipboxes.min.css
1 lines
1.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
.
flipbox-title
{
text-align
:
-webkit-center
;
text-align
:
center
;
font-size
:
larger
;
font-family
:
monospace
}
.
flip
{
-webkit-perspective
:
800
;
perspective
:
800
;
position
:
relative
;
text-align
:
center
;
margin-bottom
:
30
px
}
.
flip
.
x
.
front
,
.
flip
.
y
.
front
{
position
:
absolute
;
z-index
:
1
;
width
:
100
%
}
.
flip
.
x
img
,
.
flip
.
y
img
{
border
:
2
px
solid
#
000
;
object-fit
:
cover
}
.
aio-icon-img
{
width
:
2
em
;
max-width
:
100
%
!important
;
-webkit-border-radius
:
0
!important
;
border-radius
:
0
!important
;
-webkit-box-shadow
:
none
!important
;
box-shadow
:
none
!important
;
display
:
block
;
font-size
:
inherit
}
.
ifb-flip-box-section
{
display
:
block
;
position
:
relative
;
top
:
0
;
transform
:
none
;
height
:
auto
;
padding
:
30
px
}
.
ifb-flip-box-section-content
p
{
padding
:
0
;
margin
:
13
px
!important
}
.
ifb-flip-box-section-content
h3
{
margin-top
:
-1.565217
em
!important
}
button
.
btn
.
btn-default
{
position
:
relative
;
display
:
inline-block
}
.
inner
{
height
:
100
%
}
.
flip
.
inner
img
{
z-index
:
1
;
border
:
2
px
solid
#
000
;
width
:
100
%
;
height
:
-webkit-fill-available
;
object-fit
:
cover
}
.
face
.
back
.
flip_link
a
{
color
:
#
fff
}
.
flip-label
{
margin-top
:
5
px
}
.
flip-box-icon_default
{
margin-top
:
-28
px
}
.
flip
.
inner-with-image
img
{
z-index
:
1
;
border
:
2
px
solid
#
000
;
width
:
100
%
;
min-height
:
300
px
;
object-fit
:
cover
}
.
ifb-flip-box-section-with-image
.
inner
{
min-height
:
300
px
}
.
image-label
{
margin-top
:
20
px
}
.
back
.
text-center
{
padding
:
30
px
!important
}
.
default-label
{
margin-top
:
-26
px
!important
}
.
inner-with-image
{
min-height
:
300
px
}
@
media
screen
and
(
orientation
:
landscape
)
{
.
inner-with-image
img
{
height
:
300
px
;
vertical-align
:
middle
}
.
ifb-flip-box-section-with-image
{
height
:
300
px
}
}
@
media
only
screen
and
(
min-device-width
:
768
px
)
and
(
max-device-width
:
1024
px
)
and
(
orientation
:
portrait
)
{
.
inner-with-image
img
{
height
:
300
px
}
.
ifb-flip-box-section-with-image
{
height
:
300
px
}
}
.
layout-4
strong
{
color
:
#
000
}
