← All changes | resources/backend/css/settings.css +58 -43 2.3.2 → 2.7.4 View file →

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