easyimage.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .easyimage, .cke_widget_wrapper_easyimage {
  2. background: transparent;
  3. border: none;
  4. outline: 0px;
  5. display: block;
  6. padding: 0;
  7. clear: both;
  8. }
  9. .easyimage a > img {
  10. outline: none;
  11. border: 1px solid #0782C1;
  12. box-sizing: border-box;
  13. padding: 1px;
  14. }
  15. .cke_widget_wrapper_easyimage figure {
  16. margin: 0;
  17. }
  18. .easyimage img, .cke_widget_uploadeasyimage img {
  19. display: block;
  20. height: auto;
  21. margin: 0 auto;
  22. max-width: 100%;
  23. }
  24. .cke_widget_wrapper_easyimage-side, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-side) > .easyimage-side,
  25. .cke_widget_wrapper_easyimage-align-right, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-right) > .easyimage-align-right {
  26. float: right;
  27. max-width: 50%;
  28. min-width: 10em;
  29. margin-left: 1.5em;
  30. }
  31. body.cke_editable > .cke_widget_wrapper_easyimage-side {
  32. max-width: 50vw;
  33. }
  34. .cke_widget_wrapper_easyimage-align-left, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-left) > .easyimage-align-left {
  35. float: left;
  36. max-width: 50%;
  37. min-width: 10em;
  38. margin-right: 1.5em;
  39. }
  40. .cke_widget_wrapper_easyimage-align-center, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-center) > .easyimage-align-center {
  41. margin: 0 auto;
  42. max-width: 90%;
  43. }
  44. .easyimage .cke_widget_editable {
  45. background-color: #f7f7f7;
  46. border: 1px solid #f7f7f7;
  47. color: #333;
  48. padding: .8em;
  49. }
  50. .cke_widget_wrapper:hover .easyimage .cke_widget_editable {
  51. outline: 3px solid transparent;
  52. }
  53. .cke_widget_wrapper .easyimage .cke_widget_editable.cke_widget_editable_focused {
  54. background-color: #fff;
  55. border-color: #48a3f5;
  56. outline: none;
  57. }
  58. .cke_widget_element.easyimage {
  59. position: relative;
  60. }
  61. .cke_loader {
  62. position: absolute;
  63. top: 0px;
  64. left: 0px;
  65. right: 0px;
  66. }
  67. .cke_loader .cke_bar {
  68. height: 10px;
  69. background: #6a9ed1;
  70. width: 0;
  71. }
  72. .cke_widget_wrapper_easyimage:not(.cke_widget_wrapper_uploading) figure img {
  73. transition: opacity 0.3s ease-in-out;
  74. }
  75. .cke_widget_wrapper_easyimage.cke_widget_wrapper_uploading figure img {
  76. opacity: 0.75;
  77. }