← All changes | resources/backend/css/tinymce.css +12 -143 3.3.7 → 2.0.3 View file →

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