← All changes | resources/backend/css/settings.css +42 -108 3.3.3 → 2.4.7 View file →

		@@ -1,11 +1,10 @@
1	1	/**
2		- * Settings > Kit
	2	+ * Settings > ConvertKit
3	3	*/
4	4	body.settings_page__wp_convertkit_settings {
5		- background: #f9f7f4;
	5	+ background: #f6f8fa;
6	6	}
7		-
8	7	body.settings_page__wp_convertkit_settings #wpcontent {
9	8	padding-left: 0;
10	9	}
11	10
		@@ -14,32 +13,32 @@
14	13	*/
15	14	body.settings_page__wp_convertkit_settings header {
16	15	height: 98px;
17	16	padding: 0 20px;
18		- background: url(../images/kit-logo.svg) 30px 50% no-repeat;
19		- background-size: 75px auto;
20		- background-color: #fff;
	17	+ background: url(../images/convertkit-long-inverted.svg) 20px 50% no-repeat;
	18	+ background-size: 200px auto;
	19	+ background-color: #212f4f;
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;
35	32	font-weight: 400;
36		- color: #144264;
	33	+ color: #cfd4d9;
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		-
	38	+body.settings_page__wp_convertkit_settings header a.convertkit-docs:hover {
	39	+ color: #fff;
	40	+}
42	41	body.settings_page__wp_convertkit_settings .wrap {
43	42	margin-left: 20px;
44	43	}
45	44
		@@ -56,11 +55,10 @@
56	55	ul.convertkit-tabs {
57	56	margin: 0 0 25px 0;
58	57	padding: 0;
59	58	list-style-type: none;
60		- border-bottom: 1px solid #d0d0cf;
	59	+ border-bottom: 1px solid #cfd4d9;
61	60	}
62		-
63	61	ul.convertkit-tabs li {
64	62	display: inline-block;
65	63	margin: 0;
66	64	padding: 0;
		@@ -67,9 +65,8 @@
67	65	height: 64px;
68	66	line-height: 64px;
69	67	list-style-type: none;
70	68	}
71		-
72	69	ul.convertkit-tabs li a {
73	70	display: inline-block;
74	71	padding: 0 20px;
75	72	height: 64px;
		@@ -75,21 +72,23 @@
75	72	height: 64px;
76	73	line-height: 64px;
77	74	text-decoration: none;
78	75	font-size: 14px;
79		- font-weight: 600;
80		- color: #565656;
	76	+ font-weight: bold;
	77	+ color: #6a6e72;
81	78	}
82		-
83	79	ul.convertkit-tabs li a:hover {
84		- color: #144264;
	80	+ color: #373f45;
85	81	background: #e7e7e7;
86	82	}
87		-
88	83	ul.convertkit-tabs li a.convertkit-tab-active {
89		- color: #144264;
90		- border-bottom: 1px solid #4c596d;
	84	+ color: #fb6068;
	85	+ border-bottom: 1px solid #fb6068;
91	86	}
	87	+ul.convertkit-tabs li a.convertkit-tab-active:hover {
	88	+ color: #d3434a;
	89	+ border-bottom: 1px solid #d3434a;
	90	+}
92	91
93	92	/**
94	93	* Section
95	94	*/
		@@ -94,71 +93,47 @@
94	93	* Section
95	94	*/
96	95	body.settings_page__wp_convertkit_settings .wrap .postbox {
97	96	background: #fff;
98		- color: #6e6e6e;
	97	+ box-shadow: 0 2px 5px #0000000d;
	98	+ color: #373f45;
99	99	margin: 0 0 30px 0;
100	100	padding: 40px 30px 30px 30px;
101	101	font-size: 14px;
102		- border-radius: 8px;
103		- border: none;
	102	+ border: 1px solid #EDF2F4;
104	103	}
105		-
106	104	body.settings_page__wp_convertkit_settings .wrap .postbox h2 {
107	105	margin: 0 0 30px 0;
108	106	padding: 0 0 30px 0;
109	107	font-size: 24px;
110	108	font-weight: 600;
111		- border-bottom: 1px solid #e3e3e3;
112		- color: #3d3d3d;
	109	+ border-bottom: 1px solid #EDF2F4;
113	110	}
114		-
115	111	body.settings_page__wp_convertkit_settings .wrap .postbox p {
116	112	font-size: 14px;
117	113	}
118		-
119		-body.settings_page__wp_convertkit_settings p.submit {
120		- margin-bottom: 20px;
	114	+body.settings_page__wp_convertkit_settings .wrap .postbox p.submit {
121	115	padding: 0;
122	116	}
123		-
124		-body.settings_page__wp_convertkit_settings .button {
125		- margin: 0 5px 0 0;
126		- padding: 0 12px;
	117	+body.settings_page__wp_convertkit_settings .wrap .postbox .button {
	118	+ margin: 0 5px 0 0;
	119	+ padding: 4px 12px;
127	120	font-size: 14px;
128		- border-radius: 10px;
129	121
130		- /* Required for WordPress 7.0 styling */
131		- line-height: 2.8;
132		-
133	122	/* Required for WordPress 5.x styling */
134	123	height: auto;
135	124	text-shadow: none;
136	125	box-shadow: none;
137	126	}
138		-
139		-body.settings_page__wp_convertkit_settings .button-primary {
140		- background: #1e1e1e;
141		- border-color: #1e1e1e;
	127	+body.settings_page__wp_convertkit_settings .wrap .postbox .button-primary {
	128	+ background: #fb6970;
	129	+ border-color: #fb6970;
142	130	color: #fff;
143	131	}
144		-
145		-body.settings_page__wp_convertkit_settings .button-primary:hover {
146		- background: #3d3d3d;
147		- border-color: #3d3d3d;
	132	+body.settings_page__wp_convertkit_settings .wrap .postbox .button-primary:hover {
	133	+ background: #fb5058;
	134	+ border-color: #fb5058;
148	135	}
149		-
150		-body.settings_page__wp_convertkit_settings .button-secondary {
151		- background: #f0f0f0;
152		- border-color: #f0f0f0;
153		- color: #3d3d3d;
154		-}
155		-
156		-body.settings_page__wp_convertkit_settings .button-secondary:hover {
157		- background: #ddd;
158		- border-color: #ddd;
159		-}
160		-
161	136	body.settings_page__wp_convertkit_settings .wrap .postbox textarea.convertkit-monospace {
162	137	font-family: monospace;
163	138	padding: 20px;
164	139	}
		@@ -166,29 +141,25 @@
166	141	/**
167	142	* Beta Label
168	143	*/
169	144	body.settings_page__wp_convertkit_settings ul.convertkit-tabs li a span.convertkit-beta-label {
170		- background-color: #f0fff3;
	145	+ background-color: #edf2f4;
171	146	border-radius: 9999px;
172		- color: #4ec776;
	147	+ color: #000;
173	148	margin: 0 0 0 12px;
174		- padding: 1px 8px;
	149	+ padding: 5px 12px;
175	150	font-weight: 400;
176		- font-size: 12px;
	151	+ font-size: 13px;
177	152	}
178		-
179	153	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta span.convertkit-beta-label {
180	154	display: inline-block;
181		- background-color: #f0fff3;
	155	+ background-color: #f6f8fa;
182	156	border-radius: 9999px;
183		- color: #4ec776;
184	157	border-width: 1px;
185		- margin: 7px 0 0 12px;
186		- padding: 1px 8px;
	158	+ margin: 0 0 0 12px;
	159	+ padding: 8px 12px;
187	160	vertical-align: top;
188		- font-size: 12px;
189	161	}
190		-
191	162	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > h2 {
192	163	display: inline-block;
193	164	margin: 0;
194	165	padding: 0;
		@@ -193,46 +164,9 @@
193	164	margin: 0;
194	165	padding: 0;
195	166	border: none;
196	167	}
197		-
198	168	body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > p.description {
199	169	margin-top: 30px;
200	170	padding-top: 30px;
201		- border-top: 1px solid #e3e3e3;
202		-}
203		-
204		-/**
205		- * Screen Options
206		- */
207		-body.settings_page__wp_convertkit_settings #screen-meta-links {
208		- position: absolute;
209		- right: 0;
210		-}
211		-
212		-/**
213		- * WP_List_Table Search
214		- */
215		-body.settings_page__wp_convertkit_settings .wrap .subtitle.left {
216		- margin: 11px 0;
217		- display: flex;
218		- float: left;
219		- padding-left: 0;
220		- line-height: 40px;
221		- font-style: italic;
222		-}
223		-
224		-body.settings_page__wp_convertkit_settings .wrap .search-box input[type="search"] {
225		- min-height: 40px;
226		-}
227		-
228		-/**
229		- * WP_List_Table Bulk Actions
230		- */
231		-body.settings_page__wp_convertkit_settings .wrap .tablenav.top {
232		- margin-bottom: 10px;
233		-}
234		-
235		-body.settings_page__wp_convertkit_settings .wrap .tablenav input.button {
236		- height: 20px;
237		- line-height: 20px;
	171	+ border-top: 1px solid #EDF2F4;
238	172	}