]>
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/titlebar.png");
23 background-repeat: repeat-x
;
24 border: 1px solid
#b5bcc7;
25 padding: 0 7px 3px 7px;
28 .dj_ie6 .claro .dijitTitlePaneTitle {
29 background-image: none
;
31 .claro .dijitTitlePaneTitleHover {
32 background-color: #abd6ff;
33 border-color: #759dc0;
35 .claro .dijitTitlePaneTitleActive {
36 background-color: #7dbdfa;
37 border-color: #759dc0;
38 background-position: 0 -136px;
40 .claro .dijitTitlePaneTitleFocus {
44 .claro .dijitTitlePane .dijitArrowNode {
45 background-image: url
("images/spriteArrows.png");
46 background-repeat: no-repeat
;
50 .claro .dijitTitlePane .dijitOpen .dijitArrowNode {
51 background-position: 0 0;
53 .claro .dijitTitlePane .dijitClosed .dijitArrowNode {
54 background-position: -14px 0;
56 .claro .dijitTitlePane .dijitTitlePaneTextNode {
59 .claro .dijitTitlePaneContentOuter {
61 border: 1px solid
#b5bcc7;
64 .claro .dijitTitlePaneContentInner {
67 .claro .dijitTitlePaneTextNode {
70 vertical-align: text-top
;