← All changes | resources/backend/css/setup-wizard.css +14 -76 3.3.7 → 2.0.3 View file →

		@@ -1,12 +1,5 @@
1	1	/**
2		- * Body
3		- */
4		-body.convertkit {
5		- background: #f9f7f4;
6		-}
7		-
8		-/**
9	2	* Container
10	3	*/
11	4	#convertkit-setup-wizard {
12	5	max-width: 900px;
		@@ -12,9 +5,8 @@
12	5	max-width: 900px;
13	6	margin: 0 auto;
14	7	padding: 20px 0;
15	8	}
16		-
17	9	#convertkit-setup-wizard .wrap {
18	10	margin: 10px 0;
19	11	}
20	12
		@@ -22,17 +14,16 @@
22	14	* Logo
23	15	*/
24	16	#convertkit-setup-wizard-header {
25	17	height: 80px;
26		- background: url(../images/kit-logo.svg) center no-repeat;
27		- background-size: 75px auto;
	18	+ background: url(../images/convertkit-long.svg) center no-repeat;
	19	+ background-size: 200px auto;
28	20	}
29		-
30	21	#convertkit-setup-wizard-header h1 {
31	22	margin: 0;
32	23	padding: 0;
33	24	font-weight: 400;
34		- color: #d2d8dd;
	25	+ color: #D2D8DD;
35	26	text-indent: -9999px;
36	27	}
37	28
38	29	/**
		@@ -41,15 +32,13 @@
41	32	#convertkit-setup-wizard-progress {
42	33	text-align: center;
43	34	padding: 20px 0;
44	35	}
45		-
46	36	#convertkit-setup-wizard-progress ol {
47	37	list-style: none;
48	38	margin: 0;
49	39	padding: 0;
50	40	}
51		-
52	41	#convertkit-setup-wizard-progress li {
53	42	position: relative;
54	43	display: inline-block;
55	44	width: 135px;
		@@ -55,10 +44,9 @@
55	44	width: 135px;
56	45	text-align: center;
57	46	line-height: 3em;
58	47	}
59		-
60		-#convertkit-setup-wizard-progress li::after {
	48	+#convertkit-setup-wizard-progress li:after {
61	49	position: absolute;
62	50	display: block;
63	51	z-index: 1;
64	52	top: -2px;
		@@ -67,10 +55,9 @@
67	55	width: 135px;
68	56	content: "";
69	57	background-color: #dfdfdf;
70	58	}
71		-
72		-#convertkit-setup-wizard-progress li::before {
	59	+#convertkit-setup-wizard-progress li:before {
73	60	position: absolute;
74	61	z-index: 2;
75	62	top: -6px;
76	63	left: 65px;
		@@ -81,19 +68,16 @@
81	68	line-height: 1.2em;
82	69	content: " ";
83	70	background-color: #dfdfdf;
84	71	}
85		-
86		-#convertkit-setup-wizard-progress li:first-child::after {
	72	+#convertkit-setup-wizard-progress li:first-child:after {
87	73	display: none;
88	74	}
89		-
90	75	#convertkit-setup-wizard-progress li.done {
91	76	color: #1c9bd7;
92	77	}
93		-
94		-#convertkit-setup-wizard-progress li.done::after,
95		-#convertkit-setup-wizard-progress li.done::before {
	78	+#convertkit-setup-wizard-progress li.done:after,
	79	+#convertkit-setup-wizard-progress li.done:before {
96	80	background-color: #1c9bd7;
97	81	}
98	82
99	83	/**
		@@ -117,31 +101,27 @@
117	101	*/
118	102	#convertkit-setup-wizard-content {
119	103	padding: 80px 80px 0 80px;
120	104	}
121		-
122	105	#convertkit-setup-wizard-content h1 {
123	106	margin: 0 0 20px 0;
124	107	}
125		-
126	108	#convertkit-setup-wizard-content hr {
127	109	margin: 40px 0 0 0;
128	110	padding: 0 0 40px 0;
129	111	border-bottom: none;
130	112	}
131		-
132	113	#convertkit-setup-wizard-content p {
133	114	font-size: 16px;
134	115	}
135		-
136	116	#convertkit-setup-wizard-content p.description {
137	117	font-size: 13px;
138	118	}
139		-
140	119	#convertkit-setup-wizard-content a.button,
141	120	#convertkit-setup-wizard-content button,
142	121	#convertkit-setup-wizard-footer a.button,
143	122	#convertkit-setup-wizard-footer button {
	123	+ padding: 5px 20px;
144	124	font-weight: 500;
145	125	font-size: 16px;
146	126	}
147	127
		@@ -152,13 +132,8 @@
152	132	display: grid;
153	133	grid-template-columns: repeat(2, 1fr);
154	134	column-gap: 20px;
155	135	}
156		-
157		-#convertkit-setup-wizard-content > div {
158		- margin: 0 0 40px 0;
159		-}
160		-
161	136	#convertkit-setup-wizard-content .convertkit-setup-wizard-grid > div {
162	137	text-align: center;
163	138	padding: 20px;
164	139	background-color: #fcfcfc;
		@@ -165,13 +140,11 @@
165	140	border: 1px solid #ccc;
166	141	border-radius: 5px;
167	142	cursor: pointer;
168	143	}
169		-
170	144	#convertkit-setup-wizard-content .convertkit-setup-wizard-grid > div span {
171	145	display: block;
172	146	}
173		-
174	147	#convertkit-setup-wizard-content .convertkit-setup-wizard-grid > div span.description {
175	148	margin: 20px 0 0 0;
176	149	color: #646970;
177	150	font-size: 13px;
		@@ -176,8 +149,11 @@
176	149	color: #646970;
177	150	font-size: 13px;
178	151	}
179	152
	153	+#convertkit-setup-wizard-content > div {
	154	+ margin: 0 0 40px 0;
	155	+}
180	156	#convertkit-setup-wizard-content > div label {
181	157	display: block;
182	158	margin-bottom: 10px;
183	159	font-size: 16px;
		@@ -182,15 +158,13 @@
182	158	margin-bottom: 10px;
183	159	font-size: 16px;
184	160	font-weight: 500;
185	161	}
186		-
187	162	#convertkit-setup-wizard-content .convertkit-setup-wizard-selection {
188	163	display: grid;
189	164	grid-template-columns: repeat(2, 1fr);
190	165	column-gap: 20px;
191	166	}
192		-
193	167	#convertkit-setup-wizard-content .convertkit-setup-wizard-selection label {
194	168	text-align: center;
195	169	padding: 20px;
196	170	background-color: #fcfcfc;
		@@ -197,13 +171,11 @@
197	171	border: 1px solid #ccc;
198	172	border-radius: 5px;
199	173	cursor: pointer;
200	174	}
201		-
202	175	#convertkit-setup-wizard-content .convertkit-setup-wizard-selection label span {
203	176	display: block;
204	177	}
205		-
206	178	#convertkit-setup-wizard-content .convertkit-setup-wizard-selection label span.description {
207	179	margin: 20px 0 0 0;
208	180	color: #646970;
209	181	font-size: 13px;
		@@ -209,10 +181,9 @@
209	181	font-size: 13px;
210	182	font-weight: 400;
211	183	font-style: italic;
212	184	}
213		-
214		-#convertkit-setup-wizard-content .convertkit-setup-wizard-selection label input[type="radio"] {
	185	+#convertkit-setup-wizard-content .convertkit-setup-wizard-selection label input[type=radio] {
215	186	margin: 20px 0 0 0;
216	187	}
217	188
218	189	/**
		@@ -219,18 +190,16 @@
219	190	* Footer
220	191	*/
221	192	#convertkit-setup-wizard-footer {
222	193	display: grid;
223		- grid-template-columns: repeat(2, 1fr);
	194	+ grid-template-columns: repeat(2,1fr);
224	195	grid-template-areas: "left right";
225	196	padding: 40px 80px;
226	197	}
227		-
228	198	#convertkit-setup-wizard-footer .left {
229	199	grid-area: left;
230	200	text-align: left;
231	201	}
232		-
233	202	#convertkit-setup-wizard-footer .right {
234	203	grid-area: right;
235	204	text-align: right;
236	205	}
		@@ -243,38 +212,7 @@
243	212	margin: 80px 0;
244	213	text-align: center;
245	214	font-size: 14px;
246	215	}
247		-
248	216	#convertkit-setup-wizard-exit-link a {
249	217	color: #8c8f9a;
250		-}
251		-
252		-/**
253		- * Modal View
254		- */
255		-body.convertkit-modal {
256		- overflow: hidden;
257		-}
258		-
259		-body.convertkit-modal #convertkit-setup-wizard {
260		- width: 100%;
261		- max-width: 100%;
262		- margin: 0;
263		- padding: 0;
264		-}
265		-
266		-body.convertkit-modal #convertkit-setup-wizard .wrap {
267		- margin: 0;
268		-}
269		-
270		-body.convertkit-modal #convertkit-setup-wizard-body {
271		- box-shadow: none;
272		-}
273		-
274		-body.convertkit-modal #convertkit-setup-wizard-content {
275		- padding: 20px 20px 0 20px;
276		-}
277		-
278		-body.convertkit-modal #convertkit-setup-wizard-footer {
279		- padding: 0 20px 20px 20px;
280	218	}