----------------------------------*/
.tab {
+ margin: 4px;
padding-top: 4px;
-moz-padding-end: 6px;
padding-bottom: 6px;
border-radius: 0.4em;
border: 1px solid #9C9CFF;
cursor: pointer;
- margin: 4px;
}
.tab canvas,
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 {
bottom: -20px;
text-align: center;
width: 94.5%;
- white-space: nowrap;
- overflow: hidden;
}
.stacked {
/* 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;
.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 {
.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;
}
.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
----------------------------------*/
/* 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);
}
}
.titlebar {
+ cursor: move;
font-size: 12px;
height: 18px;
}
padding: 1px;
left: 0;
top: 0;
- width: 100%;
height: 100%;
+ width: -moz-available;
cursor: text;
}
-moz-margin-end: 5px;
position: relative;
top: 2px;
+ width: 16px;
+ height: 16px;
}
.inlineMatch > span {