update LCARStrek for browser winstripe changes in Firefox 8 - real changes

[themes.git] / LCARStrek / browser / tabview / tabview.css

diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css
index 4f4885c15d9840dca95686839a9e6eab2842587a..84a4f96a5dfa1c451625abd3c5cf6dfd57184974 100644 (file)
--- a/LCARStrek/browser/tabview/tabview.css
+++ b/LCARStrek/browser/tabview/tabview.css
@@ -11,6 +11,7 @@ body {
 ----------------------------------*/
 
 .tab {
+  margin: 4px;
   padding-top: 4px;
   -moz-padding-end: 6px;
   padding-bottom: 6px;
@@ -19,7 +20,6 @@ body {
   border-radius: 0.4em;
   border: 1px solid #9C9CFF;
   cursor: pointer;
-  margin: 4px;
 }
 
 .tab canvas,
@@ -68,6 +68,7 @@ html[dir=rtl] .favicon {
   height: 16px;
   border-radius: 3px;
   background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0);
+  background-repeat: no-repeat;
 }
 
 .close:hover {
@@ -117,8 +118,6 @@ html[dir=rtl] .expander {
   bottom: -20px;
   text-align: center;
   width: 94.5%;
-  white-space: nowrap;
-  overflow: hidden;
 }
 
 .stacked {
@@ -168,17 +167,8 @@ html[dir=rtl] .expander {
 /* Tab GroupItem
 ----------------------------------*/
 
-.tabInGroupItem {
-  box-shadow: none;
-  background-color: #000000;
-}
-
-.tabInGroupItem .favicon {
-  background-color: #000000;
-}
-
 .groupItem {
-  cursor: move;
+  cursor: pointer;
   background-color: #000000;
   border-radius: 0.4em;
   border: 1px solid #6080B5;
@@ -190,6 +180,17 @@ html[dir=rtl] .expander {
 
 .groupItem .close {
   z-index: 10;
+  top: 0px;
+  right: 0px;
+  width: 22px;
+  height: 22px;
+  background-position: bottom left;
+}
+
+html[dir=rtl] .groupItem .close {
+  right: auto;
+  left: 0px;
+  background-position: bottom right;
 }
 
 .dragRegion {
@@ -251,9 +252,12 @@ html[dir=rtl] .appTabTrayContainer {
 
 .undo {
   background-color: #8050B0;
-  width: 150px;
-  height: 30px;
-  line-height: 30px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 20px;
+  width: 135px;
+  line-height: 25px;
   box-shadow: 0px 1px 0px #9F9FCC, 0px -1px 0px #008484;
   color: #FFCF00;
   border-radius: 0.4em;
@@ -268,14 +272,14 @@ html[dir=rtl] .appTabTrayContainer {
 }
 
 .undo .close {
-  top: 4px;
-  left: 4px;
+  top: 7px;
+  right: 7px;
   opacity: 0.5;
 }
 
 html[dir=rtl] .undo .close {
-  left: auto;
-  right: 4px;
+  right: auto;
+  left: 7px;
 }
 
 .undo .close:hover{
@@ -336,25 +340,6 @@ html[dir=rtl] .guideTrench {
 /* Other
 ----------------------------------*/
 
-.newTabButton {
-  width: 16px;
-  height: 15px;
-  bottom: 10px;
-  left: 10px;
-  cursor: pointer;
-  opacity: .3;
-  background-image: url(chrome://browser/skin/tabview/new-tab.png);
-}
-
-html[dir=rtl] .newTabButton {
-  left: auto;
-  right: 10px;
-}
-
-.newTabButton:hover {
-  opacity: 1;
-}
-
 .active {
   box-shadow: 5px 5px 3px rgba(255,207,0,.5);
 }
@@ -372,6 +357,7 @@ html[dir=rtl] .acceptsDrop {
 }
 
 .titlebar {
+  cursor: move;
   font-size: 12px;
   height: 18px;
 }