summaryrefslogtreecommitdiff
path: root/lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less
diff options
context:
space:
mode:
Diffstat (limited to 'lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less')
-rw-r--r--lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less70
1 files changed, 70 insertions, 0 deletions
diff --git a/lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less b/lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less
new file mode 100644
index 0000000..d899453
--- /dev/null
+++ b/lib/viewers/odf/editor/dijit/themes/claro/TitlePane.less
@@ -0,0 +1,70 @@
+/* TitlePane
+ *
+ * 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; // TODO: Mailed Jason, shouldn't this toggle to @selected-background-color when pane opened?
+ .standard-gradient;
+ border:1px solid @border-color;
+ padding: 0 7px 3px 7px;
+ min-height:17px;
+}
+.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 {
+ background-image: url(@image-arrow-sprite);
+ background-repeat: no-repeat;
+ height: 8px;
+ width: 7px;
+}
+.claro .dijitTitlePane .dijitOpen .dijitArrowNode {
+ background-position: 0 0;
+}
+.claro .dijitTitlePane .dijitClosed .dijitArrowNode {
+ background-position: -14px 0;
+}
+.claro .dijitTitlePane .dijitTitlePaneTextNode {
+ color:@text-color;
+}
+.claro .dijitTitlePaneContentOuter {
+ background: @pane-background-color;
+ border:1px solid @border-color;
+ border-top:none;
+}
+.claro .dijitTitlePaneContentInner {
+ padding:10px;
+}
+.claro .dijitTitlePaneTextNode {
+ margin-left: 4px;
+ margin-right: 4px;
+ vertical-align:text-top;
+}