Browse
For agents
About
Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder
/
trunk
Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder
vtrunk
Switch version
6.2.14
6.2.13
6.2.12
6.2.10
6.2.11
6.2.9
6.2.8
6.2.7
6.2.6
6.2.5
6.2.4
6.2.3
6.2.2
3.6.22
3.6.31
3.6.40
3.6.41
3.6.42
3.6.50
3.6.51
3.6.60
3.6.61
3.6.62
3.6.64
3.6.65
All 196 releases
Overview
Code
fluentform
/
assets
/
css
/
fluentform_transactions.css
fluentform_transactions.css
in Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder trunk, at assets/css/fluentform_transactions.css
2 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
.
ff_subscriptions
.
ff_subscription
{
background-color
:
#
fff
;
border
:
2
px
solid
#
e3e8ee
;
color
:
#
3a4f66
;
padding
:
15
px
20
px
}
.
ff_subscriptions
.
ff_subscription
button
{
-webkit-appearance
:
none
;
background
:
#
fff
;
border
:
1
px
solid
#
dcdfe6
;
border-radius
:
4
px
;
box-sizing
:
border-box
;
color
:
#
606266
;
cursor
:
pointer
;
display
:
inline-block
;
font-size
:
14
px
;
font-weight
:
500
;
line-height
:
1
;
margin
:
0
;
outline
:
0
;
padding
:
6
px
15
px
;
text-align
:
center
;
transition
:
.1
s
;
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
white-space
:
nowrap
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
width
:
100
%
}
@
media
only
screen
and
(
max-width
:
768
px
)
{
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
{
flex-direction
:
column
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
>
div
{
display
:
flex
;
flex-basis
:
100
%
;
flex
:
1
;
flex-direction
:
column
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
>
div
.
ff_plan_info
{
text-align
:
left
}
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_form_name
{
font-size
:
110
%
;
font-weight
:
500
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
>
div
{
display
:
flex
;
flex-basis
:
100
%
;
flex
:
1
;
flex-direction
:
column
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_plan_info
{
text-align
:
right
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
pay_amount
{
font-size
:
20
px
;
line-height
:
28
px
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_sub_name
{
color
:
#
393c40
;
display
:
block
;
overflow
:
hidden
;
padding-bottom
:
10
px
;
position
:
relative
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_pay_status_badge
{
background-color
:
#
d6ecff
;
border-radius
:
20
px
;
color
:
#
3d4eac
;
font-size
:
90
%
;
font-weight
:
500
;
padding
:
2
px
8
px
;
text-transform
:
capitalize
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_pay_status_badge
.
ff_pay_status_cancelled
{
background
:
#
ff623e
;
color
:
#
fff
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_pay_status_badge
.
ff_pay_status_active
{
background
:
#
67c23a
;
color
:
#
fff
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_billing_dates
,
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_billing_text
{
margin
:
0
;
padding
:
0
0
10
px
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_header
.
ff_billing_text
{
margin-top
:
5
px
}
.
ff_subscriptions
.
ff_subscription
.
ff_subscription_payments
.
ff_has_payments
{
background
:
#
fafdff
;
border-top
:
1
px
solid
#
e3e8ed
;
margin
:
0
-20
px
-15
px
;
padding
:
20
px
}
.
ff_subscriptions
.
ff_subscription
span
.
ff_sub_id
{
font-size
:
80
%
;
font-style
:
italic
;
opacity
:
.5
}
.
ff_subscriptions
.
ff_sub_cancel_confirmation
{
background
:
#
fff7f5
;
margin
:
10
px
-20
px
-20
px
;
overflow
:
hidden
;
padding
:
20
px
;
position
:
relative
;
text-align
:
center
}
.
ff_subscriptions
.
ff_sub_cancel_confirmation
button
.
ff_confirm_subscription_cancel
{
background
:
#
cf3917
;
color
:
#
fff
}
2
