You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.3 KiB
78 lines
2.3 KiB
/* TitlePane and Fieldset |
|
* |
|
* Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) |
|
* |
|
* TitlePane title: |
|
* 1. TitlePane title (default styling): |
|
* .dijitTitlePaneTitle - TitlePane's title div style: background-color, border |
|
* |
|
* 2. hovered TitlePane title (ie, mouse hover on a title bar) |
|
* .dijitTitlePaneTitleHover - styles when mouse hover on the title div |
|
* |
|
* 3. active TitlePane title (ie, mouse down on a title bar) |
|
* .dijitTitlePaneTitleActive - styles when mouse down on the title div |
|
* |
|
* |
|
* TitlePane Content Container: |
|
* 1. outer/inner container: |
|
* .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div |
|
*/ |
|
|
|
@import "variables"; |
|
|
|
.claro .dijitTitlePaneTitle { |
|
background-color: @unselected-background-color; |
|
.standard-gradient; |
|
border:1px solid @border-color; |
|
padding: 0 7px 3px 7px; |
|
min-height:17px; |
|
color: @unselected-text-color; |
|
} |
|
.claro .dijitFieldset { |
|
.border-radius(4px); |
|
} |
|
.claro .dijitTitlePaneTitleOpen, .claro .dijitTitlePaneTitleFixedOpen { |
|
background-color: @selected-background-color; |
|
color: @text-color; |
|
} |
|
.claro .dijitTitlePaneTitleHover { |
|
background-color: @hovered-background-color; |
|
border-color: @hovered-border-color; |
|
} |
|
.claro .dijitTitlePaneTitleActive { |
|
background-color: @pressed-background-color; |
|
border-color: @pressed-border-color; |
|
.active-gradient; |
|
} |
|
.claro .dijitTitlePaneTitleFocus { |
|
margin-top:3px; |
|
padding-bottom:2px; |
|
} |
|
.claro .dijitTitlePane .dijitArrowNode, .claro .dijitFieldset .dijitArrowNode { |
|
background-image: url(@image-arrow-sprite); |
|
background-repeat: no-repeat; |
|
height: 8px; |
|
width: 7px; |
|
} |
|
.claro .dijitTitlePaneTitleOpen .dijitArrowNode, .claro .dijitFieldsetTitleOpen .dijitArrowNode,{ |
|
background-position: 0 0; |
|
} |
|
.claro .dijitTitlePaneTitleClosed .dijitArrowNode, .claro .dijitFieldsetTitleClosed .dijitArrowNode { |
|
background-position: -14px 0; |
|
} |
|
.claro .dijitTitlePaneContentOuter { |
|
background: @pane-background-color; |
|
border:1px solid @border-color; |
|
border-top:none; |
|
} |
|
.claro .dijitTitlePaneContentInner{ |
|
padding:10px; |
|
} |
|
.claro .dijitFieldsetContentInner { |
|
padding: 4px; |
|
} |
|
.claro .dijitTitlePaneTextNode, .claro .dijitFieldsetLegendNode { |
|
margin-left: 4px; |
|
margin-right: 4px; |
|
vertical-align:text-top; |
|
}
|
|
|