]>
Commit | Line | Data |
---|---|---|
81bea17a AD |
1 | /* TitlePane |
2 | * | |
3 | * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) | |
4 | * | |
5 | * TitlePane title: | |
6 | * 1. TitlePane title (default styling): | |
7 | * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border | |
8 | * | |
9 | * 2. hovered TitlePane title (ie, mouse hover on a title bar) | |
10 | * .dijitTitlePaneTitleHover - styles when mouse hover on the title div | |
11 | * | |
12 | * 3. active TitlePane title (ie, mouse down on a title bar) | |
13 | * .dijitTitlePaneTitleActive - styles when mouse down on the title div | |
14 | * | |
15 | * | |
16 | * TitlePane Content Container: | |
17 | * 1. outer/inner container: | |
18 | * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div | |
19 | */ | |
2f01fe57 | 20 | .claro .dijitTitlePaneTitle { |
81bea17a AD |
21 | background-color: #efefef; |
22 | background-image: url("images/titlebar.png"); | |
23 | background-repeat: repeat-x; | |
24 | border: 1px solid #b5bcc7; | |
25 | padding: 0 7px 3px 7px; | |
26 | min-height: 17px; | |
2f01fe57 AD |
27 | } |
28 | .dj_ie6 .claro .dijitTitlePaneTitle { | |
81bea17a | 29 | background-image: none; |
2f01fe57 AD |
30 | } |
31 | .claro .dijitTitlePaneTitleHover { | |
81bea17a | 32 | background-color: #abd6ff; |
1354d172 | 33 | border-color: #759dc0; |
2f01fe57 AD |
34 | } |
35 | .claro .dijitTitlePaneTitleActive { | |
1354d172 AD |
36 | background-color: #7dbdfa; |
37 | border-color: #759dc0; | |
81bea17a | 38 | background-position: 0 -136px; |
2f01fe57 AD |
39 | } |
40 | .claro .dijitTitlePaneTitleFocus { | |
81bea17a AD |
41 | margin-top: 3px; |
42 | padding-bottom: 2px; | |
2f01fe57 AD |
43 | } |
44 | .claro .dijitTitlePane .dijitArrowNode { | |
1354d172 | 45 | background-image: url("images/spriteArrows.png"); |
81bea17a AD |
46 | background-repeat: no-repeat; |
47 | height: 8px; | |
48 | width: 7px; | |
2f01fe57 AD |
49 | } |
50 | .claro .dijitTitlePane .dijitOpen .dijitArrowNode { | |
81bea17a | 51 | background-position: 0 0; |
2f01fe57 AD |
52 | } |
53 | .claro .dijitTitlePane .dijitClosed .dijitArrowNode { | |
81bea17a | 54 | background-position: -14px 0; |
2f01fe57 | 55 | } |
1354d172 | 56 | .claro .dijitTitlePane .dijitTitlePaneTextNode { |
81bea17a | 57 | color: #000000; |
2f01fe57 AD |
58 | } |
59 | .claro .dijitTitlePaneContentOuter { | |
81bea17a AD |
60 | background: #ffffff; |
61 | border: 1px solid #b5bcc7; | |
62 | border-top: none; | |
2f01fe57 AD |
63 | } |
64 | .claro .dijitTitlePaneContentInner { | |
81bea17a | 65 | padding: 10px; |
2f01fe57 AD |
66 | } |
67 | .claro .dijitTitlePaneTextNode { | |
81bea17a AD |
68 | margin-left: 4px; |
69 | margin-right: 4px; | |
70 | vertical-align: text-top; | |
2f01fe57 | 71 | } |