skin.min.css 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031
  1. .mce-container,
  2. .mce-container *,
  3. .mce-widget,
  4. .mce-widget *,
  5. .mce-reset {
  6. margin: 0;
  7. padding: 0;
  8. border: 0;
  9. outline: 0;
  10. vertical-align: top;
  11. background: transparent;
  12. text-decoration: none;
  13. color: #454545;
  14. font-family: 'Open Sans', sans-serif;
  15. font-size: 13px;
  16. text-shadow: none;
  17. float: none;
  18. position: static;
  19. width: auto;
  20. height: auto;
  21. white-space: nowrap;
  22. cursor: inherit;
  23. -webkit-tap-highlight-color: transparent;
  24. line-height: normal;
  25. font-weight: normal;
  26. text-align: left;
  27. -moz-box-sizing: content-box;
  28. -webkit-box-sizing: content-box;
  29. box-sizing: content-box;
  30. direction: ltr;
  31. max-width: none
  32. }
  33. .mce-widget button {
  34. -moz-box-sizing: border-box;
  35. -webkit-box-sizing: border-box;
  36. box-sizing: border-box
  37. }
  38. .mce-container *[unselectable] {
  39. -moz-user-select: none;
  40. -webkit-user-select: none;
  41. -o-user-select: none;
  42. user-select: none
  43. }
  44. .mce-fade {
  45. opacity: 0;
  46. -webkit-transition: opacity .15s linear;
  47. transition: opacity .15s linear
  48. }
  49. .mce-fade.mce-in {
  50. opacity: 1
  51. }
  52. .mce-tinymce {
  53. visibility: inherit !important;
  54. position: relative
  55. }
  56. .mce-fullscreen {
  57. border: 0;
  58. padding: 0;
  59. margin: 0;
  60. overflow: hidden;
  61. height: 100%;
  62. z-index: 100
  63. }
  64. div.mce-fullscreen {
  65. position: fixed;
  66. top: 0;
  67. left: 0;
  68. width: 100%;
  69. height: auto
  70. }
  71. .mce-tinymce {
  72. display: block;
  73. -webkit-border-radius: 3px;
  74. -moz-border-radius: 3px;
  75. border-radius: 3px
  76. }
  77. .mce-wordcount {
  78. position: absolute;
  79. top: 0;
  80. right: 0;
  81. padding: 8px
  82. }
  83. div.mce-edit-area {
  84. background: #FFF;
  85. filter: none
  86. }
  87. .mce-statusbar {
  88. position: relative
  89. }
  90. .mce-statusbar .mce-container-body {
  91. position: relative
  92. }
  93. .mce-fullscreen .mce-resizehandle {
  94. display: none
  95. }
  96. .mce-charmap {
  97. border-collapse: collapse
  98. }
  99. .mce-charmap td {
  100. cursor: default;
  101. border: 1px solid #cfd3d6;
  102. width: 20px;
  103. height: 20px;
  104. line-height: 20px;
  105. text-align: center;
  106. vertical-align: middle;
  107. padding: 2px
  108. }
  109. .mce-charmap td div {
  110. text-align: center
  111. }
  112. .mce-charmap td:hover {
  113. background: #f5f5f5
  114. }
  115. .mce-grid td.mce-grid-cell div {
  116. border: 1px solid #d6d6d6;
  117. width: 15px;
  118. height: 15px;
  119. margin: 0px;
  120. cursor: pointer
  121. }
  122. .mce-grid td.mce-grid-cell div:focus {
  123. border-color: #a1a1a1
  124. }
  125. .mce-grid td.mce-grid-cell div[disabled] {
  126. cursor: not-allowed
  127. }
  128. .mce-grid {
  129. border-spacing: 2px;
  130. border-collapse: separate
  131. }
  132. .mce-grid a {
  133. display: block;
  134. border: 1px solid transparent
  135. }
  136. .mce-grid a:hover,
  137. .mce-grid a:focus {
  138. border-color: #a1a1a1
  139. }
  140. .mce-grid-border {
  141. margin: 0 4px 0 4px
  142. }
  143. .mce-grid-border a {
  144. border-color: #d6d6d6;
  145. width: 13px;
  146. height: 13px
  147. }
  148. .mce-grid-border a:hover,
  149. .mce-grid-border a.mce-active {
  150. border-color: #a1a1a1;
  151. background: #f5f5f5
  152. }
  153. .mce-text-center {
  154. text-align: center
  155. }
  156. div.mce-tinymce-inline {
  157. width: 100%
  158. }
  159. .mce-colorbtn-trans div {
  160. text-align: center;
  161. vertical-align: middle;
  162. font-weight: bold;
  163. font-size: 20px;
  164. line-height: 16px;
  165. color: #7d7d7d
  166. }
  167. .mce-monospace {
  168. font-family: "Courier New", Courier, monospace
  169. }
  170. .mce-toolbar-grp {
  171. padding: 5px 0px 5px 5px;
  172. }
  173. .mce-toolbar-grp .mce-flow-layout-item {
  174. margin-bottom: 0
  175. }
  176. .mce-rtl .mce-wordcount {
  177. left: 0;
  178. right: auto
  179. }
  180. .mce-croprect-container {
  181. position: absolute;
  182. top: 0;
  183. left: 0
  184. }
  185. .mce-croprect-handle {
  186. position: absolute;
  187. top: 0;
  188. left: 0;
  189. width: 20px;
  190. height: 20px;
  191. border: 2px solid white
  192. }
  193. .mce-croprect-handle-nw {
  194. border-width: 2px 0 0 2px;
  195. margin: -2px 0 0 -2px;
  196. cursor: nw-resize;
  197. top: 100px;
  198. left: 100px
  199. }
  200. .mce-croprect-handle-ne {
  201. border-width: 2px 2px 0 0;
  202. margin: -2px 0 0 -20px;
  203. cursor: ne-resize;
  204. top: 100px;
  205. left: 200px
  206. }
  207. .mce-croprect-handle-sw {
  208. border-width: 0 0 2px 2px;
  209. margin: -20px 2px 0 -2px;
  210. cursor: sw-resize;
  211. top: 200px;
  212. left: 100px
  213. }
  214. .mce-croprect-handle-se {
  215. border-width: 0 2px 2px 0;
  216. margin: -20px 0 0 -20px;
  217. cursor: se-resize;
  218. top: 200px;
  219. left: 200px
  220. }
  221. .mce-croprect-handle-move {
  222. position: absolute;
  223. cursor: move;
  224. border: 0
  225. }
  226. .mce-croprect-block {
  227. opacity: .3;
  228. filter: alpha(opacity=30);
  229. zoom: 1;
  230. position: absolute;
  231. background: black
  232. }
  233. .mce-imagepanel {
  234. overflow: auto;
  235. background: black
  236. }
  237. .mce-imagepanel img {
  238. position: absolute
  239. }
  240. .mce-imagetool.mce-btn .mce-ico {
  241. display: block;
  242. width: 20px;
  243. height: 20px;
  244. text-align: center;
  245. line-height: 20px;
  246. font-size: 20px;
  247. padding: 5px
  248. }
  249. .mce-container,
  250. .mce-container-body {
  251. display: block
  252. }
  253. .mce-autoscroll {
  254. overflow: hidden
  255. }
  256. .mce-scrollbar {
  257. position: absolute;
  258. width: 7px;
  259. height: 100%;
  260. top: 2px;
  261. right: 2px;
  262. opacity: .4;
  263. filter: alpha(opacity=40);
  264. zoom: 1
  265. }
  266. .mce-scrollbar-h {
  267. top: auto;
  268. right: auto;
  269. left: 2px;
  270. bottom: 2px;
  271. width: 100%;
  272. height: 7px
  273. }
  274. .mce-scrollbar-thumb {
  275. position: absolute;
  276. background-color: #000;
  277. border: 1px solid #888;
  278. border-color: rgba(85, 85, 85, 0.6);
  279. width: 5px;
  280. height: 100%;
  281. -webkit-border-radius: 3px;
  282. -moz-border-radius: 3px;
  283. border-radius: 3px
  284. }
  285. .mce-scrollbar-h .mce-scrollbar-thumb {
  286. width: 100%;
  287. height: 5px
  288. }
  289. .mce-scrollbar:hover,
  290. .mce-scrollbar.mce-active {
  291. background-color: #AAA;
  292. opacity: .6;
  293. filter: alpha(opacity=60);
  294. zoom: 1;
  295. -webkit-border-radius: 3px;
  296. -moz-border-radius: 3px;
  297. border-radius: 3px
  298. }
  299. .mce-scroll {
  300. position: relative
  301. }
  302. .mce-panel {
  303. border: 0 solid #edeeef;
  304. border: 0 solid #cfd3d6;
  305. background-color: #f5f5f5
  306. }
  307. .mce-floatpanel {
  308. position: absolute
  309. }
  310. .mce-floatpanel.mce-fixed {
  311. position: fixed
  312. }
  313. .mce-floatpanel .mce-arrow,
  314. .mce-floatpanel .mce-arrow:after {
  315. position: absolute;
  316. display: block;
  317. width: 0;
  318. height: 0;
  319. border-color: transparent;
  320. border-style: solid
  321. }
  322. .mce-floatpanel .mce-arrow {
  323. border-width: 11px
  324. }
  325. .mce-floatpanel .mce-arrow:after {
  326. border-width: 10px;
  327. content: ""
  328. }
  329. .mce-floatpanel.mce-popover {
  330. filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
  331. background: transparent;
  332. -webkit-border-radius: 3px;
  333. -moz-border-radius: 3px;
  334. border-radius: 3px;
  335. top: 0;
  336. left: 0;
  337. background: #fff;
  338. border: 1px solid #cfd3d6;
  339. }
  340. .mce-floatpanel.mce-popover.mce-bottom {
  341. margin-top: 10px;
  342. *margin-top: 0
  343. }
  344. .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow {
  345. left: 50%;
  346. margin-left: -11px;
  347. border-top-width: 0;
  348. border-bottom-color: #cfd3d6;
  349. top: -11px
  350. }
  351. .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after {
  352. top: 1px;
  353. margin-left: -10px;
  354. border-top-width: 0;
  355. border-bottom-color: #fff
  356. }
  357. .mce-floatpanel.mce-popover.mce-bottom.mce-start {
  358. margin-left: -22px
  359. }
  360. .mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow {
  361. left: 20px
  362. }
  363. .mce-floatpanel.mce-popover.mce-bottom.mce-end {
  364. margin-left: 22px
  365. }
  366. .mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow {
  367. right: 10px;
  368. left: auto
  369. }
  370. .mce-fullscreen {
  371. border: 0;
  372. padding: 0;
  373. margin: 0;
  374. overflow: hidden;
  375. height: 100%
  376. }
  377. div.mce-fullscreen {
  378. position: fixed;
  379. top: 0;
  380. left: 0
  381. }
  382. #mce-modal-block {
  383. opacity: 0;
  384. filter: alpha(opacity=0);
  385. zoom: 1;
  386. position: fixed;
  387. left: 0;
  388. top: 0;
  389. width: 100%;
  390. height: 100%;
  391. background: #000
  392. }
  393. #mce-modal-block.mce-in {
  394. opacity: .3;
  395. filter: alpha(opacity=30);
  396. zoom: 1
  397. }
  398. .mce-window-move {
  399. cursor: move
  400. }
  401. .mce-window {
  402. -webkit-border-radius: 3px;
  403. -moz-border-radius: 3px;
  404. border-radius: 3px;
  405. filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
  406. background: transparent;
  407. background: #fff;
  408. position: fixed;
  409. top: 0;
  410. left: 0;
  411. opacity: 0;
  412. -webkit-transition: opacity 150ms ease-in;
  413. transition: opacity 150ms ease-in
  414. }
  415. .mce-window.mce-in {
  416. opacity: 1
  417. }
  418. .mce-window-head {
  419. padding: 9px 15px;
  420. border-bottom: 1px solid #cfd3d6;
  421. position: relative
  422. }
  423. .mce-window-head .mce-close {
  424. position: absolute;
  425. right: 15px;
  426. top: 9px;
  427. font-size: 20px;
  428. font-weight: bold;
  429. line-height: 20px;
  430. color: #8f8f8f;
  431. cursor: pointer;
  432. height: 20px;
  433. overflow: hidden
  434. }
  435. .mce-close:hover {
  436. color: #b5b5b5
  437. }
  438. .mce-window-head .mce-title {
  439. line-height: 20px;
  440. font-size: 20px;
  441. font-weight: bold;
  442. text-rendering: optimizelegibility;
  443. padding-right: 10px
  444. }
  445. .mce-window .mce-container-body {
  446. display: block
  447. }
  448. .mce-foot {
  449. display: block;
  450. background-color: #fff;
  451. border-top: 1px solid #cfd3d6;
  452. -webkit-border-radius: 0 0 3px 3px;
  453. -moz-border-radius: 0 0 3px 3px;
  454. border-radius: 0 0 3px 3px
  455. }
  456. .mce-window-head .mce-dragh {
  457. position: absolute;
  458. top: 0;
  459. left: 0;
  460. cursor: move;
  461. width: 90%;
  462. height: 100%
  463. }
  464. .mce-window iframe {
  465. width: 100%;
  466. height: 100%
  467. }
  468. .mce-window.mce-fullscreen,
  469. .mce-window.mce-fullscreen .mce-foot {
  470. -webkit-border-radius: 0;
  471. -moz-border-radius: 0;
  472. border-radius: 0
  473. }
  474. .mce-window-body .mce-listbox {
  475. border-color: #ccc
  476. }
  477. .mce-rtl .mce-window-head .mce-close {
  478. position: absolute;
  479. right: auto;
  480. left: 15px
  481. }
  482. .mce-rtl .mce-window-head .mce-dragh {
  483. left: auto;
  484. right: 0
  485. }
  486. .mce-rtl .mce-window-head .mce-title {
  487. direction: rtl;
  488. text-align: right
  489. }
  490. .mce-tooltip {
  491. position: absolute;
  492. padding: 5px;
  493. opacity: .8;
  494. filter: alpha(opacity=80);
  495. zoom: 1
  496. }
  497. .mce-tooltip-inner {
  498. font-size: 11px;
  499. background-color: #000;
  500. color: #fff;
  501. max-width: 200px;
  502. padding: 5px 8px 4px 8px;
  503. text-align: center;
  504. white-space: normal
  505. }
  506. .mce-tooltip-inner {
  507. -webkit-border-radius: 3px;
  508. -moz-border-radius: 3px;
  509. border-radius: 3px
  510. }
  511. .mce-tooltip-arrow {
  512. position: absolute;
  513. width: 0;
  514. height: 0;
  515. line-height: 0;
  516. border: 5px dashed #000
  517. }
  518. .mce-tooltip-arrow-n {
  519. border-bottom-color: #000
  520. }
  521. .mce-tooltip-arrow-s {
  522. border-top-color: #000
  523. }
  524. .mce-tooltip-arrow-e {
  525. border-left-color: #000
  526. }
  527. .mce-tooltip-arrow-w {
  528. border-right-color: #000
  529. }
  530. .mce-tooltip-nw,
  531. .mce-tooltip-sw {
  532. margin-left: -14px
  533. }
  534. .mce-tooltip-n .mce-tooltip-arrow {
  535. top: 0px;
  536. left: 50%;
  537. margin-left: -5px;
  538. border-bottom-style: solid;
  539. border-top: none;
  540. border-left-color: transparent;
  541. border-right-color: transparent
  542. }
  543. .mce-tooltip-nw .mce-tooltip-arrow {
  544. top: 0;
  545. left: 10px;
  546. border-bottom-style: solid;
  547. border-top: none;
  548. border-left-color: transparent;
  549. border-right-color: transparent
  550. }
  551. .mce-tooltip-ne .mce-tooltip-arrow {
  552. top: 0;
  553. right: 10px;
  554. border-bottom-style: solid;
  555. border-top: none;
  556. border-left-color: transparent;
  557. border-right-color: transparent
  558. }
  559. .mce-tooltip-s .mce-tooltip-arrow {
  560. bottom: 0;
  561. left: 50%;
  562. margin-left: -5px;
  563. border-top-style: solid;
  564. border-bottom: none;
  565. border-left-color: transparent;
  566. border-right-color: transparent
  567. }
  568. .mce-tooltip-sw .mce-tooltip-arrow {
  569. bottom: 0;
  570. left: 10px;
  571. border-top-style: solid;
  572. border-bottom: none;
  573. border-left-color: transparent;
  574. border-right-color: transparent
  575. }
  576. .mce-tooltip-se .mce-tooltip-arrow {
  577. bottom: 0;
  578. right: 10px;
  579. border-top-style: solid;
  580. border-bottom: none;
  581. border-left-color: transparent;
  582. border-right-color: transparent
  583. }
  584. .mce-tooltip-e .mce-tooltip-arrow {
  585. right: 0;
  586. top: 50%;
  587. margin-top: -5px;
  588. border-left-style: solid;
  589. border-right: none;
  590. border-top-color: transparent;
  591. border-bottom-color: transparent
  592. }
  593. .mce-tooltip-w .mce-tooltip-arrow {
  594. left: 0;
  595. top: 50%;
  596. margin-top: -5px;
  597. border-right-style: solid;
  598. border-left: none;
  599. border-top-color: transparent;
  600. border-bottom-color: transparent
  601. }
  602. .mce-progress {
  603. display: inline-block;
  604. position: relative;
  605. height: 20px
  606. }
  607. .mce-progress .mce-bar-container {
  608. display: inline-block;
  609. width: 100px;
  610. height: 100%;
  611. margin-right: 8px;
  612. border: 1px solid #ccc;
  613. overflow: hidden;
  614. -webkit-border-radius: 3px;
  615. -moz-border-radius: 3px;
  616. border-radius: 3px
  617. }
  618. .mce-progress .mce-text {
  619. display: inline-block;
  620. margin-top: auto;
  621. margin-bottom: auto;
  622. font-size: 14px;
  623. width: 40px;
  624. color: #333
  625. }
  626. .mce-bar {
  627. display: block;
  628. width: 0%;
  629. height: 100%;
  630. background-color: #d7d7d7;
  631. -webkit-transition: width .2s ease;
  632. transition: width .2s ease
  633. }
  634. .mce-notification {
  635. position: absolute;
  636. background-color: #f0f0f0;
  637. padding: 5px;
  638. margin-top: 5px;
  639. opacity: .8;
  640. filter: alpha(opacity=80);
  641. zoom: 1;
  642. border-width: 1px;
  643. border-style: solid;
  644. border-color: #ccc
  645. }
  646. .mce-notification-success {
  647. background-color: #dff0d8;
  648. border-color: #d6e9c6
  649. }
  650. .mce-notification-info {
  651. background-color: #d9edf7;
  652. border-color: #779ecb
  653. }
  654. .mce-notification-warning {
  655. background-color: #fcf8e3;
  656. border-color: #faebcc
  657. }
  658. .mce-notification-error {
  659. background-color: #f2dede;
  660. border-color: #ebccd1
  661. }
  662. .mce-notification.mce-has-close {
  663. padding-right: 15px
  664. }
  665. .mce-notification .mce-ico {
  666. margin-top: 5px
  667. }
  668. .mce-notification-inner {
  669. display: inline-block;
  670. font-size: 14px;
  671. margin: 5px 8px 4px 8px;
  672. text-align: center;
  673. white-space: normal;
  674. color: #31708f
  675. }
  676. .mce-notification-inner a {
  677. text-decoration: underline;
  678. cursor: pointer
  679. }
  680. .mce-notification .mce-progress {
  681. margin-right: 8px
  682. }
  683. .mce-notification .mce-progress .mce-text {
  684. margin-top: 5px
  685. }
  686. .mce-notification *,
  687. .mce-notification .mce-progress .mce-text {
  688. color: #333
  689. }
  690. .mce-notification .mce-progress .mce-bar-container {
  691. border-color: #ccc
  692. }
  693. .mce-notification .mce-progress .mce-bar-container .mce-bar {
  694. background-color: #333
  695. }
  696. .mce-notification-success *,
  697. .mce-notification-success .mce-progress .mce-text {
  698. color: #3c763d
  699. }
  700. .mce-notification-success .mce-progress .mce-bar-container {
  701. border-color: #d6e9c6
  702. }
  703. .mce-notification-success .mce-progress .mce-bar-container .mce-bar {
  704. background-color: #3c763d
  705. }
  706. .mce-notification-info *,
  707. .mce-notification-info .mce-progress .mce-text {
  708. color: #31708f
  709. }
  710. .mce-notification-info .mce-progress .mce-bar-container {
  711. border-color: #779ecb
  712. }
  713. .mce-notification-info .mce-progress .mce-bar-container .mce-bar {
  714. background-color: #31708f
  715. }
  716. .mce-notification-warning *,
  717. .mce-notification-warning .mce-progress .mce-text {
  718. color: #8a6d3b
  719. }
  720. .mce-notification-warning .mce-progress .mce-bar-container {
  721. border-color: #faebcc
  722. }
  723. .mce-notification-warning .mce-progress .mce-bar-container .mce-bar {
  724. background-color: #8a6d3b
  725. }
  726. .mce-notification-error *,
  727. .mce-notification-error .mce-progress .mce-text {
  728. color: #a94442
  729. }
  730. .mce-notification-error .mce-progress .mce-bar-container {
  731. border-color: #ebccd1
  732. }
  733. .mce-notification-error .mce-progress .mce-bar-container .mce-bar {
  734. background-color: #a94442
  735. }
  736. .mce-notification .mce-close {
  737. position: absolute;
  738. top: 6px;
  739. right: 8px;
  740. font-size: 20px;
  741. font-weight: bold;
  742. line-height: 20px;
  743. color: #8f8f8f;
  744. cursor: pointer;
  745. height: 20px;
  746. overflow: hidden
  747. }
  748. .mce-abs-layout {
  749. position: relative
  750. }
  751. body .mce-abs-layout-item,
  752. .mce-abs-end {
  753. position: absolute
  754. }
  755. .mce-abs-end {
  756. width: 1px;
  757. height: 1px
  758. }
  759. .mce-container-body.mce-abs-layout {
  760. overflow: hidden
  761. }
  762. .mce-btn {
  763. border: 1px solid #eaebec;
  764. border-color: #cfd3d6 #cfd3d6 #cfd3d6 #cfd3d6;
  765. position: relative;
  766. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  767. display: inline-block;
  768. *display: inline;
  769. *zoom: 1;
  770. -webkit-border-radius: 3px;
  771. -moz-border-radius: 3px;
  772. border-radius: 3px;
  773. background-color: #fbfbfb
  774. margin-bottom: 2px;
  775. }
  776. .mce-btn:hover,
  777. .mce-btn:focus {
  778. color: #333;
  779. background-color: #eee;
  780. border-color: #ccc
  781. }
  782. .mce-btn.mce-disabled button,
  783. .mce-btn.mce-disabled:hover button {
  784. cursor: default;
  785. opacity: .4;
  786. filter: alpha(opacity=40);
  787. zoom: 1
  788. }
  789. .mce-btn.mce-active,
  790. .mce-btn.mce-active:hover {
  791. background-color: #e7e7e7;
  792. border-color: #ccc
  793. }
  794. .mce-btn:active {
  795. background-color: #ebebeb;
  796. border-color: #ccc
  797. }
  798. .mce-btn button {
  799. padding: 5px 10px;
  800. font-size: 14px;
  801. line-height: 20px;
  802. *line-height: 16px;
  803. cursor: pointer;
  804. color: #333;
  805. text-align: center;
  806. overflow: visible;
  807. -webkit-appearance: none
  808. }
  809. .mce-btn button::-moz-focus-inner {
  810. border: 0;
  811. padding: 0
  812. }
  813. .mce-btn i {
  814. text-shadow: 1px 1px #fff
  815. }
  816. .mce-primary {
  817. min-width: 50px;
  818. color: #fff;
  819. border: 1px solid transparent;
  820. border-color: transparent;
  821. background-color: #1b2531
  822. }
  823. .mce-primary:hover,
  824. .mce-primary:focus {
  825. background-color: #121921;
  826. border-color: transparent
  827. }
  828. .mce-primary.mce-disabled button,
  829. .mce-primary.mce-disabled:hover button {
  830. cursor: default;
  831. opacity: .4;
  832. filter: alpha(opacity=40);
  833. zoom: 1
  834. }
  835. .mce-primary.mce-active,
  836. .mce-primary.mce-active:hover,
  837. .mce-primary:not(.mce-disabled):active {
  838. background-color: #090c10
  839. }
  840. .mce-primary button,
  841. .mce-primary button i {
  842. color: #fff;
  843. text-shadow: 1px 1px #333
  844. }
  845. .mce-btn .mce-txt {
  846. font-size: inherit;
  847. line-height: inherit;
  848. color: inherit
  849. }
  850. .mce-btn-large button {
  851. padding: 9px 14px;
  852. font-size: 16px;
  853. line-height: normal;
  854. -webkit-border-radius: 3px;
  855. -moz-border-radius: 3px;
  856. border-radius: 3px
  857. }
  858. .mce-btn-large i {
  859. margin-top: 2px
  860. }
  861. .mce-btn-small button {
  862. padding: 1px 5px;
  863. font-size: 12px;
  864. *padding-bottom: 2px
  865. }
  866. .mce-btn-small i {
  867. line-height: 20px;
  868. vertical-align: top;
  869. *line-height: 18px
  870. }
  871. .mce-btn .mce-caret {
  872. margin-top: 8px;
  873. margin-left: 0
  874. }
  875. .mce-btn-small .mce-caret {
  876. margin-top: 8px;
  877. margin-left: 0
  878. }
  879. .mce-caret {
  880. display: inline-block;
  881. *display: inline;
  882. *zoom: 1;
  883. width: 0;
  884. height: 0;
  885. vertical-align: top;
  886. border-top: 4px solid #333;
  887. border-right: 4px solid transparent;
  888. border-left: 4px solid transparent;
  889. content: ""
  890. }
  891. .mce-disabled .mce-caret {
  892. border-top-color: #aaa
  893. }
  894. .mce-caret.mce-up {
  895. border-bottom: 4px solid #333;
  896. border-top: 0
  897. }
  898. .mce-btn-flat {
  899. border: 0;
  900. background: transparent;
  901. -webkit-border-radius: 0;
  902. -moz-border-radius: 0;
  903. border-radius: 0;
  904. filter: none
  905. }
  906. .mce-btn-flat:hover,
  907. .mce-btn-flat.mce-active,
  908. .mce-btn-flat:focus,
  909. .mce-btn-flat:active {
  910. border: 0;
  911. background: #e6e6e6;
  912. filter: none
  913. }
  914. .mce-btn-has-text .mce-ico {
  915. padding-right: 5px
  916. }
  917. .mce-rtl .mce-btn button {
  918. direction: rtl
  919. }
  920. .mce-btn-group .mce-btn {
  921. border-width: 1px;
  922. margin: 0;
  923. margin-bottom: 2px;
  924. -webkit-border-radius: 0;
  925. -moz-border-radius: 0;
  926. border-radius: 0;
  927. margin-left: 2px
  928. }
  929. .mce-btn-group:not(:first-child) {
  930. border-left: 1px solid #d9d9d9;
  931. padding-left: 3px;
  932. margin-left: 3px
  933. }
  934. .mce-btn-group .mce-first {
  935. -webkit-border-radius: 3px 0 0 3px;
  936. -moz-border-radius: 3px 0 0 3px;
  937. border-radius: 3px 0 0 3px;
  938. margin-left: 0
  939. }
  940. .mce-btn-group .mce-last {
  941. -webkit-border-radius: 0 3px 3px 0;
  942. -moz-border-radius: 0 3px 3px 0;
  943. border-radius: 0 3px 3px 0
  944. }
  945. .mce-btn-group .mce-first.mce-last {
  946. -webkit-border-radius: 3px;
  947. -moz-border-radius: 3px;
  948. border-radius: 3px
  949. }
  950. .mce-btn-group .mce-btn.mce-flow-layout-item {
  951. margin: 0
  952. }
  953. .mce-rtl .mce-btn-group .mce-btn {
  954. margin-left: 0;
  955. margin-right: 2px
  956. }
  957. .mce-rtl .mce-btn-group .mce-first {
  958. margin-right: 0
  959. }
  960. .mce-rtl .mce-btn-group:not(:first-child) {
  961. border-left: none;
  962. border-right: 1px solid #d9d9d9;
  963. padding-right: 4px;
  964. margin-right: 4px
  965. }
  966. .mce-checkbox {
  967. cursor: pointer
  968. }
  969. i.mce-i-checkbox {
  970. margin: 0 3px 0 0;
  971. border: 1px solid #cfd3d6;
  972. -webkit-border-radius: 3px;
  973. -moz-border-radius: 3px;
  974. border-radius: 3px;
  975. background-color: #fbfbfb;
  976. text-indent: -10em;
  977. *font-size: 0;
  978. *line-height: 0;
  979. *text-indent: 0;
  980. overflow: hidden
  981. }
  982. .mce-checked i.mce-i-checkbox {
  983. color: #333;
  984. font-size: 16px;
  985. line-height: 16px;
  986. text-indent: 0
  987. }
  988. .mce-checkbox:focus i.mce-i-checkbox,
  989. .mce-checkbox.mce-focus i.mce-i-checkbox {
  990. border: 1px solid #cfd3d6
  991. }
  992. .mce-checkbox.mce-disabled .mce-label,
  993. .mce-checkbox.mce-disabled i.mce-i-checkbox {
  994. color: #afafaf
  995. }
  996. .mce-checkbox .mce-label {
  997. vertical-align: middle
  998. }
  999. .mce-rtl .mce-checkbox {
  1000. direction: rtl;
  1001. text-align: right
  1002. }
  1003. .mce-rtl i.mce-i-checkbox {
  1004. margin: 0 0 0 3px
  1005. }
  1006. .mce-combobox {
  1007. display: inline-block;
  1008. *display: inline;
  1009. *zoom: 1;
  1010. -webkit-border-radius: 3px;
  1011. -moz-border-radius: 3px;
  1012. border-radius: 3px;
  1013. *height: 32px
  1014. }
  1015. .mce-combobox input {
  1016. border: 1px solid #c5c5c5;
  1017. border-right-color: #c5c5c5;
  1018. height: 28px
  1019. }
  1020. .mce-combobox.mce-disabled input {
  1021. color: #b5b5b5
  1022. }
  1023. .mce-combobox.mce-has-open input {
  1024. -webkit-border-radius: 3px 0 0 3px;
  1025. -moz-border-radius: 3px 0 0 3px;
  1026. border-radius: 3px 0 0 3px
  1027. }
  1028. .mce-combobox .mce-btn {
  1029. border: 1px solid #c5c5c5;
  1030. border-left: 0;
  1031. -webkit-border-radius: 0 3px 3px 0;
  1032. -moz-border-radius: 0 3px 3px 0;
  1033. border-radius: 0 3px 3px 0
  1034. }
  1035. .mce-combobox button {
  1036. padding-right: 8px;
  1037. padding-left: 8px
  1038. }
  1039. .mce-combobox.mce-disabled .mce-btn button {
  1040. cursor: default;
  1041. opacity: .4;
  1042. filter: alpha(opacity=40);
  1043. zoom: 1
  1044. }
  1045. .mce-colorbox i {
  1046. border: 1px solid #c5c5c5;
  1047. width: 14px;
  1048. height: 14px
  1049. }
  1050. .mce-colorbutton .mce-ico {
  1051. position: relative
  1052. }
  1053. .mce-colorbutton-grid {
  1054. margin: 4px
  1055. }
  1056. .mce-colorbutton button {
  1057. padding-right: 6px;
  1058. padding-left: 6px
  1059. }
  1060. .mce-colorbutton .mce-preview {
  1061. padding-right: 3px;
  1062. display: block;
  1063. position: absolute;
  1064. left: 50%;
  1065. top: 50%;
  1066. margin-left: -17px;
  1067. margin-top: 7px;
  1068. background: gray;
  1069. width: 13px;
  1070. height: 2px;
  1071. overflow: hidden
  1072. }
  1073. .mce-colorbutton.mce-btn-small .mce-preview {
  1074. margin-left: -16px;
  1075. padding-right: 0;
  1076. width: 16px
  1077. }
  1078. .mce-colorbutton .mce-open {
  1079. padding-left: 4px;
  1080. padding-right: 4px;
  1081. border-left: 1px solid transparent
  1082. }
  1083. .mce-colorbutton:hover .mce-open {
  1084. border-color: #ccc
  1085. }
  1086. .mce-colorbutton.mce-btn-small .mce-open {
  1087. padding: 0 3px 0 3px
  1088. }
  1089. .mce-rtl .mce-colorbutton {
  1090. direction: rtl
  1091. }
  1092. .mce-rtl .mce-colorbutton .mce-preview {
  1093. margin-left: 0;
  1094. padding-right: 0;
  1095. padding-left: 3px
  1096. }
  1097. .mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
  1098. margin-left: 0;
  1099. padding-right: 0;
  1100. padding-left: 2px
  1101. }
  1102. .mce-rtl .mce-colorbutton .mce-open {
  1103. padding-left: 4px;
  1104. padding-right: 4px;
  1105. border-left: 0
  1106. }
  1107. .mce-colorpicker {
  1108. position: relative;
  1109. width: 250px;
  1110. height: 220px
  1111. }
  1112. .mce-colorpicker-sv {
  1113. position: absolute;
  1114. top: 0;
  1115. left: 0;
  1116. width: 90%;
  1117. height: 100%;
  1118. border: 1px solid #c5c5c5;
  1119. cursor: crosshair;
  1120. overflow: hidden
  1121. }
  1122. .mce-colorpicker-h-chunk {
  1123. width: 100%
  1124. }
  1125. .mce-colorpicker-overlay1,
  1126. .mce-colorpicker-overlay2 {
  1127. width: 100%;
  1128. height: 100%;
  1129. position: absolute;
  1130. top: 0;
  1131. left: 0
  1132. }
  1133. .mce-colorpicker-overlay1 {
  1134. filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
  1135. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  1136. background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
  1137. }
  1138. .mce-colorpicker-overlay2 {
  1139. filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
  1140. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  1141. background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
  1142. }
  1143. .mce-colorpicker-selector1 {
  1144. background: none;
  1145. position: absolute;
  1146. width: 12px;
  1147. height: 12px;
  1148. margin: -8px 0 0 -8px;
  1149. border: 1px solid black;
  1150. border-radius: 50%
  1151. }
  1152. .mce-colorpicker-selector2 {
  1153. position: absolute;
  1154. width: 10px;
  1155. height: 10px;
  1156. border: 1px solid white;
  1157. border-radius: 50%
  1158. }
  1159. .mce-colorpicker-h {
  1160. position: absolute;
  1161. top: 0;
  1162. right: 0;
  1163. width: 6.5%;
  1164. height: 100%;
  1165. border: 1px solid #c5c5c5;
  1166. cursor: crosshair
  1167. }
  1168. .mce-colorpicker-h-marker {
  1169. margin-top: -4px;
  1170. position: absolute;
  1171. top: 0;
  1172. left: -1px;
  1173. width: 100%;
  1174. border: 1px solid #333;
  1175. background: #fff;
  1176. height: 4px;
  1177. z-index: 100
  1178. }
  1179. .mce-path {
  1180. display: inline-block;
  1181. *display: inline;
  1182. *zoom: 1;
  1183. padding: 8px;
  1184. white-space: normal
  1185. }
  1186. .mce-path .mce-txt {
  1187. display: inline-block;
  1188. padding-right: 3px
  1189. }
  1190. .mce-path .mce-path-body {
  1191. display: inline-block
  1192. }
  1193. .mce-path-item {
  1194. display: inline-block;
  1195. *display: inline;
  1196. *zoom: 1;
  1197. cursor: pointer;
  1198. color: #454545
  1199. }
  1200. .mce-path-item:hover {
  1201. text-decoration: underline
  1202. }
  1203. .mce-path-item:focus {
  1204. background: #666;
  1205. color: #fff
  1206. }
  1207. .mce-path .mce-divider {
  1208. display: inline
  1209. }
  1210. .mce-disabled .mce-path-item {
  1211. color: #aaa
  1212. }
  1213. .mce-rtl .mce-path {
  1214. direction: rtl
  1215. }
  1216. .mce-fieldset {
  1217. border: 0 solid #9E9E9E;
  1218. -webkit-border-radius: 3px;
  1219. -moz-border-radius: 3px;
  1220. border-radius: 3px
  1221. }
  1222. .mce-fieldset>.mce-container-body {
  1223. margin-top: -15px
  1224. }
  1225. .mce-fieldset-title {
  1226. margin-left: 5px;
  1227. padding: 0 5px 0 5px
  1228. }
  1229. .mce-fit-layout {
  1230. display: inline-block;
  1231. *display: inline;
  1232. *zoom: 1
  1233. }
  1234. .mce-fit-layout-item {
  1235. position: absolute
  1236. }
  1237. .mce-flow-layout-item {
  1238. display: inline-block;
  1239. *display: inline;
  1240. *zoom: 1
  1241. }
  1242. .mce-flow-layout-item {
  1243. margin: 2px 0 2px 2px
  1244. }
  1245. .mce-flow-layout-item.mce-last {
  1246. margin-right: 2px
  1247. }
  1248. .mce-flow-layout {
  1249. white-space: normal
  1250. }
  1251. .mce-tinymce-inline .mce-flow-layout {
  1252. white-space: nowrap
  1253. }
  1254. .mce-rtl .mce-flow-layout {
  1255. text-align: right;
  1256. direction: rtl
  1257. }
  1258. .mce-rtl .mce-flow-layout-item {
  1259. margin: 2px 2px 2px 0
  1260. }
  1261. .mce-rtl .mce-flow-layout-item.mce-last {
  1262. margin-left: 2px
  1263. }
  1264. .mce-iframe {
  1265. border: 0 solid #cfd3d6;
  1266. width: 100%;
  1267. height: 100%
  1268. }
  1269. .mce-label {
  1270. display: inline-block;
  1271. *display: inline;
  1272. *zoom: 1;
  1273. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1274. overflow: hidden
  1275. }
  1276. .mce-label.mce-autoscroll {
  1277. overflow: auto
  1278. }
  1279. .mce-label.mce-disabled {
  1280. color: #aaa
  1281. }
  1282. .mce-label.mce-multiline {
  1283. white-space: pre-wrap
  1284. }
  1285. .mce-label.mce-error {
  1286. color: #a00
  1287. }
  1288. .mce-rtl .mce-label {
  1289. text-align: right;
  1290. direction: rtl
  1291. }
  1292. .mce-menubar .mce-menubtn {
  1293. border-color: transparent;
  1294. background: transparent;
  1295. -webkit-border-radius: 0;
  1296. -moz-border-radius: 0;
  1297. border-radius: 0;
  1298. filter: none
  1299. }
  1300. .mce-menubar .mce-menubtn button {
  1301. color:
  1302. }
  1303. .mce-menubar {
  1304. border: 1px solid #dee1e2
  1305. }
  1306. .mce-menubar .mce-menubtn button span {
  1307. color: #454545
  1308. }
  1309. .mce-menubar .mce-caret {
  1310. border-top-color: #454545
  1311. }
  1312. .mce-menubar .mce-menubtn:hover,
  1313. .mce-menubar .mce-menubtn.mce-active,
  1314. .mce-menubar .mce-menubtn:focus {
  1315. border-color: #ccc;
  1316. background: #fff;
  1317. filter: none
  1318. }
  1319. .mce-menubtn button {
  1320. color: #333
  1321. }
  1322. .mce-menubtn.mce-btn-small span {
  1323. font-size: 12px
  1324. }
  1325. .mce-menubtn.mce-fixed-width span {
  1326. display: inline-block;
  1327. overflow-x: hidden;
  1328. text-overflow: ellipsis;
  1329. width: 90px
  1330. }
  1331. .mce-menubtn.mce-fixed-width.mce-btn-small span {
  1332. width: 70px
  1333. }
  1334. .mce-menubtn .mce-caret {
  1335. *margin-top: 6px
  1336. }
  1337. .mce-rtl .mce-menubtn button {
  1338. direction: rtl;
  1339. text-align: right
  1340. }
  1341. .mce-menu-item {
  1342. display: block;
  1343. padding: 6px 15px 6px 12px;
  1344. clear: both;
  1345. font-weight: normal;
  1346. line-height: 20px;
  1347. color: #333;
  1348. white-space: nowrap;
  1349. cursor: pointer;
  1350. line-height: normal;
  1351. border-left: 4px solid transparent;
  1352. margin-bottom: 1px
  1353. }
  1354. .mce-menu-item .mce-ico,
  1355. .mce-menu-item .mce-text {
  1356. color: #333
  1357. }
  1358. .mce-menu-item.mce-disabled .mce-text,
  1359. .mce-menu-item.mce-disabled .mce-ico {
  1360. color: #adadad
  1361. }
  1362. .mce-menu-item:hover .mce-text,
  1363. .mce-menu-item.mce-selected .mce-text,
  1364. .mce-menu-item:focus .mce-text {
  1365. color: #333
  1366. }
  1367. .mce-menu-item:hover .mce-ico,
  1368. .mce-menu-item.mce-selected .mce-ico,
  1369. .mce-menu-item:focus .mce-ico {
  1370. color: #333
  1371. }
  1372. .mce-menu-item.mce-disabled:hover {
  1373. background: #ccc
  1374. }
  1375. .mce-menu-shortcut {
  1376. display: inline-block;
  1377. color: #adadad
  1378. }
  1379. .mce-menu-shortcut {
  1380. display: inline-block;
  1381. *display: inline;
  1382. *zoom: 1;
  1383. padding: 0 15px 0 20px
  1384. }
  1385. .mce-menu-item:hover .mce-menu-shortcut,
  1386. .mce-menu-item.mce-selected .mce-menu-shortcut,
  1387. .mce-menu-item:focus .mce-menu-shortcut {
  1388. color: #333
  1389. }
  1390. .mce-menu-item .mce-caret {
  1391. margin-top: 4px;
  1392. *margin-top: 3px;
  1393. margin-right: 6px;
  1394. border-top: 4px solid transparent;
  1395. border-bottom: 4px solid transparent;
  1396. border-left: 4px solid #333
  1397. }
  1398. .mce-menu-item.mce-selected .mce-caret,
  1399. .mce-menu-item:focus .mce-caret,
  1400. .mce-menu-item:hover .mce-caret {
  1401. border-left-color: #333
  1402. }
  1403. .mce-menu-align .mce-menu-shortcut {
  1404. *margin-top: -2px
  1405. }
  1406. .mce-menu-align .mce-menu-shortcut,
  1407. .mce-menu-align .mce-caret {
  1408. position: absolute;
  1409. right: 0
  1410. }
  1411. .mce-menu-item.mce-active i {
  1412. visibility: visible
  1413. }
  1414. .mce-menu-item-normal.mce-active {
  1415. background-color: #f5f5f5
  1416. }
  1417. .mce-menu-item-preview.mce-active {
  1418. border-left: 5px solid #cfd3d6
  1419. }
  1420. .mce-menu-item-normal.mce-active .mce-text {
  1421. color: #333
  1422. }
  1423. .mce-menu-item-normal.mce-active:hover .mce-text,
  1424. .mce-menu-item-normal.mce-active:hover .mce-ico {
  1425. color: #333
  1426. }
  1427. .mce-menu-item-normal.mce-active:focus .mce-text,
  1428. .mce-menu-item-normal.mce-active:focus .mce-ico {
  1429. color: #333
  1430. }
  1431. .mce-menu-item:hover,
  1432. .mce-menu-item.mce-selected,
  1433. .mce-menu-item:focus {
  1434. text-decoration: none;
  1435. color: #333;
  1436. background-color: #f5f5f5
  1437. }
  1438. div.mce-menu .mce-menu-item-sep,
  1439. .mce-menu-item-sep:hover {
  1440. border: 0;
  1441. padding: 0;
  1442. height: 1px;
  1443. margin: 9px 1px;
  1444. overflow: hidden;
  1445. background: #cfd3d6;
  1446. border-bottom: 1px solid #fff;
  1447. cursor: default;
  1448. filter: none
  1449. }
  1450. .mce-menu.mce-rtl {
  1451. direction: rtl
  1452. }
  1453. .mce-rtl .mce-menu-item {
  1454. text-align: right;
  1455. direction: rtl;
  1456. padding: 6px 12px 6px 15px
  1457. }
  1458. .mce-menu-align.mce-rtl .mce-menu-shortcut,
  1459. .mce-menu-align.mce-rtl .mce-caret {
  1460. right: auto;
  1461. left: 0
  1462. }
  1463. .mce-rtl .mce-menu-item .mce-caret {
  1464. margin-left: 6px;
  1465. margin-right: 0;
  1466. border-right: 4px solid #333;
  1467. border-left: 0
  1468. }
  1469. .mce-rtl .mce-menu-item.mce-selected .mce-caret,
  1470. .mce-rtl .mce-menu-item:focus .mce-caret,
  1471. .mce-rtl .mce-menu-item:hover .mce-caret {
  1472. border-left-color: transparent;
  1473. border-right-color: #333
  1474. }
  1475. .mce-menu {
  1476. position: absolute;
  1477. left: 0;
  1478. top: 0;
  1479. filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
  1480. background: transparent;
  1481. z-index: 1000;
  1482. padding: 5px 0 5px 0;
  1483. margin: -1px 0 0;
  1484. min-width: 160px;
  1485. background: #fff;
  1486. border: 1px solid #a9b1b7;
  1487. border: 1px solid #cfd3d6;
  1488. z-index: 1002;
  1489. -webkit-border-radius: 3px;
  1490. -moz-border-radius: 3px;
  1491. border-radius: 3px;
  1492. max-height: 400px;
  1493. overflow: auto;
  1494. overflow-x: hidden
  1495. }
  1496. .mce-menu i {
  1497. display: none
  1498. }
  1499. .mce-menu-has-icons i {
  1500. display: inline-block;
  1501. *display: inline
  1502. }
  1503. .mce-menu-sub-tr-tl {
  1504. margin: -6px 0 0 -1px
  1505. }
  1506. .mce-menu-sub-br-bl {
  1507. margin: 6px 0 0 -1px
  1508. }
  1509. .mce-menu-sub-tl-tr {
  1510. margin: -6px 0 0 1px
  1511. }
  1512. .mce-menu-sub-bl-br {
  1513. margin: 6px 0 0 1px
  1514. }
  1515. .mce-listbox button {
  1516. text-align: left;
  1517. padding-right: 20px;
  1518. position: relative
  1519. }
  1520. .mce-listbox .mce-caret {
  1521. position: absolute;
  1522. margin-top: -2px;
  1523. right: 8px;
  1524. top: 50%
  1525. }
  1526. .mce-rtl .mce-listbox .mce-caret {
  1527. right: auto;
  1528. left: 8px
  1529. }
  1530. .mce-rtl .mce-listbox button {
  1531. padding-right: 10px;
  1532. padding-left: 20px
  1533. }
  1534. .mce-container-body .mce-resizehandle {
  1535. position: absolute;
  1536. right: 0;
  1537. bottom: 0;
  1538. width: 16px;
  1539. height: 16px;
  1540. visibility: visible;
  1541. cursor: s-resize;
  1542. margin: 0
  1543. }
  1544. .mce-container-body .mce-resizehandle-both {
  1545. cursor: se-resize
  1546. }
  1547. i.mce-i-resize {
  1548. color: #454545
  1549. }
  1550. .mce-selectbox {
  1551. background: #fff;
  1552. border: 1px solid #c5c5c5
  1553. }
  1554. .mce-slider {
  1555. -webkit-border-radius: 3px;
  1556. -moz-border-radius: 3px;
  1557. border-radius: 3px;
  1558. border: 1px solid #aaa;
  1559. background: #eee;
  1560. width: 100px;
  1561. height: 10px;
  1562. position: relative;
  1563. display: block
  1564. }
  1565. .mce-slider.mce-vertical {
  1566. width: 10px;
  1567. height: 100px
  1568. }
  1569. .mce-slider-handle {
  1570. -webkit-border-radius: 3px;
  1571. -moz-border-radius: 3px;
  1572. border-radius: 3px;
  1573. border: 1px solid #bbb;
  1574. background: #ddd;
  1575. display: block;
  1576. width: 13px;
  1577. height: 13px;
  1578. position: absolute;
  1579. top: 0;
  1580. left: 0;
  1581. margin-left: -1px;
  1582. margin-top: -2px
  1583. }
  1584. .mce-spacer {
  1585. visibility: hidden
  1586. }
  1587. .mce-splitbtn .mce-open {
  1588. border-left: 1px solid transparent
  1589. }
  1590. .mce-splitbtn:hover .mce-open {
  1591. border-left-color: #ccc
  1592. }
  1593. .mce-splitbtn button {
  1594. padding-right: 6px;
  1595. padding-left: 6px
  1596. }
  1597. .mce-splitbtn .mce-open {
  1598. padding-right: 4px;
  1599. padding-left: 4px
  1600. }
  1601. .mce-splitbtn .mce-open.mce-active {
  1602. background-color: #e7e7e7;
  1603. outline: 1px solid #ccc
  1604. }
  1605. .mce-splitbtn.mce-btn-small .mce-open {
  1606. padding: 0 3px 0 3px
  1607. }
  1608. .mce-rtl .mce-splitbtn {
  1609. direction: rtl;
  1610. text-align: right
  1611. }
  1612. .mce-rtl .mce-splitbtn button {
  1613. padding-right: 4px;
  1614. padding-left: 4px
  1615. }
  1616. .mce-rtl .mce-splitbtn .mce-open {
  1617. border-left: 0
  1618. }
  1619. .mce-stack-layout-item {
  1620. display: block
  1621. }
  1622. .mce-tabs {
  1623. display: block;
  1624. border-bottom: 1px solid #c5c5c5
  1625. }
  1626. .mce-tabs,
  1627. .mce-tabs+.mce-container-body {
  1628. background: #fff
  1629. }
  1630. .mce-tab {
  1631. display: inline-block;
  1632. *display: inline;
  1633. *zoom: 1;
  1634. border: 1px solid #c5c5c5;
  1635. border-width: 0 1px 0 0;
  1636. background: #e3e3e3;
  1637. padding: 8px;
  1638. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1639. height: 13px;
  1640. cursor: pointer
  1641. }
  1642. .mce-tab:hover {
  1643. background: #fdfdfd
  1644. }
  1645. .mce-tab.mce-active {
  1646. background: #fdfdfd;
  1647. border-bottom-color: transparent;
  1648. margin-bottom: -1px;
  1649. height: 14px
  1650. }
  1651. .mce-rtl .mce-tabs {
  1652. text-align: right;
  1653. direction: rtl
  1654. }
  1655. .mce-rtl .mce-tab {
  1656. border-width: 0 0 0 1px
  1657. }
  1658. .mce-textbox {
  1659. background: #fff;
  1660. border: 1px solid #c5c5c5;
  1661. -webkit-border-radius: 3px;
  1662. -moz-border-radius: 3px;
  1663. border-radius: 3px;
  1664. display: inline-block;
  1665. -webkit-transition: border linear .2s, box-shadow linear .2s;
  1666. transition: border linear .2s, box-shadow linear .2s;
  1667. height: 28px;
  1668. resize: none;
  1669. padding: 0 4px 0 4px;
  1670. white-space: pre-wrap;
  1671. *white-space: pre;
  1672. color: #454545
  1673. }
  1674. .mce-textbox:focus,
  1675. .mce-textbox.mce-focus {
  1676. border-color: #59a5e1
  1677. }
  1678. .mce-placeholder .mce-textbox {
  1679. color: #aaa
  1680. }
  1681. .mce-textbox.mce-multiline {
  1682. padding: 4px;
  1683. height: auto
  1684. }
  1685. .mce-textbox.mce-disabled {
  1686. color: #b5b5b5
  1687. }
  1688. .mce-rtl .mce-textbox {
  1689. text-align: right;
  1690. direction: rtl
  1691. }
  1692. .mce-throbber {
  1693. position: absolute;
  1694. top: 0;
  1695. left: 0;
  1696. width: 100%;
  1697. height: 100%;
  1698. opacity: .6;
  1699. filter: alpha(opacity=60);
  1700. zoom: 1;
  1701. background: #fff url('img/loader.gif') no-repeat center center
  1702. }
  1703. .mce-throbber-inline {
  1704. position: static;
  1705. height: 50px
  1706. }
  1707. @font-face {
  1708. font-family: 'tinymce';
  1709. src: url('fonts/tinymce.eot');
  1710. src: url('fonts/tinymce.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce.woff') format('woff'), url('fonts/tinymce.ttf') format('truetype'), url('fonts/tinymce.svg#tinymce') format('svg');
  1711. font-weight: normal;
  1712. font-style: normal
  1713. }
  1714. @font-face {
  1715. font-family: 'tinymce-small';
  1716. src: url('fonts/tinymce-small.eot');
  1717. src: url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'), url('fonts/tinymce-small.woff') format('woff'), url('fonts/tinymce-small.ttf') format('truetype'), url('fonts/tinymce-small.svg#tinymce') format('svg');
  1718. font-weight: normal;
  1719. font-style: normal
  1720. }
  1721. .mce-ico {
  1722. font-family: 'tinymce', Arial;
  1723. font-style: normal;
  1724. font-weight: normal;
  1725. font-variant: normal;
  1726. font-size: 16px;
  1727. line-height: 20px;
  1728. speak: none;
  1729. vertical-align: text-top;
  1730. -webkit-font-smoothing: antialiased;
  1731. -moz-osx-font-smoothing: grayscale;
  1732. display: inline-block;
  1733. background: transparent center center;
  1734. background-size: cover;
  1735. width: 16px;
  1736. height: 16px;
  1737. color: #333
  1738. }
  1739. .mce-btn-small .mce-ico {
  1740. font-family: 'tinymce-small', Arial
  1741. }
  1742. .mce-i-save:before {
  1743. content: "\e000"
  1744. }
  1745. .mce-i-newdocument:before {
  1746. content: "\e001"
  1747. }
  1748. .mce-i-fullpage:before {
  1749. content: "\e002"
  1750. }
  1751. .mce-i-alignleft:before {
  1752. content: "\e003"
  1753. }
  1754. .mce-i-aligncenter:before {
  1755. content: "\e004"
  1756. }
  1757. .mce-i-alignright:before {
  1758. content: "\e005"
  1759. }
  1760. .mce-i-alignjustify:before {
  1761. content: "\e006"
  1762. }
  1763. .mce-i-alignnone:before {
  1764. content: "\e003"
  1765. }
  1766. .mce-i-cut:before {
  1767. content: "\e007"
  1768. }
  1769. .mce-i-paste:before {
  1770. content: "\e008"
  1771. }
  1772. .mce-i-searchreplace:before {
  1773. content: "\e009"
  1774. }
  1775. .mce-i-bullist:before {
  1776. content: "\e00a"
  1777. }
  1778. .mce-i-numlist:before {
  1779. content: "\e00b"
  1780. }
  1781. .mce-i-indent:before {
  1782. content: "\e00c"
  1783. }
  1784. .mce-i-outdent:before {
  1785. content: "\e00d"
  1786. }
  1787. .mce-i-blockquote:before {
  1788. content: "\e00e"
  1789. }
  1790. .mce-i-undo:before {
  1791. content: "\e00f"
  1792. }
  1793. .mce-i-redo:before {
  1794. content: "\e010"
  1795. }
  1796. .mce-i-link:before {
  1797. content: "\e011"
  1798. }
  1799. .mce-i-unlink:before {
  1800. content: "\e012"
  1801. }
  1802. .mce-i-anchor:before {
  1803. content: "\e013"
  1804. }
  1805. .mce-i-image:before {
  1806. content: "\e014"
  1807. }
  1808. .mce-i-media:before {
  1809. content: "\e015"
  1810. }
  1811. .mce-i-help:before {
  1812. content: "\e016"
  1813. }
  1814. .mce-i-code:before {
  1815. content: "\e017"
  1816. }
  1817. .mce-i-insertdatetime:before {
  1818. content: "\e018"
  1819. }
  1820. .mce-i-preview:before {
  1821. content: "\e019"
  1822. }
  1823. .mce-i-forecolor:before {
  1824. content: "\e01a"
  1825. }
  1826. .mce-i-backcolor:before {
  1827. content: "\e01a"
  1828. }
  1829. .mce-i-table:before {
  1830. content: "\e01b"
  1831. }
  1832. .mce-i-hr:before {
  1833. content: "\e01c"
  1834. }
  1835. .mce-i-removeformat:before {
  1836. content: "\e01d"
  1837. }
  1838. .mce-i-subscript:before {
  1839. content: "\e01e"
  1840. }
  1841. .mce-i-superscript:before {
  1842. content: "\e01f"
  1843. }
  1844. .mce-i-charmap:before {
  1845. content: "\e020"
  1846. }
  1847. .mce-i-emoticons:before {
  1848. content: "\e021"
  1849. }
  1850. .mce-i-print:before {
  1851. content: "\e022"
  1852. }
  1853. .mce-i-fullscreen:before {
  1854. content: "\e023"
  1855. }
  1856. .mce-i-spellchecker:before {
  1857. content: "\e024"
  1858. }
  1859. .mce-i-nonbreaking:before {
  1860. content: "\e025"
  1861. }
  1862. .mce-i-template:before {
  1863. content: "\e026"
  1864. }
  1865. .mce-i-pagebreak:before {
  1866. content: "\e027"
  1867. }
  1868. .mce-i-restoredraft:before {
  1869. content: "\e028"
  1870. }
  1871. .mce-i-untitled:before {
  1872. content: "\e029"
  1873. }
  1874. .mce-i-bold:before {
  1875. content: "\e02a"
  1876. }
  1877. .mce-i-italic:before {
  1878. content: "\e02b"
  1879. }
  1880. .mce-i-underline:before {
  1881. content: "\e02c"
  1882. }
  1883. .mce-i-strikethrough:before {
  1884. content: "\e02d"
  1885. }
  1886. .mce-i-visualchars:before {
  1887. content: "\e02e"
  1888. }
  1889. .mce-i-visualblocks:before {
  1890. content: "\e02e"
  1891. }
  1892. .mce-i-ltr:before {
  1893. content: "\e02f"
  1894. }
  1895. .mce-i-rtl:before {
  1896. content: "\e030"
  1897. }
  1898. .mce-i-copy:before {
  1899. content: "\e031"
  1900. }
  1901. .mce-i-resize:before {
  1902. content: "\e032"
  1903. }
  1904. .mce-i-browse:before {
  1905. content: "\e034"
  1906. }
  1907. .mce-i-pastetext:before {
  1908. content: "\e035"
  1909. }
  1910. .mce-i-rotateleft:before {
  1911. content: "\eaa8"
  1912. }
  1913. .mce-i-rotateright:before {
  1914. content: "\eaa9"
  1915. }
  1916. .mce-i-crop:before {
  1917. content: "\ee78"
  1918. }
  1919. .mce-i-editimage:before {
  1920. content: "\e914"
  1921. }
  1922. .mce-i-options:before {
  1923. content: "\ec6a"
  1924. }
  1925. .mce-i-flipv:before {
  1926. content: "\eaaa"
  1927. }
  1928. .mce-i-fliph:before {
  1929. content: "\eaac"
  1930. }
  1931. .mce-i-zoomin:before {
  1932. content: "\eb35"
  1933. }
  1934. .mce-i-zoomout:before {
  1935. content: "\eb36"
  1936. }
  1937. .mce-i-sun:before {
  1938. content: "\eccc"
  1939. }
  1940. .mce-i-moon:before {
  1941. content: "\eccd"
  1942. }
  1943. .mce-i-arrowleft:before {
  1944. content: "\edc0"
  1945. }
  1946. .mce-i-arrowright:before {
  1947. content: "\edb8"
  1948. }
  1949. .mce-i-drop:before {
  1950. content: "\e934"
  1951. }
  1952. .mce-i-contrast:before {
  1953. content: "\ecd4"
  1954. }
  1955. .mce-i-sharpen:before {
  1956. content: "\eba7"
  1957. }
  1958. .mce-i-palette:before {
  1959. content: "\e92a"
  1960. }
  1961. .mce-i-resize2:before {
  1962. content: "\edf9"
  1963. }
  1964. .mce-i-orientation:before {
  1965. content: "\e601"
  1966. }
  1967. .mce-i-invert:before {
  1968. content: "\e602"
  1969. }
  1970. .mce-i-gamma:before {
  1971. content: "\e600"
  1972. }
  1973. .mce-i-remove:before {
  1974. content: "\ed6a"
  1975. }
  1976. .mce-i-tablerowprops:before {
  1977. content: "\e604"
  1978. }
  1979. .mce-i-tablecellprops:before {
  1980. content: "\e605"
  1981. }
  1982. .mce-i-table2:before {
  1983. content: "\e606"
  1984. }
  1985. .mce-i-tablemergecells:before {
  1986. content: "\e607"
  1987. }
  1988. .mce-i-tableinsertcolbefore:before {
  1989. content: "\e608"
  1990. }
  1991. .mce-i-tableinsertcolafter:before {
  1992. content: "\e609"
  1993. }
  1994. .mce-i-tableinsertrowbefore:before {
  1995. content: "\e60a"
  1996. }
  1997. .mce-i-tableinsertrowafter:before {
  1998. content: "\e60b"
  1999. }
  2000. .mce-i-tablesplitcells:before {
  2001. content: "\e60d"
  2002. }
  2003. .mce-i-tabledelete:before {
  2004. content: "\e60e"
  2005. }
  2006. .mce-i-tableleftheader:before {
  2007. content: "\e62a"
  2008. }
  2009. .mce-i-tabletopheader:before {
  2010. content: "\e62b"
  2011. }
  2012. .mce-i-tabledeleterow:before {
  2013. content: "\e800"
  2014. }
  2015. .mce-i-tabledeletecol:before {
  2016. content: "\e801"
  2017. }
  2018. .mce-i-codesample:before {
  2019. content: "\e603"
  2020. }
  2021. .mce-i-checkbox:before,
  2022. .mce-i-selected:before {
  2023. content: "\e033"
  2024. }
  2025. .mce-i-selected {
  2026. visibility: hidden
  2027. }
  2028. i.mce-i-backcolor {
  2029. text-shadow: none;
  2030. background: #bbb
  2031. }