UNPKG

4.67 kBCSSView Raw
1/* stylelint-disable */
2.tinymce-editor-toolbar {
3
4 .editor-select {
5 padding: 0 2px;
6 }
7}
8
9.tinymce-editor-toolbar {
10 display: -webkit-box;
11 display: -ms-flexbox;
12 display: flex;
13 -webkit-box-align: center;
14 -ms-flex-align: center;
15 align-items: center;
16}
17
18.tinymce-editor-toolbar.isnt-activated {
19 cursor: not-allowed;
20 opacity: .5;
21}
22
23.tinymce-editor-toolbar button {
24 padding: 0;
25 -webkit-appearance: none;
26 -moz-appearance: none;
27 appearance: none;
28 background: none;
29 border: 0;
30 cursor: pointer;
31 outline: 0;
32 margin-right: 4px;
33 font-size: 16px;
34 width: 1.75em;
35 height: 1.75em;
36 color: inherit;
37}
38
39.tinymce-editor-toolbar.is-activated {}
40
41.tinymce-editor-toolbar.is-activated > button:hover,
42 .tinymce-editor-toolbar.is-activated > button.is-active,
43 .tinymce-editor-toolbar.is-activated > .editor-select:hover,
44 .tinymce-editor-toolbar.is-activated > .editor-select.is-open {
45 background-color: #f7f7f7;
46}
47
48.tinymce-editor-toolbar .foreColor {
49 margin-top: -1px;
50}
51
52.tinymce-editor-toolbar .font-size-indicator {
53 font-size: 12px;
54}
55
56.tinymce-editor-toolbar .font-size-picker {}
57
58.tinymce-editor-toolbar .font-size-picker ul:not([hidden]) {
59 display: block;
60 padding: 0;
61 width: 5.5em;
62 font-size: 12px;
63}
64
65.tinymce-editor-toolbar .font-size-picker ul li {
66 padding: 0;
67 line-height: 2.5;
68}
69
70.tinymce-editor-toolbar .font-size-picker ul li button {
71 width: 100%;
72 height: 100%;
73}
74
75.tinymce-editor-toolbar .fore-color-indicator {
76 margin: -3px auto 3px;
77 width: .7em;
78 height: 1px;
79}
80
81.tinymce-editor-toolbar .color-picker {}
82
83.tinymce-editor-toolbar .color-picker ul:not([hidden]) {
84 display: -webkit-box;
85 display: -ms-flexbox;
86 display: flex;
87 -ms-flex-pack: distribute;
88 justify-content: space-around;
89 -webkit-box-orient: horizontal;
90 -webkit-box-direction: normal;
91 -ms-flex-flow: row wrap;
92 flex-flow: row wrap;
93 width: 9.75em;
94 padding: .5em;
95}
96
97.tinymce-editor-toolbar .color-picker ul li {
98 padding: 0 .125em;
99}
100
101.tinymce-editor-toolbar .color-picker ul li:hover {
102 background: none;
103}
104
105.tinymce-editor-toolbar .color-picker ul .color-item {
106 width: .875em;
107 height: .875em;
108 border: 1px solid rgba(0, 0, 0, .05);
109}
110
111.tinymce-editor-toolbar .alignment {}
112
113.tinymce-editor-toolbar .alignment ul:not([hidden]) {
114 display: -webkit-box;
115 display: -ms-flexbox;
116 display: flex;
117 -webkit-box-pack: justify;
118 -ms-flex-pack: justify;
119 justify-content: space-between;
120 padding: .5em;
121 width: 7em;
122 font-size: 16px;
123}
124
125.tinymce-editor-toolbar.isnt-activated .editor-select ul {
126 display: none !important;
127}
128
129.tinymce-editor-toolbar .editor-select ul button {
130 margin: 0;
131 padding: 0;
132 width: auto;
133 font-size: inherit;
134}
135
136.tinymce-editor-toolbar .TINY_MCE_FIXED_TOOLBAR {
137 width: 0;
138 opacity: 0;
139 pointer-events: none;
140}
141
142.editor-select {
143}
144.editor-select {
145 position: relative;
146 display: -webkit-box;
147 display: -ms-flexbox;
148 display: flex;
149 margin: 0 2px;
150 -webkit-box-align: center;
151 -ms-flex-align: center;
152 align-items: center
153}
154.editor-select > button {
155 display: -webkit-box;
156 display: -ms-flexbox;
157 display: flex;
158 -webkit-box-align: center;
159 -ms-flex-align: center;
160 align-items: center;
161 padding: 0 .25em;
162 width: auto
163}
164.editor-select ul {
165 position: absolute;
166 z-index: 65535;
167 top: 100%;
168 margin: 0;
169 padding: .5em;
170 list-style: none;
171 background: #fff;
172 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .10);
173 border: 1px solid rgba(0, 0, 0, .10)
174}
175.editor-select ul[hidden] {
176 display: none
177}
178.editor-select ul:not([hidden]) {
179 display: -webkit-box;
180 display: -ms-flexbox;
181 display: flex
182}
183.editor-select ul li {
184 padding: 0 .25em
185}
186.editor-select ul li:hover {
187 background-color: #f7f7f7
188}
189.editor-select .caret {
190 margin-left: 2px;
191 padding: 0 2px;
192 font-size: .5em;
193 color: #d4d4d4
194}
195
196.tiny-mce-content {
197 padding: 1px;
198 font-size: 12px;
199 color: #525e71
200}
201.tiny-mce-content ol,
202 .tiny-mce-content ul {
203 margin: 1em 0;
204 padding-left: 2em
205}
206.tiny-mce-content table {
207 table-layout: fixed;
208 width: 100%;
209 border-collapse: separate;
210 border-spacing: 0;
211 border: 1px solid #999
212}
213.tiny-mce-content table tr:nth-child(even) {
214 background-color: #eee
215}
216.tiny-mce-content table td {
217 width: 10%
218}
219.tiny-mce-content table td,
220 .tiny-mce-content table th,
221 .tiny-mce-content table caption {
222 border: 1px dashed #BBB
223}