← All changes | resources/backend/css/tinymce.css +22 -45 3.3.7 → 2.4.0 View file →

		@@ -1,21 +1,23 @@
1	1	/**
2	2	* TinyMCE and QuickTag Modals
3	3	*/
	4	+#convertkit-modal-body {
	5	+ /* Scroll inner contents so that modal height doesn't need to exceed screen resolution. */
	6	+ overflow-y: auto;
	7	+}
4	8	#convertkit-modal-body #convertkit-modal-body-body {
5	9	background-color: #f7f7f7;
6	10	}
7		-
8	11	#convertkit-modal-body-body .notice-error {
9	12	background: #f5eeee;
10	13	border: 1px solid #c3c4c7;
11	14	border-left-width: 4px;
12		- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	15	+ box-shadow: 0 1px 1px rgba(0,0,0,.04);
13	16	margin: 20px 20px 0 20px;
14	17	padding: 1px 12px;
15	18	border-left-color: #d63638;
16	19	}
17		-
18	20	.convertkit-option {
19	21	display: grid;
20	22	grid-template-areas: "left right";
21	23	grid-template-columns: 150px auto;
		@@ -32,13 +34,11 @@
32	34	-webkit-box-sizing: border-box;
33	35	-moz-box-sizing: border-box;
34	36	box-sizing: border-box;
35	37	}
36		-
37	38	.convertkit-option:nth-child(odd) {
38	39	background-color: #fcfcfc;
39	40	}
40		-
41	41	.convertkit-option div.left {
42	42	width: 100%;
43	43	grid-area: left;
44	44	-webkit-box-sizing: border-box;
		@@ -44,14 +44,11 @@
44	44	-webkit-box-sizing: border-box;
45	45	-moz-box-sizing: border-box;
46	46	box-sizing: border-box;
47	47	}
48		-
49	48	.convertkit-option div.left *:not(input) {
50	49	line-height: 27px;
51		- white-space: normal;
52	50	}
53		-
54	51	.convertkit-option div.right {
55	52	width: 100%;
56	53	line-height: 27px;
57	54	grid-area: right;
		@@ -58,44 +55,37 @@
58	55	-webkit-box-sizing: border-box;
59	56	-moz-box-sizing: border-box;
60	57	box-sizing: border-box;
61	58	}
62		-
63	59	.convertkit-option input,
64	60	.convertkit-option select {
65	61	border: 1px solid #8c8f94;
66		- width: auto;
67	62	}
68		-
69		-.convertkit-option input[type="color"] {
70		- width: 80px;
71		- height: 27px;
72		- border: none;
73		- margin: 0;
74		- padding: 0;
75		-}
76		-
77	63	.convertkit-option p {
78	64	white-space: normal;
79	65	}
80	66
81	67	/**
82		-* Dashicons: TinyMCE overrides some defaults, such as the font-family,
83		-* so we redefine them here.
84		-*/
85		-form.convertkit-tinymce-popup .dashicons {
86		- font-family: dashicons;
87		- width: 20px;
88		- height: 30px;
89		- font-size: 20px;
90		- line-height: 30px;
	68	+ * Buttons
	69	+ */
	70	+#convertkit-modal-body div.mce-foot div.mce-cancel {
	71	+ left: 10px !important;
91	72	}
92	73
93	74	/**
94		- * Buttons
	75	+ * Ensures consistent styling applied to 'Select color' button
	76	+ * provided by WordPress' color picker across TinyMCE and QuickTag modals
95	77	*/
96		-#convertkit-modal-body div.mce-foot div.mce-cancel {
97		- left: 10px !important;
	78	+.convertkit-option .wp-color-result-text {
	79	+ background: #f6f7f7;
	80	+ border-radius: 0 2px 2px 0;
	81	+ border-left: 1px solid #c3c4c7;
	82	+ color: #50575e;
	83	+ display: block;
	84	+ line-height: 2.54545455;
	85	+ padding: 0 6px;
	86	+ font-size: 11px;
	87	+ text-align: center;
98	88	}
99	89
100	90	/**
101	91	* Settings UI - Vertical Tabbed Interface
		@@ -105,9 +95,8 @@
105	95	grid-template-columns: 180px auto;
106	96	grid-template-areas: "tabs content";
107	97	background: #f7f7f7;
108	98	}
109		-
110	99	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs {
111	100	grid-area: tabs;
112	101	width: 100%;
113	102	margin: 0;
		@@ -113,15 +102,13 @@
113	102	margin: 0;
114	103	padding: 0;
115	104	border-right: 1px solid #e5e5e5;
116	105	}
117		-
118	106	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab {
119	107	width: 100%;
120	108	margin: 0;
121	109	padding: 0;
122	110	}
123		-
124	111	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a {
125	112	position: relative;
126	113	display: block;
127	114	width: 100%;
		@@ -134,9 +121,8 @@
134	121	transition: none;
135	122	background-position: 0 50%;
136	123	background-repeat: no-repeat;
137	124	}
138		-
139	125	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a.convertkit-nav-tab-vertical-active,
140	126	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a:hover {
141	127	width: 181px;
142	128	margin: -1px 0 0 0;
		@@ -148,25 +134,20 @@
148	134	background-color: #fff;
149	135	background-position: 20px 50%;
150	136	background-repeat: no-repeat;
151	137	}
152		-
153	138	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a.convertkit-nav-tab-vertical-active {
154	139	font-weight: 700;
155	140	}
156		-
157	141	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a:hover {
158	142	background-color: #fefefe;
159	143	}
160		-
161	144	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab a:focus {
162	145	box-shadow: none;
163	146	}
164		-
165	147	.convertkit-vertical-tabbed-ui ul.convertkit-nav-tabs li.convertkit-nav-tab:last-child a {
166	148	border-bottom: none;
167	149	}
168		-
169	150	.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content {
170	151	grid-area: content;
171	152	margin: 0;
172	153	padding: 0;
		@@ -172,15 +153,13 @@
172	153	padding: 0;
173	154	background: #fff;
174	155	border-left: 1px solid #e5e5e5;
175	156	}
176		-
177		-.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content::after {
	157	+.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content:after {
178	158	content: "";
179	159	display: table;
180	160	clear: both;
181	161	}
182		-
183	162	.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content .postbox {
184	163	margin: 0;
185	164	padding: 0;
186	165	border: none;
		@@ -185,12 +164,10 @@
185	164	padding: 0;
186	165	border: none;
187	166	background-color: transparent;
188	167	}
189		-
190	168	.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content .postbox .convertkit-option:first-child {
191	169	padding-top: 15px;
192	170	}
193		-
194	171	.convertkit-vertical-tabbed-ui .convertkit-nav-tabs-content .postbox .convertkit-option:last-child {
195	172	border-bottom: none;
196	173	}