fixes for new styles, esp. hbox/vbox

[themes.git] / EarlyBlue / communicator / skin / splitter.css

diff --git a/EarlyBlue/communicator/skin/splitter.css b/EarlyBlue/communicator/skin/splitter.css
index 22788bb2f83b5963da1741d9cf05e763b51b857f..526833997a7e8dc48e24c1b9b1d67a01448c428e 100755 (executable)
--- a/EarlyBlue/communicator/skin/splitter.css
+++ b/EarlyBlue/communicator/skin/splitter.css
@@ -1,133 +1,137 @@
-/******* Splitters *******/\r
-\r
-splitter {\r
-  border: none;\r
-   cursor: e-resize;\r
-   min-width: 10px;\r
-   min-height: 10px;\r
-}\r
-\r
-splitter[state="dragging"]\r
-{\r
-   background-color: gray;\r
-}\r
-\r
-grippy {\r
-       margin: 0px;\r
-       border: 1px outset #CCD0DD;\r
-       padding: 0px;\r
-       background-color: #CCCCCC;\r
-        background-image: url("chrome://global/skin/grippy-vertical-before.gif"); \r
-        background-repeat: no-repeat;\r
-        background-position: 50% 50%;\r
-       cursor: pointer;\r
-}\r
-\r
-splitter[state="collapsed"] > grippy\r
-  {\r
-    background-image      : url("chrome://global/skin/grippy-vertical-after.gif");\r
-  }\r
-\r
-grippy:hover\r
-  {\r
-    background-color      : #99CCFF;\r
-  }\r
-\r
-grippy:hover:active{\r
-       background-color: #99CCFF;\r
-}\r
-\r
-box[orient="vertical"] > splitter > grippy,\r
-window[orient="vertical"] > splitter > grippy {\r
-       /* a horizontal splitter */\r
-        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
-       width: 120px;\r
-       height:8px;\r
- }\r
-\r
-box[orient="vertical"] > splitter[state="collapsed"] > grippy\r
-window[orient="vertical"] > splitter[state="collapsed"] > grippy {\r
-        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
- }\r
-\r
-window > splitter > grippy,\r
-box > splitter > grippy {\r
-       /* a vertical splitter */\r
-       width: 8px;\r
-       height: 120px;\r
-}\r
-\r
-box[orient="vertical"] > splitter,\r
-window[orient="vertical"] > splitter,\r
-rows > splitter {\r
-       /* a vertical splitter */\r
-    cursor: n-resize;\r
-}\r
-\r
-/* for backwards compatibility */\r
-box[align="vertical"]>splitter > grippy,\r
-window[align="vertical"]>splitter > grippy {\r
-       /* a horizontal splitter */\r
-        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
-       width: 120px;\r
-       height: 8px;\r
-}\r
-\r
-box[align="vertical"]>splitter[state="collapsed"] > grippy,\r
-window[align="vertical"]>splitter[state="collapsed"] > grippy {\r
-        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
-}\r
-\r
-box[align="vertical"]>splitter,\r
-window[align="vertical"]>splitter {\r
-       /* a vertical splitter */\r
-    cursor: n-resize;\r
-}\r
-\r
-/**\r
- * gray horizontal splitter for pane views\r
- */\r
-splitter.gray-horizontal-splitter { \r
-       min-height: 8px;\r
-       background-color: #CCD0DD;\r
-       border: none;\r
-        border-top: 1px solid #9999CC;\r
-        border-bottom: 1px solid #9999CC;\r
-       padding: 0px;\r
-}\r
-\r
-splitter.gray-horizontal-splitter > grippy { \r
-       margin: 0px;\r
-       border: 1px outset #CCD0DD;\r
-       padding: 0px;\r
-       background-color: #CCCCCC;\r
-        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); \r
-}\r
-\r
-splitter.gray-horizontal-splitter[state="collapsed"] > grippy { \r
-        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); \r
-}\r
-\r
-splitter.gray-horizontal-splitter > grippy:hover { \r
-       background-color: #99CCFF;\r
-}\r
-\r
-splitter.gray-horizontal-splitter > grippy:active { \r
-       border: 1px inset #CCD0DD;\r
-       background-color: #99CCFF;\r
-}\r
-\r
-/*\r
-splitter.gray-horizontal-splitter > #begincap { \r
-       min-width: 8px;\r
-       width: 8px;\r
-       background-image: url("chrome://global/skin/gray-bottomleft.gif");\r
-       background-repeat: no-repeat;\r
-       background-position: 0% 100%;\r
-}\r
-\r
-splitter.gray-horizontal-splitter > #endcap { \r
-       min-width: 8px;\r
-       width: 8px;\r
-}\r
-*/
\ No newline at end of file
+/******* Splitters *******/
+
+splitter {
+  border: none;
+   cursor: e-resize;
+   min-width: 10px;
+   min-height: 10px;
+}
+
+splitter[state="dragging"]
+{
+   background-color: gray;
+}
+
+grippy {
+       margin: 0px;
+       border: 1px outset #CCD0DD;
+       padding: 0px;
+       background-color: #CCCCCC;
+        background-image: url("chrome://global/skin/grippy-vertical-before.gif"); 
+        background-repeat: no-repeat;
+        background-position: 50% 50%;
+       cursor: pointer;
+}
+
+splitter[state="collapsed"] > grippy
+  {
+    background-image      : url("chrome://global/skin/grippy-vertical-after.gif");
+  }
+
+grippy:hover
+  {
+    background-color      : #99CCFF;
+  }
+
+grippy:hover:active{
+       background-color: #99CCFF;
+}
+
+vbox > splitter > grippy,
+box[orient="vertical"] > splitter > grippy,
+window[orient="vertical"] > splitter > grippy {
+       /* a horizontal splitter */
+        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); 
+       width: 120px;
+       height:8px;
+ }
+
+vbox > splitter[state="collapsed"] > grippy
+box[orient="vertical"] > splitter[state="collapsed"] > grippy
+window[orient="vertical"] > splitter[state="collapsed"] > grippy {
+        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); 
+ }
+
+window > splitter > grippy,
+hbox > splitter > grippy,
+box > splitter > grippy {
+       /* a vertical splitter */
+       width: 8px;
+       height: 120px;
+}
+
+vbox > splitter,
+box[orient="vertical"] > splitter,
+window[orient="vertical"] > splitter,
+rows > splitter {
+       /* a vertical splitter */
+        cursor: n-resize;
+}
+
+/* for backwards compatibility */
+box[align="vertical"]>splitter > grippy,
+window[align="vertical"]>splitter > grippy {
+       /* a horizontal splitter */
+        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); 
+       width: 120px;
+       height: 8px;
+}
+
+box[align="vertical"]>splitter[state="collapsed"] > grippy,
+window[align="vertical"]>splitter[state="collapsed"] > grippy {
+        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); 
+}
+
+box[align="vertical"]>splitter,
+window[align="vertical"]>splitter {
+       /* a vertical splitter */
+    cursor: n-resize;
+}
+
+/**
+ * gray horizontal splitter for pane views
+ */
+splitter.gray-horizontal-splitter { 
+       min-height: 8px;
+       background-color: #CCD0DD;
+       border: none;
+        border-top: 1px solid #9999CC;
+        border-bottom: 1px solid #9999CC;
+       padding: 0px;
+}
+
+splitter.gray-horizontal-splitter > grippy { 
+       margin: 0px;
+       border: 1px outset #CCD0DD;
+       padding: 0px;
+       background-color: #CCCCCC;
+        background-image: url("chrome://global/skin/grippy-horizontal-after.gif"); 
+}
+
+splitter.gray-horizontal-splitter[state="collapsed"] > grippy { 
+        background-image: url("chrome://global/skin/grippy-horizontal-before.gif"); 
+}
+
+splitter.gray-horizontal-splitter > grippy:hover { 
+       background-color: #99CCFF;
+}
+
+splitter.gray-horizontal-splitter > grippy:active { 
+       border: 1px inset #CCD0DD;
+       background-color: #99CCFF;
+}
+
+/*
+splitter.gray-horizontal-splitter > #begincap { 
+       min-width: 8px;
+       width: 8px;
+       background-image: url("chrome://global/skin/gray-bottomleft.gif");
+       background-repeat: no-repeat;
+       background-position: 0% 100%;
+}
+
+splitter.gray-horizontal-splitter > #endcap { 
+       min-width: 8px;
+       width: 8px;
+}
+*/