introduce new color style to tabs
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 5 Jan 2013 17:19:38 +0000 (18:19 +0100)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 5 Jan 2013 17:19:38 +0000 (18:19 +0100)
LCARStrek/browser/browser.css
LCARStrek/global/browser.css
LCARStrek/global/tabbox.css
LCARStrek/navigator/tabbrowser.css

index 4a0c9bfab345b84486420a897d50a0d80bf1d5f4..c301532822ea18a9bf791154758173b6f6aa0791 100644 (file)
@@ -958,12 +958,12 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   -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 */
@@ -1777,6 +1777,23 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   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 {
 }
@@ -1855,6 +1872,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 .tab-close-button {
   border: none;
   padding: 0px;
+  margin-top: 1px;
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
index 0581c7c7050cf10dbac05e20c1d530674a4a11db..8bab8edcf5d47c31ed8a96dd05de77a01b5d543b 100644 (file)
@@ -9,12 +9,6 @@
  */
 
 .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-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 {
   -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 {
@@ -123,13 +106,10 @@ tabpanels {
  * 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 {
 }
 
@@ -138,17 +118,12 @@ tabpanels {
 
 .tabs-alltabs-box-animate {
 }
-*/
 
 /**
  * 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"] {
index 1468d0139b878954926fc7f07caf075c94555caa..d6058c96bd0bdb7d2d1e4dd037868c91b7d479e2 100644 (file)
@@ -24,7 +24,7 @@
 
 tabpanels {
   border-radius: 5px;
-  border: 1px solid #9C9CFF;
+  border: 2px solid #008484;
   padding: 5px;
   background-color: #000000;
   color: #FF9F00;
@@ -35,11 +35,11 @@ tabpanels {
 tab {
   border-radius: 8px 8px 0px 0px;
   margin-top: 2px;
-  border: 1px solid #9C9CFF;
+  -moz-margin-end: 2px;
   border-bottom: none;
-  padding: 1px 4px 2px;
-  background-color: #000000;
-  color: #FF9F00;
+  padding: 2px 4px 1px;
+  background-color: #C09070;
+  color: #000000;
 }
 
 .tab-text {
@@ -67,6 +67,9 @@ tab:-moz-focusring > .tab-middle {
   -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;
index 1415a4a4e1fec644081be7c0ec1451dfb0748d27..a7ec4d74e0d422387bb63836e3795cc8eaeb0729 100644 (file)
@@ -32,6 +32,7 @@ tabpanels {
 
 .tabbrowser-tab {
   margin-top: 0px;
+  padding: 1px 4px 2px;
   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");
 }
 
+.tabbrowser-tab:first-of-type {
+  -moz-margin-start: 2px;
+}
+
 tabbrowser > tabbox > tabpanels {
   border: none;
   padding: 0px;