first steps on synching EarlyBlue with trunk *stripe (global files starting with...

[themes.git] / EarlyBlue / global / browser.css

diff --git a/EarlyBlue/global/browser.css b/EarlyBlue/global/browser.css
index aa1d1c380bdabacd554d790a83ed09d63f920925..5a0f83b4e4d64857482e5e2b01a0e630dc44f6c8 100644 (file)
--- a/EarlyBlue/global/browser.css
+++ b/EarlyBlue/global/browser.css
@@ -37,56 +37,160 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-.tabbrowser-strip {
-  padding-bottom: 1px;
-  border-bottom: 1px solid #666699;
+/**
+ * Tabbrowser Tabs
+ */
+
+.tabbrowser-tabs {
+  /* XXX: Firefox rules - look into those when we support FF
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important;
+  padding-top: 0px;
+  background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important;
+  -moz-padding-start: 0px;
+  */
 }
 
-tabpanels {
-  -moz-appearance: none;
+.tabbrowser-tabs[overflow="true"] {
+  -moz-padding-start: 0px;
 }
 
-.tabbrowser-tabs {
-  padding-top: 1px;
+/**
+ * Tab
+ */
+
+.tabbrowser-tab {
+  /* XXX: Firefox rules - look into those when we support FF
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important;
+  background: transparent !important;
+  margin: 0px  !important;
+  padding: 0px !important;
+  border: none !important;
+  height: 22px !important;
+  margin-bottom: 1px;
+  */
 }
 
-.tabs-left,
-.tabs-right {
-  width: 0px;
+.tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
+  list-style-image: url("chrome://global/skin/icons/loading.gif") !important;
 }
 
-.tab-icon {
+.tabbrowser-tab[selected="true"] {
+  font-weight: bold;
+}
+
+.tab-icon-image {
   margin-top: 1px;
-  margin-right: 3px;
+  -moz-margin-end: 3px;
   width: 16px;
   height: 16px;
-  list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item16.gif"); 
+  /* XXX: Firefox rules - look into those when we support FF
+  list-style-image: url("chrome://global/skin/icons/folder-item.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+  */
 }
 
-tab[busy] > .tab-icon {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
+.tabs-bottom {
 }
 
-tabbrowser > tabbox > tabpanels {
-  border: none;
-  padding: 0px;
-  margin: 0px;
+tabpanels {
 }
 
-/* ::::: close & new tab buttons ::::: */
+.tabs-left,
+.tabs-right {
+  width: 3px;
+  border-bottom-width: 0px;
+}
 
-.tabs-closebutton {
-  margin-bottom: 3px;
-  margin-right: 2px;
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+/* tabbrowser-tab focus ring */
+.tabbrowser-tab >  .tab-image-middle > .tab-text {
+  border: 1px dotted transparent;
+}
+
+.tabbrowser-tab:focus > .tab-image-middle > .tab-text {
+  border: 1px dotted #666699;
+}
+
+/**
+ * Tab Drag and Drop
+ */
+
+.tab-drop-indicator-bar {
+    display:none;
+    height: 9px;
+    margin-top: -9px;
+    position: relative;
+}
+
+.tab-drop-indicator {
+    height: 11px;
+    width: 11px;
+    margin-bottom: -5px;
+    position: relative;
+    background: url('chrome://global/skin/icons/tab-drag-indicator.gif') 50% 50% no-repeat;
+}
+
+.tab-drop-indicator-bar[dragging="true"] {
+    display: -moz-box;
 }
 
-.tabs-closebutton > .toolbarbutton-icon {
-  margin: 0;
+/**
+ * In-tab close button
+ */
+.tab-close-button > .toolbarbutton-icon {
+  -moz-margin-end: 0px !important;
+  margin-top: 1px;
 }
 
-.tabs-newbutton {
-  margin: 0px;
+.tab-close-button {
+  border: none !important;
   padding: 0px;
-  list-style-image: url("chrome://global/skin/icons/tab-new.gif");
-}
\ No newline at end of file
+  cursor: default;
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+
+.tab-close-button:focus {
+  outline: none !important;
+}
+
+/**
+ * Tab Scrollbox Arrow Buttons
+ */
+
+/* XXX: Firefox rules - look into those when we support FF */
+
+/**
+ * All Tabs Button
+ */
+
+/* XXX: Firefox rules - look into those when we support FF
+.tabs-alltabs-box {
+}
+
+.tabs-alltabs-button {
+}
+
+.tabs-alltabs-box-animate {
+}
+*/
+
+/**
+ * All Tabs Menupopup 
+ */
+
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+  width: 16px;
+  height: 16px;
+  /* XXX: Firefox rules - look into those when we support FF
+  list-style-image: url("chrome://global/skin/icons/folder-item.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+  */
+}
+
+.alltabs-item[selected="true"] {
+  font-weight: bold;
+}
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}