|
1 .@{prefix}-tinymce { |
|
2 // Avoid FOUC |
|
3 visibility: inherit !important; |
|
4 position: relative; |
|
5 } |
|
6 |
|
7 .@{prefix}-fullscreen { |
|
8 border: 0; padding: 0; margin: 0; |
|
9 overflow: hidden; |
|
10 height: 100%; |
|
11 z-index: 100; |
|
12 } |
|
13 |
|
14 div.@{prefix}-fullscreen { |
|
15 position: fixed; |
|
16 top: 0; left: 0; |
|
17 width: 100%; |
|
18 height: auto; |
|
19 } |
|
20 |
|
21 .@{prefix}-tinymce { |
|
22 display: block; |
|
23 .border-radius(2px); |
|
24 } |
|
25 |
|
26 .@{prefix}-wordcount { |
|
27 position: absolute; |
|
28 top: 0; |
|
29 right: 0; |
|
30 padding: 8px; |
|
31 } |
|
32 |
|
33 div.@{prefix}-edit-area { |
|
34 background: #FFF; |
|
35 filter: none; |
|
36 } |
|
37 |
|
38 .@{prefix}-statusbar { |
|
39 position: relative; |
|
40 } |
|
41 |
|
42 .@{prefix}-statusbar .@{prefix}-container-body { |
|
43 position: relative; |
|
44 } |
|
45 |
|
46 .@{prefix}-fullscreen .@{prefix}-resizehandle { |
|
47 display: none; |
|
48 } |
|
49 |
|
50 // Charmap |
|
51 |
|
52 .@{prefix}-charmap { |
|
53 border-collapse: collapse; |
|
54 } |
|
55 |
|
56 .@{prefix}-charmap td { |
|
57 cursor: default; |
|
58 border: 1px solid @panel-border; |
|
59 width: 20px; |
|
60 height: 20px; |
|
61 line-height: 20px; |
|
62 text-align: center; |
|
63 vertical-align: middle; |
|
64 padding: 2px; |
|
65 } |
|
66 |
|
67 .@{prefix}-charmap td div { |
|
68 text-align: center; |
|
69 } |
|
70 |
|
71 .@{prefix}-charmap td:hover { |
|
72 background: @btn-bg-hlight; |
|
73 } |
|
74 |
|
75 .@{prefix}-grid td.@{prefix}-grid-cell div { |
|
76 border: 1px solid @grid-border; |
|
77 width: 15px; height: 15px; |
|
78 margin: 0px; |
|
79 cursor: pointer; |
|
80 |
|
81 &:focus { |
|
82 border-color: @grid-border-active; |
|
83 } |
|
84 |
|
85 &[disabled] { |
|
86 cursor: not-allowed; |
|
87 } |
|
88 } |
|
89 |
|
90 .@{prefix}-grid { |
|
91 border-spacing: 2px; |
|
92 border-collapse: separate; |
|
93 |
|
94 a { |
|
95 display: block; |
|
96 border: 1px solid transparent; |
|
97 |
|
98 &:hover, &:focus { |
|
99 border-color: @grid-border-active; |
|
100 } |
|
101 } |
|
102 } |
|
103 |
|
104 .@{prefix}-grid-border { |
|
105 margin: 0 4px 0 4px; |
|
106 |
|
107 a { |
|
108 border-color: @grid-border; |
|
109 width: 13px; height: 13px; |
|
110 } |
|
111 |
|
112 a:hover, a.@{prefix}-active { |
|
113 border-color: @grid-border-active; |
|
114 background: @grid-bg-active; |
|
115 } |
|
116 } |
|
117 |
|
118 .@{prefix}-text-center { |
|
119 text-align: center; |
|
120 } |
|
121 |
|
122 div.@{prefix}-tinymce-inline { |
|
123 width: 100%; |
|
124 .box-shadow(none); |
|
125 } |
|
126 |
|
127 .@{prefix}-colorbtn-trans div { |
|
128 text-align: center; |
|
129 vertical-align: middle; |
|
130 font-weight: bold; |
|
131 font-size: 20px; |
|
132 line-height: 16px; |
|
133 color: mix(@text, #fff, 70%); |
|
134 } |
|
135 |
|
136 // Reduce double margins between toolbar rows |
|
137 |
|
138 .@{prefix}-toolbar-grp { |
|
139 padding-bottom: 2px; |
|
140 } |
|
141 |
|
142 .@{prefix}-toolbar-grp .@{prefix}-flow-layout-item { |
|
143 margin-bottom: 0; |
|
144 } |
|
145 |
|
146 // RTL |
|
147 |
|
148 .@{prefix}-rtl .@{prefix}-wordcount { |
|
149 left: 0; |
|
150 right: auto; |
|
151 } |