← All changes | resources/backend/css/settings.css +11 -221 3.4.2 → 2.7.4 View file →

		@@ -3,9 +3,8 @@
3	3	*/
4	4	body.settings_page__wp_convertkit_settings {
5	5	background: #f9f7f4;
6	6	}
7		-
8	7	body.settings_page__wp_convertkit_settings #wpcontent {
9	8	padding-left: 0;
10	9	}
11	10
		@@ -16,19 +15,17 @@
16	15	height: 98px;
17	16	padding: 0 20px;
18	17	background: url(../images/kit-logo.svg) 30px 50% no-repeat;
19	18	background-size: 75px auto;
20		- background-color: #fff;
	19	+ background-color: #ffffff;
21	20	}
22		-
23	21	body.settings_page__wp_convertkit_settings h1 {
24	22	margin: 0;
25	23	padding: 0;
26	24	font-weight: 400;
27		- color: #d2d8dd;
	25	+ color: #D2D8DD;
28	26	text-indent: -9999px;
29	27	}
30		-
31	28	body.settings_page__wp_convertkit_settings header a.convertkit-docs {
32	29	float: right;
33	30	margin: 20px 20px 0 0;
34	31	padding: 0 0 0 30px;
		@@ -37,9 +34,8 @@
37	34	text-decoration: none;
38	35	background: url(../images/help.svg) 0 0% no-repeat;
39	36	background-size: 20px 20px;
40	37	}
41		-
42	38	body.settings_page__wp_convertkit_settings .wrap {
43	39	margin-left: 20px;
44	40	}
45	41
		@@ -58,9 +54,8 @@
58	54	padding: 0;
59	55	list-style-type: none;
60	56	border-bottom: 1px solid #d0d0cf;
61	57	}
62		-
63	58	ul.convertkit-tabs li {
64	59	display: inline-block;
65	60	margin: 0;
66	61	padding: 0;
		@@ -67,9 +62,8 @@
67	62	height: 64px;
68	63	line-height: 64px;
69	64	list-style-type: none;
70	65	}
71		-
72	66	ul.convertkit-tabs li a {
73	67	display: inline-block;
74	68	padding: 0 20px;
75	69	height: 64px;
		@@ -78,14 +72,12 @@
78	72	font-size: 14px;
79	73	font-weight: 600;
80	74	color: #565656;
81	75	}
82		-
83	76	ul.convertkit-tabs li a:hover {
84	77	color: #144264;
85	78	background: #e7e7e7;
86	79	}
87		-
88	80	ul.convertkit-tabs li a.convertkit-tab-active {
89	81	color: #144264;
90	82	border-bottom: 1px solid #4c596d;
91	83	}
		@@ -101,9 +93,8 @@
101	93	font-size: 14px;
102	94	border-radius: 8px;
103	95	border: none;
104	96	}
105		-
106	97	body.settings_page__wp_convertkit_settings .wrap .postbox h2 {
107	98	margin: 0 0 30px 0;
108	99	padding: 0 0 30px 0;
109	100	font-size: 24px;
		@@ -110,60 +101,44 @@
110	101	font-weight: 600;
111	102	border-bottom: 1px solid #e3e3e3;
112	103	color: #3d3d3d;
113	104	}
114		-
115	105	body.settings_page__wp_convertkit_settings .wrap .postbox p {
116	106	font-size: 14px;
117	107	}
118		-
119		-body.settings_page__wp_convertkit_settings .wrap .postbox input,
120		-body.settings_page__wp_convertkit_settings .wrap .postbox select {
121		- vertical-align: middle;
122		-}
123		-
124	108	body.settings_page__wp_convertkit_settings p.submit {
125	109	margin-bottom: 20px;
126	110	padding: 0;
127	111	}
128		-
129	112	body.settings_page__wp_convertkit_settings .button {
130	113	margin: 0 5px 0 0;
131		- padding: 0 12px;
	114	+ padding: 4px 12px;
132	115	font-size: 14px;
133	116	border-radius: 10px;
134	117
135		- /* Required for WordPress 7.0 styling */
136		- line-height: 2.8;
137		-
138	118	/* Required for WordPress 5.x styling */
139	119	height: auto;
140	120	text-shadow: none;
141	121	box-shadow: none;
142	122	}
143		-
144	123	body.settings_page__wp_convertkit_settings .button-primary {
145	124	background: #1e1e1e;
146	125	border-color: #1e1e1e;
147	126	color: #fff;
148	127	}
149		-
150	128	body.settings_page__wp_convertkit_settings .button-primary:hover {
151	129	background: #3d3d3d;
152	130	border-color: #3d3d3d;
153	131	}
154		-
155	132	body.settings_page__wp_convertkit_settings .button-secondary {
156	133	background: #f0f0f0;
157	134	border-color: #f0f0f0;
158	135	color: #3d3d3d;
159	136	}
160		-
161	137	body.settings_page__wp_convertkit_settings .button-secondary:hover {
162	138	background: #ddd;
163	139	border-color: #ddd;
164	140	}
165		-
166	141	body.settings_page__wp_convertkit_settings .wrap .postbox textarea.convertkit-monospace {
167	142	font-family: monospace;
168	143	padding: 20px;
169	144	}
		@@ -171,30 +146,27 @@
171	146	/**
172	147	* Beta Label
173	148	*/
174	149	body.settings_page__wp_convertkit_settings ul.convertkit-tabs li a span.convertkit-beta-label {
175		- background-color: #f3e3f9;
	150	+ background-color: #f0fff3;
176	151	border-radius: 9999px;
177		- color: #4a265a;
	152	+ color: #4ec776;
178	153	margin: 0 0 0 12px;
179		- padding: 3px 8px;
180		- font-weight: 600;
	154	+ padding: 1px 8px;
	155	+ font-weight: 400;
181	156	font-size: 12px;
182	157	}
183		-
184	158	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta span.convertkit-beta-label {
185	159	display: inline-block;
186		- background-color: #f3e3f9;
	160	+ background-color: #f0fff3;
187	161	border-radius: 9999px;
188		- color: #4a265a;
	162	+ color: #4ec776;
189	163	border-width: 1px;
190		- margin: 4px 0 0 12px;
191		- padding: 4px 8px;
	164	+ margin: 7px 0 0 12px;
	165	+ padding: 1px 8px;
192	166	vertical-align: top;
193		- font-weight: 600;
194	167	font-size: 12px;
195	168	}
196		-
197	169	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > h2 {
198	170	display: inline-block;
199	171	margin: 0;
200	172	padding: 0;
		@@ -199,191 +171,9 @@
199	171	margin: 0;
200	172	padding: 0;
201	173	border: none;
202	174	}
203		-
204	175	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > p.description {
205	176	margin-top: 30px;
206	177	padding-top: 30px;
207	178	border-top: 1px solid #e3e3e3;
208		-}
209		-
210		-/**
211		- * Screen Options
212		- */
213		-body.settings_page__wp_convertkit_settings #screen-meta-links {
214		- position: absolute;
215		- right: 0;
216		-}
217		-
218		-/**
219		- * WP_List_Table Search
220		- */
221		-body.settings_page__wp_convertkit_settings .wrap .subtitle.left {
222		- margin: 11px 0;
223		- display: flex;
224		- float: left;
225		- padding-left: 0;
226		- line-height: 40px;
227		- font-style: italic;
228		-}
229		-
230		-body.settings_page__wp_convertkit_settings .wrap .search-box input[type="search"] {
231		- min-height: 40px;
232		-}
233		-
234		-/**
235		- * WP_List_Table Bulk Actions
236		- */
237		-body.settings_page__wp_convertkit_settings .wrap .tablenav.top {
238		- margin-bottom: 10px;
239		-}
240		-
241		-body.settings_page__wp_convertkit_settings .wrap .tablenav input.button {
242		- height: 20px;
243		- line-height: 20px;
244		-}
245		-
246		-/**
247		- * Reusable UI components.
248		- *
249		- * These deliberately aren't scoped to a single administration screen, so that
250		- * they can be used on any of the Plugin's administration screens.
251		- */
252		-
253		-/**
254		- * Numbered Steps
255		- */
256		-ol.kit-numbered-steps {
257		- margin: 0;
258		- padding: 0;
259		- list-style: none;
260		- counter-reset: kit-numbered-step;
261		-}
262		-
263		-ol.kit-numbered-steps > li {
264		- position: relative;
265		- margin: 0 0 30px 0;
266		- padding: 0 0 0 44px;
267		- counter-increment: kit-numbered-step;
268		-}
269		-
270		-ol.kit-numbered-steps > li::before {
271		- content: counter(kit-numbered-step);
272		- position: absolute;
273		- top: 0;
274		- left: 0;
275		- width: 28px;
276		- height: 28px;
277		- color: #fff;
278		- font-weight: 600;
279		- line-height: 28px;
280		- text-align: center;
281		- background-color: #144264;
282		- border-radius: 9999px;
283		-}
284		-
285		-ol.kit-numbered-steps > li > h3 {
286		- margin: 0 0 8px 0;
287		- padding: 0;
288		- font-size: 15px;
289		- line-height: 28px;
290		-}
291		-
292		-/**
293		- * Code Block
294		- */
295		-.kit-code {
296		- position: relative;
297		- max-width: 800px;
298		- margin: 0 0 15px 0;
299		-}
300		-
301		-.kit-code pre {
302		- margin: 0;
303		- padding: 15px 90px 15px 15px;
304		- overflow-x: auto;
305		- background-color: #f6f7f7;
306		- border: 1px solid #dcdcde;
307		- border-radius: 4px;
308		-}
309		-
310		-/* WordPress styles inline <code> elements with their own background and spacing,
311		- which would otherwise display behind each line of a multi line code block. */
312		-.kit-code pre code {
313		- display: block;
314		- margin: 0;
315		- padding: 0;
316		- font-size: 13px;
317		- line-height: 1.7;
318		- background: none;
319		- border-radius: 0;
320		-}
321		-
322		-.kit-code button.kit-code-copy {
323		- position: absolute;
324		- top: 8px;
325		- right: 8px;
326		-}
327		-
328		-/**
329		- * Inline Tabs
330		- */
331		-.kit-inline-tabs ul.kit-inline-tabs-nav {
332		- display: flex;
333		- flex-wrap: wrap;
334		- margin: 0 0 20px 0;
335		- padding: 0;
336		- border-bottom: 1px solid #dcdcde;
337		-}
338		-
339		-.kit-inline-tabs ul.kit-inline-tabs-nav li {
340		- margin: 0;
341		- padding: 0;
342		- list-style-type: none;
343		-}
344		-
345		-.kit-inline-tabs ul.kit-inline-tabs-nav li button.kit-inline-tab {
346		- margin: 0 0 -1px 0;
347		- padding: 10px 16px;
348		- color: #565656;
349		- font-size: 14px;
350		- font-weight: 600;
351		- cursor: pointer;
352		- background: none;
353		- border: none;
354		- border-bottom: 2px solid transparent;
355		-}
356		-
357		-.kit-inline-tabs ul.kit-inline-tabs-nav li button.kit-inline-tab:hover {
358		- color: #144264;
359		-}
360		-
361		-.kit-inline-tabs ul.kit-inline-tabs-nav li button.kit-inline-tab.is-active {
362		- color: #144264;
363		- border-bottom-color: #144264;
364		-}
365		-
366		-.kit-inline-tabs .kit-inline-tab-panel {
367		- display: none;
368		-}
369		-
370		-.kit-inline-tabs .kit-inline-tab-panel.is-active {
371		- display: block;
372		-}
373		-
374		-/**
375		- * MCP
376		- */
377		-body.settings_page__wp_convertkit_settings .convertkit-mcp {
378		- margin-top: 20px;
379		-}
380		-
381		-body.settings_page__wp_convertkit_settings .convertkit-mcp p code,
382		-body.settings_page__wp_convertkit_settings .convertkit-mcp li code {
383		- margin: 0;
384		-}
385		-
386		-body.settings_page__wp_convertkit_settings ul.convertkit-mcp-capabilities {
387		- margin: 0 0 15px 20px;
388		- list-style-type: disc;
389	179	}