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

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