]>
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 | 21 | background-color: #efefef; |
f0cfe83e | 22 | background-image: url("images/standardGradient.png"); |
81bea17a | 23 | background-repeat: repeat-x; |
f0cfe83e AD |
24 | background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); |
25 | background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
26 | background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
27 | background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); | |
28 | _background-image: none; | |
81bea17a AD |
29 | border: 1px solid #b5bcc7; |
30 | padding: 0 7px 3px 7px; | |
31 | min-height: 17px; | |
2f01fe57 | 32 | } |
2f01fe57 | 33 | .claro .dijitTitlePaneTitleHover { |
81bea17a | 34 | background-color: #abd6ff; |
1354d172 | 35 | border-color: #759dc0; |
2f01fe57 AD |
36 | } |
37 | .claro .dijitTitlePaneTitleActive { | |
1354d172 AD |
38 | background-color: #7dbdfa; |
39 | border-color: #759dc0; | |
f0cfe83e AD |
40 | background-image: url("images/activeGradient.png"); |
41 | background-repeat: repeat-x; | |
42 | background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
43 | background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
44 | background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
45 | background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); | |
46 | _background-image: none; | |
2f01fe57 AD |
47 | } |
48 | .claro .dijitTitlePaneTitleFocus { | |
81bea17a AD |
49 | margin-top: 3px; |
50 | padding-bottom: 2px; | |
2f01fe57 AD |
51 | } |
52 | .claro .dijitTitlePane .dijitArrowNode { | |
1354d172 | 53 | background-image: url("images/spriteArrows.png"); |
81bea17a AD |
54 | background-repeat: no-repeat; |
55 | height: 8px; | |
56 | width: 7px; | |
2f01fe57 AD |
57 | } |
58 | .claro .dijitTitlePane .dijitOpen .dijitArrowNode { | |
81bea17a | 59 | background-position: 0 0; |
2f01fe57 AD |
60 | } |
61 | .claro .dijitTitlePane .dijitClosed .dijitArrowNode { | |
81bea17a | 62 | background-position: -14px 0; |
2f01fe57 | 63 | } |
1354d172 | 64 | .claro .dijitTitlePane .dijitTitlePaneTextNode { |
81bea17a | 65 | color: #000000; |
2f01fe57 AD |
66 | } |
67 | .claro .dijitTitlePaneContentOuter { | |
81bea17a AD |
68 | background: #ffffff; |
69 | border: 1px solid #b5bcc7; | |
70 | border-top: none; | |
2f01fe57 AD |
71 | } |
72 | .claro .dijitTitlePaneContentInner { | |
81bea17a | 73 | padding: 10px; |
2f01fe57 AD |
74 | } |
75 | .claro .dijitTitlePaneTextNode { | |
81bea17a AD |
76 | margin-left: 4px; |
77 | margin-right: 4px; | |
78 | vertical-align: text-top; | |
2f01fe57 | 79 | } |