You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
26 KiB
CSS
231 lines
26 KiB
CSS
7 months ago
|
#wpforms-notifications {
|
||
|
background: #ffffff 0 0 no-repeat padding-box;
|
||
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
||
|
border-radius: 6px;
|
||
|
opacity: 1;
|
||
|
min-height: 48px;
|
||
|
margin: 0 0 20px 0;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications * {
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-header {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
padding: 10px 15px;
|
||
|
border-bottom: 1px solid #dcdcde;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-bell {
|
||
|
position: relative;
|
||
|
width: 16px;
|
||
|
height: 20px;
|
||
|
top: 3px;
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-bell svg {
|
||
|
fill: #a7aaad;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-circle {
|
||
|
position: absolute;
|
||
|
width: 11px;
|
||
|
height: 11px;
|
||
|
border-radius: 50%;
|
||
|
top: -4px;
|
||
|
right: -1px;
|
||
|
border: 2px solid #ffffff;
|
||
|
background-color: #d63638;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-header .wpforms-notifications-title {
|
||
|
font-size: 14px;
|
||
|
font-weight: 600;
|
||
|
font-style: normal;
|
||
|
line-height: 1;
|
||
|
color: #2c3338;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-body {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages {
|
||
|
padding: 15px 100px 15px 15px;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message.current {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-title {
|
||
|
color: #2c3338;
|
||
|
font-size: 17px;
|
||
|
font-weight: 600;
|
||
|
line-height: 25px;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content {
|
||
|
font-size: 14px;
|
||
|
font-weight: 400;
|
||
|
line-height: 20px;
|
||
|
margin: 5px 0 15px 0;
|
||
|
color: #50575e;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content p {
|
||
|
font-size: inherit;
|
||
|
line-height: inherit;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-content p + p {
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons {
|
||
|
margin: 0 80px 0 0;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons a {
|
||
|
margin: 0 10px 0 0;
|
||
|
min-height: unset;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary {
|
||
|
background-color: #f6f7f7;
|
||
|
border-color: #056aab;
|
||
|
color: #056aab;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:hover, #wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:active, #wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:focus {
|
||
|
background-color: #f0f0f1;
|
||
|
border-color: #04558a;
|
||
|
color: #04558a;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-buttons .button-secondary:focus {
|
||
|
box-shadow: 0 0 0 1px #04558a;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-badge {
|
||
|
display: inline-flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
gap: 5px;
|
||
|
padding: 6px 8px;
|
||
|
margin-left: 10px;
|
||
|
border-radius: 3px;
|
||
|
background-color: #f6f6f6;
|
||
|
color: #50575e;
|
||
|
font-size: 11px;
|
||
|
font-weight: 700;
|
||
|
line-height: 1;
|
||
|
text-decoration: none;
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-badge svg {
|
||
|
width: 15px;
|
||
|
height: 13px;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .wpforms-notifications-badge:focus, #wpforms-notifications .wpforms-notifications-badge:hover {
|
||
|
background-color: #f0f0f1;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .dismiss {
|
||
|
position: absolute;
|
||
|
top: 15px;
|
||
|
right: 15px;
|
||
|
width: 14px;
|
||
|
height: 14px;
|
||
|
fill: #a7aaad;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .dismiss:hover {
|
||
|
fill: #d63638;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation {
|
||
|
position: absolute;
|
||
|
bottom: 15px;
|
||
|
right: 15px;
|
||
|
width: 64px;
|
||
|
height: 30px;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation a {
|
||
|
display: block;
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
border: 1px solid #7e8993;
|
||
|
border-radius: 3px;
|
||
|
font-size: 16px;
|
||
|
line-height: 1.625;
|
||
|
text-align: center;
|
||
|
cursor: pointer;
|
||
|
background-color: #ffffff;
|
||
|
color: #41454a;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation a:hover {
|
||
|
background-color: #f1f1f1;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation .prev {
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation .next {
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation .disabled {
|
||
|
border-color: #dddddd;
|
||
|
color: #a0a5aa;
|
||
|
cursor: default;
|
||
|
}
|
||
|
|
||
|
#wpforms-notifications .navigation .disabled:hover {
|
||
|
background-color: #ffffff;
|
||
|
}
|
||
|
|
||
|
.lity-iframe .lity-content {
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 768px) {
|
||
|
#wpforms-notifications .wpforms-notifications-messages {
|
||
|
padding: 15px 50px 20px 16px;
|
||
|
}
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-title {
|
||
|
line-height: 22px;
|
||
|
margin: 0 30px -2px 0;
|
||
|
min-height: 24px;
|
||
|
}
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-content {
|
||
|
font-size: 16px;
|
||
|
line-height: 22px;
|
||
|
}
|
||
|
#wpforms-notifications .wpforms-notifications-messages .wpforms-notifications-message .wpforms-notifications-buttons {
|
||
|
margin: 0;
|
||
|
}
|
||
|
#wpforms-notifications .navigation {
|
||
|
bottom: 20px;
|
||
|
right: 20px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXRzL2Nzcy9hZG1pbi1ub3RpZmljYXRpb25zLmNzcyIsInNvdXJjZXMiOlsiYXNzZXRzL3Njc3MvYWRtaW4tbm90aWZpY2F0aW9ucy5zY3NzIiwiYXNzZXRzL3Njc3MvYWRtaW4vX2NvbG9ycy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIEFkbWluIG5vdGlmaWNhdGlvbiBzdHlsZXMuXG5cbkBpbXBvcnQgXCJhZG1pbi9jb2xvcnNcIjtcblxuI3dwZm9ybXMtbm90aWZpY2F0aW9ucyB7XG5cdGJhY2tncm91bmQ6ICR3aGl0ZSAwIDAgbm8tcmVwZWF0IHBhZGRpbmctYm94O1xuXHRib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIC4wNSk7XG5cdGJvcmRlci1yYWRpdXM6IDZweDtcblx0b3BhY2l0eTogMTtcblx0bWluLWhlaWdodDogNDhweDtcblx0bWFyZ2luOiAwIDAgMjBweCAwO1xuXG5cdCoge1xuXHRcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdH1cblxuXHQud3Bmb3Jtcy1ub3RpZmljYXRpb25zLWhlYWRlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDEwcHggMTVweDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJG5ldXRyYWwtNTtcblxuXHRcdC53cGZvcm1zLW5vdGlmaWNhdGlvbnMtYmVsbCB7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTZweDtcblx0XHRcdGhlaWdodDogMjBweDtcblx0XHRcdHRvcDogM3B4O1xuXHRcdFx0bWFyZ2luLXJpZ2h0OiAxMHB4O1xuXG5cdFx0XHRzdmcge1xuXHRcdFx0XHRmaWxsOiAkdGV4dC1pY29uO1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC53cGZvcm1zLW5vdGlmaWNhdGlvbnMtY2lyY2xlIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiAxMXB4O1xuXHRcdFx0aGVpZ2h0OiAxMXB4O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdFx0dG9wOiAtNHB4O1xuXHRcdFx0cmlnaHQ6IC0xcHg7XG5cdFx0XHRib3JkZXI6IDJweCBzb2xpZCAkd2hpdGU7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkcmVkLTUwO1xuXHRcdH1cblxuXHRcdC53cGZvcm1zLW5vdGlmaWNhdGlvbnMtdGl0bGUge1xuXHRcdFx0Zm9udC1zaXplOiAxNHB4O1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRcdGZvbnQtc3R5bGU6IG5vcm1hbDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxO1xuXHRcdFx0Y29sb3I6ICR0ZXh0LXByaW1hcnk7XG5cdFx0fVxuXHR9XG5cblx0LndwZm9ybXMtbm90aWZpY2F0aW9ucy1ib2R5IHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblxuXHQud3Bmb3Jtcy1ub3RpZmljYXRpb25zLW1lc3NhZ2VzIHtcblx0XHRwYWRkaW5nOiAxNXB4IDEwMHB4IDE1cHggMTVweDtcblxuXHRcdC53cGZvcm1zLW5vdGlmaWNhdGlvbnMge1xuXG5cdFx0XHQmLW1lc3NhZ2Uge1xuXHRcdFx0XHRkaXNwbGF5OiBub25lO1xuXG5cdFx0XHRcdCYuY3VycmVudCB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdH1cblx0XHRcdH1cblxuXHRcdFx0Ji10aXRsZSB7XG5cdFx0XHRcdGNvbG9yOiAkdGV4dC1wcmltYXJ5O1xuXHRcdFx0XHRmb250LXNpemU6IDE3cHg7XG5cdFx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0XHRcdGxpbmUtaGVpZ2h0OiAyNXB4O1xuXHRcdFx0XHRtYXJnaW46IDA7XG5cdFx0XHR9XG5cblx0XHRcdCYtY29udGVudCB7XG5cdFx0XHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdFx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdFx0XHRcdG1hcmdpbjogNXB4IDAgMTVweCAwO1xuXHRcdFx0XHRjb2xvcjogJHRleHQtc2Vjb25kYXJ5O1xuXG5cdFx0XHRcdHAge1xuXHRcdFx0XHRcdGZvbnQtc2l6ZTogaW5oZXJpdDtcblx0XHRcdFx0XHRsaW5lLWhlaWdodDogaW5oZXJpdDtcblx0XHRcdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRcdH1cblxuXHRcdFx0XHRwICsgcCB7XG5cdFx0XHRcdFx0bWFyZ2luLXRvcDogMTBweDtcblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHQmLWJ1dHRvbnMge1xuXHRcdFx0XHRtYXJnaW46IDAgODBweCAwIDA7XG5cblx0XHRcdFx0YSB7XG5cdFx0XHRcdFx0bWFyZ2luOiAwIDEwcHggMCAwO1xuXHRcdFx0XHRcdG1pbi1oZWlnaHQ6IHVuc2V0O1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0LmJ1dHRvbi1zZWNvbmRhcnkge1xuXHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICRidXR0b24td3Atc2Vjb25kYXJ5LWJhY2tncm91bmQ7XG5cdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAkYnV0dG9uLXdwLXNlY29uZGFyeS1ib3JkZXI7XG5cdFx0XHRcdFx0Y29sb3I6ICRidXR0b24td3Atc2Vjb25kYXJ5LXRleHQ7XG5cblx0XHRcdFx0XHQmOmhvdmVyLCAmOmFjdGl2ZSwgJjpmb2N1cyB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkYnV0dG9uLXdwLXNlY29uZGFyeS1iYWNrZ3JvdW5kLWhvdmVyO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWNvbG9yOiAkYnV0dG9uLXdwLXNlY29uZGFyeS1ib3JkZXItaG92ZXI7XG5cdFx0XHRcdFx0XHRjb2xvcjogJGJ1dHRvbi13cC1zZWNvbmRhcnktdGV4dC1ob3Zlcjtcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQmOmZvY3VzIHtcblx0XHRcdFx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCAkYnV0dG9uLXdwLXNlY29uZGFyeS1ib3JkZXItaG92ZXI7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Ly8gV2F0Y2ggWW91dHViZSB2aWRlbywgZXRjXG5cdC53cGZvcm1zLW5vdGlmaWNhdGlvbnMtYmFkZ2Uge1xuXHRcdGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiA1cHg7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRtYXJnaW4tbGVmdDogMTBweDtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHN1cmZhY2UtYmFja2dy
|