analytics-consent-modal.css — WP STAGING – WordPress Backups, Restore, Migration & Clone 3.6.0

wp-staging / assets / css / dist / analytics-consent-modal.css

wp-staging / assets / css / dist Last commit date

analytics-consent-modal.css

212 lines

1	/* Colors */
2	/dark mode colors starts/
3	/dark mode colors end/
4	.wpstg-primary-color {
5	color: #1a73e8;
6	}
7
8	.wpstg--violet {
9	color: #9d37ae;
10	}
11
12	.wpstg-border--violet {
13	border: 1px solid #9d37ae;
14	}
15
16	.wpstg--red {
17	color: #e01e5a;
18	}
19
20	.wpstg--red-warning {
21	color: #e01e5a;
22	}
23
24	.wpstg-cta--red {
25	color: #1a73e8;
26	}
27
28	.wpstg--blue {
29	color: #1a73e8;
30	}
31
32	.wpstg--darkblue {
33	color: #0e86d9;
34	}
35
36	.wpstg--green {
37	color: #3bba68;
38	}
39
40	.wpstg--grey {
41	color: #393939;
42	}
43
44	.wpstg--darkgrey {
45	color: #1b1b1b;
46	}
47
48	.wpstg--filter--svg {
49	filter: invert(24%) sepia(11%) saturate(558%) hue-rotate(169deg) brightness(97%) contrast(91%);
50	}
51
52	.wpstg-consent-modal-main-wrapper {
53	display: flex;
54	position: fixed;
55	top: 0;
56	right: 0;
57	bottom: 0;
58	left: 0;
59	z-index: 1000;
60	background-color: rgba(0, 0, 0, 0.55);
61	}
62
63	.wpstg-consent-modal-content {
64	position: fixed;
65	z-index: 9999;
66	background-color: #fff;
67	margin: auto;
68	padding: 20px;
69	border: 1px solid #dadce0;
70	max-width: 500px;
71	min-width: 300px;
72	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
73	-webkit-animation-name: wpstg-consent-modal-animatetop;
74	-webkit-animation-duration: 0.4s;
75	animation-name: wpstg-consent-modal-animatetop;
76	animation-duration: 0.4s;
77	border-radius: 6px;
78	overflow: auto;
79	top: 50%;
80	left: 50%;
81	transform: translate(-50%, -50%);
82	}
83
84	#wpstg-consent-modal-btn-success {
85	cursor: pointer;
86	color: #fff;
87	border: none;
88	width: 100%;
89	font-size: 18px;
90	padding: 8px;
91	font-weight: bold;
92	border-radius: 6px;
93	background-image: linear-gradient(40deg, #1c93cd 30%, #22875d 100%);
94	}
95
96	.wpstg-consent-modal-header {
97	font-size: 20px;
98	font-weight: bold;
99	}
100
101	.wpstg-consent-modal-install-footer {
102	padding-top: 20px;
103	text-align: center;
104	width: 100%;
105	}
106
107	.wpstg-consent-modal-install-image-block img {
108	width: inherit;
109	max-width: 120px;
110	height: auto;
111	}
112
113	.wpstg-consent-modal-install-description-block {
114	padding-top: 5px;
115	margin-left: 25px;
116	}
117
118	.wpstg-consent-modal-install-description-text {
119	font-size: 16px;
120	}
121
122	.wpstg-consent-modal-install-permissions-list {
123	list-style: disc inside;
124	margin-left: 20px;
125	-webkit-animation-name: wpstg-consent-modal-animatetop;
126	-webkit-animation-duration: 0.4s;
127	animation-name: wpstg-consent-modal-animatetop;
128	animation-duration: 0.4s;
129	}
130
131	.wpstg-consent-modal-install-permissions-list li {
132	margin-bottom: 2px;
133	list-style-position: outside;
134	}
135
136	.wpstg-consent-modal-install-footer span {
137	padding-right: 10px;
138	padding-left: 5px;
139	}
140
141	.wpstg-consent-modal-install-footer span:not(:nth-child(2)):hover, .wpstg-consent-modal-install-footer span a:hover {
142	color: #2E9A54;
143	}
144
145	.wpstg-consent-modal-install-footer span:not(:last-child) {
146	border-right: 1px solid #1c93cd;
147	}
148
149	#wpstg-consent-modal-deactivation-reasons li {
150	padding-bottom: 3px;
151	font-size: 16px;
152	color: #303030;
153	}
154
155	.wpstg-consent-modal-display-flex {
156	display: flex;
157	}
158
159	.wpstg-consent-modal-button {
160	cursor: pointer;
161	}
162
163	#wpstg-consent-modal-permission-list {
164	display: none;
165	padding-top: 20px;
166	}
167
168	@-webkit-keyframes wpstg-consent-modal-animatetop {
169	from {
170	top: -300px;
171	opacity: 0;
172	}
173	to {
174	top: 0;
175	opacity: 1;
176	}
177	}
178	@keyframes wpstg-consent-modal-animatetop {
179	from {
180	top: -300px;
181	opacity: 0;
182	}
183	to {
184	top: 0;
185	opacity: 1;
186	}
187	}
188	/*#wpstg-workflow.wpstg-loading::after {
189	display: none !important;
190	}*/
191	@media screen and (max-width: 612px) {
192	.wpstg-consent-modal-install-image-block {
193	width: 100%;
194	margin-left: -15px;
195	max-width: 100%;
196	}
197	.wpstg-consent-modal-install-description-block {
198	padding-left: unset;
199	margin-left: unset;
200	}
201	.wpstg-consent-modal-install-footer span:not(:last-child) {
202	display: inline-grid;
203	border-right: unset;
204	}
205	.wpstg-consent-modal-install-footer {
206	display: inline-grid;
207	}
208	.wpstg-consent-modal-install-footer span:nth-child(2) {
209	display: block;
210	}
211	}
212	/# sourceMappingURL=analytics-consent-modal.css.map /