← All changes | assets/css/notices.css +97 -168 3.0.7 → 2.0.1 View file →

		@@ -1,262 +1,191 @@
1	1	/* review notice */
2		-
3		-.notice-templately-black_friday {
4		- padding: 16px 0;
5		-}
6		-
7		-#wpnotice-templately-black_friday.notice-info {
8		- border-left-color: #5633D1;
9		-}
10		-
11		-#wpnotice-templately-black_friday .wpnotice-thumbnail-wrapper {
12		- padding-left: 20px;
13		- padding-right: 10px;
14		- grid-column-start: 2;
15		-}
16		-
17		-#wpnotice-templately-black_friday {
18		- grid-template-columns: 15px 180px 1fr !important;
19		-}
20		-
21		-#wpnotice-templately-black_friday .wpnotice-content-wrapper {
22		- padding: 0;
23		-}
24		-
25		-#wpnotice-templately-black_friday .wpnotice-content-wrapper a {
26		- text-transform: capitalize;
27		- margin-right: 16px;
28		-}
29		-
30		-#wpnotice-templately-black_friday .wpnotice-content-wrapper button {
31		- text-transform: capitalize;
32		-}
33		-
34		-#wpnotice-templately-black_friday .wpnotice-content-wrapper button:hover {
35		- background-color: transparent;
36		-}
37		-
38	2	.toplevel_page_templately .notice {
39	3	display: none !important;
40	4	}
41		-
42	5	.wpnotice-thumbnail-wrapper img {
43		- display: block;
	6	+ display: block;
44	7	}
45	8
46	9	.button.button-primary.btn-nx-cta {
47		- background-color: #6A4BFF;
	10	+ background-color: #6A4BFF;
48	11	}
49		-
50	12	.button.button-primary.btn-nx-cta:hover {
51		- background-color: #5414d0;
	13	+ background-color: #5414d0;
52	14	}
53	15
54	16	.btn-nx-cta:focus {
55		- outline: none;
56		- box-shadow: none;
	17	+ outline: none;
	18	+ box-shadow: none;
57	19	}
58	20
59	21	.wpnotice-content-wrapper > p {
60		- margin-top: 0px;
	22	+ margin-top: 0px;
61	23	}
62	24
63	25	.notice-templately-opt_in {
64		- display: block !important;
	26	+ display: block !important;
65	27	}
66	28
67	29	.notice-templately-review {
68		- padding: 10px;
69		- background-color: #fff;
70		- border-radius: 3px;
71		- margin: 15px;
72		- grid-template-columns: 80px 1fr !important;
73		- display: grid !important;
74		- -webkit-box-align: center;
75		- -ms-flex-align: center;
76		- align-items: center;
	30	+ padding: 10px;
	31	+ background-color: #fff;
	32	+ border-radius: 3px;
	33	+ margin: 15px;
	34	+ grid-template-columns: 80px 1fr !important;
	35	+ display: -webkit-box;
	36	+ display: -ms-flexbox;
	37	+ display: flex;
	38	+ -webkit-box-align: center;
	39	+ -ms-flex-align: center;
	40	+ align-items: center;
77	41	grid-template-columns: 60px 1fr !important;
78	42	}
79	43
80	44	.notice-templately-review:after {
81		- content: "";
82		- display: table;
83		- clear: both;
	45	+ content: "";
	46	+ display: table;
	47	+ clear: both;
84	48	}
85	49
86	50	.wpdeveloper-notice-thumbnail {
87		- width: 90px;
88		- float: left;
89		- padding: 5px;
90		- text-align: center;
91		- border-right: 4px solid transparent;
	51	+ width: 90px;
	52	+ float: left;
	53	+ padding: 5px;
	54	+ text-align: center;
	55	+ border-right: 4px solid transparent;
92	56	}
93		-
94	57	.wpdeveloper-notice-thumbnail img {
95		- width: 72px;
96		- opacity: 0.85;
97		- -webkit-transition: all 0.3s;
98		- -o-transition: all 0.3s;
99		- transition: all 0.3s;
	58	+ width: 72px;
	59	+ opacity: 0.85;
	60	+ -webkit-transition: all 0.3s;
	61	+ -o-transition: all 0.3s;
	62	+ transition: all 0.3s;
100	63	}
101		-
102	64	.wpdeveloper-notice-thumbnail img:hover {
103		- opacity: 1;
	65	+ opacity: 1;
104	66	}
105		-
106	67	.wpdeveloper-notice-thumbnail img,
107	68	.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail img,
108	69	.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail img {
109		- width: 32px;
	70	+ width: 32px;
110	71	}
111		-
112	72	.wpdeveloper-notice-thumbnail,
113	73	.wpdeveloper-update-notice .wpdeveloper-notice-thumbnail,
114	74	.wpdeveloper-update_400k-notice .wpdeveloper-notice-thumbnail {
115		- width: auto;
116		- padding: 7px;
	75	+ width: auto;
	76	+ padding: 7px;
117	77	}
118		-
119	78	.wpdeveloper-update-notice .wpdeveloper-notice-message,
120	79	.wpdeveloper-update_400k-notice .wpdeveloper-notice-message {
121		- padding: 5px 0;
	80	+ padding: 5px 0;
122	81	}
123		-
124	82	.wpdeveloper-update-notice,
125	83	.wpdeveloper-update_400k-notice {
126		- border-color: #6648fe;
127		- padding: 0
	84	+ border-color: #6648fe;
	85	+ padding: 0
128	86	}
129		-
130	87	a.ea-notice-cta {
131		- background-color: #4d18ff;
132		- background: linear-gradient(-30deg, #4d18ff, #9a7cff);
133		- margin-top: 30px;
134		- color: #fff;
135		- padding: 8px 20px;
136		- outline: none;
137		- text-decoration: none;
138		- border-radius: 3px;
139		- margin-left: 10px;
140		- transition: all 0.3s ease;
	88	+ background-color: #4d18ff;
	89	+ background: linear-gradient(-30deg, #4d18ff, #9a7cff);
	90	+ margin-top: 30px;
	91	+ color: #fff;
	92	+ padding: 8px 20px;
	93	+ outline: none;
	94	+ text-decoration: none;
	95	+ border-radius: 3px;
	96	+ margin-left: 10px;
	97	+ transition: all 0.3s ease;
141	98	}
142		-
143	99	a.ea-notice-cta:hover {
144		- opacity: 0.85;
	100	+ opacity: 0.85;
145	101	}
146		-
147	102	span.coupon-code {
148		- background: #ebebeb;
149		- padding: 5px 10px;
150		- letter-spacing: 0.035em;
	103	+ background: #ebebeb;
	104	+ padding: 5px 10px;
	105	+ letter-spacing: 0.035em;
151	106	}
152		-
153	107	.eael-review-text {
154		- overflow: hidden;
	108	+ overflow: hidden;
155	109	}
156		-
157	110	.eael-review-text h3 {
158		- font-size: 24px;
159		- margin: 0 0 5px;
160		- font-weight: 400;
161		- line-height: 1.3;
	111	+ font-size: 24px;
	112	+ margin: 0 0 5px;
	113	+ font-weight: 400;
	114	+ line-height: 1.3;
162	115	}
163		-
164	116	.eael-review-text p {
165		- font-size: 13px;
166		- margin: 0 0 5px;
	117	+ font-size: 13px;
	118	+ margin: 0 0 5px;
167	119	}
168		-
169	120	.templately-notice-links {
170		- margin: 8px 0 0 0;
171		- padding: 0;
	121	+ margin: 8px 0 0 0;
	122	+ padding: 0;
172	123	}
173		-
174	124	.templately-notice-links li {
175		- display: inline-flex;
176		- margin-right: 15px;
177		- align-items: center;
	125	+ display: inline-flex;
	126	+ margin-right: 15px;
	127	+ align-items: center;
178	128	}
179		-
180	129	.templately-notice-links li a {
181		- display: inline-block;
182		- color: #10738b;
183		- text-decoration: none;
184		- position: relative;
	130	+ display: inline-block;
	131	+ color: #10738b;
	132	+ text-decoration: none;
	133	+ position: relative;
185	134	}
186	135
187	136	.wpdeveloper-notice-message {
188		- padding: 10px 0;
	137	+ padding: 10px 0;
189	138	}
190		-
191	139	.wpdeveloper-upsale-notice .wpdeveloper-notice-message {
192		- display: -webkit-box;
193		- display: -ms-flexbox;
194		- display: flex;
195		- -webkit-box-align: center;
196		- -ms-flex-align: center;
197		- align-items: center;
198		- padding: 10px 0;
	140	+ display: -webkit-box;
	141	+ display: -ms-flexbox;
	142	+ display: flex;
	143	+ -webkit-box-align: center;
	144	+ -ms-flex-align: center;
	145	+ align-items: center;
	146	+ padding: 10px 0;
199	147	}
200		-
201	148	.wpdeveloper-upsale-notice .wpdeveloper-notice-message + .notice-dismiss {
202		- top: 10px;
	149	+ top: 10px;
203	150	}
204		-
205	151	.wpdeveloper-upsale-notice #plugin-install-core {
206		- margin-left: 10px;
	152	+ margin-left: 10px;
207	153	}
208		-
209	154	.notice.notice-has-thumbnail {
210		- padding-left: 0;
	155	+ padding-left: 0;
211	156	}
212		-
213	157	.wpdeveloper-upsale-notice {
214		- display: -webkit-box;
215		- display: -ms-flexbox;
216		- display: flex;
	158	+ display: -webkit-box;
	159	+ display: -ms-flexbox;
	160	+ display: flex;
217	161	}
218		-
219	162	.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail {
220		- padding: 10px;
221		- width: 40px;
	163	+ padding: 10px;
	164	+ width: 40px;
222	165	}
223		-
224	166	.wpdeveloper-upsale-notice .wpdeveloper-notice-thumbnail img {
225		- width: 32px;
	167	+ width: 32px;
226	168	}
227		-
228	169	.toplevel_page_eael-settings .wp-menu-image img {
229		- max-width: 20px;
230		- padding-top: 8px !important;
	170	+ max-width: 20px;
	171	+ padding-top: 8px !important;
231	172	}
232		-
233	173	.wpdeveloper-upsale-notice .wpdeveloper-notice-message .button {
234		- margin-left: 15px;
	174	+ margin-left: 15px;
235	175	}
236	176
237	177	.notice-has-thumbnail.wpdeveloper-freedom30-notice {
238		- display: grid;
239		- grid-template-columns: 70px 1fr;
240		- align-items: center;
241		- position: relative;
242		- /* background-image: linear-gradient(180deg, #8C94FF 0%, #2564FF 100%);
243		- color: #fff;
244		- border-left: 0px; */
	178	+ display: grid;
	179	+ grid-template-columns: 70px 1fr;
	180	+ align-items: center;
	181	+ position: relative;
	182	+ /* background-image: linear-gradient(180deg, #8C94FF 0%, #2564FF 100%);
	183	+ color: #fff;
	184	+ border-left: 0px; */
245	185	}
246		-
247	186	.notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail {
248		- width: 70px;
	187	+ width: 70px;
249	188	}
250		-
251	189	.notice-has-thumbnail.wpdeveloper-freedom30-notice .wpdeveloper-notice-thumbnail img {
252		- width: 50px;
	190	+ width: 50px;
253	191	}
254		-
255		-#wpnotice-templately-upsale {
256		- grid-template-columns: 1fr 50px !important;
257		-}
258		-
259		-#wpnotice-templately-upsale p {
260		- margin: 0;
261		- padding: 10px 0px;
262		-}