adding new EarlyBlue skin, cleanup remains

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

diff --git a/EarlyBlue/skin/EarlyBlue/global/splitter.css b/EarlyBlue/skin/EarlyBlue/global/splitter.css
new file mode 100644 (file)
index 0000000..5e4d521
--- /dev/null
+++ b/EarlyBlue/skin/EarlyBlue/global/splitter.css
@@ -0,0 +1,159 @@
+/******* Splitters *******/
+
+/** 
+ * XXX - We want to deprecate all usages of 'box' in this file and replace with
+ *       vbox/hbox. This should happen after the chrome is converted to use
+ *       these XUL elements. 
+ */
+
+  splitter 
+    {
+      cursor                : e-resize;
+      background-color      : #CCD0DD;
+      -moz-box-align        : center;
+      -moz-box-pack         : center;
+      border                : none;
+      border-left           : 1px solid #9999CC;
+      border-right          : 1px solid #9999CC;
+    }
+  
+  grippy, grippy[collapse="before"]
+    {
+      background-color      : #CCCCCC;
+      border                : 1px outset #CCD0DD;
+      list-style-image      : url("chrome://global/skin/grippy-vertical-before.gif");
+      cursor                : pointer;
+      min-height            : 1px;
+    }
+  
+  grippy:hover
+    {
+      background-color      : #99CCFF;
+    }
+  
+  grippy:hover:active
+    {
+      border                : 1px inset #CCD0DD;
+    }
+  
+  splitter[state="collapsed"] > grippy
+    {
+      list-style-image      : url("chrome://global/skin/grippy-vertical-after.gif");
+    }  
+    
+  .grippy-box
+    {
+    }  
+    
+  .grippy-image
+    {
+      list-style-image      : inherit;
+    }  
+    
+  splitter[state="dragging"],
+  splitter:hover:active
+    {
+      background-color      : #999999;
+    }
+  
+  rows > splitter
+    {
+      cursor              : n-resize;
+    }
+    
+  window[orient="vertical"] > splitter,
+  box[orient="vertical"] > splitter,
+  vbox > splitter
+    {
+      cursor              : n-resize;
+      border              : none;
+      border-top          : 1px solid #9999CC;
+      border-bottom       : 1px solid #9999CC;
+    }
+    
+/* Grippy alignment */
+
+/* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
+  window > splitter > grippy,
+  box > splitter > grippy,
+  hbox > splitter > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
+/*
+      border-left         : 1px solid #9999CC;
+      border-right        : 1px solid #9999CC;
+*/
+    }  
+    
+  window > splitter > grippy > .grippy-box,
+  box > splitter > grippy > .grippy-box,
+  hbox > splitter > grippy > .grippy-box 
+    {
+      border-left         : none;
+      border-right        : none;
+    }  
+
+  window > splitter[state="collapsed"] > grippy,
+  box > splitter[state="collapsed"] > grippy,
+  hbox > splitter[state="collapsed"] > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
+    }
+
+/* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
+  window > splitter[collapse="after"] > grippy,
+  box > splitter[collapse="after"] > grippy,
+  hbox > splitter[collapse="after"] > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-vertical-after.gif");
+    }  
+    
+  window > splitter[collapse="after"][state="collapsed"] > grippy,
+  box > splitter[collapse="after"][state="collapsed"] > grippy,
+  hbox > splitter[collapse="after"][state="collapsed"]> grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-vertical-before.gif");
+    }
+
+/* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
+  window[orient="vertical"] > splitter > grippy,
+  box[orient="vertical"] > splitter > grippy,
+  vbox > splitter > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
+/*
+      border-top          : 1px solid #9999CC;
+      border-bottom       : 1px solid #9999CC;
+*/
+    }  
+    
+  window[orient="vertical"] > splitter > grippy > .grippy-box,
+  box[orient="vertical"] > splitter > grippy > .grippy-box,
+  vbox > splitter > grippy > .grippy-box
+    {
+    }  
+
+  window[orient="vertical"] > splitter[state="collapsed"] > grippy,
+  box[orient="vertical"] > splitter[state="collapsed"] > grippy,
+  vbox > splitter[state="collapsed"] > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
+    }
+    
+/* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
+  window[orient="vertical"] > splitter[collapse="after"] > grippy,
+  box[orient="vertical"] > splitter[collapse="after"] > grippy,
+  vbox > splitter[collapse="after"] > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-horizontal-after.gif");
+    }  
+    
+  window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
+  box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
+  vbox > splitter[collapse="after"][state="collapsed"] > grippy
+    {
+      list-style-image    : url("chrome://global/skin/grippy-horizontal-before.gif");
+    }
+     
+
+