]>
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; | |
81bea17a | 28 | background-repeat: repeat-x; |
2f01fe57 | 29 | } |
81bea17a | 30 | .claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { |
1354d172 | 31 | background-color: #e5f2fe; |
2f01fe57 | 32 | } |
81bea17a | 33 | .claro .dijitEditorFocused .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { |
81bea17a | 34 | background-color: #ffffff; |
2f01fe57 | 35 | } |
f0cfe83e AD |
36 | .claro .dijitEditorHover .dijitEditorIFrameContainer, .claro .dijitEditorFocused .dijitEditorIFrameContainer { |
37 | background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
38 | background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
39 | background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
40 | background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); | |
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 | } |