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

		@@ -1,11 +1,25 @@
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	+
4	18	.convertkit-option {
5	19	display: grid;
6	20	grid-template-areas: "left right";
7		- grid-template-columns: 120px auto;
	21	+ grid-template-columns: 150px auto;
8	22	grid-column-gap: 5px;
9	23	grid-row-gap: 5px;
10	24	justify-items: start;
11	25	text-align: left;
		@@ -18,11 +32,13 @@
18	32	-webkit-box-sizing: border-box;
19	33	-moz-box-sizing: border-box;
20	34	box-sizing: border-box;
21	35	}
	36	+
22	37	.convertkit-option:nth-child(odd) {
23	38	background-color: #fcfcfc;
24	39	}
	40	+
25	41	.convertkit-option div.left {
26	42	width: 100%;
27	43	grid-area: left;
28	44	-webkit-box-sizing: border-box;
		@@ -28,11 +44,14 @@
28	44	-webkit-box-sizing: border-box;
29	45	-moz-box-sizing: border-box;
30	46	box-sizing: border-box;
31	47	}
	48	+
32	49	.convertkit-option div.left *:not(input) {
33	50	line-height: 27px;
	51	+ white-space: normal;
34	52	}
	53	+
35	54	.convertkit-option div.right {
36	55	width: 100%;
37	56	line-height: 27px;
38	57	grid-area: right;
		@@ -39,27 +58,139 @@
39	58	-webkit-box-sizing: border-box;
40	59	-moz-box-sizing: border-box;
41	60	box-sizing: border-box;
42	61	}
	62	+
43	63	.convertkit-option input,
44	64	.convertkit-option select {
45	65	border: 1px solid #8c8f94;
	66	+ width: auto;
46	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	+
47	77	.convertkit-option p {
48	78	white-space: normal;
49	79	}
50	80
51	81	/**
52		- * Ensures consistent styling applied to 'Select color' button
53		- * provided by WordPress' color picker across TinyMCE and QuickTag modals
	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
54	95	*/
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;
	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;
60	126	display: block;
61		- line-height: 2.54545455;
62		- padding: 0 6px;
63		- font-size: 11px;
64		- text-align: center;
	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;
65	196	}