← All changes | resources/backend/css/settings.css +31 -155 3.3.5 → 2.0.0 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
		@@ -12,34 +11,20 @@
12	11	/**
13	12	* Header
14	13	*/
15	14	body.settings_page__wp_convertkit_settings header {
16		- height: 98px;
17		- padding: 0 20px;
18		- background: url(../images/kit-logo.svg) 30px 50% no-repeat;
19		- background-size: 75px auto;
20		- background-color: #fff;
	15	+ padding: 40px 20px;
	16	+ background: url(../images/convertkit-long-inverted.svg) 20px 50% no-repeat;
	17	+ background-size: 200px auto;
	18	+ background-color: #212f4f;
21	19	}
22		-
23	20	body.settings_page__wp_convertkit_settings h1 {
24	21	margin: 0;
25	22	padding: 0;
26	23	font-weight: 400;
27		- color: #d2d8dd;
	24	+ color: #D2D8DD;
28	25	text-indent: -9999px;
29	26	}
30		-
31		-body.settings_page__wp_convertkit_settings header a.convertkit-docs {
32		- float: right;
33		- margin: 20px 20px 0 0;
34		- padding: 0 0 0 30px;
35		- font-weight: 400;
36		- color: #144264;
37		- text-decoration: none;
38		- background: url(../images/help.svg) 0 0% no-repeat;
39		- background-size: 20px 20px;
40		-}
41		-
42	27	body.settings_page__wp_convertkit_settings .wrap {
43	28	margin-left: 20px;
44	29	}
45	30
		@@ -56,11 +41,10 @@
56	41	ul.convertkit-tabs {
57	42	margin: 0 0 25px 0;
58	43	padding: 0;
59	44	list-style-type: none;
60		- border-bottom: 1px solid #d0d0cf;
	45	+ border-bottom: 1px solid #cfd4d9;
61	46	}
62		-
63	47	ul.convertkit-tabs li {
64	48	display: inline-block;
65	49	margin: 0;
66	50	padding: 0;
		@@ -67,9 +51,8 @@
67	51	height: 64px;
68	52	line-height: 64px;
69	53	list-style-type: none;
70	54	}
71		-
72	55	ul.convertkit-tabs li a {
73	56	display: inline-block;
74	57	padding: 0 20px;
75	58	height: 64px;
		@@ -75,21 +58,23 @@
75	58	height: 64px;
76	59	line-height: 64px;
77	60	text-decoration: none;
78	61	font-size: 14px;
79		- font-weight: 600;
80		- color: #565656;
	62	+ font-weight: bold;
	63	+ color: #6a6e72;
81	64	}
82		-
83	65	ul.convertkit-tabs li a:hover {
84		- color: #144264;
	66	+ color: #373f45;
85	67	background: #e7e7e7;
86	68	}
87		-
88	69	ul.convertkit-tabs li a.convertkit-tab-active {
89		- color: #144264;
90		- border-bottom: 1px solid #4c596d;
	70	+ color: #fb6068;
	71	+ border-bottom: 1px solid #fb6068;
91	72	}
	73	+ul.convertkit-tabs li a.convertkit-tab-active:hover {
	74	+ color: #d3434a;
	75	+ border-bottom: 1px solid #d3434a;
	76	+}
92	77
93	78	/**
94	79	* Section
95	80	*/
		@@ -94,151 +79,42 @@
94	79	* Section
95	80	*/
96	81	body.settings_page__wp_convertkit_settings .wrap .postbox {
97	82	background: #fff;
98		- color: #6e6e6e;
	83	+ box-shadow: 0 2px 5px #0000000d;
	84	+ color: #373f45;
99	85	margin: 0 0 30px 0;
100	86	padding: 40px 30px 30px 30px;
101	87	font-size: 14px;
102		- border-radius: 8px;
103		- border: none;
	88	+ border: 1px solid #EDF2F4;
104	89	}
105		-
106	90	body.settings_page__wp_convertkit_settings .wrap .postbox h2 {
107	91	margin: 0 0 30px 0;
108	92	padding: 0 0 30px 0;
109	93	font-size: 24px;
110	94	font-weight: 600;
111		- border-bottom: 1px solid #e3e3e3;
112		- color: #3d3d3d;
	95	+ border-bottom: 1px solid #EDF2F4;
113	96	}
114		-
115	97	body.settings_page__wp_convertkit_settings .wrap .postbox p {
116	98	font-size: 14px;
117	99	}
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		-body.settings_page__wp_convertkit_settings p.submit {
125		- margin-bottom: 20px;
	100	+body.settings_page__wp_convertkit_settings .wrap .postbox p.submit {
126	101	padding: 0;
127	102	}
128		-
129		-body.settings_page__wp_convertkit_settings .button {
130		- margin: 0 5px 0 0;
131		- padding: 0 12px;
	103	+body.settings_page__wp_convertkit_settings .wrap .postbox .button {
	104	+ margin: 0 5px 0 0;
	105	+ padding: 4px 12px;
132	106	font-size: 14px;
133		- border-radius: 10px;
134		-
135		- /* Required for WordPress 7.0 styling */
136		- line-height: 2.8;
137		-
138		- /* Required for WordPress 5.x styling */
139		- height: auto;
140		- text-shadow: none;
141		- box-shadow: none;
142	107	}
143		-
144		-body.settings_page__wp_convertkit_settings .button-primary {
145		- background: #1e1e1e;
146		- border-color: #1e1e1e;
	108	+body.settings_page__wp_convertkit_settings .wrap .postbox .button-primary {
	109	+ background: #fb6970;
	110	+ border-color: #fb6970;
147	111	color: #fff;
148	112	}
149		-
150		-body.settings_page__wp_convertkit_settings .button-primary:hover {
151		- background: #3d3d3d;
152		- border-color: #3d3d3d;
	113	+body.settings_page__wp_convertkit_settings .wrap .postbox .button-primary:hover {
	114	+ background: #fb5058;
	115	+ border-color: #fb5058;
153	116	}
154		-
155		-body.settings_page__wp_convertkit_settings .button-secondary {
156		- background: #f0f0f0;
157		- border-color: #f0f0f0;
158		- color: #3d3d3d;
159		-}
160		-
161		-body.settings_page__wp_convertkit_settings .button-secondary:hover {
162		- background: #ddd;
163		- border-color: #ddd;
164		-}
165		-
166	117	body.settings_page__wp_convertkit_settings .wrap .postbox textarea.convertkit-monospace {
167	118	font-family: monospace;
168	119	padding: 20px;
169		-}
170		-
171		-/**
172		- * Beta Label
173		- */
174		-body.settings_page__wp_convertkit_settings ul.convertkit-tabs li a span.convertkit-beta-label {
175		- background-color: #f3e3f9;
176		- border-radius: 9999px;
177		- color: #4a265a;
178		- margin: 0 0 0 12px;
179		- padding: 3px 8px;
180		- font-weight: 600;
181		- font-size: 12px;
182		-}
183		-
184		-body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta span.convertkit-beta-label {
185		- display: inline-block;
186		- background-color: #f3e3f9;
187		- border-radius: 9999px;
188		- color: #4a265a;
189		- border-width: 1px;
190		- margin: 4px 0 0 12px;
191		- padding: 4px 8px;
192		- vertical-align: top;
193		- font-weight: 600;
194		- font-size: 12px;
195		-}
196		-
197		-body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > h2 {
198		- display: inline-block;
199		- margin: 0;
200		- padding: 0;
201		- border: none;
202		-}
203		-
204		-body.settings_page__wp_convertkit_settings .wrap .postbox.convertkit-beta > p.description {
205		- margin-top: 30px;
206		- padding-top: 30px;
207		- 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	120	}