bootstrap-medium-editor.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .medium-toolbar-arrow-under:after {
  2. top: 60px;
  3. border-color: #338BB8 transparent transparent transparent; }
  4. .medium-toolbar-arrow-over:before {
  5. border-color: transparent transparent #338BB8 transparent; }
  6. .medium-editor-toolbar {
  7. border: 1px solid #357ebd;
  8. background-color: #338BB8;
  9. border-radius: 4px;
  10. -webkit-transition: top 0.075s ease-out, left 0.075s ease-out;
  11. transition: top 0.075s ease-out, left 0.075s ease-out; }
  12. .medium-editor-toolbar li button {
  13. min-width: 60px;
  14. height: 60px;
  15. border: none;
  16. border-right: 1px solid #357ebd;
  17. background-color: transparent;
  18. color: #fff;
  19. box-sizing: border-box;
  20. -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
  21. transition: background-color 0.2s ease-in, color 0.2s ease-in; }
  22. .medium-editor-toolbar li button:hover {
  23. background-color: #3276b1;
  24. color: #fff; }
  25. .medium-editor-toolbar li .medium-editor-button-first {
  26. border-top-left-radius: 4px;
  27. border-bottom-left-radius: 4px; }
  28. .medium-editor-toolbar li .medium-editor-button-last {
  29. border-right: none;
  30. border-top-right-radius: 4px;
  31. border-bottom-right-radius: 4px; }
  32. .medium-editor-toolbar li .medium-editor-button-active {
  33. background-color: #3276b1;
  34. color: #fff; }
  35. .medium-editor-toolbar-form {
  36. background: #338BB8;
  37. color: #fff;
  38. border-radius: 4px; }
  39. .medium-editor-toolbar-form .medium-editor-toolbar-input {
  40. height: 60px;
  41. background: #338BB8;
  42. color: #fff; }
  43. .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
  44. color: #fff;
  45. color: rgba(255, 255, 255, 0.8); }
  46. .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
  47. /* Firefox 18- */
  48. color: #fff;
  49. color: rgba(255, 255, 255, 0.8); }
  50. .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
  51. /* Firefox 19+ */
  52. color: #fff;
  53. color: rgba(255, 255, 255, 0.8); }
  54. .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
  55. color: #fff;
  56. color: rgba(255, 255, 255, 0.8); }
  57. .medium-editor-toolbar-form a {
  58. color: #fff; }
  59. .medium-editor-toolbar-anchor-preview {
  60. background: #338BB8;
  61. color: #fff;
  62. border-radius: 4px; }
  63. .medium-editor-placeholder:after {
  64. color: #357ebd; }