]>
Commit | Line | Data |
---|---|---|
81bea17a AD |
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 | .claro .dijitEditorIFrameContainer { | |
18 | padding: 3px 3px 1px 10px; | |
2f01fe57 AD |
19 | } |
20 | .claro .dijitEditorIFrame { | |
81bea17a | 21 | background-color: #ffffff; |
2f01fe57 AD |
22 | } |
23 | .claro .dijitEditor { | |
81bea17a | 24 | border: 1px solid #b5bcc7; |
2f01fe57 | 25 | } |
81bea17a AD |
26 | .claro .dijitEditor .dijitEditorIFrameContainer { |
27 | background-color: #ffffff; | |
1354d172 | 28 | background-image: url("form/images/textBox_back.png"); |
81bea17a | 29 | background-repeat: repeat-x; |
2f01fe57 | 30 | } |
81bea17a AD |
31 | .dj_ie6 .claro .dijitEditor .dijitEditorIFrameContainer { |
32 | background-image: none; | |
2f01fe57 | 33 | } |
81bea17a | 34 | .claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { |
1354d172 | 35 | background-color: #e5f2fe; |
2f01fe57 | 36 | } |
81bea17a AD |
37 | .claro .dijitEditorFocused .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { |
38 | /* TODO: contradicts rule above, which background-color do you want? */ | |
39 | ||
40 | background-color: #ffffff; | |
2f01fe57 | 41 | } |
81bea17a | 42 | /* Disabled */ |
2f01fe57 | 43 | .claro .dijitEditorDisabled { |
81bea17a AD |
44 | border: 1px solid #d3d3d3; |
45 | color: #818181; | |
2f01fe57 | 46 | } |
81bea17a AD |
47 | .claro .dijitDisabled .dijitEditorIFrame, .claro .dijitDisabled .dijitEditorIFrameContainer, .claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { |
48 | background-color: #efefef; | |
49 | background-image: none; | |
2f01fe57 | 50 | } |