Browse
For agents
About
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns)
/
1.8.12.2
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns)
v1.8.12.2
Switch version
1.8.13
1.8.12.3
1.8.12.2
1.8.12.1
1.8.12
1.8.11.3
1.8.11.2
1.8.11.1
1.8.11
1.6.6
1.6.60
1.6.7
1.6.8
1.6.9
1.7.0
1.7.0.1
1.7.0.11
1.7.0.12
1.7.0.14
1.7.0.2
1.7.0.3
1.7.0.5
1.7.0.6
1.7.0.7
1.7.0.9
All 211 releases
Overview
Code
charitable
/
assets
/
css
/
admin
/
charitable-admin-square.min.css
charitable-admin-square.min.css
in Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns) 1.8.12.2, at assets/css/admin/charitable-admin-square.min.css
1 lines
7.3 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
body
.
charitable_page_charitable-settings
.
charitable-square-btn
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
border-radius
:
5
px
;
font-size
:
14
px
;
margin
:
0
;
padding
:
8
px
12
px
;
gap
:
10
px
;
text-decoration
:
none
;
width
:
fit-content
}
body
.
charitable_page_charitable-settings
.
charitable-square-btn
.
charitable-square-live-btn
{
background-color
:
#
383f49
;
color
:
#
fff
}
body
.
charitable_page_charitable-settings
.
charitable-square-btn
.
charitable-square-sandbox-btn
{
background-color
:
#
fff
;
color
:
#
383f49
;
border
:
1
px
solid
#
383f49
}
body
.
charitable_page_charitable-settings
.
charitable-square-btn
svg
{
width
:
32
px
;
height
:
32
px
;
margin-left
:
-2
px
}
body
.
charitable_page_charitable-settings
.
charitable-square-btn
+
p
.
desc
{
margin-top
:
10
px
!important
}
body
.
charitable_page_charitable-settings
.
charitable-square-settings-actions-message
{
background-color
:
#
fff
;
color
:
#
383f49
;
border
:
1
px
solid
#
a2a2a2
;
padding
:
10
px
;
border-radius
:
5
px
}
body
.
charitable_page_charitable-settings
.
charitable-square-settings-actions-title-testmode-sandbox
{
color
:
green
}
body
.
charitable_page_charitable-settings
.
charitable-square-settings-actions-title-testmode-live
{
color
:
red
}
body
.
charitable_page_charitable-settings
.
charitable-success-icon
{
background-image
:
url
(
"
../../images/icons/check-circle.svg
"
)
;
background-repeat
:
no-repeat
;
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
background-size
:
contain
;
position
:
relative
;
top
:
4
px
;
margin-right
:
10
px
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
flex-start
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
p
:
first-of-type
{
display
:
flex
;
align-items
:
center
;
margin
:
0
;
width
:
100
%
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
p
:
first-of-type
strong
{
margin-left
:
5
px
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
p
:
first-of-type
::
before
{
content
:
"
"
;
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
background-image
:
url
(
"
../../images/icons/check-circle.svg
"
)
;
background-repeat
:
no-repeat
;
background-size
:
contain
;
margin-right
:
10
px
;
flex-shrink
:
0
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-success-icon
{
display
:
none
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-error-icon
+
*
{
display
:
flex
;
align-items
:
center
;
margin
:
0
;
width
:
100
%
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-error-icon
+
::
before
{
content
:
"
"
;
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
background-image
:
url
(
"
../../images/icons/exclamation-circle.svg
"
)
;
background-repeat
:
no-repeat
;
background-size
:
contain
;
margin-right
:
10
px
;
flex-shrink
:
0
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-error-icon
{
display
:
none
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
p
.
charitable-square-disconnect-btn
{
margin-top
:
10
px
;
width
:
100
%
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-error-icon
+
:
not
(
p
)
{
display
:
flex
;
align-items
:
center
;
margin
:
0
;
width
:
100
%
}
body
.
charitable_page_charitable-settings
.
charitable-square-connected
>
span
.
charitable-error-icon
+
:
not
(
p
)
::
before
{
content
:
"
"
;
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
background-image
:
url
(
"
../../images/icons/exclamation-circle.svg
"
)
;
background-repeat
:
no-repeat
;
background-size
:
contain
;
margin-right
:
10
px
;
flex-shrink
:
0
}
body
.
charitable_page_charitable-settings
.
charitable-square-disconnect-btn
{
margin-top
:
20
px
!important
}
body
.
charitable_page_charitable-settings
.
charitable-square-disconnect-btn
a
.
charitable-btn-md
{
min-height
:
auto
!important
;
border-radius
:
0
!important
}
body
.
charitable_page_charitable-settings
.
charitable-square-connnected
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
}
body
.
charitable_page_charitable-settings
.
charitable-square-connnected
p
.
charitable-square-disconnect-btn
{
width
:
100
%
!important
}
body
.
charitable_page_charitable-settings
.
charitable-square-refresh-btn
{
border-radius
:
0
!important
;
margin-right
:
10
px
!important
}
body
.
charitable_page_charitable-settings
.
charitable-error-icon
{
background-image
:
url
(
"
../../images/icons/exclamation-circle.svg
"
)
;
display
:
inline-block
;
width
:
17
px
;
height
:
17
px
;
background-size
:
contain
;
position
:
relative
;
top
:
4
px
;
margin-right
:
10
px
}
body
.
charitable_page_charitable-settings
.
charitable-btn-connect-webhooks
{
border-radius
:
0
!important
;
background-color
:
#
fc9a2a
!important
;
margin-bottom
:
10
px
!important
;
border
:
0
!important
;
color
:
#
fff
!important
}
body
.
charitable-pro
.
charitable_page_charitable-settings
.
square-connection-status
td
,
body
.
charitable-pro
.
charitable_page_charitable-settings
.
square-enable-webhooks
td
{
padding-top
:
10
px
!important
}
body
.
charitable_page_charitable-settings
:
not
(
.
charitable-pro
)
.
square-enable-webhooks
td
{
padding-top
:
10
px
!important
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-url
{
margin
:
15
px
0
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-url
label
{
display
:
block
;
font-weight
:
600
;
margin-bottom
:
8
px
;
color
:
#
23282d
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-url-input-wrapper
{
position
:
relative
;
display
:
flex
;
align-items
:
center
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-url-input-wrapper
input
{
width
:
100
%
;
padding
:
8
px
50
px
8
px
12
px
;
border
:
1
px
solid
#
ddd
;
border-radius
:
4
px
;
font-family
:
monospace
;
font-size
:
13
px
;
background-color
:
#
f9f9f9
;
color
:
#
666
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-url-input-wrapper
input
:
focus
{
outline
:
0
;
border-color
:
#
0073aa
;
box-shadow
:
0
0
0
1
px
#
0073aa
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
{
position
:
absolute
;
right
:
12
px
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
;
background
:
0
0
;
border
:
none
;
cursor
:
pointer
;
padding
:
6
px
;
border-radius
:
3
px
;
transition
:
all
.2
s
ease
;
color
:
#
666
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
:
hover
{
background-color
:
#
f0f0f0
;
color
:
#
0073aa
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
:
active
{
background-color
:
#
e0e0e0
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
svg
{
width
:
14
px
;
height
:
14
px
;
transition
:
all
.2
s
ease
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
.
copied
{
color
:
#
46b450
;
background-color
:
#
f0f8f0
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
.
copied
::
after
{
content
:
"
Copied!
"
;
position
:
absolute
;
top
:
-25
px
;
left
:
50
%
;
transform
:
translateX
(
-50
%
)
;
background-color
:
#
46b450
;
color
:
#
fff
;
padding
:
4
px
8
px
;
border-radius
:
3
px
;
font-size
:
11
px
;
font-weight
:
600
;
white-space
:
nowrap
;
z-index
:
10
}
body
.
charitable_page_charitable-settings
.
charitable-copy-icon
.
copied
::
before
{
content
:
"
"
;
position
:
absolute
;
top
:
-9
px
;
left
:
50
%
;
transform
:
translateX
(
-50
%
)
;
border
:
4
px
solid
transparent
;
border-top-color
:
#
46b450
;
z-index
:
10
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-manual-setup
.
charitable-help
{
margin
:
15
px
0
;
padding
:
12
px
15
px
;
background-color
:
#
f9f9f9
;
border-left
:
4
px
solid
#
0073aa
;
border-radius
:
0
4
px
4
px
0
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-manual-setup
.
charitable-help
p
{
margin
:
0
0
8
px
0
;
color
:
#
555
;
line-height
:
1.4
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-manual-setup
.
charitable-help
p
:
last-child
{
margin-bottom
:
0
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-manual-setup
.
charitable-help
p
strong
{
color
:
#
23282d
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-not-connected
{
padding
:
15
px
;
background-color
:
#
f9f9f9
;
border-left
:
4
px
solid
#
dc3232
;
border-radius
:
0
4
px
4
px
0
}
body
.
charitable_page_charitable-settings
.
charitable-webhook-not-connected
p
{
margin
:
0
!important
;
color
:
#
555
}
