summaryrefslogtreecommitdiff
path: root/js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css')
-rw-r--r--js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css109
1 files changed, 109 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css b/js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css
new file mode 100644
index 0000000..8c0a5fa
--- /dev/null
+++ b/js/dojo-1.7.2/dijit/themes/claro/layout/BorderContainer.css
@@ -0,0 +1,109 @@
+/* BorderContainer
+
+Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable.
+
+Styling the BorderContainer widget consists of the following:
+
+.dijitBorderContainer - for border and padding of the entire border container
+
+.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer.
+
+.dijitBorderContainer-dijitTabContainerTop,
+.dijitBorderContainer-dijitTabContainerBottom,
+.dijitBorderContainer-dijitTabContainerLeft,
+.dijitBorderContainer-dijitTabContainerRight,
+.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget
+
+.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers
+
+Splitters and gutters:
+
+.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter
+.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter
+.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter
+.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter
+.dijitSplitterHHover - for background-color of a hovered horizontal splitter
+.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter
+.dijitSplitterVHover - for background-color of a hovered vertical splitter
+.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter
+.dijitSplitterHActive - for background-color of an active horizontal splitter
+.dijitSplitterVActive - for background-color of an active horizontal splitter
+*/
+.claro .dijitBorderContainer {
+ /* matches the width of the splitters between panes */
+
+ padding: 5px;
+}
+.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
+ /* By default put borders on all children of BorderContainer,
+ * to give illusion of borders on the splitters themselves.
+ */
+
+ border: 1px #b5bcc7 solid;
+}
+.claro .dijitBorderContainer-dijitTabContainerTop,
+.claro .dijitBorderContainer-dijitTabContainerBottom,
+.claro .dijitBorderContainer-dijitTabContainerLeft,
+.claro .dijitBorderContainer-dijitTabContainerRight,
+.claro .dijitBorderContainer-dijitAccordionContainer {
+ /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper),
+ * so override rule setting border on domNode
+ */
+
+ border: none;
+}
+.claro .dijitBorderContainer-dijitBorderContainer {
+ /* make nested BorderContainers look like a single big widget with lots of splitters */
+
+ border: 0;
+ padding: 0;
+}
+/* Splitters and gutters */
+.claro .dijitSplitterH, .claro .dijitGutterH {
+ background: none;
+ border: 0;
+ height: 5px;
+}
+.claro .dijitSplitterH .dijitSplitterThumb {
+ background: #b5bcc7 none;
+ height: 1px;
+ top: 2px;
+ width: 19px;
+}
+.claro .dijitSplitterV, .claro .dijitGutterV {
+ background: none;
+ border: 0;
+ width: 5px;
+ margin: 0;
+}
+.claro .dijitSplitterV .dijitSplitterThumb {
+ background: #b5bcc7 none;
+ height: 19px;
+ left: 2px;
+ width: 1px;
+ margin: 0;
+}
+/* hovered splitter */
+.claro .dijitSplitterHHover {
+ font-size: 1px;
+ background: url("../layout/images/splitterHorizontalHover.png") no-repeat center top;
+}
+.claro .dijitSplitterHHover .dijitSplitterThumb {
+ background: #759dc0 none;
+}
+.claro .dijitSplitterVHover {
+ font-size: 1px;
+ background: url("../layout/images/splitterVerticalHover.png") no-repeat center left;
+}
+.claro .dijitSplitterVHover .dijitSplitterThumb {
+ background: #759dc0 none;
+}
+.dj_ie6 .dijitSplitterHHover, .dj_ie6 .claro .dijitSplitterVHover {
+ background-color: #cfe5fa;
+ background-image: none;
+}
+/* active splitter */
+.claro .dijitSplitterHActive, .claro .dijitSplitterVActive {
+ font-size: 1px;
+ background-color: #abd6ff;
+}