preliminary work for getting themes ready for suiterunner, add files we need for...
[themes.git] / EarlyBlue / browser / browser.css
index 787ea2c627944a947ff6392a09f6b4bb67e55c3a..9d56a9d5c88164733045fcbc4353ed112f1eab1d 100644 (file)
@@ -22,6 +22,8 @@
  *   Joe Hewitt (hewitt@netscape.com)
  *   Jason Kersey (kerz@netscape.com)
  *   Pierre Chanial (chanial@noos.fr)
+ *   Dean Tessman (dean_tessman@hotmail.com)
+ *   Robert Kaiser (kairo@kairo.at)
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -52,11 +54,17 @@ toolbarbutton.bookmark-item {
   min-width: 0;
   max-width: 13em;
   min-height: 20px;
+  padding: 1px;
+}
+
+toolbarbutton.bookmark-item:hover:active,
+toolbarbutton.bookmark-item[open="true"] {
+  padding: 2px 0px 0px 2px;
 }
 
 .bookmark-item > .toolbarbutton-icon {
   width: 16px;
-  height: 16px; 
+  height: 16px;
 }
 
 /* Prevent [mode="icons"] from hiding the label */
@@ -137,17 +145,10 @@ menuitem.bookmark-item {
   list-style-image: url("chrome://browser/skin/icons/bookmark-folder-open.gif");
 }
 
-.groupmark-item {
-  width: 16px;
-  height: 16px;
-  margin: 0px 2px;
-  padding: 1px 3px 1px 2px;
-  list-style-image: url("chrome://browser/skin/icons/bookmark-group.gif");
-}
-
 /* ::::: primary toolbar buttons ::::: */
 
-.toolbarbutton-1 {
+.toolbarbutton-1,
+.toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-box-orient: vertical;
   min-width: 0px;
 }
@@ -156,7 +157,7 @@ toolbarbutton:not([disabled="true"]):hover,
 menubutton:not([disabled="true"]):hover,
 toolbarbutton:not([disabled="true"]):hover:active,
 menubutton:not([disabled="true"]):hover:active {
-  color: ButtonText !important;
+  color: #000000 !important;
 }
 
 /*
@@ -268,6 +269,27 @@ toolbar[mode="text"] .toolbarbutton-text {
   list-style-image: url("chrome://browser/skin/icons/history-disabled.gif");
 }
 
+#cut-button {
+  list-style-image: url("chrome://browser/skin/icons/cut.gif");
+}
+#cut-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/cut-disabled.gif");
+}
+
+#copy-button {
+  list-style-image: url("chrome://browser/skin/icons/copy.gif");
+}
+#copy-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/copy-disabled.gif");
+}
+
+#paste-button {
+  list-style-image: url("chrome://browser/skin/icons/paste.gif");
+}
+#paste-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/paste-disabled.gif");
+}
+
 
 /* ::::: small primary toolbar buttons ::::: */
 
@@ -348,24 +370,76 @@ toolbar[iconsize="small"] #history-button[disabled="true"] {
   list-style-image: url("chrome://browser/skin/icons/history-small-disabled.gif");
 }
 
+toolbar[iconsize="small"] #cut-button {
+  list-style-image: url("chrome://browser/skin/icons/cut-small.gif");
+}
+toolbar[iconsize="small"] #cut-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/cut-small-disabled.gif");
+}
+
+toolbar[iconsize="small"] #copy-button {
+  list-style-image: url("chrome://browser/skin/icons/copy-small.gif");
+}
+toolbar[iconsize="small"] #copy-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/copy-small-disabled.gif");
+}
+
+toolbar[iconsize="small"] #paste-button {
+  list-style-image: url("chrome://browser/skin/icons/paste-small.gif");
+}
+toolbar[iconsize="small"] #paste-button[disabled="true"] {
+  list-style-image: url("chrome://browser/skin/icons/paste-small-disabled.gif");
+}
+
+
+/* Smaller padding on small toolbar buttons */
+
+toolbar[iconsize="small"] .toolbarbutton-1 {
+  padding: 2px;
+}
+
+toolbar[iconsize="small"] .toolbarbutton-1:hover:active,
+toolbar[iconsize="small"] .toolbarbutton-1[open="true"] {
+  padding: 3px 1px 1px 3px;
+}
+
+toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"],
+toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover,
+toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"]:hover:active,
+toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] {
+  padding: 2px;
+}
+
+toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
+  padding: 3px 1px 1px 3px !important;
+}
+
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"],
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover,
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active,
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"],
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"],
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover,
+toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]:hover:active {
+  padding: 0;
+}
 
 /* ::::: fullscreen window controls ::::: */
 
 #window-controls {
   -moz-box-align: center;
   padding: 0 2px 0 4px;
-  border-left: 2px solid;
-  -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
+  border-left: 2px groove #CCD0DD;
 }
 
 #minimize-button {
-  list-style-image: url("chrome://navigator/skin/icons/minimize.gif");
+  list-style-image: url("chrome://navigator/skin/icons/win-minimize.gif");
 }
 #restore-button {
-  list-style-image: url("chrome://navigator/skin/icons/restore.gif");
+  list-style-image: url("chrome://navigator/skin/icons/win-restore.gif");
 }
 #close-button {
-  list-style-image: url("chrome://navigator/skin/icons/close.gif");
+  list-style-image: url("chrome://navigator/skin/icons/win-close.gif");
 }
 
 /* ::::: nav-bar-inner ::::: */
@@ -397,11 +471,12 @@ toolbar[iconsize="small"] #history-button[disabled="true"] {
 }
 
 #page-proxy-button {
-  list-style-image: url("chrome://browser/skin/icons/bookmark-item.png") !important;
+  list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
+}
 
 #page-proxy-button[pageproxystate="invalid"] {
   cursor: default;
-  list-style-image: none !important;
+  list-style-image: url("chrome://browser/skin/icons/bookmark-item.gif") !important;
 }
 
 
@@ -416,18 +491,22 @@ statusbarpanel#statusbar-display {
   list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
 }
 
+#miSearchModeFind {
+  list-style-image: url("chrome://browser/skin/icons/search-bar.gif");
+}
+
 /* ::::: autocomplete ::::: */
 
-.autocomplete-treebody:-moz-tree-cell-text(treecolAutoCompleteComment) {
-  color: #555566;
+.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
+  color: #336699;
 }
 
 /* ::::: go button ::::: */
 
 #go-button,
 #go-container {
-  -moz-appearance: none;
   background-color: transparent;
+  border: none;
   margin: 0;
   padding: 0;
   min-width: 0;
@@ -435,30 +514,20 @@ statusbarpanel#statusbar-display {
 }
 
 #go-button {
-  border-width: 1px !important;
-  -moz-border-top-colors: transparent;
-  -moz-border-right-colors: transparent;
-  -moz-border-bottom-colors: transparent;
-  -moz-border-left-colors: transparent;
+  border: 1px solid transparent;
 }
 
 #go-button:hover {
-  -moz-border-top-colors: ThreeDHighlight;
-  -moz-border-right-colors: ThreeDShadow;
-  -moz-border-bottom-colors: ThreeDShadow;
-  -moz-border-left-colors: ThreeDHighlight;
+  border: 1px outset #CCD0DD;
 }
 
 #go-button:hover:active {
-  -moz-border-top-colors: ThreeDShadow;
-  -moz-border-right-colors: ThreeDHighlight;
-  -moz-border-bottom-colors: ThreeDHighlight;
-  -moz-border-left-colors: ThreeDShadow;
+  border: 1px inset #CCD0DD;
 }
 
 #go-button[disabled="true"] {
   list-style-image: url("chrome://browser/skin/icons/go-disabled.gif");
-  border-color: transparent;
+  border: 1px solid transparent;
 }
 
 #go-button > .button-box > .button-text {
@@ -470,7 +539,7 @@ statusbarpanel#statusbar-display {
 }
 
 #sidebar {
-  background-color: Window;
+  background-color: #CCD0DD;
 }
 
 /* ::::: content area ::::: */
@@ -495,7 +564,7 @@ statusbarpanel#statusbar-display {
 
 #security-button[level="broken"] {
   list-style-image: url("chrome://browser/skin/icons/security-broken.gif");
 display: -moz-box;
+ display: -moz-box;
 }
 
 #page-report-button {
@@ -508,10 +577,19 @@ statusbarpanel#statusbar-display {
   padding: 0px 3px 0px 3px;
 }
 
+#page-theme-button {
+  display: none;
+}
+
+#page-theme-button[themes] {
+  display: -moz-box;
+  list-style-image: url("chrome://browser/skin/icons/page-themes.gif");
+  padding: 0px 3px 0px 3px;
+}
+
 /* ::::: throbber ::::: */
 
 #navigator-throbber {
-  -moz-appearance: none;
   -moz-user-focus: ignore;
   margin: 0 !important;
   border: none !important;
@@ -539,13 +617,13 @@ toolbar[mode="text"] #navigator-throbber[busy="true"] {
 /*
 #content .tabs-closebutton {
   list-style-image: url("chrome://browser/skin/Close-tab.png");
-  -moz-image-region: rect(0px, 20px, 16px, 0px);
+  -moz-image-region: rect(0px, 18px, 14px, 0px);
 }
 
 #content .tabs-closebutton:hover {
-  -moz-image-region: rect(0px, 40px, 16px, 20px);
-} */
-
+  -moz-image-region: rect(0px, 36px, 14px, 18px);
+}
+*/
 toolbarbutton.chevron {
   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
 }
@@ -554,3 +632,15 @@ toolbarbutton.chevron {
 toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
   display: none;
 }
+
+toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
+  display: -moz-box;
+}
+
+toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
+   display: none;
+}
+
+#sidebar-throbber[loading="true"] {
+  list-style-image: url(chrome://global/skin/icons/loading.gif);
+}