← All changes | resources/backend/css/settings.css +115 -44 2.3.2 → 3.2.3 View file →

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