summaryrefslogtreecommitdiff
path: root/lib/flat-ttrss/dijit/TitlePane.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/flat-ttrss/dijit/TitlePane.css')
-rwxr-xr-xlib/flat-ttrss/dijit/TitlePane.css118
1 files changed, 118 insertions, 0 deletions
diff --git a/lib/flat-ttrss/dijit/TitlePane.css b/lib/flat-ttrss/dijit/TitlePane.css
new file mode 100755
index 000000000..51b2a152e
--- /dev/null
+++ b/lib/flat-ttrss/dijit/TitlePane.css
@@ -0,0 +1,118 @@
+/* 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
+ */
+.flat .dijitTitlePaneTitle {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #ccc;
+ padding: 4px;
+ border-radius: 4px;
+ line-height: 20px;
+ cursor: pointer;
+ -webkit-transition: all 0.05s linear;
+ -moz-transition: all 0.05s linear;
+ -o-transition: all 0.05s linear;
+ -ms-transition: all 0.05s linear;
+ transition: all 0.05s linear;
+ background: #fff;
+ border-radius: 4px 4px 0 0;
+}
+.flat .dijitTitlePaneTitleHover,
+.flat .dijitFieldsetTitleHover {
+ -webkit-transition: all 0.1s;
+ -moz-transition: all 0.1s;
+ -o-transition: all 0.1s;
+ -ms-transition: all 0.1s;
+ transition: all 0.1s;
+ background: #f2f2f2;
+ border-color: #d9d9d9;
+}
+.flat .dijitTitlePaneTitleActive,
+.flat .dijitFieldsetTitleActive {
+ -webkit-transition: none;
+ -moz-transition: none;
+ -o-transition: none;
+ -ms-transition: none;
+ transition: none;
+ outline: none;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
+ box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
+ background: #e0e0e0;
+ border-color: #b3b3b3;
+}
+.flat .dijitFieldset {
+ border-radius: 4px 4px 0 0;
+}
+.flat .dijitFieldset .dijitArrowNodeInner {
+ display: none;
+}
+.flat .dijitFieldset .dijitFieldsetTitleClosed .dijitArrowNode:before {
+ content: "\f006";
+}
+.flat .dijitTitlePane .dijitArrowNode,
+.flat .dijitFieldset .dijitArrowNode {
+ font-family: "flat-icon";
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ font-size: 14px;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-size: 18px;
+ text-align: center;
+}
+.flat .dijitTitlePane .dijitArrowNode:before,
+.flat .dijitFieldset .dijitArrowNode:before {
+ content: "\f007";
+}
+.flat .dijitTitlePane .dijitClosed,
+.flat .dijitFieldset .dijitClosed {
+ border-radius: 4px;
+}
+.flat .dijitTitlePane .dijitClosed .dijitArrowNode:before,
+.flat .dijitFieldset .dijitClosed .dijitArrowNode:before {
+ content: "\f006";
+}
+.flat .dijitTitlePaneContentOuter {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-top: none;
+ border-radius: 0 0 4px 4px;
+}
+.flat .dijitFieldset {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
+.flat .dijitTitlePaneContentInner,
+.flat .dijitFieldsetContentInner {
+ padding: 8px;
+}
+.flat .dijitTitlePaneTextNode,
+.flat .dijitFieldsetLegendNode {
+ margin-left: 8px;
+ margin-right: 8px;
+ vertical-align: text-top;
+}
+.flat .dijitFieldsetLegendNode {
+ cursor: default;
+}