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 b36bc6f4dedcdef82b0384c488313689a7c6e49f..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 {
@@ -339,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);
 }
@@ -375,6 +357,7 @@ html[dir=rtl] .acceptsDrop {
 }
 
 .titlebar {
+  cursor: move;
   font-size: 12px;
   height: 18px;
 }