default.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. .cke_emoji {
  2. overflow-y: hidden;
  3. height: 100%;
  4. }
  5. .cke_emoji-suggestion_item {
  6. overflow: hidden;
  7. text-overflow: ellipsis;
  8. white-space: nowrap;
  9. font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  10. }
  11. .cke_emoji-panel {
  12. width: 310px;
  13. height: 300px;
  14. overflow: hidden;
  15. }
  16. .cke_emoji-inner_panel {
  17. width: 100%;
  18. }
  19. .cke_emoji-panel_block a {
  20. display: inline-block;
  21. width: 100%;
  22. padding-top: 2px;
  23. }
  24. .cke_emoji-inner_panel > h2 {
  25. font-size: 2em;
  26. }
  27. /* TOP NAVIGATION */
  28. .cke_emoji-inner_panel > nav {
  29. width: 100%;
  30. height: 24px;
  31. margin-top: 10px;
  32. margin-bottom: 6px;
  33. padding-bottom: 4px;
  34. border-bottom: 1px solid #d1d1d1;
  35. }
  36. .cke_emoji-inner_panel > nav > ul {
  37. margin-left: 10px;
  38. margin-right: 10px;
  39. margin-top: 8px;
  40. padding: 0;
  41. list-style-type: none;
  42. height: 24px;
  43. }
  44. .cke_emoji-inner_panel > nav li {
  45. display: inline-block;
  46. width: 24px;
  47. height: auto;
  48. margin: 0 6px;
  49. text-align: center;
  50. }
  51. .cke_browser_ie .cke_emoji-inner_panel > nav li {
  52. height: 22px;
  53. }
  54. .cke_emoji-inner_panel li svg {
  55. opacity: 0.4;
  56. width: 80%;
  57. }
  58. .cke_emoji-inner_panel li span {
  59. opacity: 0.4;
  60. }
  61. .cke_emoji-inner_panel li:hover svg, .cke_emoji-inner_panel li:hover span{
  62. opacity: 1;
  63. }
  64. .cke_emoji-inner_panel .active {
  65. border-bottom: 5px solid rgba(44, 195, 255, 1);
  66. }
  67. .cke_emoji-navigation_item span {
  68. width: 21px;
  69. height: 21px;
  70. display: inline-block;
  71. }
  72. /* SEARCHBOX */
  73. .cke_emoji-search {
  74. position: relative;
  75. height: 25px;
  76. display: block;
  77. border: 1px solid #d1d1d1;
  78. margin-left: 10px;
  79. margin-right: 10px;
  80. }
  81. .cke_emoji-search .cke_emoji-search_loupe {
  82. position: absolute;
  83. top: 6px;
  84. left: 6px;
  85. display: inline-block;
  86. width: 14px;
  87. height: 14px;
  88. opacity: 0.4;
  89. }
  90. .cke_rtl .cke_emoji-search .cke_emoji-search_loupe {
  91. left: auto;
  92. right: 6px;
  93. }
  94. .cke_emoji-search span {
  95. background-repeat: no-repeat;
  96. background-position: -60px -15px;
  97. background-size: 75px 30px;
  98. }
  99. .cke_emoji-search input {
  100. -webkit-appearance: none;
  101. border: none;
  102. width: 100%;
  103. height: 100%;
  104. padding-left: 25px;
  105. padding-right: 10px;
  106. margin-left: 0
  107. }
  108. .cke_rtl .cke_emoji-search input {
  109. padding-left: 10px;
  110. padding-right: 25px;
  111. margin-right: 0;
  112. }
  113. /* EMOJI */
  114. .cke_emoji-outer_emoji_block {
  115. height: 180px;
  116. overflow-x: hidden;
  117. overflow-y: auto;
  118. margin-top: 5px;
  119. margin-left: 10px;
  120. margin-right: 10px;
  121. padding-left: 2px;
  122. padding-right: 2px;
  123. }
  124. .cke_emoji-outer_emoji_block h2 {
  125. font-size: 1.3em;
  126. font-weight: 600;
  127. margin: 5px 0 3px 0;
  128. }
  129. .cke_emoji-outer_emoji_block ul {
  130. margin: 0 0 15px 0;
  131. padding: 0;
  132. list-style-type: none;
  133. }
  134. .cke_emoji-item {
  135. font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  136. list-style-type: none;
  137. display: inline-table;
  138. width: 36px;
  139. height: 36px;
  140. font-size: 1.8em;
  141. text-align: center;
  142. }
  143. .cke_emoji-item:hover {
  144. border-radius: 10%;
  145. background-color: rgba(44, 195, 255, 0.2);
  146. }
  147. .cke_emoji-item > a {
  148. text-decoration: none;
  149. display: table-cell;
  150. vertical-align: middle;
  151. }
  152. .cke_emoji-outer_emoji_block .hidden {
  153. display: none
  154. }
  155. /* STATUS BAR */
  156. .cke_emoji-status_bar {
  157. height: 34px;
  158. padding-left: 10px;
  159. padding-right: 10px;
  160. padding-top: 3px;
  161. margin-top: 3px;
  162. border-top: 1px solid #d1d1d1;
  163. line-height: 1;
  164. }
  165. .cke_emoji-status_bar p {
  166. margin-top: 3px;
  167. }
  168. .cke_emoji-status_bar > div {
  169. display: inline-block;
  170. margin-top: 3px;
  171. }
  172. .cke_emoji-status_icon {
  173. font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  174. font-size: 2.2em;
  175. float: left;
  176. margin-right: 10px;
  177. }
  178. .cke_rtl .cke_emoji-status_icon {
  179. float: right;
  180. margin-right: 0px;
  181. margin-left: 10px;
  182. }
  183. .cke_emoji-panel_block p {
  184. margin-bottom: 0;
  185. }
  186. p.cke_emoji-status_description {
  187. font-weight: 600;
  188. }
  189. p.cke_emoji-status_full_name {
  190. font-size: 0.8em;
  191. color: #d1d1d1;
  192. }
  193. .cke_emoji-inner_panel a:focus, .cke_emoji-inner_panel input:focus {
  194. outline: 2px solid #139FF7;
  195. }