some additional changes to make it look _really_ good again
authorrobert <robert>
Wed, 16 May 2001 22:18:33 +0000 (22:18 +0000)
committerrobert <robert>
Wed, 16 May 2001 22:18:33 +0000 (22:18 +0000)
EarlyBlue/communicator/skin/box.css
EarlyBlue/communicator/skin/button.css
EarlyBlue/global/skin/autocomplete.css
EarlyBlue/global/skin/formatting.css
EarlyBlue/global/skin/global.css
EarlyBlue/global/skin/menu.css
EarlyBlue/global/skin/progressmeter.css
EarlyBlue/global/skin/textbox.css
EarlyBlue/navigator/skin/navigator.css

index 6697118fe5ea38b0640446e7e11b1ab6f56f4976..8b137891791fe96927ad78e64b0aad7bded08bdc 100755 (executable)
@@ -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;
-  }
-
index a0df0b6a44691eff5fc1d8ed17fd13b04b56f434..f83f8493a46ff42cc1bd8db02758c5816e9d363f 100755 (executable)
 
   .button-toolbar-3 
     {
-      margin                : 0px 0px 0px 0px;
+      margin                : 0px;
       font-weight           : bold;
       background-color      : #9999CC;
       border                : none
@@ -288,3 +288,4 @@ menubutton.button-toolbar-4
     padding-left          : 2px;
   }
 
+
index 580a66b3e7ef2d24d2fa2ba728b28ee18b60dd23..9cdebbecbd7da159ceb6dd0eab1a36ca15594775 100644 (file)
@@ -19,39 +19,33 @@ textbox[type="autocomplete"]
 
 .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");
-    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");
+    padding             : 0px;
+    margin              : 0px;
   }
 
 .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;
   }
 
-.autocomplete-history-button[open="true"]
-  {
-    border              : 1px solid ThreeDDarkShadow;
-  }
-
 .autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
   {
-    border              : 1px solid ThreeDFace;
+    border              : 1px inset #CCD0DD;
     padding             : 2px 0px 0px 2px;
   }
 
@@ -60,8 +54,8 @@ textbox[type="autocomplete"]
 .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
@@ -92,3 +86,6 @@ textbox[type="autocomplete"]
   {
     color                  : HighlightText !important;
   }
+
+
+
index f800932c76a11893afba8a317646a258b8e40cb0..4eb7063d461fc84b6af8f6d09254e4c6238ddff6 100755 (executable)
     
   html
     {
-      margin              : 1px 5px 4px 5px;
+/*      margin              : 1px 5px 4px 5px; */
       cursor              : default;
     }
 
       text-decoration     : underline;
     }
 
+
index 78a0bc9111c7e79cf44b39c2c1a8b37f89f23747..bd9c194dc212166013821e264fcf999004d8b564 100755 (executable)
 /* 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");
  * 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 */
 
 
 /**
   
 
 
+
index b7a1ff82ec42ef4e7cf93b6ee0250fe1d7e906da..de49393ab4f6436658b16839cf03677605f9ece6 100755 (executable)
@@ -16,6 +16,15 @@ menuitem[menuactive="true"][disabled="true"]
          color                 : #999999;
   }
 
+menupopup > menu,
+menupopup > menuitem,
+popup > menu,
+popup > menuitem
+  {
+    max-width             : 42em; /* should move to content */
+    margin                : 0px;
+  }
+
 menuseparator 
   {
     border                : 1px inset #CCD0DD; 
@@ -29,13 +38,6 @@ menubar > menu
     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;
@@ -55,7 +57,6 @@ popup > menuitem[menuactive="true"]
     color                 : #FFFFFF;
   }
 
-
 /** 
  * 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;
-    margin                : 0px 2px 0px 0px;
+  }
+
+.menu-iconic-text
+  {
+    margin                : 2px 2px 2px 0px;
   }
 
 .menu-text 
   {
-    padding-left          : 15px;
-    font-weight           : inherit;
+    margin                : 2px 2px 2px 23px;
   }
 
 .menu-accel 
   {
-    margin-left           : 4px;
-    padding-right         : 14px;
+    margin                : 2px 14px 2px 6px;
   }
 
 .menu-iconic-accel 
   {
-    margin-left           : 4px;
+    margin                : 2px 14px 2px 4px;
   }
 
 .menubar-text 
@@ -116,14 +119,29 @@ menuitem[checked="true"]
     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"][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"] 
@@ -141,14 +159,23 @@ menuitem[checked="true"][menuactive="true"]
     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 ::::: */
 
-  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,
@@ -163,6 +190,10 @@ menuitem[checked="true"][menuactive="true"]
       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"]
@@ -172,16 +203,4 @@ menuitem[checked="true"][menuactive="true"]
       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 5999770d86b69bdee6fb85dd6f7163f503f0d701..7d99119953d5e4c868a6b693606747db961a9702 100644 (file)
@@ -24,6 +24,7 @@
       border              : 1px solid #9999CC;
       margin              : 1px 4px 1px 4px;
       background-color    : #CCD0DD;
+      padding             : 1px;
     }
     
   .progress-text 
@@ -33,8 +34,8 @@
 
   .progressmeter-internal-box
     {
-      border              : 1px solid #CCD0DD;
-      padding             : 1px;
+/*      border              : 1px solid #CCD0DD;
+      padding             : 1px; */
     }
   
   .progressmeter-inset  
@@ -73,3 +74,5 @@
     }
 */
 
+
+
index 14965dad61fce469ea3a2622d3db1a48632e21b5..d3d37134b019d7ffd808f39a6fbe4890de8b00f4 100755 (executable)
@@ -8,7 +8,6 @@
   textbox
     {
       border              : 1px inset #CCD0DD;
-      font                : inherit;
       color               : #000000;
       padding             : 0px;
       margin              : 1px 3px 2px 4px;
     }
 
 /* internal frame */
-  .textbox-internal-box 
+  .textbox-internal-box, .textarea-internal-box
     {
       margin              : 0px;
       padding             : 1px 2px 1px 2px;
-      cursor              : text;
-      border              : none;
-      background-color    : inherit;
-      color               : inherit;
-    }
-  
-  textbox[disabled="true"] > .textbox-internal-box
-    {
       border              : none;
     }
   
-  .textarea-internal-box
-    {
-      padding             : 0px 0px 0px 2px;
-    }
-  
 /* internal text widget */
   .textbox-input, .textbox-textarea
     {
       border              : none !important;
       margin              : 0px;
+      padding             : 0px;
       font                : inherit;
       background-color    : inherit;
+      color               : inherit;
     }
 
   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
       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;
+  }
+
+  
+
index a88e9c68953d79c3d296394525d6915170d24dde..42604330103ad26dc266a2df9b6183578977113c 100755 (executable)
@@ -92,48 +92,6 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
          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 
   {
@@ -159,8 +117,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
 #nav-bar-inner
   {
     padding-left          : 0px;
-    padding-top           : 10px;
-    padding-bottom        : 10px;
+    vertical-align        : middle;
   }
 
 #search-button
@@ -185,7 +142,7 @@ window[chromehidden~="extrachrome"] .chromeclass-extrachrome {
 
 #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;
   }
 
@@ -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;
+  }