Editor.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* Editor
  2. *
  3. * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer)
  4. *
  5. * 1. Editor iframe container (default styling):
  6. * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding
  7. *
  8. * 2. hovered Editor iframe container (ie, mouse hover on editor)
  9. * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container
  10. *
  11. * 3. focused Editor iframe container (ie, mouse focus on the editor pane)
  12. * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused
  13. *
  14. * 3. disabled Editor iframe container
  15. * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border
  16. */
  17. @import "variables";
  18. .claro .dijitEditorIFrameContainer{
  19. padding:3px 3px 1px 10px;
  20. }
  21. .claro .dijitEditorIFrame {
  22. background-color: @textbox-background-color;
  23. }
  24. .claro .dijitEditor {
  25. border: 1px solid @border-color;
  26. }
  27. .claro .dijitEditor .dijitEditorIFrameContainer{
  28. background-color: @textbox-background-color;
  29. background-image: url('form/images/textBox_back.png');
  30. background-repeat:repeat-x;
  31. }
  32. .dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer{
  33. background-image: none;
  34. }
  35. .claro .dijitEditorHover .dijitEditorIFrameContainer,
  36. .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{
  37. background-color: @textbox-hovered-background-color;
  38. }
  39. .claro .dijitEditorFocused .dijitEditorIFrameContainer,
  40. .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{
  41. /* TODO: contradicts rule above, which background-color do you want? */
  42. background-color: @textbox-focused-background-color;
  43. }
  44. /* Disabled */
  45. .claro .dijitEditorDisabled {
  46. border: 1px solid @disabled-border-color;
  47. color: @disabled-text-color;
  48. }
  49. .claro .dijitDisabled .dijitEditorIFrame,
  50. .claro .dijitDisabled .dijitEditorIFrameContainer,
  51. .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
  52. background-color: @textbox-disabled-background-color;
  53. background-image: none;
  54. }