← All changes | resources/backend/css/setup-wizard.css +12 -45 3.4.2 → 2.7.4 View file →

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