some additional changes to make it look _really_ good again

diff --git a/EarlyBlue/communicator/skin/box.css b/EarlyBlue/communicator/skin/box.css
index 6697118fe5ea38b0640446e7e11b1ab6f56f4976..8b137891791fe96927ad78e64b0aad7bded08bdc 100755 (executable)
--- a/EarlyBlue/communicator/skin/box.css
+++ b/EarlyBlue/communicator/skin/box.css
@@ -1,11 +1 @@
 
 

-/* hmm, could this box (hbox) be in any other component than navigator? */
-
-#urlbar-container
-  {
-    border                : 1px inset #CCD0DD;
-    background-color      : #FFFFFF;
-    padding               : 1px;
-    margin                : 0px 0px 0px 3px;
-  }
-

diff --git a/EarlyBlue/communicator/skin/button.css b/EarlyBlue/communicator/skin/button.css
index a0df0b6a44691eff5fc1d8ed17fd13b04b56f434..f83f8493a46ff42cc1bd8db02758c5816e9d363f 100755 (executable)
--- a/EarlyBlue/communicator/skin/button.css
+++ b/EarlyBlue/communicator/skin/button.css
@@ -177,7 +177,7 @@
 
   .button-toolbar-3 
     {
 
   .button-toolbar-3 
     {

-      margin                : 0px 0px 0px 0px;
+      margin                : 0px;

       font-weight           : bold;
       background-color      : #9999CC;
       border                : none
       font-weight           : bold;
       background-color      : #9999CC;
       border                : none


@@ -288,3 +288,4 @@ menubutton.button-toolbar-4
     padding-left          : 2px;
   }
 
     padding-left          : 2px;
   }
 

+

diff --git a/EarlyBlue/global/skin/autocomplete.css b/EarlyBlue/global/skin/autocomplete.css
index 580a66b3e7ef2d24d2fa2ba728b28ee18b60dd23..9cdebbecbd7da159ceb6dd0eab1a36ca15594775 100644 (file)
--- a/EarlyBlue/global/skin/autocomplete.css
+++ b/EarlyBlue/global/skin/autocomplete.css
@@ -19,39 +19,33 @@ textbox[type="autocomplete"]
 
 .autocomplete-textbox-container
   {
 
 .autocomplete-textbox-container
   {

-    padding             : 1px 2px 1px 2px;
+    padding             : 1px 2px 1px 2px; 

   }
 
   }
 

+

 /* ::::: history button ::::: */
 
 .autocomplete-history-button
   {
     -moz-binding        : url("chrome://global/skin/classicBindings.xml#autocomplete-history-button");
 /* ::::: history button ::::: */
 
 .autocomplete-history-button
   {
     -moz-binding        : url("chrome://global/skin/classicBindings.xml#autocomplete-history-button");

-    border-top          : 1px solid -moz-Dialog;
-    border-right        : 1px solid ThreeDDarkShadow;
-    border-bottom       : 1px solid ThreeDDarkShadow;
-    border-left         : 1px solid ThreeDFace;
-    background-color    : ThreeDFace;
+    width               : 15px; 
+    min-height          : 19px; 
+    border              : none;
+    background-color    : #9999CC;

     list-style-image    : url("chrome://global/skin/scroll-down.gif");
     list-style-image    : url("chrome://global/skin/scroll-down.gif");

+    padding             : 0px;
+    margin              : 0px;

   }
 
 .autocomplete-history-button > .autocomplete-history-button-internal-box 
   {
   }
 
 .autocomplete-history-button > .autocomplete-history-button-internal-box 
   {

-    border-top          : 1px solid ThreeDHighlight;
-    border-right        : 1px solid ThreeDShadow;
-    border-bottom       : 1px solid ThreeDShadow;
-    border-left         : 1px solid ThreeDHighlight;
+    border              : 1px outset #CCD0DD;

     padding             : 1px;
   }
 
     padding             : 1px;
   }
 

-.autocomplete-history-button[open="true"]
-  {
-    border              : 1px solid ThreeDDarkShadow;
-  }
-

 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
   {
 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
   {

-    border              : 1px solid ThreeDFace;
+    border              : 1px inset #CCD0DD;

     padding             : 2px 0px 0px 2px;
   }
 
     padding             : 2px 0px 0px 2px;
   }
 


@@ -60,8 +54,8 @@ textbox[type="autocomplete"]
 .autocomplete-result-popup,
 .autocomplete-history-popup
   {
 .autocomplete-result-popup,
 .autocomplete-history-popup
   {

-    border                 : 1px solid ThreeDDarkShadow !important;
-    background-color       : -moz-Field !important;
+    border                 : 1px solid #9999CC !important;
+    background-color       : white !important;

   }
 
 .autocomplete-history-popup
   }
 
 .autocomplete-history-popup


@@ -92,3 +86,6 @@ textbox[type="autocomplete"]
   {
     color                  : HighlightText !important;
   }
   {
     color                  : HighlightText !important;
   }

+
+
+

diff --git a/EarlyBlue/global/skin/formatting.css b/EarlyBlue/global/skin/formatting.css
index f800932c76a11893afba8a317646a258b8e40cb0..4eb7063d461fc84b6af8f6d09254e4c6238ddff6 100755 (executable)
--- a/EarlyBlue/global/skin/formatting.css
+++ b/EarlyBlue/global/skin/formatting.css
@@ -111,7 +111,7 @@
     
   html
     {
     
   html
     {

-      margin              : 1px 5px 4px 5px;
+/*      margin              : 1px 5px 4px 5px; */

       cursor              : default;
     }
 
       cursor              : default;
     }
 


@@ -148,3 +148,4 @@
       text-decoration     : underline;
     }
 
       text-decoration     : underline;
     }
 

+

diff --git a/EarlyBlue/global/skin/global.css b/EarlyBlue/global/skin/global.css
index 78a0bc9111c7e79cf44b39c2c1a8b37f89f23747..bd9c194dc212166013821e264fcf999004d8b564 100755 (executable)
--- a/EarlyBlue/global/skin/global.css
+++ b/EarlyBlue/global/skin/global.css
@@ -11,27 +11,6 @@
 /* all localizable skin settings shall live here */
 @import url(chrome://global/locale/intl.css);
 
 /* 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/radio.css);
-@import url(chrome://global/skin/tree.css);
-@import url(chrome://global/skin/outliner.css);
-@import url(chrome://global/skin/splitter.css);
-@import url(chrome://global/skin/radio.css);
-@import url(chrome://global/skin/menubutton.css);
-@import url(chrome://global/skin/menulist.css);
-@import url(chrome://global/skin/menu.css);
-@import url(chrome://global/skin/formatting.css);
-@import url(chrome://global/skin/textfield.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/skin/formatting.css");
 /*
 @import url("chrome://global/content/bindings/outliner.css");


@@ -64,73 +43,7 @@
  * bindings
  **/
 
  * 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");
-    }
-*/
+/* EarlyBlue does currently not need any bindings here, if we once do, see sample in Classic */

 
 
 /**
 
 
 /**


@@ -279,3 +192,4 @@
   
 
 
   
 
 

+

diff --git a/EarlyBlue/global/skin/menu.css b/EarlyBlue/global/skin/menu.css
index b7a1ff82ec42ef4e7cf93b6ee0250fe1d7e906da..de49393ab4f6436658b16839cf03677605f9ece6 100755 (executable)
--- a/EarlyBlue/global/skin/menu.css
+++ b/EarlyBlue/global/skin/menu.css
@@ -16,6 +16,15 @@ menuitem[menuactive="true"][disabled="true"]
          color                 : #999999;
   }
 
          color                 : #999999;
   }
 

+menupopup > menu,
+menupopup > menuitem,
+popup > menu,
+popup > menuitem
+  {
+    max-width             : 42em; /* should move to content */
+    margin                : 0px;
+  }
+

 menuseparator 
   {
     border                : 1px inset #CCD0DD; 
 menuseparator 
   {
     border                : 1px inset #CCD0DD; 


@@ -29,13 +38,6 @@ menubar > menu
     margin                : 0px 2px 1px 0px;
   }
 
     margin                : 0px 2px 1px 0px;
   }
 

-menupopup > menu, menupopup > menuitem,
-popup > menu, popup > menuitem
-  {
-    padding               : 2px;
-    max-width             : 42em; /* should move to content */
-  }
-

 menubar > menu[menuactive="true"] 
   {
     border                : 1px outset #CCD0DD;
 menubar > menu[menuactive="true"] 
   {
     border                : 1px outset #CCD0DD;


@@ -55,7 +57,6 @@ popup > menuitem[menuactive="true"]
     color                 : #FFFFFF;
   }
 
     color                 : #FFFFFF;
   }
 

-

 /** 
  * Atomic sub-parts of standard menus
  **/
 /** 
  * Atomic sub-parts of standard menus
  **/


@@ -85,24 +86,26 @@ popup > menuitem[menuactive="true"]
 .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
   {
     color                 : inherit;
 .menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel 
   {
     color                 : inherit;

-    margin                : 0px 2px 0px 0px;
+  }
+
+.menu-iconic-text
+  {
+    margin                : 2px 2px 2px 0px;

   }
 
 .menu-text 
   {
   }
 
 .menu-text 
   {

-    padding-left          : 15px;
-    font-weight           : inherit;
+    margin                : 2px 2px 2px 23px;

   }
 
 .menu-accel 
   {
   }
 
 .menu-accel 
   {

-    margin-left           : 4px;
-    padding-right         : 14px;
+    margin                : 2px 14px 2px 6px;

   }
 
 .menu-iconic-accel 
   {
   }
 
 .menu-iconic-accel 
   {

-    margin-left           : 4px;
+    margin                : 2px 14px 2px 4px;

   }
 
 .menubar-text 
   }
 
 .menubar-text 


@@ -116,14 +119,29 @@ menuitem[checked="true"]
     list-style-image      : url("chrome://global/skin/menu-check.gif");
   }
 
     list-style-image      : url("chrome://global/skin/menu-check.gif");
   }
 

+menuitem[checked="true"][menuactive="true"]
+  {
+       list-style-image          : url("chrome://global/skin/menu-check-hover.gif");
+  }
+

 menuitem[checked="true"][disabled="true"] 
   {
     list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");
   }
 
 menuitem[checked="true"][disabled="true"] 
   {
     list-style-image      : url("chrome://global/skin/menu-check-disabled.gif");
   }
 

-menuitem[checked="true"][menuactive="true"] 
+menuitem[checked="true"][type="radio"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-radio.gif");
+  }
+
+menuitem[checked="true"][type="radio"][disabled="true"] 

   {
   {

-    list-style-image      : url("chrome://global/skin/menu-check-hover.gif");
+    list-style-image      : url("chrome://global/skin/menu-radio-disabled.gif");
+  }
+
+menuitem[checked="true"][type="radio"][menuactive="true"] 
+  {
+    list-style-image      : url("chrome://global/skin/menu-radio-hover.gif");

   }
 
 .menu-right[disabled="true"] 
   }
 
 .menu-right[disabled="true"] 


@@ -141,14 +159,23 @@ menuitem[checked="true"][menuactive="true"]
     list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
   }
 
     list-style-image      : url("chrome://global/skin/menu-arrow-hover.gif");
   }
 

+/* ::::: autocomplete menuitems ::::: */
+
+.autocomplete-history-popup > menuitem
+  {
+    max-width              : none !important;
+    font-size              : smaller;
+  }
+

 /* ::::: menu/menuitems in a menulist popup ::::: */
 
 /* ::::: menu/menuitems in a menulist popup ::::: */
 

-  menulist > menupopup > menuitem
-       {
-         min-width: 0px;
-         max-width: none;
-         padding: 0px 4px !important;
-       }
+  menulist > menupopup > menuitem,
+  menulist > menupopup > menu
+    {
+      padding             : 0px 4px !important;
+      min-width           : 0px;  /* should be in content*/
+      max-width           : none; /* should be in content*/
+    }

 
   menulist > menupopup > menuitem > .menu-iconic-accel,
   menulist > menupopup > menuitem > .menu-accel,
 
   menulist > menupopup > menuitem > .menu-iconic-accel,
   menulist > menupopup > menuitem > .menu-accel,


@@ -163,6 +190,10 @@ menuitem[checked="true"][menuactive="true"]
       margin-bottom       : 0px;
     }
 
       margin-bottom       : 0px;
     }
 

+  menulist > menupopup > menuitem[selected="true"]
+    {
+      border              : 1px dotted #F5DB95;
+    }

 
   menulist > menupopup > menuitem > .menu-iconic-left,
   menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
 
   menulist > menupopup > menuitem > .menu-iconic-left,
   menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]


@@ -172,16 +203,4 @@ menuitem[checked="true"][menuactive="true"]
       border              : none;
     }
 
       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;
-    }
-

 
 

diff --git a/EarlyBlue/global/skin/progressmeter.css b/EarlyBlue/global/skin/progressmeter.css
index 5999770d86b69bdee6fb85dd6f7163f503f0d701..7d99119953d5e4c868a6b693606747db961a9702 100644 (file)
--- a/EarlyBlue/global/skin/progressmeter.css
+++ b/EarlyBlue/global/skin/progressmeter.css
@@ -24,6 +24,7 @@
       border              : 1px solid #9999CC;
       margin              : 1px 4px 1px 4px;
       background-color    : #CCD0DD;
       border              : 1px solid #9999CC;
       margin              : 1px 4px 1px 4px;
       background-color    : #CCD0DD;

+      padding             : 1px;

     }
     
   .progress-text 
     }
     
   .progress-text 


@@ -33,8 +34,8 @@
 
   .progressmeter-internal-box
     {
 
   .progressmeter-internal-box
     {

-      border              : 1px solid #CCD0DD;
-      padding             : 1px;
+/*      border              : 1px solid #CCD0DD;
+      padding             : 1px; */

     }
   
   .progressmeter-inset  
     }
   
   .progressmeter-inset  


@@ -73,3 +74,5 @@
     }
 */
 
     }
 */
 

+
+

diff --git a/EarlyBlue/global/skin/textbox.css b/EarlyBlue/global/skin/textbox.css
index 14965dad61fce469ea3a2622d3db1a48632e21b5..d3d37134b019d7ffd808f39a6fbe4890de8b00f4 100755 (executable)
--- a/EarlyBlue/global/skin/textbox.css
+++ b/EarlyBlue/global/skin/textbox.css
@@ -8,7 +8,6 @@
   textbox
     {
       border              : 1px inset #CCD0DD;
   textbox
     {
       border              : 1px inset #CCD0DD;

-      font                : inherit;

       color               : #000000;
       padding             : 0px;
       margin              : 1px 3px 2px 4px;
       color               : #000000;
       padding             : 0px;
       margin              : 1px 3px 2px 4px;


@@ -34,41 +33,32 @@
     }
 
 /* internal frame */
     }
 
 /* internal frame */

-  .textbox-internal-box 
+  .textbox-internal-box, .textarea-internal-box

     {
       margin              : 0px;
       padding             : 1px 2px 1px 2px;
     {
       margin              : 0px;
       padding             : 1px 2px 1px 2px;

-      cursor              : text;
-      border              : none;
-      background-color    : inherit;
-      color               : inherit;
-    }
-  
-  textbox[disabled="true"] > .textbox-internal-box
-    {

       border              : none;
     }
   
       border              : none;
     }
   

-  .textarea-internal-box
-    {
-      padding             : 0px 0px 0px 2px;
-    }
-  

 /* internal text widget */
   .textbox-input, .textbox-textarea
     {
       border              : none !important;
       margin              : 0px;
 /* internal text widget */
   .textbox-input, .textbox-textarea
     {
       border              : none !important;
       margin              : 0px;

+      padding             : 0px;

       font                : inherit;
       background-color    : inherit;
       font                : inherit;
       background-color    : inherit;

+      color               : inherit;

     }
 
   textbox[disabled="true"] 
     {
     }
 
   textbox[disabled="true"] 
     {

-      cursor              : default ! important;
+      cursor              : default !important;
+      background-color    : white;
+      color               : #CCCCCC;

     } 
     
     } 
     

-/** plain atomic textfields, class="plain" **/
+/** plain atomic textboxs, class="plain" **/

   textbox.plain, 
   textbox.plain > .textbox-internal-box, 
   textbox.plain > .textarea-internal-box
   textbox.plain, 
   textbox.plain > .textbox-internal-box, 
   textbox.plain > .textarea-internal-box


@@ -78,21 +68,27 @@
       border              : none !important;
     }
 
       border              : none !important;
     }
 

-  .scrollfield
-    {
-      border              : none !important;
-      margin              : 0px;
-      margin-top          : 1px;      
-      padding             : 0px !important;
-      background          : inherit;
-    }    
-    
-  .scrollfield > .textbox-internal-box
-    {
-      border              : none !important;
-      margin              : 0px !important;
-      padding             : 0px !important;
-    }
-    
-    
-    
+/** inline edit textbox **/
+
+.textbox-inline-edit 
+  {
+    border                : 1px solid #6699FF !important;
+    margin                : 0px !important;
+  }
+
+.textbox-inline-edit > .textbox-internal-box > .textbox-input 
+  {
+    border                : none !important;
+    padding               : 0px !important;
+    margin                : 0px !important;
+  }
+
+.textbox-inline-edit > .textbox-internal-box 
+  {
+    border                : none !important;
+    padding               : 1px !important;
+    margin                : 0px !important;
+  }
+
+  
+

diff --git a/EarlyBlue/navigator/skin/navigator.css b/EarlyBlue/navigator/skin/navigator.css
index a88e9c68953d79c3d296394525d6915170d24dde..42604330103ad26dc266a2df9b6183578977113c 100755 (executable)
--- a/EarlyBlue/navigator/skin/navigator.css
+++ b/EarlyBlue/navigator/skin/navigator.css
@@ -92,48 +92,6 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
          list-style-image      : url("chrome://navigator/skin/reload.gif");
   }
 
          list-style-image      : url("chrome://navigator/skin/reload.gif");
   }
 

-/*all the urlbar stuff*/
-#page-proxy-button 
-  {
-         list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); 
-         cursor                : grab;
-          margin-right          : 3px;
-          margin-left           : 2px;
-  } 
-
-#ubhist-keyword-popup 
-  {
-         margin                : 0px 1px 0px 0px;
-         width                 : 10px; 
-         list-style-image      : url("chrome://global/skin/scroll-down.gif"); 
-  } 
-
-#ubhist
-  {
-    background-color      : #9999CC;
-    list-style-image      : url("chrome://global/skin/scroll-down.gif"); 
-    padding               : 0px 0px 0px 0px;
-    margin                : 0px 3px 0px 0px;
-  }
-
-#ubhist > .menubutton-icon-internal-box
-  {
-    border                : 1px outset #CCD0DD;
-  }  
-
-#ubhist:hover:active > .menubutton-icon-internal-box,
-#ubhist[open="true"] > .menubutton-icon-internal-box
-  {
-    border                : 1px inset #CCD0DD;
-  }  
-
-
-#action-popup 
-  {
-    list-style-image      : url("chrome://global/skin/scroll-down.gif"); 
-         margin                : 0px; 
-/*       -moz-border-radius    : 4px; */
-  }

 
 #content-frame 
   {
 
 #content-frame 
   {


@@ -159,8 +117,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
 #nav-bar-inner
   {
     padding-left          : 0px;
 #nav-bar-inner
   {
     padding-left          : 0px;

-    padding-top           : 10px;
-    padding-bottom        : 10px;
+    vertical-align        : middle;

   }
 
 #search-button
   }
 
 #search-button


@@ -185,7 +142,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
 
 #print-button 
   {
 
 #print-button 
   {

-       list-style-image      : url("chrome://global/skin/print.gif");
+    list-style-image      : url("chrome://global/skin/print.gif");

     margin                : 0px 3px 0px 0px;
   }
 
     margin                : 0px 3px 0px 0px;
   }
 


@@ -195,4 +152,40 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
   }
 
 
   }
 
 

+/*all the urlbar stuff*/
+#page-proxy-button 
+  {
+    border                : 1px inset #CCD0DD;
+    border-right          : none;
+    list-style-image      : url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); 
+    cursor                : grab;
+    padding               : 2px 2px 3px 3px;
+  } 
+
+#action-popup 
+  {
+    list-style-image      : url("chrome://global/skin/scroll-down.gif"); 
+         margin                : 0px; 
+/*       -moz-border-radius    : 4px; */
+  }
+
+
+.autocomplete-textbox-container
+  {
+    border                : 1px inset #CCD0DD;
+    border-left           : none;
+    background-color      : #FFFFFF; 
+  }
+
+#urlbar-container
+  {
+    border                : none;
+    background-color      : inherit;
+    padding               : 0px;
+  }
+
+#urlbar-group
+  {
+    margin-right          : 5px;
+  }