introduce new color style to tabs

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 4a0c9bfab345b84486420a897d50a0d80bf1d5f4..c301532822ea18a9bf791154758173b6f6aa0791 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -958,12 +958,12 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   -moz-image-region: rect(0, 180px, 18px, 162px);
 }
 
   -moz-image-region: rect(0, 180px, 18px, 162px);
 }
 

-#print-button:not([disabled="true"]):hover {
-  -moz-image-region: rect(18px, 162px, 36px, 144px);
+#new-tab-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 180px, 36px, 162px);

 }
 
 }
 

-#print-button[disabled="true"] {
-  -moz-image-region: rect(36px, 162px, 54px, 144px);
+#new-tab-button[disabled="true"] {
+  -moz-image-region: rect(36px, 180px, 54px, 162px);

 }
 
 /* new window button */
 }
 
 /* new window button */


@@ -1777,6 +1777,23 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   margin-top: 0px;
 }
 
   margin-top: 0px;
 }
 

+.tabbrowser-tab{
+  padding: 1px 4px 2px;
+}
+
+.tabbrowser-tab:first-of-type {
+  -moz-margin-start: 2px;
+}
+
+.tabs-newtab-button {
+  border-radius: 8px 8px 0px 0px;
+  -moz-margin-start: 0;
+}
+
+.tabs-newtab-button:not(:hover) {
+  background-color: #C09070;
+}
+

 .tabbrowser-tab:hover,
 .tabs-newtab-button:hover {
 }
 .tabbrowser-tab:hover,
 .tabs-newtab-button:hover {
 }


@@ -1855,6 +1872,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 .tab-close-button {
   border: none;
   padding: 0px;
 .tab-close-button {
   border: none;
   padding: 0px;

+  margin-top: 1px;

   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 

diff --git a/LCARStrek/global/browser.css b/LCARStrek/global/browser.css
index 0581c7c7050cf10dbac05e20c1d530674a4a11db..8bab8edcf5d47c31ed8a96dd05de77a01b5d543b 100644 (file)
--- a/LCARStrek/global/browser.css
+++ b/LCARStrek/global/browser.css
@@ -9,12 +9,6 @@
  */
 
 .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;
-  */

 }
 
 .tabbrowser-tabs[overflow="true"] {
 }
 
 .tabbrowser-tabs[overflow="true"] {


@@ -26,14 +20,7 @@
  */
 
 .tabbrowser-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 0px 1px !important;
-  padding: 0px !important;
-  border: none !important;
-  height: 22px !important;
-  */
+  padding: 1px 4px 2px;

 }
 
 .tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {
 }
 
 .tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image {


@@ -49,10 +36,6 @@
   -moz-margin-end: 3px;
   width: 16px;
   height: 16px;
   -moz-margin-end: 3px;
   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);
-  */

 }
 
 .tabs-bottom {
 }
 
 .tabs-bottom {


@@ -123,13 +106,10 @@ tabpanels {
  * Tab Scrollbox Arrow Buttons
  */
 
  * Tab Scrollbox Arrow Buttons
  */
 

-/* XXX: Firefox rules - look into those when we support FF */
-

 /**
  * All Tabs Button
  */
 
 /**
  * All Tabs Button
  */
 

-/* XXX: Firefox rules - look into those when we support FF

 .tabs-alltabs-box {
 }
 
 .tabs-alltabs-box {
 }
 


@@ -138,17 +118,12 @@ tabpanels {
 
 .tabs-alltabs-box-animate {
 }
 
 .tabs-alltabs-box-animate {
 }

-*/

 
 /**
  * All Tabs Menupopup 
  */
 
 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
 
 /**
  * All Tabs Menupopup 
  */
 
 .alltabs-item > .menu-iconic-left > .menu-iconic-icon {

-  /* 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"] {
 }
 
 .alltabs-item[selected="true"] {

diff --git a/LCARStrek/global/tabbox.css b/LCARStrek/global/tabbox.css
index 1468d0139b878954926fc7f07caf075c94555caa..d6058c96bd0bdb7d2d1e4dd037868c91b7d479e2 100644 (file)
--- a/LCARStrek/global/tabbox.css
+++ b/LCARStrek/global/tabbox.css
@@ -24,7 +24,7 @@
 
 tabpanels {
   border-radius: 5px;
 
 tabpanels {
   border-radius: 5px;

-  border: 1px solid #9C9CFF;
+  border: 2px solid #008484;

   padding: 5px;
   background-color: #000000;
   color: #FF9F00;
   padding: 5px;
   background-color: #000000;
   color: #FF9F00;


@@ -35,11 +35,11 @@ tabpanels {
 tab {
   border-radius: 8px 8px 0px 0px;
   margin-top: 2px;
 tab {
   border-radius: 8px 8px 0px 0px;
   margin-top: 2px;

-  border: 1px solid #9C9CFF;
+  -moz-margin-end: 2px;

   border-bottom: none;
   border-bottom: none;

-  padding: 1px 4px 2px;
-  background-color: #000000;
-  color: #FF9F00;
+  padding: 2px 4px 1px;
+  background-color: #C09070;
+  color: #000000;

 }
 
 .tab-text {
 }
 
 .tab-text {


@@ -67,6 +67,9 @@ tab:-moz-focusring > .tab-middle {
   -moz-outline-radius: 3px 3px 0px 0px;
 }
 
   -moz-outline-radius: 3px 3px 0px 0px;
 }
 

+tab:first-of-type {
+  -moz-margin-start: 5px;
+}

 /*
 tab:first-of-type[selected="true"] {
   -moz-padding-end: 5px;
 /*
 tab:first-of-type[selected="true"] {
   -moz-padding-end: 5px;

diff --git a/LCARStrek/navigator/tabbrowser.css b/LCARStrek/navigator/tabbrowser.css
index 1415a4a4e1fec644081be7c0ec1451dfb0748d27..a7ec4d74e0d422387bb63836e3795cc8eaeb0729 100644 (file)
--- a/LCARStrek/navigator/tabbrowser.css
+++ b/LCARStrek/navigator/tabbrowser.css
@@ -32,6 +32,7 @@ tabpanels {
 
 .tabbrowser-tab {
   margin-top: 0px;
 
 .tabbrowser-tab {
   margin-top: 0px;

+  padding: 1px 4px 2px;

   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 }
 
   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
 }
 


@@ -43,6 +44,10 @@ tabpanels {
   list-style-image: url("chrome://global/skin/icons/loading-hover.gif");
 }
 
   list-style-image: url("chrome://global/skin/icons/loading-hover.gif");
 }
 

+.tabbrowser-tab:first-of-type {
+  -moz-margin-start: 2px;
+}
+

 tabbrowser > tabbox > tabpanels {
   border: none;
   padding: 0px;
 tabbrowser > tabbox > tabpanels {
   border: none;
   padding: 0px;