sync LCARStrek with part of the modification in Firefox 10 - some more work is still...

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

diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css
index 4f4885c15d9840dca95686839a9e6eab2842587a..08e01f7a5b76db42ad437251557e5a568845b1b7 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,34 +272,20 @@ 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{
   opacity: 1.0;
 }
 
-/* InfoItems
-----------------------------------*/
-
-.info-item {
-  cursor: move;
-  border: 1px solid #9C9CFF;
-  background-color: #000000;
-  border-radius: 0.4em;
-}
-
-.intro {
-  margin: 10px;
-}
-
 /* Trenches
 ----------------------------------*/
 
@@ -336,25 +326,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 +343,7 @@ html[dir=rtl] .acceptsDrop {
 }
 
 .titlebar {
+  cursor: move;
   font-size: 12px;
   height: 18px;
 }
@@ -425,8 +397,8 @@ input.name:-moz-placeholder {
   padding: 1px;
   left: 0;
   top: 0;
-  width: 100%;
   height: 100%;
+  width: -moz-available;
   cursor: text;
 }
 
@@ -607,6 +579,8 @@ html[dir=rtl] #otherresults {
   -moz-margin-end: 5px;
   position: relative;
   top: 2px;
+  width: 16px;
+  height: 16px;
 }
 
 .inlineMatch > span {