bug 77 css scoping - making skin work again
authorrobert <robert>
Wed, 16 May 2001 16:14:54 +0000 (16:14 +0000)
committerrobert <robert>
Wed, 16 May 2001 16:14:54 +0000 (16:14 +0000)
18 files changed:
EarlyBlue/communicator/skin/button.css
EarlyBlue/communicator/skin/menubutton.css
EarlyBlue/global/skin/box.css [deleted file]
EarlyBlue/global/skin/button.css
EarlyBlue/global/skin/buttonBindings.xml
EarlyBlue/global/skin/classicBindings.xml
EarlyBlue/global/skin/global.css
EarlyBlue/global/skin/menu.css
EarlyBlue/global/skin/menulist.css
EarlyBlue/global/skin/menulistBindings.xml
EarlyBlue/global/skin/popup.css [new file with mode: 0644]
EarlyBlue/global/skin/progressmeter.css [new file with mode: 0644]
EarlyBlue/global/skin/scrollbox.css [new file with mode: 0644]
EarlyBlue/global/skin/textbox.css [moved from EarlyBlue/global/skin/textfield.css with 100% similarity]
EarlyBlue/global/skin/titledbox.css [new file with mode: 0644]
EarlyBlue/global/skin/toolbar.css
EarlyBlue/global/skin/tree.css
EarlyBlue/global/skin/wizard.css [new file with mode: 0644]

index 5f7bf9e95458fbfbf6b9edfb9a85c8b950647bf8..a0df0b6a44691eff5fc1d8ed17fd13b04b56f434 100755 (executable)
   
 menubutton.button-toolbar-4
   {
-    -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-single-right");
+    -moz-binding        : url("chrome://global/content/bindings/menubutton.xml#menubutton-single-right");
   }
 
 .button-toolbar-4 > .menubutton-internal-box > .menubutton-single-icon
@@ -287,3 +287,4 @@ menubutton.button-toolbar-4
     padding               : 0px;
     padding-left          : 2px;
   }
+
index ed0c2c406b7839278a886713ed6c3aeea19bcffa..30eab187bb254e19c99e0ca7ec3d5437b9301fdc 100755 (executable)
 
 .menubutton-dual.top
   {
-    -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex");
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex");
 /*    -moz-user-focus       : ignore !important; */
   }
 
 .menubutton-dual.left
   {
-    -moz-binding          : url("chrome://global/content/menulistBindings.xml#menubutton-dual-ex-left");
+    -moz-binding          : url("chrome://global/content/bindings/menubutton.xml#menubutton-dual-ex-left");
 /*    -moz-user-focus       : none !important; */
   }  
   
@@ -178,3 +178,4 @@ menubutton > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 
 
 
+
diff --git a/EarlyBlue/global/skin/box.css b/EarlyBlue/global/skin/box.css
deleted file mode 100755 (executable)
index 7c62b96..0000000
+++ /dev/null
@@ -1,52 +0,0 @@
-
-titledbox
-  {
-    border                : 2px groove #CCD0DD;
-    padding               : 7px !important;
-    margin                : 5px;
-  }
-label
-  {
-    margin                : 0px 40px 2px 6px;
-    padding               : 0px 3px 0px 3px;
-    background-color      : ThreeDFace;
-  }
-
-.titledbox-body
-  {
-    padding               : inherit;
-  }
-    
-/** box formatting **/
-  box[autostretch="never"]
-    {
-      vertical-align      : middle;
-    }
-    
-  box[autostretch="never"][valign="top"]
-    {
-      vertical-align      : top;
-    }
-    
-  box[autostretch="never"][valign="bottom"]
-    {
-      vertical-align      : bottom;
-    }
-    
-  box[autostretch="never"][halign="center"] 
-    {
-      text-align          : center;
-    }
-    
-  box[autostretch="never"][halign="right"]
-    {
-      text-align          : right;
-    }
-
-  row[autostretch="never"]
-    {
-      vertical-align      : middle;
-    }
-  
-
-
index 62b31d019d296794d4aa546deda62b00cf1a73ad..6ff34999712dc0000ea943b6b6865fb9ee50ba20 100755 (executable)
 /* outer frame */  
   button[default] 
     {
-      /* XXX this is a HACK until 'orient' is supported in CSS! XXX */
-      /* strictly speaking not necessary because default for buttonright is 
-       * to lay image out horizontally, but leaving here as a reminder to
-       * implement this feature */
-      -moz-binding        : url(chrome://global/content/xulBindings.xml#buttonright);
       font-weight         : bold;
-           list-style-image    : url("chrome://global/skin/return.gif");
+      list-style-image    : url("chrome://global/skin/return.gif");
     }
   
   button[default][disabled="true"]
     
     
     
+
index 24292539ea061537d1b00a1a79279a4ca5b833ae..732c65b13bd78bf204edf5e5b854ed8a08e697d7 100755 (executable)
@@ -4,7 +4,7 @@
           xmlns="http://www.mozilla.org/xbl"
           xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 
-  <binding id="buttonleft" extends="chrome://global/content/xulBindings.xml#basetext">
+  <binding id="buttonleft" extends="chrome://global/content/bindings/button.xml#button-base">
     <content excludes="observes,template">
       <xul:box class="button-box-1" autostretch="never" flex="1">
         <xul:box class="button-box-2" autostretch="never" flex="1">
@@ -17,7 +17,7 @@
     </content>
   </binding>
 
-  <binding id="buttonright" extends="chrome://global/content/xulBindings.xml#basetext">
+  <binding id="buttonright" extends="chrome://global/content/bindings/button.xml#button-base">
     <content excludes="observes,template">
       <xul:box class="button-box-1" autostretch="never" flex="1">
         <xul:box class="button-box-2" autostretch="never" flex="1">
@@ -30,7 +30,7 @@
     </content>
   </binding>
   
-  <binding id="buttontop" extends="chrome://global/content/xulBindings.xml#basetext">
+  <binding id="buttontop" extends="chrome://global/content/bindings/button.xml#button-base">
     <content excludes="observes,template">
       <xul:box class="button-box-1" autostretch="never" flex="1">
         <xul:box class="button-box-2" autostretch="never" flex="1" orient="vertical" align="center">
@@ -43,7 +43,7 @@
     </content>
   </binding>
 
-  <binding id="buttonbottom" extends="chrome://global/content/xulBindings.xml#basetext">
+  <binding id="buttonbottom" extends="chrome://global/content/bindings/button.xml#button-base">
     <content excludes="observes,template">
       <xul:box class="button-box-1" autostretch="never" flex="1">
         <xul:box class="button-box-2" autostretch="never" flex="1" orient="vertical" align="center">
@@ -57,3 +57,4 @@
   </binding>
 
 </bindings>
+
index bbe3bf086fe5a0e1a7d6d383dfb2325187749d54..68cf3a15883cbe2e0a9625aff24d1c3c0ce891b5 100755 (executable)
@@ -13,7 +13,7 @@
     </content>
   </binding>
 
-  <binding id="toolbargrippy" extends="xul:box">
+  <binding id="toolbargrippy" extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
     <content orient="vertical">
       <xul:box autostretch="never" halign="center">
         <xul:image class="toolbargrippy-twisty"/>
     </content>
   </binding>
   
-  <binding id="radio" extends="chrome://global/content/radioBindings.xml#radio">
+  <binding id="toolbargrippy-collapsed" extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
+    <content>
+      <xul:box autostretch="never" halign="center">
+        <xul:image class="toolbargrippy-twisty-collapsed"/>
+      </xul:box>
+      <xul:spring class="toolbargrippy-texture-collapsed" flex="1"/>
+    </content>
+  </binding>
+
+
+  <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
     <content excludes="observes">
       <xul:box flex="1" class="radio-internal-box" autostretch="never" valign="middle">
         <xul:box class="radio-checkmark-box-1" autostretch="never" inherits="disabled">
@@ -38,7 +48,7 @@
     </content>
   </binding>
 
-  <binding id="checkbox" extends="chrome://global/content/xulBindings.xml#checkbox">
+  <binding id="checkbox" extends="chrome://global/content/bindings/checkbox.xml#checkbox">
     <content excludes="observes">
       <xul:box flex="1" class="checkbox-internal-box" autostretch="never" valign="middle">
         <xul:box class="checkbox-checkmark-box-1" autostretch="never" inherits="disabled">
@@ -54,7 +64,7 @@
     </content>
   </binding>
 
-  <binding id="thumb" extends="xul:box">
+  <binding id="thumb" extends="chrome://global/content/bindings/scrollbar.xml#thumb">
     <content>
       <xul:box class="thumb-box" autostretch="never" orient="vertical" flex="1">
         <xul:spring flex="1"/>
@@ -62,7 +72,7 @@
     </content>
   </binding>
 
-  <binding id="scrollbar">
+  <binding id="scrollbar" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
     <content>
       <xul:scrollbarbutton type="decrement" inherits="align:sborient"/>
       <xul:slider flex="1" inherits="curpos,maxpos,pageincrement,increment">
     </content>
   </binding>
 
-  <binding id="slider">
+  <binding id="slider" extends="chrome://global/content/bindings/scrollbar.xml#slider">
     <content>
            <xul:button class="slider-button"/>
        </content>
   </binding>
   
-  <binding id="grippy">
+  <binding id="grippy" extends="chrome://global/content/bindings/splitter.xml#grippy">
     <content>
       <xul:box class="grippy-box" flex="1">
         <xul:image class="grippy-image" inherits="src" />
   
 </bindings>
 
+
+
index 57bd9d92fa147daa790287cfac55965716f66d65..78a0bc9111c7e79cf44b39c2c1a8b37f89f23747 100755 (executable)
@@ -11,6 +11,8 @@
 /* all localizable skin settings shall live here */
 @import url(chrome://global/locale/intl.css);
 
+/* this seems to be excluded now! let's see what happens...
+
 @import url(chrome://global/skin/box.css);
 @import url(chrome://global/skin/button.css);
 @import url(chrome://global/skin/checkbox.css);
 @import url(chrome://global/skin/tabcontrol.css);
 @import url(chrome://global/skin/toolbar.css);
 @import url(chrome://global/skin/colorpicker.css);
+*/
+
+
+@import url("chrome://global/skin/formatting.css");
+/*
+@import url("chrome://global/content/bindings/outliner.css");
+@import url("chrome://global/content/bindings/popup.css");
+@import url("chrome://global/content/bindings/scrollbar.css");
+@import url("chrome://global/content/bindings/tree.css");
+
+@import url("chrome://global/skin/button.css");
+@import url("chrome://global/skin/checkbox.css");
+@import url("chrome://global/skin/colorpicker.css");
+@import url("chrome://global/skin/menu.css");
+@import url("chrome://global/skin/menubutton.css");
+@import url("chrome://global/skin/menulist.css");
+@import url("chrome://global/skin/outliner.css");
+@import url("chrome://global/skin/popup.css");
+@import url("chrome://global/skin/progressmeter.css");
+@import url("chrome://global/skin/radio.css");
+@import url("chrome://global/skin/scrollbox.css");
+@import url("chrome://global/skin/splitter.css");
+@import url("chrome://global/skin/tabcontrol.css");
+@import url("chrome://global/skin/textbox.css");
+@import url("chrome://global/skin/toolbar.css");
+@import url("chrome://global/skin/tree.css");
+*/
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
-@namespace html url("http://www.w3.org/1999/xhtml"); 
+
+
+/**  
+ * bindings
+ **/
+
+/*
+
+  button, button.left
+    {
+      -moz-binding        : url("chrome://global/skin/buttonBindings.xml#buttonleft");
+    }
+  checkbox 
+    {
+      -moz-binding        : url("chrome://global/skin/classicBindings.xml#checkbox");
+    }
+  menulist 
+    {
+      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist");
+    }
+        
+  menulist[editable="true"] 
+    {
+      -moz-binding          : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important;
+    }
+  
+  menulist > menupopup,
+  .menulist-menupopup
+    {
+      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulistpopup");
+    }
+
+  .menulist-compact
+    {
+      -moz-binding        : url("chrome://global/skin/menulistBindings.xml#menulist-compact");
+    }
+    
+  radio 
+    {
+      -moz-binding        : url("chrome://global/skin/classicBindings.xml#radio");
+    }
+
+  grippy, grippy[collapse="before"]
+    {
+      -moz-binding          : url("chrome://global/skin/classicBindings.xml#grippy");
+    }
+    
+  window[orient="vertical"] > splitter,
+  box[orient="vertical"] > splitter,
+  window[align="vertical"] > splitter,
+  box[align="vertical"] > splitter,
+  vbox > splitter
+    {
+      -moz-binding        : url("chrome://global/skin/classicBindings.xml#splitter-hack");
+    }
+
+  tabs 
+    {
+      -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs");
+    }
+
+  toolbargrippy
+    {
+      -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy");
+    }
+
+  toolbargrippy[tbgrippy-collapsed="true"] 
+    {
+      -moz-binding          : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed");
+    }
+*/
+
 
 /**
  * XXX-DEBUG: HTML namespace/titledbutton striping. 
 
 
 /**
- * html|iframe default sizing 
+ * iframe default sizing 
  **/
-  html|iframe 
+  iframe 
     {
       min-width           : 10px;
       min-height          : 10px;
       border              : none;
     }
 
-/** 
- * XUL <progressmeter> 
- **/
-  progressmeter[mode="undetermined"] > .progressmeter-internal-box
-    {
-      background-image    : url(chrome://global/skin/progressmeter-busy.gif);
-    }
-  progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar {
-      visibility: collapse;
-  }
 
-  .progress-text 
-    {
-      font-weight         : normal !important;
-    }
+.tooltip-label
+  {
+    margin                : 0px;
+  }
   
-  progressmeter 
-    {
-      min-width           : 100px;
-      margin              : 0px 4px 0px 4px;
-      border              : 1px inset #CCD0DD;
-    }
-
-  progressmeter > .progressmeter-internal-box 
-    {
-      border              : 1px solid #000000;
-    }
-
-/* progress indicators */
-  .progress-bar 
-    {
-           background-color    : #6699cc;
-      border-right        : 1px outset #6699cc;
-    }
   
-  .progress-remainder 
-    {
-           background-color    : #999999;
-    }
 
-  .progressmeter-statusbar 
-    {
-      border              : 1px solid #9999CC;
-      margin              : 1px 4px 1px 4px;
-    }
-
-  .progressmeter-statusbar > .progressmeter-internal-box
-    {
-      border              : none;
-      padding             : 1px;
-    }
-    
-  .progressmeter-progressbar[statusbar="true"] > .progress-bar
-    {
-      background-color    : #9999CC;
-      border-right        : none;
-    }
-   
-  .progressmeter-progressbar[statusbar="true"] > .progress-remainder
-    {
-      background-color    : #CCD0DD;
-    }
-    
-/** XUL <scrollbar> element **/
-  scrollbar 
-    { 
-      user-focus          : ignore; 
-    } 
 
index 25515ed9a7c9c4fdb1ebbd7707d29f0e2b98cb2c..b7a1ff82ec42ef4e7cf93b6ee0250fe1d7e906da 100755 (executable)
@@ -1,16 +1,3 @@
-menubar 
-  {
-    background-color      : #CCD0DD;
-    border-bottom         : 1px solid #9999CC;
-    border-right          : 1px solid #9999CC;
-  }
-
-menubar > toolbargrippy 
-  {
-/*    display               : none; */
-  }
-
 menu, menuitem  
   {
     color                 : #000000;
@@ -29,24 +16,6 @@ menuitem[menuactive="true"][disabled="true"]
          color                 : #999999;
   }
 
-/* XXX menupopups have to have a color explicitly specified. this is a bug */
-menupopup, popup 
-  {
-    background-color      : #CCD0DD;
-    border                : 1px outset #CCD0DD;
-  }
-
-menupopup > menu, popup > menu,
-menupopup > menuitem, popup > menuitem
-  {
-    max-width             : 250px;
-    min-width             : 125px;
-    margin-left           : 0px;
-    margin-right          : 0px;
-    margin-top            : 0px;
-    margin-bottom         : 0px;
-  }
-
 menuseparator 
   {
     border                : 1px inset #CCD0DD; 
@@ -64,6 +33,7 @@ menupopup > menu, menupopup > menuitem,
 popup > menu, popup > menuitem
   {
     padding               : 2px;
+    max-width             : 42em; /* should move to content */
   }
 
 menubar > menu[menuactive="true"] 
@@ -171,44 +141,47 @@ menuitem[checked="true"][menuactive="true"]
     list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
   }
 
-/** Tooltips (tooltip <popup> element)
- *  class="tooltip"
- **/
-.tooltip
-  {
-    background-color      : #FFFFCC;
-    border                : 1px outset #FFFFCC;
-    color                 : #000000;
-    font                  : smaller;
-    padding               : 3px;
-  }
-
-/* .tooltip html */
-html#TOOLTIP-tooltipText
-  {
-    padding               : 0px;
-    margin                : 0px;
-  }
-
-/*
- * Autorepeatbutton
- */
-.autorepeatbutton-up {
-    list-style-image: url("chrome://global/skin/scroll-up.gif")
-}
-
-.autorepeatbutton-down {
-    list-style-image: url("chrome://global/skin/scroll-down.gif")
-}
-
-autorepeatbutton {
-  text-align: center;
-  vertical-align: middle;
-}
-
-autorepeatbutton:hover {
-  background-color: #336699;
-}
-
+/* ::::: menu/menuitems in a menulist popup ::::: */
+
+  menulist > menupopup > menuitem
+       {
+         min-width: 0px;
+         max-width: none;
+         padding: 0px 4px !important;
+       }
+
+  menulist > menupopup > menuitem > .menu-iconic-accel,
+  menulist > menupopup > menuitem > .menu-accel,
+  menulist > menupopup > menuitem > .menu-text,
+  menulist > menupopup > menuitem > .menu-iconic-text,
+  menulist > menupopup > menu > .menu-text,
+  menulist > menupopup > menu > .menu-accel,
+  menulist > menupopup > menu > .menu-iconic-text,
+  menulist > menupopup > menu > .menu-iconic-accel
+    {
+      margin-top          : 0px;
+      margin-bottom       : 0px;
+    }
+
+
+  menulist > menupopup > menuitem > .menu-iconic-left,
+  menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
+    {
+      list-style-image    : inherit;
+      width               : 0px;
+      border              : none;
+    }
+
+  menulist > menupopup > menuitem[menuactive="true"][selected="true"]
+    {
+      list-style-image    : url(chrome://global/skin/menulist-select-dot-active.gif);
+      margin-right               : 3px;
+    }
+  
+  menulist > menupopup > menuitem[selected="true"]
+    {
+      list-style-image    : url(chrome://global/skin/menulist-select-dot.gif);
+      margin-right               : 3px;
+    }
 
 
index 94f1d434c01d854271f5aef32c0ca4d255a8902c..2cfdea8718f9635664f326b5e36558fba61c4e0b 100755 (executable)
-\r
-/* NEW WIDGET LANDING: <menulist> popup */\r
-\r
-/* outer frame */\r
-  menulist \r
-    {\r
-      padding             : 0px;\r
-      border              : none;\r
-      background-color    : #CCCCCC;\r
-      margin              : 1px 5px 2px 5px;\r
-    }\r
-\r
-  menulist[menuactive="true"],\r
-  menulist:hover \r
-    {\r
-      border              : none;\r
-    }\r
-\r
-  menulist[open="true"] \r
-    {\r
-      border              : none;\r
-    }\r
-  \r
-  menulist[disabled="true"]\r
-    {\r
-      border              : none;\r
-      color               : #9999CC;\r
-    }\r
-    \r
-/* icon display frame */\r
-  menulist > .menu-icon \r
-    {\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      padding             : 2px 0px 2px 0px;\r
-    }  \r
-\r
-  menulist[open="true"] > .menu-icon \r
-    {\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      padding             : 2px 0px 2px 0px;\r
-    }\r
-  \r
-/* text display frame */\r
-  menulist > .menu-text \r
-    {\r
-      padding             : 2px 4px 2px 4px;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      margin-right        : 0px;\r
-    }\r
-    \r
-  menulist[open="true"] > .menu-text \r
-    {\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      padding             : 2px 4px 2px 4px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist > .menu-dropmarker \r
-    {\r
-      border              : 1px outset #CCD0DD;\r
-      border-left         : none;\r
-      list-style-image    : url("chrome://global/skin/scroll-down.gif");\r
-      padding             : 2px;\r
-    }\r
-  \r
-  menulist[disabled="true"] > .menu-dropmarker\r
-    {\r
-      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");\r
-    }\r
-\r
-  menulist[open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px inset #CCD0DD;\r
-      padding             : 3px 2px 1px 2px;\r
-    }\r
-\r
-/** rules for EDITABLE menulists (aka 'comboboxes'). \r
- **/\r
-\r
-/* outer frame */\r
-  menulist[editable="true"] \r
-    {\r
-      padding             : 0px;\r
-    }\r
-\r
-/* icon display frame */\r
-  menulist[editable="true"] > .menu-icon \r
-    {\r
-      list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
-      background-color    : white;\r
-      padding             : 1px;\r
-      border-left         : 1px inset #CCD0DD;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-right        : none;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-    }\r
-\r
-/* text display frame */    \r
-  menulist[editable="true"] > .menu-text \r
-    {\r
-      border-left         : none;\r
-      border-top          : 1px inset #CCD0DD;\r
-      border-right        : 1px inset #CCD0DD;\r
-      border-bottom       : 1px inset #CCD0DD;\r
-      margin              : 0px 2px 0px 0px;\r
-    }\r
-\r
-/* drop marker display frame */\r
-  menulist[editable="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px outset #CCD0DD;\r
-    }\r
-\r
-  menulist[editable="true"][open="true"] > .menu-dropmarker \r
-    {\r
-      border              : 1px inset #CCD0DD;\r
-    }\r
-\r
-/* rules for popups and separators associated with menulists */\r
-  menulist > menupopup \r
-    {\r
-      border              : 1px outset #CCD0DDk;\r
-      min-width           : 0px;\r
-      padding             : 0px;\r
-    }\r
-    \r
-  menulist > menupopup > menuseparator \r
-    {\r
-     border-bottom       : 1px inset #CCD0DD; \r
-    }\r
-\r
-  menulist > menupopup > menuitem \r
-    {\r
-      padding             : 0px;\r
-      min-width: 0px;\r
-      max-width: auto;\r
-    }\r
-\r
-  menulist > menupopup > menuitem > .menu-left \r
-    {\r
-      width               : 13px;\r
-    }\r
-\r
-  menulist > menupopup > menuitem[selected="true"] > .menu-left\r
-    {\r
-      list-style-image    : url(chrome://global/skin/menu-check.gif);\r
-    }\r
-  \r
-  menulist > menupopup > menuitem[menuactive="true"][selected="true"] > .menu-left\r
-    {\r
-      list-style-image    : url(chrome://global/skin/menu-check-hover.gif);\r
-    }\r
+
+/* NEW WIDGET LANDING: <menulist> popup */
+
+/* outer frame */
+  menulist 
+    {
+      padding             : 0px;
+      border              : none;
+      background-color    : #CCCCCC;
+      margin              : 1px 5px 2px 5px;
+    }
+
+  menulist[menuactive="true"],
+  menulist:hover 
+    {
+      border              : none;
+    }
+
+  menulist[open="true"] 
+    {
+      border              : none;
+    }
+  
+  menulist[disabled="true"]
+    {
+      border              : none;
+      color               : #9999CC;
+    }
+    
+/* icon display frame */
+  menulist > .menu-icon 
+    {
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      padding             : 2px 0px 2px 0px;
+    }  
+
+  menulist[open="true"] > .menu-icon 
+    {
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      padding             : 2px 0px 2px 0px;
+    }
+  
+/* text display frame */
+  menulist > .menu-text 
+    {
+      padding             : 2px 4px 2px 4px;
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      margin-right        : 0px;
+    }
+    
+  menulist[open="true"] > .menu-text 
+    {
+      border-top          : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      padding             : 2px 4px 2px 4px;
+    }
+
+/* drop marker display frame */
+  menulist > .menu-dropmarker 
+    {
+      border              : 1px outset #CCD0DD;
+      border-left         : none;
+      list-style-image    : url("chrome://global/skin/scroll-down.gif");
+      padding             : 2px;
+    }
+  
+  menulist[disabled="true"] > .menu-dropmarker
+    {
+      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
+    }
+
+  menulist[open="true"] > .menu-dropmarker 
+    {
+      border              : 1px inset #CCD0DD;
+      padding             : 3px 2px 1px 2px;
+    }
+
+/** rules for EDITABLE menulists (aka 'comboboxes'). 
+ **/
+
+/* outer frame */
+  menulist[editable="true"] 
+    {
+      padding             : 0px;
+    }
+
+/* icon display frame */
+  menulist[editable="true"] > .menu-icon 
+    {
+      list-style-image    : url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
+      background-color    : white;
+      padding             : 1px;
+      border-left         : 1px inset #CCD0DD;
+      border-top          : 1px inset #CCD0DD;
+      border-right        : none;
+      border-bottom       : 1px inset #CCD0DD;
+    }
+
+/* text display frame */    
+  menulist[editable="true"] > .menu-text 
+    {
+      border-left         : none;
+      border-top          : 1px inset #CCD0DD;
+      border-right        : 1px inset #CCD0DD;
+      border-bottom       : 1px inset #CCD0DD;
+      margin              : 0px 2px 0px 0px;
+    }
+
+/* drop marker display frame */
+  menulist[editable="true"] > .menu-dropmarker 
+    {
+      border              : 1px outset #CCD0DD;
+    }
+
+  menulist[editable="true"][open="true"] > .menu-dropmarker 
+    {
+      border              : 1px inset #CCD0DD;
+    }
+
index 912de3028d4ebf920f18b1e34cb6050adda9c143..d3fecce9742dd745f798937fa0b217a614dacf7c 100755 (executable)
@@ -5,11 +5,7 @@
    xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 
-<!-- 
-  BINDING : menulist
-  XUL REPRESENTATION : <menulist>
-  -->
-  <binding id="menulist" extends="chrome://global/content/menulistBindings.xml#menulist">
+  <binding id="menulist" extends="chrome://global/content/bindings/menulist.xml#menulist">
     <content excludes="template,observes,menupopup" flex="1">
       <xul:box class="menulist-internal-box" flex="1">
         <xul:box class="menulist-display-box" flex="1" valign="middle" autostretch="never">
@@ -25,7 +21,7 @@
     </content>
   </binding>
 
-  <binding id="menulistpopup">
+  <binding id="menulistpopup" extends="chrome://global/content/bindings/popup.xml#popup">
     <content>
       <xul:box class="menulistpopup-internal-box" orient="vertical" flex="1" style="overflow: auto">
         <children/>
@@ -34,3 +30,5 @@
   </binding>
    
 </bindings>
+
+
diff --git a/EarlyBlue/global/skin/popup.css b/EarlyBlue/global/skin/popup.css
new file mode 100644 (file)
index 0000000..d0711fb
--- /dev/null
@@ -0,0 +1,44 @@
+menupopup, popup
+  {
+    /* DON'T DELETE.  Removes disappearance of scrollbars
+     * in content pane when window is made smaller.
+     * Talk to evaughan@netscape.com for details.
+     */
+    min-width             : 1px;
+    background-color      : #CCD0DD;
+    border                : 1px outset #CCD0DD;
+  }
+
+.popup-internal-box
+  {
+    padding               : 1px;
+  }  
+  
+/** Tooltips (tooltip <popup> element)
+ *  class="tooltip"
+ **/
+.tooltip
+  {
+    background-color      : #FFFFCC;
+    border                : 1px outset #FFFFCC;
+    color                 : #000000;
+    font                  : smaller;
+    padding               : 3px;
+  }
+
+.tooltip > .popup-internal-box
+  {
+    padding               : 0px;
+    margin                : 0px;
+  }
+
+/* rules for popups associated with menulists */
+
+  menulist > menupopup,
+  .menulist-menupopup
+    {
+      border              : 1px solid #666699;
+      min-width           : 0px;
+      background-color    : white;
+    }
+
diff --git a/EarlyBlue/global/skin/progressmeter.css b/EarlyBlue/global/skin/progressmeter.css
new file mode 100644 (file)
index 0000000..5999770
--- /dev/null
@@ -0,0 +1,75 @@
+/** 
+ * XUL <progressmeter> 
+ **/
+  progressmeter[mode="undetermined"] > .progressmeter-internal-box
+    {
+      background-image    : url(chrome://global/skin/progressmeter-busy.gif);
+    }
+  progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar 
+    {
+      visibility          : collapse;
+    }
+
+  progressmeter
+    {
+      min-width           : 100px;
+      margin              : 0px 4px 0px 4px; 
+      border              : 1px inset #CCD0DD;
+      background-color    : #999999;
+    }
+
+  .progressmeter-statusbar 
+    {
+      border              : 1px solid #9999CC;
+      margin              : 1px 4px 1px 4px;
+      background-color    : #CCD0DD;
+    }
+    
+  .progress-text 
+    {
+      visibility          : collapse;
+    }    
+
+  .progressmeter-internal-box
+    {
+      border              : 1px solid #CCD0DD;
+      padding             : 1px;
+    }
+  
+  .progressmeter-inset  
+    {
+      margin              : 1px 5px 2px 5px;
+    }
+  
+  .progressmeter-inset > .progressmeter-internal-box 
+    {
+      border              : 1px inset #CCD0DD;
+    }
+
+/* progress indicators */
+  .progress-bar 
+    {
+      background-color    : #6699cc;
+    }
+
+/*  
+  .progress-remainder 
+    {
+      background-color    : #999999;
+    }
+*/
+
+  .progressmeter-progressbar[statusbar="true"] > .progress-bar
+    {
+      background-color    : #9999CC;
+      border-right        : none;
+    }
+
+/*   
+  .progressmeter-progressbar[statusbar="true"] > .progress-remainder
+    {
+      background-color    : #CCD0DD;
+    }
+*/
+
diff --git a/EarlyBlue/global/skin/scrollbox.css b/EarlyBlue/global/skin/scrollbox.css
new file mode 100644 (file)
index 0000000..e704af7
--- /dev/null
@@ -0,0 +1,27 @@
+/*
+ * Autorepeatbutton
+ */
+.autorepeatbutton-up {
+    list-style-image      : url("chrome://global/skin/scroll-up.gif")
+}
+
+.autorepeatbutton-down {
+    list-style-image      : url("chrome://global/skin/scroll-down.gif")
+}
+
+autorepeatbutton {
+    margin                : 1px 2px 2px 1px;
+    border                : 1px solid transparent;
+    padding               : 1px;
+    height                : 1em;  
+    text-align            : center;
+    vertical-align        : middle;
+}
+
+autorepeatbutton:hover {
+    background-color      : #336699;
+    margin                : 1px;
+    border                : 1px inset #CCD0DD;
+    padding               : 2px 1px 1px 2px;
+}
+
diff --git a/EarlyBlue/global/skin/titledbox.css b/EarlyBlue/global/skin/titledbox.css
new file mode 100644 (file)
index 0000000..98945cc
--- /dev/null
@@ -0,0 +1,18 @@
+titledbox
+  {
+    border                : 2px groove #CCD0DD;
+    padding               : 7px !important;
+    margin                : 5px;
+  }
+label
+  {
+    margin                : 0px 40px 2px 6px;
+    padding               : 0px 3px 0px 3px;
+    background-color      : ThreeDFace;
+  }
+
+.titledbox-body
+  {
+    padding               : inherit;
+  }
+
index c601ad6ff8aa8a00058aa00c1eb6129b3f69ee5a..773ca7262e7f838355f4d02c12a0a61822e31e10 100755 (executable)
@@ -25,4 +25,15 @@ toolbarseparator
   { 
     width                 : 2em; 
   }
-  
+
+menubar 
+  {
+    background-color      : #CCD0DD;
+    border-bottom         : 1px solid #9999CC;
+    border-right          : 1px solid #9999CC;
+  }
+
+menubar > toolbargrippy 
+  {
+/*    display               : none; */
+  }
index 7f2e3373ceb9cfa7632b49518ac9bceeb0667aab..6f25760b8856521e2f5a4e0f5959fe6b75478f93 100755 (executable)
@@ -161,33 +161,6 @@ treecol[sortActive="true"]
     margin-left           : 2px;
   }
 
-/* Inline Editable Treecells */
-.textbox-inline-edit 
-  {
-    border                : 1px solid #666699 !important;
-    margin                : 0px !important;
-  }
-
-.textbox-inline-edit > .textbox-internal-box > .textbox-input 
-  {
-    border                : 0px !important;
-    padding               : 1px !important;
-    margin                : 0px !important;
-  }
-
-.textbox-inline-edit > .textbox-internal-box 
-  {
-    border                : 0px !important;
-    padding               : 0px !important;
-    margin                : 0px !important;
-  }
-
-treerow[mode="inline-edit"] 
-  {
-    background            : transparent;
-  }
-
-
 
 
 
diff --git a/EarlyBlue/global/skin/wizard.css b/EarlyBlue/global/skin/wizard.css
new file mode 100644 (file)
index 0000000..3870ab5
--- /dev/null
@@ -0,0 +1,39 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.wizard-header {
+  border-bottom: 2px groove 6699FF;
+  padding: 10px 0px 10px 0px;
+  background-color: #666699;
+  color: #CCD0DD;
+}
+
+.wizard-header-label {
+  margin-left: 23px;
+  font-weight: bold;
+}
+
+.wizard-header-description {
+  margin-left: 44px;
+}
+
+.wizard-page-box {
+  margin: 10px 44px;
+}
+
+.wizard-buttons-separator {
+  margin-bottom: 0px !important;
+}
+
+.wizard-buttons-box-2 {
+  margin: 10px;
+}
+
+.wizard-button[wizardbutton="finish"],
+.wizard-button[wizardbutton="next"] {
+  margin-left: -1px !important;
+}
+
+.wizard-button[wizardbutton="back"] {
+  margin-right: 0px !important;
+}
+