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.
110 lines
2.6 KiB
110 lines
2.6 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 'dijit_variables'; |
|
|
|
.{$theme-name} { |
|
|
|
.dijitTitlePaneTitle { |
|
button-style(); |
|
if($titlepane-border-radius && $titlepane-border-radius >= 0) { |
|
border-radius: $titlepane-border-radius $titlepane-border-radius 0 0; |
|
} |
|
} |
|
|
|
.dijitTitlePaneTitleHover, .dijitFieldsetTitleHover { |
|
button-hover-style(); |
|
} |
|
|
|
.dijitTitlePaneTitleActive, .dijitFieldsetTitleActive { |
|
button-active-style(); |
|
} |
|
|
|
//.dijitTitlePaneTitleFocus { |
|
//} |
|
|
|
.dijitFieldset { |
|
if($titlepane-border-radius && $titlepane-border-radius >= 0) { |
|
border-radius: $titlepane-border-radius $titlepane-border-radius 0 0; |
|
} |
|
|
|
.dijitArrowNodeInner { |
|
display: none; |
|
} |
|
|
|
.dijitFieldsetTitleClosed .dijitArrowNode:before { |
|
content: $icon-expand; |
|
} |
|
} |
|
|
|
.dijitTitlePane, .dijitFieldset { |
|
.dijitArrowNode { |
|
_icon-core-style(); |
|
font-size: $icon-expand-collapse-size; |
|
text-align: center; |
|
&:before { |
|
content: $icon-collapse; |
|
} |
|
} |
|
|
|
.dijitClosed { |
|
if($titlepane-has-border-radius) { |
|
border-radius: $titlepane-border-radius; |
|
} else { |
|
border-radius: 0; |
|
} |
|
.dijitArrowNode:before { |
|
content: $icon-expand; |
|
} |
|
} |
|
} |
|
|
|
.dijitTitlePaneContentOuter { |
|
background-color: $titlepane-content-background-color; |
|
border: 1px solid $titlepane-content-border-color; |
|
border-top: none; |
|
if($titlepane-border-radius && $titlepane-border-radius >= 0) { |
|
border-radius: 0 0 $titlepane-border-radius $titlepane-border-radius; |
|
} |
|
} |
|
|
|
.dijitFieldset { |
|
background-color: $titlepane-content-background-color; |
|
border: 1px solid $titlepane-content-border-color; |
|
if($titlepane-border-radius && $titlepane-border-radius >= 0) { |
|
border-radius: $titlepane-border-radius; |
|
} |
|
} |
|
|
|
.dijitTitlePaneContentInner, .dijitFieldsetContentInner { |
|
padding: $titlepane-content-padding; |
|
} |
|
|
|
.dijitTitlePaneTextNode, .dijitFieldsetLegendNode { |
|
margin-left: $padding*2; |
|
margin-right: $padding*2; |
|
vertical-align:text-top; |
|
} |
|
|
|
.dijitFieldsetLegendNode { |
|
cursor: default; |
|
} |
|
|
|
} |