meditor.css 1.9 KB

123456789101112131415161718192021222324252627282930
  1. .meditor { z-index: 999; position: relative; }
  2. .meditor-editmode {
  3. float: right; font-family: monospace; border: none; font-weight: normal; font-size: 12px; z-index: 999; position: relative;
  4. padding: 5px; border: 1px solid #d2d0d0; border-radius: 5px; transition: all 0.3s; margin-top: -38px;
  5. }
  6. .meditor-editmode:hover { border-color: #b381bb; transition: none; color: #333; }
  7. .meditor-editmode:focus { transition: all 0.3s; }
  8. .meditor-editmode.markdown { border-color: #9C27B0; background-color: #9C27B0; color: white; }
  9. .meditor-markdown {
  10. width: 100%; font-family: monospace; font-size: 14px; line-height: 1.6; box-sizing: border-box; padding: 10px;
  11. border: 1px solid #bbb; border-radius: 3px; box-shadow: inset 0px 4px 5px -5px rgba(0, 0, 0, 0.4); overflow: hidden;
  12. }
  13. .ae-icon-h2:before { content: "T"; display: inline-block; line-height: 0px; vertical-align: 3px; font-size: 23px; font-family: serif; }
  14. .ae-icon-h3:before { content: "T"; display: inline-block; line-height: 0px; vertical-align: 4px; font-size: 16px; font-family: serif; }
  15. .ae-button:focus { outline: none }
  16. .ae-ui .ae-toolbar-styles, .ae-ui .ae-toolbar-add, .ae-ui .ae-toolbar { z-index: 999 }
  17. .ae-icon-inlinecode { font-family: monospace; font-size: 10px; word-break: break-all; line-height: 9px; padding: 4px; }
  18. .ae-icon-inlinecode:before { content: "0101"; }
  19. .ae-ui .ae-toolbar-add { transition: top 0.3s, opacity 0.3s; opacity: 0 !important; }
  20. .ae-ui .ae-toolbar-add.emptyline, .ae-ui .ae-toolbar-add:hover { opacity: 1 !important; }
  21. .ae-container-edit-link-target { display: none !important; }
  22. .cke_editable { outline: none; }
  23. h2.empty:before { content: "Heading"; color: #DDD; position: absolute; pointer-events: none; }
  24. h3.empty:before { content: "Sub-Heading"; color: #DDD; position: absolute; pointer-events: none; }
  25. .meditor hr:first-of-type { display: block !important; position: absolute; margin: 0px; border-bottom: 1px dashed #DEDEDE; width: 100% }