feat: caching, optimization, legal pages & footer
- WP Super Cache enabled (PHP mode, gzip, Nginx compatible) - Autoptimize: CSS/HTML minification + deferred JS + Google Fonts optimization - Cookie Notice: GDPR/LOPD banner styled with brand colors (navy/burgundy/gold) - Legal pages: Aviso Legal, Política de Privacidad, Política de Cookies (ES) - MU-plugin: custom footer with legal links + Cloud Host credit - Footer: copyright, legal nav, Hosted & Maintained by Cloud Host (cloudhost.es) - Security: X-Frame-Options, X-Content-Type, Referrer-Policy headers - Security: XML-RPC disabled, REST user enumeration blocked - Performance: emoji scripts removed, post revisions limited to 3
This commit is contained in:
Malin
348
wp-content/plugins/cookie-notice/css/admin-dashboard.css
Normal file
348
wp-content/plugins/cookie-notice/css/admin-dashboard.css
Normal file
@@ -0,0 +1,348 @@
|
||||
.cn-dashboard-container {
|
||||
min-height: 130px;
|
||||
margin: 0 -4px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cn-dashboard-container .spinner {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
margin-left: -10px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.cn-dashboard-container.loading {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cn-dashboard-container.loading:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
z-index: 1;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.cn-dashboard_stats p.sub {
|
||||
color: #8f8f8f;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
|
||||
.cn-table-responsive {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.cn-table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
color: inherit;
|
||||
vertical-align: top;
|
||||
border-color: #dee2e6;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cn-table > thead {
|
||||
vertical-align: bottom;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.cn-table > tbody {
|
||||
vertical-align: inherit;
|
||||
}
|
||||
|
||||
.cn-table tbody,
|
||||
.cn-table td,
|
||||
.cn-table tfoot,
|
||||
.cn-table th,
|
||||
.cn-table thead,
|
||||
.cn-table tr {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.cn-table th,
|
||||
.cn-table td {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
.cn-table th:first-child,
|
||||
.cn-table td:first-child {
|
||||
width: 1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cn-table th:last-child,
|
||||
.cn-table td:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cn-table .no-posts :last-child {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.cn-table > :not(caption) > * > * {
|
||||
padding: .5rem .5rem;
|
||||
background-color: transparent;
|
||||
border-bottom-width: 1px;
|
||||
box-shadow: inset 0 0 0 9999px transparent;
|
||||
}
|
||||
|
||||
#cn_dashboard_stats .inside {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cn-accordion-toggle {
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
padding: 15px 15px 0;
|
||||
color: #23282c;
|
||||
}
|
||||
|
||||
.cn-accordion-title {
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.cn-accordion-actions {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
padding: 11px 30px 11px 0;
|
||||
height: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.cn-accordion-actions .cn-accordion-action,
|
||||
.cn-accordion-actions .cn-accordion-action::before {
|
||||
font-size: 14px;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
color: #72777c;
|
||||
}
|
||||
|
||||
.cn-tooltip {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cn-tooltip-icon {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.cn-tooltip-icon::before {
|
||||
color: #b4b9be;
|
||||
content: "\f14c";
|
||||
display: inline-block;
|
||||
font: normal 16px/1 dashicons;
|
||||
position: absolute;
|
||||
text-decoration: none !important;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.cn-according-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.cn-accordion-content {
|
||||
padding: 20px 20px 15px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.cn-collapsed .cn-accordion-toggle::before {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.cn-collapsed .cn-accordion-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cn-infobox-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.cn-infobox-container:not(:first-child) {
|
||||
border-top-color: transparent;
|
||||
}
|
||||
|
||||
.cn-infobox {
|
||||
width: 50%;
|
||||
padding: 12px 10px 10px 15px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
border-left: 1px solid transparent;
|
||||
min-height: 135px;
|
||||
}
|
||||
|
||||
#cn-visits-infobox-consents {
|
||||
border-left-color: #eee;
|
||||
}
|
||||
|
||||
#cn-visits-infobox-limits,
|
||||
#cn-visits-chart-limits {
|
||||
border-top-color: #eee;
|
||||
}
|
||||
|
||||
.cn-infobox-notice {
|
||||
width: 100%;
|
||||
margin: 5px 10px 15px 15px;
|
||||
padding: 15px 12px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
background: rgba(255, 193, 7, 0.05);
|
||||
border: 1px solid rgb(255, 193, 7);
|
||||
}
|
||||
|
||||
.cn-infobox-notice p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.cn-infobox-notice p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.cn-infobox-notice p b {
|
||||
font-size: 15px;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.cn-infobox-title {
|
||||
font-size: 16px;
|
||||
color: #393f4c;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
padding-right: 18px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: pre;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.cn-infobox-number {
|
||||
font-size: 36px;
|
||||
float: none;
|
||||
font-weight: 400;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin-top: 11px;
|
||||
color: rgb(32, 193, 158);
|
||||
}
|
||||
|
||||
.cn-infobox-subtitle {
|
||||
margin-top: 22px;
|
||||
color: #a4a9ae;
|
||||
}
|
||||
|
||||
.cn-infobox-subtitle p {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
|
||||
.cn-infobox-tooltip {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.cn-widget-block {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#cn-dashboard-upgrade {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
background: rgba(255,255,255,0.8);
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#cn-dashboard-modal {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
padding: 1.5em 3em;
|
||||
box-shadow: 0 0 25px 10px rgba(0,0,0,0.1);
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
width: 22em;
|
||||
}
|
||||
|
||||
#cn-dashboard-modal p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#cn-dashboard-modal h2 {
|
||||
margin-bottom: 10px;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.button.cn-button {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #20c19e;
|
||||
border-color: #20c19e;
|
||||
}
|
||||
|
||||
.button.cn-button:hover,
|
||||
.button.cn-button:active,
|
||||
.button.cn-button:focus {
|
||||
background-color: #1ca98a;
|
||||
border-color: #1ca98a;
|
||||
}
|
||||
|
||||
.button.cn-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #20c19e;
|
||||
}
|
||||
|
||||
.cn-text-succcess {
|
||||
color: #20c19e;
|
||||
}
|
||||
|
||||
.cn-text-warning {
|
||||
color: rgb(255, 193, 7);
|
||||
}
|
||||
|
||||
.cn-text-danger {
|
||||
color: rgb(200, 35, 51);
|
||||
}
|
||||
43
wp-content/plugins/cookie-notice/css/admin-notice.css
Normal file
43
wp-content/plugins/cookie-notice/css/admin-notice.css
Normal file
@@ -0,0 +1,43 @@
|
||||
#cn-admin-notice.cn-notice {
|
||||
border-left-color: #20c19e;
|
||||
}
|
||||
.cn-notice .cn-notice-container {
|
||||
padding: 1em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.cn-notice .cn-notice-actions {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cn-notice .cn-notice-actions .button {
|
||||
display: inline-block;
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
.cn-notice .cn-notice-text h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.cn-notice .cn-notice-dismiss, .cn-notice .cn-notice-delay {
|
||||
margin-left: 1em;
|
||||
}
|
||||
.cn-notice .cn-notice-text strong {
|
||||
color: #000;
|
||||
}
|
||||
.cn-notice .cn-notice-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cn-notice .cn-notice-icon svg path {
|
||||
fill: #666 !important;
|
||||
}
|
||||
@media only screen and (max-width: 960px) {
|
||||
.cn-notice .cn-notice-container {
|
||||
flex-direction: column;
|
||||
align-items: initial;
|
||||
}
|
||||
|
||||
.cn-notice .cn-notice-container .cn-notice-text {
|
||||
order: 1;
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
47
wp-content/plugins/cookie-notice/css/admin-plugins.css
Normal file
47
wp-content/plugins/cookie-notice/css/admin-plugins.css
Normal file
@@ -0,0 +1,47 @@
|
||||
.cn-deactivation-modal {
|
||||
max-height: 500px;
|
||||
overflow: hidden;
|
||||
top: 50% !important;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.cn-deactivation-modal #TB_title {
|
||||
padding: 13px 16px;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
.cn-deactivation-modal #TB_title > div {
|
||||
padding: 0;
|
||||
color: #000;
|
||||
}
|
||||
.cn-deactivation-modal #TB_ajaxContent {
|
||||
width: auto !important;
|
||||
height: calc(100% - 112px) !important;
|
||||
padding: 0;
|
||||
}
|
||||
.cn-deactivation-modal #TB_closeAjaxWindow button {
|
||||
right: 8px;
|
||||
}
|
||||
.cn-deactivation-options p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
#cn-deactivation-container {
|
||||
width: 100%;
|
||||
}
|
||||
#cn-deactivation-container textarea {
|
||||
width: 100%;
|
||||
min-height: 100px;
|
||||
}
|
||||
#cn-deactivation-body {
|
||||
padding: 13px 16px;
|
||||
}
|
||||
#cn-deactivation-footer {
|
||||
padding: 13px 16px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
#cn-deactivation-footer .spinner {
|
||||
float: none;
|
||||
}
|
||||
2098
wp-content/plugins/cookie-notice/css/admin-welcome.css
Normal file
2098
wp-content/plugins/cookie-notice/css/admin-welcome.css
Normal file
File diff suppressed because it is too large
Load Diff
833
wp-content/plugins/cookie-notice/css/admin.css
Normal file
833
wp-content/plugins/cookie-notice/css/admin.css
Normal file
@@ -0,0 +1,833 @@
|
||||
.cookie-notice-sidebar {
|
||||
float: right;
|
||||
width: 280px;
|
||||
margin: 20px -300px 20px 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cookie-notice-sidebar .inner {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.cookie-notice-sidebar>div:not(:last-child) {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.cookie-notice-sidebar .inner img {
|
||||
max-width: 80%;
|
||||
height: auto;
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.cookie-notice-credits {
|
||||
background: #fff;
|
||||
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.cookie-notice-credits .inner {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.button.cn-button {
|
||||
background-color: #20c19e;
|
||||
border-color: #20c19e;
|
||||
}
|
||||
|
||||
.button.cn-button:active,.button.cn-button:focus,.button.cn-button:hover {
|
||||
background-color: #1ca98a;
|
||||
border-color: #1ca98a;
|
||||
}
|
||||
|
||||
.button.cn-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff,0 0 0 3px #20c19e;
|
||||
}
|
||||
|
||||
.button.button-secondary.cn-button {
|
||||
background-color: #ffc107;
|
||||
border-color: #ffc107;
|
||||
color: #3c434a;
|
||||
}
|
||||
|
||||
.button.button-secondary.cn-button:active,
|
||||
.button.button-secondary.cn-button:focus,
|
||||
.button.button-secondary.cn-button:hover {
|
||||
background-color: #ffca2c;
|
||||
border-color: #ffca2c;
|
||||
}
|
||||
|
||||
.button.button-secondary.cn-button:focus {
|
||||
box-shadow: 0 0 0 1px #fff,0 0 0 3px #ffc107;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .cookie-notice-credits h2 {
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.cookie-notice-credits h3 {
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0.66em 1.33em;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .df-credits form {
|
||||
min-width: 260px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .df-credits form input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cookie-notice-settings {
|
||||
margin-right: 300px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings hr,.df-credits hr {
|
||||
border: solid #eee;
|
||||
border-width: 1px 0 0;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.cookie-notice-settings form {
|
||||
float: left;
|
||||
min-width: 463px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cookie-notice-settings form.cn-options-disabled .cn-section-container.compliance-section,
|
||||
.cookie-notice-settings form.cn-options-disabled .cn-section-container.misc-section,
|
||||
.cookie-notice-settings form.cn-options-disabled .cn-section-container.notice-section,
|
||||
.cookie-notice-settings form.cn-options-disabled .cn-section-container.design-section,
|
||||
.cookie-notice-settings form.cn-options-disabled .cn-section-container.privacy-section,
|
||||
.cookie-notice-settings form.cn-options-privacy-disabled .cn-section-container.privacy-section,
|
||||
.cookie-notice-settings form.cn-options-compliance-disabled .cn-section-container.compliance-section,
|
||||
form.cn-options-submit-disabled .submit {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cookie-notice-settings form .cn-options h2 {
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .ui-button {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .description {
|
||||
font-size: 13px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .description strong {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .wp-list-table .column-more {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .wp-list-table.cn-cookie-consent-logs {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table {
|
||||
position: relative;
|
||||
}
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table th {
|
||||
padding: 8px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table th a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table td.column-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table .title a {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table.loading {
|
||||
cursor: wait;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table.loading a,
|
||||
.cookie-notice-settings .privacy-section table.wp-list-table.loading input {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section .cn-unavailable label {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section .cn-inactive .cn-privacy-consent-options-container {
|
||||
opacity: 0.5;
|
||||
filter: blur(3px);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section .search-box {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.cookie-notice-settings .privacy-section .spinner.inside, .cookie-notice-settings .logs-section .spinner.inside {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: none;
|
||||
left: calc( 50% - 10px );
|
||||
}
|
||||
|
||||
#cn_colors label {
|
||||
min-width: 10em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#cn_colors div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#cn_refuse_code .nav-tab-wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#cn_refuse_code .refuse-code-tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#cn_refuse_code .refuse-code-tab.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#cn_refuse_code .refuse-code-tab .description {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.cn_compliance_status {
|
||||
margin-right: 20px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#cn_app_status {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#cn_app_status .cn-status {
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#cn_app_status .cn-status.cn-active {
|
||||
color: #1ca98a;
|
||||
}
|
||||
|
||||
#cn_app_status .cn-status.cn-inactive {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#cn_colors_bar_opacity_range {
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item .cn-toggle-heading {
|
||||
color: #2271b1;
|
||||
transition-property: border,background,color;
|
||||
transition-duration: 0.05s;
|
||||
transition-timing-function: ease-in-out;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item .cn-toggle-heading:before {
|
||||
border-style: solid;
|
||||
border-width: 2px 2px 0 0;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
vertical-align: top;
|
||||
transform: rotate(45deg);
|
||||
transition: transform 0.2s;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item .cn-toggle-body {
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s;
|
||||
max-height: 0;
|
||||
margin-top: 10px;
|
||||
cursor: default;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-heading:before {
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
.cn-toggle-container .cn-toggle-item input:checked~.cn-toggle-body {
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
.cn-consent-log.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item.disabled {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item span {
|
||||
display: block;
|
||||
margin: 9px;
|
||||
padding: 0;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item .cn-consent-log-head {
|
||||
color: #2271b1;
|
||||
transition-property: border,background,color;
|
||||
transition-duration: 0.05s;
|
||||
transition-timing-function: ease-in-out;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item .cn-consent-log-head:before {
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 0 0;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
position: relative;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
vertical-align: top;
|
||||
transform: rotate(45deg);
|
||||
transition: transform 0.2s;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cn-consent-log.disabled .cn-consent-log-item .cn-consent-log-head,
|
||||
.cn-consent-log .cn-consent-log-item.disabled .cn-consent-log-head {
|
||||
color: #bbb;
|
||||
transition-property: none;
|
||||
transition-duration: unset;
|
||||
transition-timing-function: unset;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cn-consent-log .cn-consent-log-item input:checked~.cn-consent-log-head:before {
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
.cn-consent-logs-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cn-consent-logs-data {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.cn-consent-logs-data.loading {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.cn-consent-logs-data .spinner {
|
||||
position: relative;
|
||||
top: 38px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: none;
|
||||
left: calc( 50% - 10px );
|
||||
}
|
||||
|
||||
.cn-consent-logs-data p.description {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.cn-consent-logs-data .paginationjs {
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.cn_fieldset_content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.cn-asterix {
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
@media only screen and (max-width:959px) {
|
||||
.cookie-notice-sidebar {
|
||||
width: 100%;
|
||||
float:none;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.cookie-notice-settings {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cn-pricing-info .cn-pricing-head h2 {
|
||||
font-size: 23px;
|
||||
font-weight: normal;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.cn-pricing-info .cn-pricing-body {
|
||||
padding-bottom: 0;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
.cn-pricing-info .cn-pricing-footer {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.cn-pricing-info div.cn-pricing-body p {
|
||||
padding-left: 30px;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
|
||||
.cn-pricing-info div.cn-pricing-body .cn-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cn-active,
|
||||
.cn-inactive,
|
||||
.cn-pending {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cn-active .cn-icon,
|
||||
.cn-inactive .cn-icon,
|
||||
.cn-pending .cn-icon {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 5px;
|
||||
display: inline-block;
|
||||
transform: scale(1);
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 2px solid;
|
||||
border-radius: 44px;
|
||||
}
|
||||
|
||||
.cn-active .cn-icon {
|
||||
color: #20C19E;
|
||||
}
|
||||
|
||||
.cn-active .cn-icon::after {
|
||||
border-color: #20C19E;
|
||||
}
|
||||
|
||||
.cn-pending .cn-icon::after {
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
.cn-active .cn-icon::after,
|
||||
.cn-pending .cn-icon::after {
|
||||
content: "";
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: -1px;
|
||||
width: 6px;
|
||||
height: 10px;
|
||||
border-width: 0 2px 2px 0;
|
||||
border-style: solid;
|
||||
transform-origin: bottom left;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.cn-inactive .cn-icon {
|
||||
color: #FF0000;
|
||||
}
|
||||
|
||||
.cn-inactive .cn-icon::after,
|
||||
.cn-inactive .cn-icon::before {
|
||||
content: "";
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 2px;
|
||||
background: #FF0000;
|
||||
transform: rotate(45deg);
|
||||
border-radius: 5px;
|
||||
top: 8px;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.cn-inactive .cn-icon::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.cn-option-disabled label {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cn-warning {
|
||||
color: #ffc107;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .inside {
|
||||
padding: 0;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat td.label {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat h4 {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat h4.or-rules {
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat td, #cookie-notice-conditions .widefat th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.param {
|
||||
width: 30%;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.value {
|
||||
width: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.value .spinner {
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.operator {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.remove {
|
||||
min-width: 40px;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat td.remove a {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .widefat .widefat select {
|
||||
width: 98.95%;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions #rules-groups {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#cookie-notice-conditions .rules-group:last-child .or-rules,
|
||||
#cookie-notice-conditions .rules-group:only-child .or-rules {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#cn-consent-logs-disabled {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cn-section-container.compliance-section {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
/* Sync Configuration Button */
|
||||
#cn_sync_config .cn-button-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-config-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-config-btn .dashicons {
|
||||
font-size: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-config-btn:hover .dashicons {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-spinner {
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-spinner.is-active {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-status {
|
||||
font-weight: 500;
|
||||
color: #646970;
|
||||
margin: 0 0 8px 0;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-message {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#cn_sync_config .cn-sync-message p {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
#cn_sync_config .notice {
|
||||
padding: 8px 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#cn_sync_config .notice-success {
|
||||
border-left-color: #00a32a;
|
||||
}
|
||||
|
||||
#cn_sync_config .notice-error {
|
||||
border-left-color: #d63638;
|
||||
}
|
||||
|
||||
.cn-section-container.compliance-section .form-table {
|
||||
display: block;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
background-color: rgba(32,193,158,0.05);
|
||||
box-shadow: 0 0 0 1px rgba(32, 193, 158, 0.5);
|
||||
}
|
||||
|
||||
form .cn-options .cn-section-container.logs-section > h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.cn-section-container.logs-section > .subsubsub {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#cn-consent-logs-upgrade {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
#cn-consent-logs-bg {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#cn-consent-logs-modal {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
padding: 1.5em 3em;
|
||||
box-shadow: 0 0 25px 10px rgba(0,0,0,0.1);
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
width: 24em;
|
||||
}
|
||||
|
||||
#cn-consent-logs-modal p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#cn-consent-logs-modal h2 {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 9px 0 4px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
#cn-consent-logs-modal .button {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
input[type="checkbox"].cn-privacy-consent-form-status {
|
||||
position: relative;
|
||||
height: 1.2rem;
|
||||
width: 2.4rem;
|
||||
cursor: pointer;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 9999px;
|
||||
background-color: rgba(100, 116, 139, 0.377);
|
||||
transition: all .3s ease;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.apply-all input[type="checkbox"].cn-privacy-consent-form-status {
|
||||
pointer-events: none;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.apply-all input[type="checkbox"].cn-privacy-consent-form-status,
|
||||
input[type="checkbox"].cn-privacy-consent-form-status:checked {
|
||||
background-color: rgba(32, 193, 158, 1);
|
||||
}
|
||||
|
||||
input[type="checkbox"].cn-privacy-consent-form-status:focus {
|
||||
border-color: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type="checkbox"].cn-privacy-consent-form-status::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: calc(1.2rem - 1.3rem);
|
||||
top: calc(1.2rem - 1.3rem);
|
||||
display: block;
|
||||
height: 1.3rem;
|
||||
width: 1.3rem;
|
||||
cursor: pointer;
|
||||
border: 1px solid rgba(100, 116, 139, 0.5);
|
||||
border-radius: 9999px;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
box-shadow: 0 2px 6px rgba(100, 116, 139, 0.2);
|
||||
transition: all .3s ease;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type="checkbox"].cn-privacy-consent-form-status:hover::before {
|
||||
box-shadow: 0 0 0px 5px rgba(0, 0, 0, .1)
|
||||
}
|
||||
|
||||
.apply-all input[type="checkbox"].cn-privacy-consent-form-status:hover::before,
|
||||
input[type="checkbox"].cn-privacy-consent-form-status:checked:hover::before {
|
||||
box-shadow: 0 0 0px 5px rgba(32, 193, 158, .2)
|
||||
}
|
||||
|
||||
.apply-all input[type="checkbox"].cn-privacy-consent-form-status:before,
|
||||
input[type="checkbox"].cn-privacy-consent-form-status:checked:before {
|
||||
transform: translateX(100%);
|
||||
border-color: rgba(32, 193, 158, 1);
|
||||
}
|
||||
/* R1 US-3: Pro features locked callout */
|
||||
.cn-pro-feature-item {
|
||||
margin-bottom: 12px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.cn-pro-lock {
|
||||
display: inline-block;
|
||||
background: #3c434a;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
vertical-align: middle;
|
||||
margin-left: 6px;
|
||||
letter-spacing: 0.4px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#cn_pro_features_locked .cn-pro-upgrade-btn {
|
||||
margin-top: 4px;
|
||||
}
|
||||
1
wp-content/plugins/cookie-notice/css/admin.min.css
vendored
Normal file
1
wp-content/plugins/cookie-notice/css/admin.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
343
wp-content/plugins/cookie-notice/css/front.css
Normal file
343
wp-content/plugins/cookie-notice/css/front.css
Normal file
@@ -0,0 +1,343 @@
|
||||
#cookie-notice {
|
||||
position: fixed;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
z-index: 100000;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0;
|
||||
line-height: 20px;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
/* border-top: 2px solid #fbb03b; */
|
||||
font-weight: normal;
|
||||
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
#cookie-notice,
|
||||
#cookie-notice * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#cookie-notice.cn-animated {
|
||||
-webkit-animation-duration: 0.5s !important;
|
||||
animation-duration: 0.5s !important;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
#cookie-notice.cn-animated.cn-effect-none {
|
||||
-webkit-animation-duration: 0.001s !important;
|
||||
animation-duration: 0.001s !important;
|
||||
}
|
||||
#cookie-notice .cookie-notice-container {
|
||||
display: block;
|
||||
}
|
||||
#cookie-notice.cookie-notice-hidden .cookie-notice-container {
|
||||
display: none;
|
||||
}
|
||||
#cookie-notice .cookie-revoke-container {
|
||||
display: block;
|
||||
}
|
||||
#cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
|
||||
display: none;
|
||||
}
|
||||
.cn-position-top {
|
||||
top: 0;
|
||||
}
|
||||
.cn-position-bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
.cookie-notice-container {
|
||||
padding: 15px 30px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
.cookie-revoke-container {
|
||||
padding: 15px 30px;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.cn-close-icon {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 50%;
|
||||
margin: -10px 0 0 0;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
opacity: 0.5;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.cn-close-icon:focus,
|
||||
.cn-close-icon:focus-visible {
|
||||
outline: 2px solid currentColor;
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.cn-close-icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.cn-close-icon:before,
|
||||
.cn-close-icon:after {
|
||||
position: absolute;
|
||||
content: ' ';
|
||||
height: 15px;
|
||||
width: 2px;
|
||||
top: 3px;
|
||||
background-color: rgba(128,128,128,1);
|
||||
}
|
||||
.cn-close-icon:before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.cn-close-icon:after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
#cookie-notice .cn-revoke-cookie {
|
||||
margin: 0;
|
||||
}
|
||||
#cookie-notice .cn-button {
|
||||
margin: 0 0 0 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
#cookie-notice .cn-button:not(.cn-button-custom) {
|
||||
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.25px;
|
||||
line-height: 20px;
|
||||
margin: 0 0 0 10px;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
touch-action: manipulation;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
-webkit-border-radius: 2rem;
|
||||
-moz-border-radius: 2rem;
|
||||
border-radius: 2rem;
|
||||
text-decoration: none;
|
||||
padding: 8.5px 10px;
|
||||
line-height: 1;
|
||||
color: inherit;
|
||||
}
|
||||
.cn-text-container {
|
||||
margin: 0 0 6px 0;
|
||||
}
|
||||
.cn-text-container,
|
||||
.cn-buttons-container {
|
||||
display: inline-block;
|
||||
}
|
||||
/* Non-compliance warning styles */
|
||||
.cn-compliance-warning {
|
||||
display: block;
|
||||
color: #f5a623 !important;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
margin: 4px 0 8px 0;
|
||||
}
|
||||
.cn-compliance-warning .cn-warning-icon {
|
||||
color: #f5a623 !important;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.cn-compliance-warning strong {
|
||||
color: #f5a623 !important;
|
||||
}
|
||||
.cn-compliance-warning a {
|
||||
color: #f5a623 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cn-compliance-warning a:hover {
|
||||
color: #ffb84d !important;
|
||||
}
|
||||
#cookie-notice.cookie-notice-visible.cn-effect-none,
|
||||
#cookie-notice.cookie-revoke-visible.cn-effect-none {
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
#cookie-notice.cn-effect-none {
|
||||
-webkit-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
#cookie-notice.cookie-notice-visible.cn-effect-fade,
|
||||
#cookie-notice.cookie-revoke-visible.cn-effect-fade {
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
#cookie-notice.cn-effect-fade {
|
||||
-webkit-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
#cookie-notice.cookie-notice-visible.cn-effect-slide,
|
||||
#cookie-notice.cookie-revoke-visible.cn-effect-slide{
|
||||
-webkit-animation-name: slideInUp;
|
||||
animation-name: slideInUp;
|
||||
}
|
||||
#cookie-notice.cn-effect-slide {
|
||||
-webkit-animation-name: slideOutDown;
|
||||
animation-name: slideOutDown;
|
||||
}
|
||||
#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,
|
||||
#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {
|
||||
-webkit-animation-name: slideInDown;
|
||||
animation-name: slideInDown;
|
||||
}
|
||||
#cookie-notice.cn-position-top.cn-effect-slide {
|
||||
-webkit-animation-name: slideOutUp;
|
||||
animation-name: slideOutUp;
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slideInUp {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes slideInUp {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slideOutDown {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
}
|
||||
@keyframes slideOutDown {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slideInDown {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slideOutUp {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
}
|
||||
@keyframes slideOutUp {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 900px) {
|
||||
.cookie-notice-container #cn-notice-text {
|
||||
display: block;
|
||||
}
|
||||
.cookie-notice-container #cn-notice-buttons {
|
||||
display: block;
|
||||
}
|
||||
#cookie-notice .cn-button {
|
||||
margin: 0 5px 5px 5px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 480px) {
|
||||
.cookie-notice-container,
|
||||
.cookie-revoke-container {
|
||||
padding: 15px 25px;
|
||||
}
|
||||
}
|
||||
1
wp-content/plugins/cookie-notice/css/front.min.css
vendored
Normal file
1
wp-content/plugins/cookie-notice/css/front.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user