1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /* Editor
- *
- * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer)
- *
- * 1. Editor iframe container (default styling):
- * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding
- *
- * 2. hovered Editor iframe container (ie, mouse hover on editor)
- * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container
- *
- * 3. focused Editor iframe container (ie, mouse focus on the editor pane)
- * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused
- *
- * 3. disabled Editor iframe container
- * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border
- */
- @import "variables";
- .claro .dijitEditorIFrameContainer{
- padding:3px 3px 1px 10px;
- }
- .claro .dijitEditorIFrame {
- background-color: @textbox-background-color;
- }
- .claro .dijitEditor {
- border: 1px solid @border-color;
- }
- .claro .dijitEditor .dijitEditorIFrameContainer{
- background-color: @textbox-background-color;
- background-image: url('form/images/textBox_back.png');
- background-repeat:repeat-x;
- }
- .dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer{
- background-image: none;
- }
- .claro .dijitEditorHover .dijitEditorIFrameContainer,
- .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame{
- background-color: @textbox-hovered-background-color;
- }
- .claro .dijitEditorFocused .dijitEditorIFrameContainer,
- .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame{
- /* TODO: contradicts rule above, which background-color do you want? */
- background-color: @textbox-focused-background-color;
- }
- /* Disabled */
- .claro .dijitEditorDisabled {
- border: 1px solid @disabled-border-color;
- color: @disabled-text-color;
- }
- .claro .dijitDisabled .dijitEditorIFrame,
- .claro .dijitDisabled .dijitEditorIFrameContainer,
- .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
- background-color: @textbox-disabled-background-color;
- background-image: none;
- }
|