]>
git.wh0rd.org - tt-rss.git/blob - lib/dijit/themes/claro/TitlePane.css
3 * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane)
6 * 1. TitlePane title (default styling):
7 * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border
9 * 2. hovered TitlePane title (ie, mouse hover on a title bar)
10 * .dijitTitlePaneTitleHover - styles when mouse hover on the title div
12 * 3. active TitlePane title (ie, mouse down on a title bar)
13 * .dijitTitlePaneTitleActive - styles when mouse down on the title div
16 * TitlePane Content Container:
17 * 1. outer/inner container:
18 * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div
20 .claro .dijitTitlePaneTitle {
21 background-color: #efefef;
22 background-image: url
("images/standardGradient.png");
23 background-repeat: repeat-x
;
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
;
29 border: 1px solid
#b5bcc7;
30 padding: 0 7px 3px 7px;
33 .claro .dijitTitlePaneTitleHover {
34 background-color: #abd6ff;
35 border-color: #759dc0;
37 .claro .dijitTitlePaneTitleActive {
38 background-color: #7dbdfa;
39 border-color: #759dc0;
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
;
48 .claro .dijitTitlePaneTitleFocus {
52 .claro .dijitTitlePane .dijitArrowNode {
53 background-image: url
("images/spriteArrows.png");
54 background-repeat: no-repeat
;
58 .claro .dijitTitlePane .dijitOpen .dijitArrowNode {
59 background-position: 0 0;
61 .claro .dijitTitlePane .dijitClosed .dijitArrowNode {
62 background-position: -14px 0;
64 .claro .dijitTitlePane .dijitTitlePaneTextNode {
67 .claro .dijitTitlePaneContentOuter {
69 border: 1px solid
#b5bcc7;
72 .claro .dijitTitlePaneContentInner {
75 .claro .dijitTitlePaneTextNode {
78 vertical-align: text-top
;