mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-03-01 05:48:26 +00:00
Bug 1222490 - part 4: remove tabview CSS references, r=ttaubert
--HG-- extra : commitid : EguKgD2hR9U extra : rebase_source : c7812e0c0a8061ced7f03c761858382f23ab4103
This commit is contained in:
Gijs Kruitbosch
parent
7df117fdb9
commit
c9b8cfdf16
@ -836,11 +836,6 @@ statuspanel[inactive][previoustype=overLink] {
|
||||
-moz-binding: url("chrome://browser/content/urlbarBindings.xml#promobox");
|
||||
}
|
||||
|
||||
/* tabview menus */
|
||||
.tabview-menuitem {
|
||||
max-width: 32em;
|
||||
}
|
||||
|
||||
/* gcli */
|
||||
|
||||
html|*#gcli-tooltip-frame,
|
||||
|
||||
@ -770,29 +770,6 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
|
||||
margin-left: -@conditionalForwardWithUrlbarWidth@.01px;
|
||||
}
|
||||
|
||||
/* tabview menu item */
|
||||
|
||||
#menu_tabview {
|
||||
list-style-image: url(chrome://browser/skin/tabview/tabview.png);
|
||||
-moz-image-region: rect(0, 80px, 16px, 64px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="0"] {
|
||||
-moz-image-region: rect(0, 16px, 16px, 0);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="1"] {
|
||||
-moz-image-region: rect(0, 32px, 16px, 16px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="2"] {
|
||||
-moz-image-region: rect(0, 48px, 16px, 32px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="3"] {
|
||||
-moz-image-region: rect(0, 64px, 16px, 48px);
|
||||
}
|
||||
|
||||
/* undo close tab menu item */
|
||||
#alltabs_undoCloseTab {
|
||||
list-style-image: url(chrome://browser/skin/undoCloseTab.png);
|
||||
|
||||
@ -117,11 +117,6 @@ browser.jar:
|
||||
skin/classic/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
|
||||
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
|
||||
|
||||
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
|
||||
skin/classic/browser/tabview/search.png (tabview/search.png)
|
||||
skin/classic/browser/tabview/stack-expander.png (tabview/stack-expander.png)
|
||||
skin/classic/browser/tabview/tabview.png (tabview/tabview.png)
|
||||
skin/classic/browser/tabview/tabview.css (tabview/tabview.css)
|
||||
skin/classic/browser/usercontext/personal.svg (../shared/usercontext/personal.svg)
|
||||
skin/classic/browser/usercontext/work.svg (../shared/usercontext/work.svg)
|
||||
skin/classic/browser/usercontext/banking.svg (../shared/usercontext/banking.svg)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 238 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
@ -1,666 +0,0 @@
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
body {
|
||||
font: -moz-window;
|
||||
color: WindowText;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#bg {
|
||||
background-color: window;
|
||||
background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2));
|
||||
}
|
||||
|
||||
/* Tabs
|
||||
----------------------------------*/
|
||||
|
||||
.tab {
|
||||
margin: 4px;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
background-color: #D7D7D7;
|
||||
border-radius: 0.4em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
html[dir=rtl] .tab {
|
||||
box-shadow: 0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.4) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.4) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.4) inset,
|
||||
0 1px 1.5px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.tab canvas,
|
||||
.cached-thumb {
|
||||
border: 1px solid rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.thumb {
|
||||
box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
html[dir=rtl] .thumb {
|
||||
box-shadow: -1px 2px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.favicon {
|
||||
background-color: #D7D7D7;
|
||||
box-shadow:
|
||||
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
|
||||
-1px 0 0 rgba(225, 225, 225, 0.8) inset;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
-moz-border-end: 1px solid rgba(0, 0, 0, 0.3);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
html[dir=ltr] .favicon {
|
||||
border-bottom-right-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .favicon {
|
||||
border-bottom-left-radius: 0.4em;
|
||||
box-shadow:
|
||||
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
|
||||
1px 0 0 rgba(225, 225, 225, 0.8) inset;
|
||||
left: auto;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.favicon img {
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.close {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.2;
|
||||
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.close:hover {
|
||||
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.close:hover:active {
|
||||
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
|
||||
}
|
||||
|
||||
html[dir=rtl] .close {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.close:hover,
|
||||
.appTabIcon:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.expander {
|
||||
bottom: 8px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(chrome://global/skin/icons/resizer.png) no-repeat;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .expander {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.expander:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.close:hover,
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
|
||||
.favicon img:hover,
|
||||
.close img:hover,
|
||||
.expander img:hover {
|
||||
opacity: 1;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tab-title {
|
||||
top: 100%;
|
||||
text-align: center;
|
||||
width: 94.5%;
|
||||
}
|
||||
|
||||
.stacked {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) 1px 1px 4px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) -1px 1px 4px;
|
||||
}
|
||||
|
||||
.stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) 1px 1px 1.5px;
|
||||
color: #EEE;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) -1px 1px 1.5px;
|
||||
}
|
||||
|
||||
.stack-trayed .thumb {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tab.focus {
|
||||
box-shadow: Highlight 0px 0px 5px 1px !important;
|
||||
border: 1px solid Highlight;
|
||||
}
|
||||
|
||||
/* Tab: Zooming
|
||||
----------------------------------*/
|
||||
|
||||
.front .tab-title,
|
||||
.front .close,
|
||||
.front .favicon,
|
||||
.front .expander,
|
||||
.front .thumb-shadow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front .focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab GroupItem
|
||||
----------------------------------*/
|
||||
|
||||
.groupItem {
|
||||
cursor: pointer;
|
||||
border: 1px solid rgba(230,230,230,1);
|
||||
background-color: window;
|
||||
background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.1));
|
||||
border-radius: 0.4em;
|
||||
box-shadow:
|
||||
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
|
||||
rgba(0,0,0,0.2) 1px 1px 3px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .groupItem {
|
||||
box-shadow:
|
||||
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
|
||||
rgba(0,0,0,0.2) -1px 1px 3px;
|
||||
}
|
||||
|
||||
.groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) 2px 2px 8px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) -2px 2px 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.phantom {
|
||||
border: 1px solid rgba(190,190,190,1);
|
||||
}
|
||||
|
||||
.dragRegion {
|
||||
background: rgba(248,248,248,0.4);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color: rgba(0,0,0,.7) !important;
|
||||
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .overlay {
|
||||
box-shadow: -3px 3px 5.5px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.appTabTrayContainer {
|
||||
top: 34px;
|
||||
right: 1px;
|
||||
-moz-border-start: 1px solid #E1E1E1;
|
||||
padding: 0 5px;
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
text-align: start;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
html[dir=rtl] .appTabTrayContainer {
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.appTabTray {
|
||||
display: inline-block;
|
||||
-moz-column-width: 16px;
|
||||
-moz-column-gap: 5px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated:after {
|
||||
content: "…";
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.appTabIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
padding-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.undo {
|
||||
background-color: rgba(0,0,0,.2);
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 20px;
|
||||
width: 135px;
|
||||
line-height: 25px;
|
||||
box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.3) inset;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.2);
|
||||
color: WindowText;
|
||||
border-radius: 0.4em;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.undo:hover {
|
||||
background-color: rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
.undo .close {
|
||||
top: 7px;
|
||||
right: 7px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
html[dir=rtl] .undo .close {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.undo .close:hover{
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
/* Trenches
|
||||
----------------------------------*/
|
||||
|
||||
.guideTrench {
|
||||
opacity: 0.9;
|
||||
border: 1px dashed rgba(0,0,0,.12);
|
||||
border-bottom: none;
|
||||
-moz-border-end: none;
|
||||
box-shadow: 1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
html[dir=rtl] .guideTrench {
|
||||
box-shadow: 1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
.visibleTrench {
|
||||
opacity: 0.05;
|
||||
}
|
||||
|
||||
.activeVisibleTrench {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.activeVisibleTrench.activeTrench {
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.visibleTrench.border,
|
||||
.activeVisibleTrench.border {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.visibleTrench.guide,
|
||||
.activeVisibleTrench.guide {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
/* Other
|
||||
----------------------------------*/
|
||||
|
||||
.active {
|
||||
box-shadow: 5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
html[dir=rtl] .active {
|
||||
box-shadow: -5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.acceptsDrop {
|
||||
box-shadow: 2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
html[dir=rtl] .acceptsDrop {
|
||||
box-shadow: -2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
cursor: move;
|
||||
font-size: 12px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
input.name {
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
color: GrayText;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
html[dir=rtl] input.name {
|
||||
background-position: right top;
|
||||
}
|
||||
|
||||
.title-container:hover input.name,
|
||||
.title-container input.name:focus {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.title-container:hover input.name-locked {
|
||||
border: 1px solid transparent !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input.name:focus {
|
||||
color: WindowText;
|
||||
}
|
||||
|
||||
input.name::-moz-placeholder {
|
||||
opacity: 1.0;
|
||||
font-style: italic !important;
|
||||
color: transparent;
|
||||
background-image: url(chrome://browser/skin/tabview/edit-light.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.title-container:hover input.name::-moz-placeholder {
|
||||
color: GrayText;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
input.name:focus::-moz-placeholder {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.title-shield {
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: -moz-available;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
html[dir=rtl] .title-shield {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.transparentBorder {
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.stackExpander {
|
||||
cursor: pointer;
|
||||
bottom: 8px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.stackExpander:hover {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
|
||||
}
|
||||
|
||||
/* Resizable
|
||||
----------------------------------*/
|
||||
.resizer {
|
||||
background-image: url(chrome://global/skin/icons/resizer.png);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .resizer {
|
||||
right: auto;
|
||||
left: 0;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.iq-resizable-handle {
|
||||
font-size: 0.1px;
|
||||
}
|
||||
|
||||
.iq-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 3px;
|
||||
right: -2px;
|
||||
bottom: -2px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .iq-resizable-se {
|
||||
cursor: sw-resize;
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
/* Exit button
|
||||
+----------------------------------*/
|
||||
#exit-button {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-moz-margin-end: 8px;
|
||||
margin-top: 5px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 16, 64);
|
||||
background-attachment: scroll;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#exit-button[groups="0"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0);
|
||||
}
|
||||
|
||||
#exit-button[groups="1"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
#exit-button[groups="2"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 48, 16, 32);
|
||||
}
|
||||
|
||||
#exit-button[groups="3"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 64, 16, 48);
|
||||
}
|
||||
|
||||
/* Search
|
||||
----------------------------------*/
|
||||
#searchshade{
|
||||
background-color: rgba(0,0,0,.42);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#search{
|
||||
width: 100%;
|
||||
height: calc(100% - 1.7em - 20px); /* leave room for banner */
|
||||
}
|
||||
|
||||
#searchbox{
|
||||
width: 270px;
|
||||
max-width: -moz-available;
|
||||
-moz-margin-start: 20px;
|
||||
height: 30px;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
|
||||
color: white;
|
||||
border: none;
|
||||
background-color: #272727;
|
||||
border-radius: 0.4em;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#actions{
|
||||
top: -3px;
|
||||
padding-top: 3px;
|
||||
width: 29px;
|
||||
text-align: center;
|
||||
border: 1px solid rgba(230,230,230,1);
|
||||
background-color: rgba(248,248,248,1);
|
||||
border-radius: 0.4em;
|
||||
box-shadow:
|
||||
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
|
||||
rgba(0,0,0,0.2) 1px 1px 3px;
|
||||
}
|
||||
|
||||
html[dir=rtl] #actions {
|
||||
box-shadow:
|
||||
inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
|
||||
rgba(0,0,0,0.2) -1px 1px 3px;
|
||||
}
|
||||
|
||||
#actions #searchbutton{
|
||||
background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
|
||||
border: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.notMainMatch{
|
||||
opacity: .70;
|
||||
}
|
||||
|
||||
#otherresults {
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
box-shadow: 0px -1px 0px rgba(255,255,255,.1), inset 0px 2px 5px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
html[dir=rtl] #otherresults {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#otherresults .label {
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
}
|
||||
|
||||
.inlineMatch {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 0.4em;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
-moz-padding-start: 3px;
|
||||
-moz-padding-end: 3px;
|
||||
height: 20px;
|
||||
-moz-margin-end: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inlineMatch:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.inlineMatch > img {
|
||||
-moz-margin-end: 5px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.inlineMatch > span {
|
||||
max-width: 200px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 715 B |
@ -900,10 +900,6 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-ic
|
||||
-moz-image-region: rect(18px, 612px, 36px, 594px);
|
||||
}
|
||||
|
||||
#tabview-button@toolbarButtonPressed@ {
|
||||
-moz-image-region: rect(18px, 648px, 36px, 630px);
|
||||
}
|
||||
|
||||
#email-link-button@toolbarButtonPressed@ {
|
||||
-moz-image-region: rect(18px, 666px, 36px, 648px);
|
||||
}
|
||||
@ -1079,10 +1075,6 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-ic
|
||||
-moz-image-region: rect(36px, 1224px, 72px, 1188px);
|
||||
}
|
||||
|
||||
#tabview-button@toolbarButtonPressed@ {
|
||||
-moz-image-region: rect(36px, 1296px, 72px, 1260px);
|
||||
}
|
||||
|
||||
#email-link-button@toolbarButtonPressed@ {
|
||||
-moz-image-region: rect(36px, 1332px, 72px, 1296px);
|
||||
}
|
||||
@ -1436,39 +1428,6 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
|
||||
list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
|
||||
}
|
||||
|
||||
/* tabview menu item */
|
||||
|
||||
#menu_tabview {
|
||||
list-style-image: url(chrome://browser/skin/tabview/tabview.png);
|
||||
}
|
||||
|
||||
#menu_tabview {
|
||||
-moz-image-region: rect(2px, 98px, 18px, 82px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="0"] {
|
||||
-moz-image-region: rect(2px, 18px, 18px, 2px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="1"] {
|
||||
-moz-image-region: rect(2px, 38px, 18px, 22px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="2"] {
|
||||
-moz-image-region: rect(2px, 58px, 18px, 42px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="3"] {
|
||||
-moz-image-region: rect(2px, 78px, 18px, 62px);
|
||||
}
|
||||
|
||||
/* tabview yosemite vibrancy background */
|
||||
@media (-moz-mac-yosemite-theme) {
|
||||
#tab-view {
|
||||
-moz-appearance: -moz-mac-vibrancy-light;
|
||||
}
|
||||
}
|
||||
|
||||
/* undo close tab menu item */
|
||||
#alltabs_undoCloseTab {
|
||||
list-style-image: url(chrome://browser/skin/undoCloseTab.png);
|
||||
|
||||
@ -192,12 +192,6 @@ browser.jar:
|
||||
skin/classic/browser/tabbrowser/tab-stroke-start@2x.png (tabbrowser/tab-stroke-start@2x.png)
|
||||
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
|
||||
skin/classic/browser/tabbrowser/tabDragIndicator@2x.png (tabbrowser/tabDragIndicator@2x.png)
|
||||
skin/classic/browser/tabview/close.png (tabview/close.png)
|
||||
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
|
||||
skin/classic/browser/tabview/search.png (tabview/search.png)
|
||||
skin/classic/browser/tabview/stack-expander.png (tabview/stack-expander.png)
|
||||
skin/classic/browser/tabview/tabview.png (tabview/tabview.png)
|
||||
skin/classic/browser/tabview/tabview.css (tabview/tabview.css)
|
||||
skin/classic/browser/usercontext/personal.svg (../shared/usercontext/personal.svg)
|
||||
skin/classic/browser/usercontext/work.svg (../shared/usercontext/work.svg)
|
||||
skin/classic/browser/usercontext/banking.svg (../shared/usercontext/banking.svg)
|
||||
@ -227,7 +221,6 @@ browser.jar:
|
||||
skin/classic/browser/toolbarbutton-dropmarker@2x.png (toolbarbutton-dropmarker-lion@2x.png)
|
||||
skin/classic/browser/lion/tabbrowser/alltabs-box-bkgnd-icon.png (tabbrowser/alltabs-box-bkgnd-icon-lion.png)
|
||||
skin/classic/browser/tabbrowser/alltabs-box-bkgnd-icon@2x.png (tabbrowser/alltabs-box-bkgnd-icon-lion@2x.png)
|
||||
skin/classic/browser/lion/tabview/tabview.png (tabview/tabview-lion.png)
|
||||
skin/classic/browser/lion/places/toolbar.png (places/toolbar-lion.png)
|
||||
skin/classic/browser/yosemite/Toolbar.png (Toolbar-yosemite.png)
|
||||
skin/classic/browser/yosemite/Toolbar@2x.png (Toolbar-yosemite@2x.png)
|
||||
@ -264,7 +257,6 @@ browser.jar:
|
||||
% override chrome://browser/skin/feeds/videoFeedIcon16.png chrome://browser/skin/feeds/feedIcon16.png
|
||||
% override chrome://browser/skin/toolbarbutton-dropmarker.png chrome://browser/skin/lion/toolbarbutton-dropmarker.png os=Darwin osversion>=10.7
|
||||
% override chrome://browser/skin/tabbrowser/alltabs-box-bkgnd-icon.png chrome://browser/skin/lion/tabbrowser/alltabs-box-bkgnd-icon.png os=Darwin osversion>=10.7
|
||||
% override chrome://browser/skin/tabview/tabview.png chrome://browser/skin/lion/tabview/tabview.png os=Darwin osversion>=10.7
|
||||
% override chrome://browser/skin/places/toolbar.png chrome://browser/skin/lion/places/toolbar.png os=Darwin osversion>=10.7
|
||||
% override chrome://browser/skin/Toolbar.png chrome://browser/skin/yosemite/Toolbar.png os=Darwin osversion>=10.10
|
||||
% override chrome://browser/skin/Toolbar@2x.png chrome://browser/skin/yosemite/Toolbar@2x.png os=Darwin osversion>=10.10
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 833 B |
Binary file not shown.
|
Before Width: | Height: | Size: 238 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 516 B |
@ -1,653 +0,0 @@
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
body {
|
||||
background-color: transparent;
|
||||
font: message-box;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media not all and (-moz-mac-yosemite-theme) { /* yosemite uses vibrant background on parent iframe */
|
||||
#bg {
|
||||
background: linear-gradient(#C4C4C4, #9E9E9E);
|
||||
}
|
||||
|
||||
#bg:-moz-window-inactive {
|
||||
background: linear-gradient(#EDEDED, #D8D8D8);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tabs
|
||||
----------------------------------*/
|
||||
|
||||
.tab {
|
||||
margin: 8px;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
background-color: rgb(240,240,240);
|
||||
border-radius: 0.4em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tab canvas,
|
||||
.cached-thumb {
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.thumb {
|
||||
box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
html[dir=rtl] .thumb {
|
||||
box-shadow: -1px 2px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.favicon {
|
||||
background-color: rgb(240,240,240);
|
||||
box-shadow:
|
||||
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
|
||||
-1px 0 0 rgba(225, 225, 225, 0.8) inset;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
-moz-border-end: 1px solid rgba(0, 0, 0, 0.3);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
html[dir=ltr] .favicon {
|
||||
border-bottom-right-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .favicon {
|
||||
border-bottom-left-radius: 0.4em;
|
||||
box-shadow:
|
||||
0 -1px 0 rgba(225, 225, 225, 0.8) inset,
|
||||
1px 0 0 rgba(225, 225, 225, 0.8) inset;
|
||||
left: auto;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.favicon img {
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.close {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/close.png), 0, 16, 16, 0);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.close:hover {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/close.png), 0, 32, 16, 16);
|
||||
}
|
||||
.close:active {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/close.png), 0, 48, 16, 32);
|
||||
}
|
||||
|
||||
html[dir=rtl] .close {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.expander {
|
||||
bottom: 8px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(chrome://global/skin/icons/resizer.png) no-repeat;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .expander {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.favicon img:hover,
|
||||
.expander img:hover {
|
||||
opacity: 1;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tab-title {
|
||||
bottom: -20px;
|
||||
text-align: center;
|
||||
width: 94.5%;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.stacked {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) 1px 1px 4px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) -1px 1px 4px;
|
||||
}
|
||||
|
||||
.stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) 1px 1px 1.5px;
|
||||
color: #EEE;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) -1px 1px 1.5px;
|
||||
}
|
||||
|
||||
.stack-trayed .thumb {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tab.focus {
|
||||
box-shadow: 0 0 5.5px -moz-mac-menuselect/*#0060D6*/;
|
||||
border: 1px solid rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
/* Tab: Zooming
|
||||
----------------------------------*/
|
||||
|
||||
.front .tab-title,
|
||||
.front .close,
|
||||
.front .favicon,
|
||||
.front .expander,
|
||||
.front .thumb-shadow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front .thumb {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.front.focus {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* Tab GroupItem
|
||||
----------------------------------*/
|
||||
|
||||
.groupItem {
|
||||
cursor: pointer;
|
||||
background-color: rgb(240,240,240);
|
||||
border-radius: 0.4em;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) 2px 2px 8px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) -2px 2px 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.phantom {
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.dragRegion {
|
||||
background: rgba(235, 235, 235, 0.4);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color: rgba(0,0,0,.7) !important;
|
||||
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .overlay {
|
||||
box-shadow: -3px 3px 5.5px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.appTabTrayContainer {
|
||||
top: 34px;
|
||||
right: 1px;
|
||||
-moz-border-start: 1px solid #E1E1E1;
|
||||
padding: 0 5px;
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
text-align: start;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
html[dir=rtl] .appTabTrayContainer {
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.appTabTray {
|
||||
display: inline-block;
|
||||
-moz-column-width: 16px;
|
||||
-moz-column-gap: 5px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated:after {
|
||||
content: "…";
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.appTabIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
padding-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.undo {
|
||||
background-color: #A0A0A0;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 20px;
|
||||
width: 135px;
|
||||
line-height: 25px;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.24);
|
||||
text-shadow: 0px -1px 0px rgba(255,255,255,.2);
|
||||
color: rgba( 0,0,0, .8);
|
||||
border-radius: 0.4em;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.undo:hover {
|
||||
background-color: #949494;
|
||||
}
|
||||
|
||||
.undo .close {
|
||||
top: 7px;
|
||||
right: 7px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
html[dir=rtl] .undo .close {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.undo .close:hover{
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
/* Trenches
|
||||
----------------------------------*/
|
||||
|
||||
.guideTrench {
|
||||
opacity: 0.9;
|
||||
border: 1px dashed rgba(0,0,0,.12);
|
||||
border-bottom: none;
|
||||
-moz-border-end: none;
|
||||
box-shadow: 1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
html[dir=rtl] .guideTrench {
|
||||
box-shadow: -1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
.visibleTrench {
|
||||
opacity: 0.05;
|
||||
}
|
||||
|
||||
.activeVisibleTrench {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.activeVisibleTrench.activeTrench {
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.visibleTrench.border,
|
||||
.activeVisibleTrench.border {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.visibleTrench.guide,
|
||||
.activeVisibleTrench.guide {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
/* Other
|
||||
----------------------------------*/
|
||||
|
||||
.active {
|
||||
box-shadow: 5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
html[dir=rtl] .active {
|
||||
box-shadow: -5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.acceptsDrop {
|
||||
box-shadow: 2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
html[dir=rtl] .acceptsDrop {
|
||||
box-shadow: -2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
cursor: move;
|
||||
font-size: 12px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
input.name {
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
color: #999;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
html[dir=rtl] input.name {
|
||||
background-position: right top;
|
||||
}
|
||||
|
||||
.title-container:hover input.name,
|
||||
.title-container input.name:focus {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.title-container:hover input.name-locked {
|
||||
border: 1px solid transparent !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input.name:focus {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
input.name::-moz-placeholder {
|
||||
opacity: 1.0;
|
||||
font-style: italic !important;
|
||||
color: transparent;
|
||||
background-image: url(chrome://browser/skin/tabview/edit-light.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.title-container:hover input.name::-moz-placeholder {
|
||||
color: #CCC;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
input.name:focus::-moz-placeholder {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.title-shield {
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: -moz-available;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
html[dir=rtl] .title-shield {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.transparentBorder {
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.stackExpander {
|
||||
cursor: pointer;
|
||||
bottom: 8px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.stackExpander:hover {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
|
||||
}
|
||||
|
||||
/* Resizable
|
||||
----------------------------------*/
|
||||
.resizer {
|
||||
background-image: url(chrome://global/skin/icons/resizer.png);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .resizer {
|
||||
right: auto;
|
||||
left: 0;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.iq-resizable-handle {
|
||||
font-size: 0.1px;
|
||||
}
|
||||
|
||||
.iq-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 3px;
|
||||
right: -2px;
|
||||
bottom: -2px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .iq-resizable-se {
|
||||
cursor: sw-resize;
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
/* Exit button
|
||||
+----------------------------------*/
|
||||
#exit-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-moz-margin-end: 3px;
|
||||
margin-top: 0px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 100, 20, 80);
|
||||
background-attachment: scroll;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#exit-button[groups="0"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0);
|
||||
}
|
||||
|
||||
#exit-button[groups="1"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 40, 20, 20);
|
||||
}
|
||||
|
||||
#exit-button[groups="2"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 60, 20, 40);
|
||||
}
|
||||
|
||||
#exit-button[groups="3"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 20, 60);
|
||||
}
|
||||
|
||||
/* Search
|
||||
----------------------------------*/
|
||||
#searchshade{
|
||||
background-color: rgba(0,0,0,.42);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#searchshade:-moz-window-inactive {
|
||||
background: linear-gradient(rgba(237,237,237,0.42), rgba(216,216,216,0.42));
|
||||
}
|
||||
|
||||
#search{
|
||||
width: 100%;
|
||||
height: calc(100% - 1.7em - 20px); /* leave room for banner */
|
||||
}
|
||||
|
||||
#searchbox {
|
||||
width: 270px;
|
||||
max-width: -moz-available;
|
||||
-moz-margin-start: 20px;
|
||||
height: 30px;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 13px rgba(0,0,0,.8);
|
||||
color: white;
|
||||
border: none;
|
||||
background-color: #272727;
|
||||
border-radius: 0.4em;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#searchbox:-moz-window-inactive {
|
||||
background-color: #BBBBBB;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.1), 0px -1px 0px rgba(0,0,0,0.3), 0px 0px 13px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
#actions {
|
||||
width: 29px;
|
||||
text-align: center;
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 0.4em;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
#actions #searchbutton {
|
||||
background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
|
||||
border: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.notMainMatch {
|
||||
opacity: .70;
|
||||
}
|
||||
|
||||
#otherresults {
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
box-shadow: 0 -1px 0 rgba(255,255,255,.1), inset 0 2px 5px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
html[dir=rtl] #otherresults {
|
||||
left: auto;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#otherresults .label {
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
}
|
||||
|
||||
#otherresults .label:-moz-window-inactive {
|
||||
color: #404040;
|
||||
}
|
||||
|
||||
.inlineMatch {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 0.4em;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
-moz-padding-start: 3px;
|
||||
-moz-padding-end: 3px;
|
||||
height: 20px;
|
||||
-moz-margin-end: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inlineMatch:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.inlineMatch > img {
|
||||
-moz-margin-end: 5px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.inlineMatch > span {
|
||||
max-width: 200px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 919 B |
@ -2,7 +2,7 @@
|
||||
|
||||
% Note that zoom-reset-button is a bit different since it doesn't use an image and thus has the image with display: none.
|
||||
%define nestedButtons #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button
|
||||
%define primaryToolbarButtons #back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, @nestedButtons@, #e10s-button, #panic-button, #web-apps-button, #webide-button, #pocket-button
|
||||
%define primaryToolbarButtons #back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, @nestedButtons@, #e10s-button, #panic-button, #web-apps-button, #webide-button, #pocket-button
|
||||
|
||||
%ifdef XP_MACOSX
|
||||
% Prior to 10.7 there wasn't a native fullscreen button so we use #restore-button to exit fullscreen
|
||||
|
||||
@ -111,11 +111,6 @@
|
||||
-moz-image-region: rect(0px, 576px, 32px, 544px);
|
||||
}
|
||||
|
||||
#tabview-button[cui-areatype="menu-panel"],
|
||||
toolbarpaletteitem[place="palette"] > #tabview-button {
|
||||
-moz-image-region: rect(0px, 608px, 32px, 576px);
|
||||
}
|
||||
|
||||
#find-button[cui-areatype="menu-panel"],
|
||||
toolbarpaletteitem[place="palette"] > #find-button {
|
||||
-moz-image-region: rect(0px, 640px, 32px, 608px);
|
||||
@ -349,11 +344,6 @@
|
||||
-moz-image-region: rect(0px, 1152px, 64px, 1088px);
|
||||
}
|
||||
|
||||
#tabview-button[cui-areatype="menu-panel"],
|
||||
toolbarpaletteitem[place="palette"] > #tabview-button {
|
||||
-moz-image-region: rect(0px, 1216px, 64px, 1152px);
|
||||
}
|
||||
|
||||
#find-button[cui-areatype="menu-panel"],
|
||||
toolbarpaletteitem[place="palette"] > #find-button {
|
||||
-moz-image-region: rect(0px, 1280px, 64px, 1216px);
|
||||
|
||||
@ -152,10 +152,6 @@ toolbar[brighttext] #sync-button[status="active"] {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
#tabview-button {
|
||||
-moz-image-region: rect(0, 648px, 18px, 630px);
|
||||
}
|
||||
|
||||
#email-link-button[cui-areatype="toolbar"] {
|
||||
-moz-image-region: rect(0, 666px, 18px, 648px);
|
||||
}
|
||||
@ -352,10 +348,6 @@ toolbar[brighttext] #sync-button[status="active"] {
|
||||
-moz-image-region: rect(0, 1224px, 36px, 1188px);
|
||||
}
|
||||
|
||||
#tabview-button {
|
||||
-moz-image-region: rect(0, 1296px, 36px, 1260px);
|
||||
}
|
||||
|
||||
#email-link-button[cui-areatype="toolbar"] {
|
||||
-moz-image-region: rect(0, 1332px, 36px, 1296px);
|
||||
}
|
||||
|
||||
@ -411,12 +411,6 @@
|
||||
color: black;
|
||||
text-shadow: white -1px -1px .35em, white -1px 1px .35em, white 1px 1px .35em, white 1px -1px .35em;
|
||||
}
|
||||
|
||||
#tab-view:-moz-lwtheme {
|
||||
background-image: url("chrome://browser/skin/tabview/grain.png"),
|
||||
linear-gradient(rgba(255,255,255,0), #CCD9EA 200px, #C7D5E7);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-windows-glass) {
|
||||
|
||||
@ -1000,29 +1000,6 @@ toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
|
||||
list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
|
||||
}
|
||||
|
||||
/* tabview menu item */
|
||||
|
||||
#menu_tabview {
|
||||
list-style-image: url(chrome://browser/skin/tabview/tabview.png);
|
||||
-moz-image-region: rect(1px, 89px, 17px, 73px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="0"] {
|
||||
-moz-image-region: rect(1px, 17px, 17px, 1px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="1"] {
|
||||
-moz-image-region: rect(1px, 35px, 17px, 19px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="2"] {
|
||||
-moz-image-region: rect(1px, 53px, 17px, 37px);
|
||||
}
|
||||
|
||||
#menu_tabview[groups="3"] {
|
||||
-moz-image-region: rect(1px, 71px, 17px, 55px);
|
||||
}
|
||||
|
||||
/* undo close tab menu item */
|
||||
#alltabs_undoCloseTab {
|
||||
list-style-image: url(chrome://browser/skin/undoCloseTab.png);
|
||||
|
||||
@ -199,13 +199,6 @@ browser.jar:
|
||||
skin/classic/browser/tabbrowser/tab-stroke-start.png (tabbrowser/tab-stroke-start.png)
|
||||
skin/classic/browser/tabbrowser/tab-stroke-start@2x.png (tabbrowser/tab-stroke-start@2x.png)
|
||||
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
|
||||
skin/classic/browser/tabview/close.png (tabview/close.png)
|
||||
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
|
||||
skin/classic/browser/tabview/grain.png (tabview/grain.png)
|
||||
skin/classic/browser/tabview/search.png (tabview/search.png)
|
||||
skin/classic/browser/tabview/stack-expander.png (tabview/stack-expander.png)
|
||||
skin/classic/browser/tabview/tabview.png (tabview/tabview.png)
|
||||
skin/classic/browser/tabview/tabview.css (tabview/tabview.css)
|
||||
skin/classic/browser/usercontext/personal.svg (../shared/usercontext/personal.svg)
|
||||
skin/classic/browser/usercontext/work.svg (../shared/usercontext/work.svg)
|
||||
skin/classic/browser/usercontext/banking.svg (../shared/usercontext/banking.svg)
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 238 B |
Binary file not shown.
|
Before Width: | Height: | Size: 540 B |
Binary file not shown.
|
Before Width: | Height: | Size: 392 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
@ -1,676 +0,0 @@
|
||||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
body {
|
||||
font: message-box;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#bg:not(:-moz-system-metric(windows-compositor)) {
|
||||
background: url("chrome://browser/skin/tabview/grain.png") repeat scroll center top,
|
||||
linear-gradient(#CCD9EA, #C7D5E7) repeat scroll 0 0;
|
||||
}
|
||||
|
||||
/* Tabs
|
||||
----------------------------------*/
|
||||
|
||||
.tab {
|
||||
margin: 4px;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
background-color: #E0EAF5;
|
||||
border-radius: 0.4em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
html[dir=rtl] .tab {
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
0 1px 1.5px rgba(4, 38, 60, 0.4);
|
||||
}
|
||||
|
||||
.tab canvas,
|
||||
.cached-thumb {
|
||||
border: 1px solid rgba(73, 99, 119, 0.3);
|
||||
}
|
||||
|
||||
.thumb {
|
||||
box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
html[dir=rtl] .thumb {
|
||||
box-shadow: -1px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.favicon {
|
||||
background-color: #E0EAF5;
|
||||
padding-top: 4px;
|
||||
-moz-padding-end: 6px;
|
||||
padding-bottom: 6px;
|
||||
-moz-padding-start: 4px;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
-moz-border-end: 1px solid rgba(73, 99, 119, 0.3);
|
||||
border-bottom: 1px solid rgba(73, 99, 119, 0.3);
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
html[dir=ltr] .favicon {
|
||||
border-bottom-right-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .favicon {
|
||||
border-bottom-left-radius: 0.4em;
|
||||
left: auto;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.favicon img {
|
||||
border: none;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.close {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.close:hover {
|
||||
background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.close:hover:active {
|
||||
background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 48, 16, 32);
|
||||
}
|
||||
|
||||
html[dir=rtl] .close {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.expander {
|
||||
bottom: 6px;
|
||||
right: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(chrome://global/skin/icons/resizer.png) no-repeat;
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .expander {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.expander:hover,
|
||||
.appTabIcon:hover {
|
||||
transition-property: opacity;
|
||||
transition-duration: 0.5s;
|
||||
transition-timing-function: ease-out;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.favicon img:hover,
|
||||
.close img:hover,
|
||||
.expander img:hover {
|
||||
opacity: 1;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tab-title {
|
||||
bottom: -20px;
|
||||
text-align: center;
|
||||
width: 94.5%;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.stacked {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) 1px 1px 4px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stacked .thumb {
|
||||
box-shadow: rgba(0,0,0,.2) -1px 1px 4px;
|
||||
}
|
||||
|
||||
.stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) 1px 1px 1.5px;
|
||||
color: #EEE;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .stack-trayed .tab-title {
|
||||
text-shadow: rgba(0,0,0,1) -1px 1px 1.5px;
|
||||
}
|
||||
|
||||
.stack-trayed .thumb {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tab.focus {
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px #FFFFFF inset,
|
||||
1px 0 1px #FFFFFF inset,
|
||||
-1px 0 1px #FFFFFF inset,
|
||||
0 0 5.5px #007ECE;
|
||||
}
|
||||
|
||||
html[dir=rtl] .tab.focus {
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px #FFFFFF inset,
|
||||
-1px 0 1px #FFFFFF inset,
|
||||
1px 0 1px #FFFFFF inset,
|
||||
0 0 5.5px #007ECE;
|
||||
}
|
||||
|
||||
/* Tab: Zooming
|
||||
----------------------------------*/
|
||||
|
||||
.front .tab-title,
|
||||
.front .close,
|
||||
.front .favicon,
|
||||
.front .expander,
|
||||
.front .thumb-shadow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.front .thumb {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.front.focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Tab GroupItem
|
||||
----------------------------------*/
|
||||
|
||||
.groupItem {
|
||||
cursor: pointer;
|
||||
background-color: #E0EAF5;
|
||||
border-radius: 0.4em;
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
0 1px 3px rgba(4, 38, 60, 0.6);
|
||||
}
|
||||
|
||||
html[dir=rtl] .groupItem {
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
0 1px 3px rgba(4, 38, 60, 0.6);
|
||||
}
|
||||
|
||||
.groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) 2px 2px 8px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .groupItem.activeGroupItem {
|
||||
box-shadow:
|
||||
rgba(0,0,0,0.8) -2px 2px 8px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
background: rgba(224, 234, 245, 0.4);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color: rgba(0,0,0,.7) !important;
|
||||
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
html[dir=rtl] .overlay {
|
||||
box-shadow: -3px 3px 5.5px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.appTabTrayContainer {
|
||||
top: 34px;
|
||||
right: 1px;
|
||||
-moz-border-start: 1px solid #E1E1E1;
|
||||
padding: 0 5px;
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
text-align: start;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
html[dir=rtl] .appTabTrayContainer {
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.appTabTray {
|
||||
display: inline-block;
|
||||
-moz-column-width: 16px;
|
||||
-moz-column-gap: 5px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.appTabTrayContainerTruncated:after {
|
||||
content: "…";
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.appTabIcon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
padding-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.undo {
|
||||
background-color: #A0A0A0;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 20px;
|
||||
width: 135px;
|
||||
line-height: 25px;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.24);
|
||||
text-shadow: 0px -1px 0px rgba(255,255,255,.2);
|
||||
color: rgba( 0,0,0, .8);
|
||||
border-radius: 0.4em;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.undo:hover {
|
||||
background-color: #949494;
|
||||
}
|
||||
|
||||
.undo .close {
|
||||
top: 7px;
|
||||
right: 7px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
html[dir=rtl] .undo .close {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.undo .close:hover{
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
/* Trenches
|
||||
----------------------------------*/
|
||||
|
||||
.guideTrench {
|
||||
opacity: 0.9;
|
||||
border: 1px dashed rgba(0,0,0,.12);
|
||||
border-bottom: none;
|
||||
-moz-border-end: none;
|
||||
box-shadow: 1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
html[dir=rtl] .guideTrench {
|
||||
box-shadow: -1px 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
.visibleTrench {
|
||||
opacity: 0.05;
|
||||
}
|
||||
|
||||
.activeVisibleTrench {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.activeVisibleTrench.activeTrench {
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.visibleTrench.border,
|
||||
.activeVisibleTrench.border {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.visibleTrench.guide,
|
||||
.activeVisibleTrench.guide {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
/* Other
|
||||
----------------------------------*/
|
||||
|
||||
.active {
|
||||
box-shadow: 5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
html[dir=rtl] .active {
|
||||
box-shadow: -5px 5px 3px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.acceptsDrop {
|
||||
box-shadow: 2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
html[dir=rtl] .acceptsDrop {
|
||||
box-shadow: -2px 2px 7px -1px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
cursor: move;
|
||||
font-size: 12px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
input.name {
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
color: #999;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
html[dir=rtl] input.name {
|
||||
background-position: right top;
|
||||
}
|
||||
|
||||
.title-container:hover input.name,
|
||||
.title-container input.name:focus {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.title-container:hover input.name-locked {
|
||||
border: 1px solid transparent !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input.name:focus {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
input.name::-moz-placeholder {
|
||||
opacity: 1.0;
|
||||
font-style: italic !important;
|
||||
color: transparent;
|
||||
background-image: url(chrome://browser/skin/tabview/edit-light.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.title-container:hover input.name::-moz-placeholder {
|
||||
color: #CCC;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
input.name:focus::-moz-placeholder {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.title-shield {
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 3px;
|
||||
padding: 1px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: -moz-available;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
html[dir=rtl] .title-shield {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.transparentBorder {
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
.stackExpander {
|
||||
cursor: pointer;
|
||||
bottom: 8px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.stackExpander:hover {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
|
||||
}
|
||||
|
||||
/* Resizable
|
||||
----------------------------------*/
|
||||
.resizer {
|
||||
background-image: url(chrome://global/skin/icons/resizer.png);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
html[dir=rtl] .resizer {
|
||||
right: auto;
|
||||
left: 0;
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.iq-resizable-handle {
|
||||
font-size: 0.1px;
|
||||
}
|
||||
|
||||
.iq-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding-right: 3px;
|
||||
padding-bottom: 3px;
|
||||
right: -2px;
|
||||
bottom: -2px;
|
||||
}
|
||||
|
||||
html[dir=rtl] .iq-resizable-se {
|
||||
cursor: sw-resize;
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
/* Exit button
|
||||
+----------------------------------*/
|
||||
#exit-button {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
-moz-margin-end: 4px;
|
||||
margin-top: 2px;
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 90, 18, 72);
|
||||
background-attachment: scroll;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#exit-button[groups="0"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0);
|
||||
}
|
||||
|
||||
#exit-button[groups="1"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 36, 18, 18);
|
||||
}
|
||||
|
||||
#exit-button[groups="2"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 54, 18, 36);
|
||||
}
|
||||
|
||||
#exit-button[groups="3"] {
|
||||
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 72, 18, 54);
|
||||
}
|
||||
|
||||
/* Search
|
||||
----------------------------------*/
|
||||
#searchshade{
|
||||
background-color: rgba(0,0,0,.42);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#search{
|
||||
width: 100%;
|
||||
height: calc(100% - 1.7em - 20px); /* leave room for banner */
|
||||
}
|
||||
|
||||
#searchbox{
|
||||
width: 270px;
|
||||
max-width: -moz-available;
|
||||
-moz-margin-start: 20px;
|
||||
height: 30px;
|
||||
box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
|
||||
color: white;
|
||||
border: none;
|
||||
background-color: #272727;
|
||||
border-radius: 0.4em;
|
||||
-moz-padding-start: 5px;
|
||||
-moz-padding-end: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#actions{
|
||||
top: -3px;
|
||||
padding-top: 3px;
|
||||
width: 29px;
|
||||
border: none;
|
||||
text-align: center;
|
||||
background-color: #E0EAF5;
|
||||
border-radius: 0.4em;
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
0 1px 3px rgba(4, 38, 60, 0.6);
|
||||
}
|
||||
|
||||
html[dir=rtl] #actions {
|
||||
box-shadow:
|
||||
0 1px 0 #FFFFFF inset,
|
||||
0 -1px 1px rgba(255, 255, 255, 0.8) inset,
|
||||
-1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
1px 0 1px rgba(255, 255, 255, 0.8) inset,
|
||||
0 1px 3px rgba(4, 38, 60, 0.6);
|
||||
}
|
||||
|
||||
#actions #searchbutton{
|
||||
background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
|
||||
border: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 3px;
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.notMainMatch{
|
||||
opacity: .70;
|
||||
}
|
||||
|
||||
#otherresults {
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
box-shadow: 0px -1px 0px rgba(255,255,255,.1), inset 0px 2px 5px rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
html[dir=rtl] #otherresults {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#otherresults .label {
|
||||
color: #999;
|
||||
line-height: 30px;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
}
|
||||
|
||||
.inlineMatch {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 0.4em;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
-moz-padding-start: 3px;
|
||||
-moz-padding-end: 3px;
|
||||
height: 20px;
|
||||
-moz-margin-end: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inlineMatch:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.inlineMatch > img {
|
||||
-moz-margin-end: 5px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.inlineMatch > span {
|
||||
max-width: 200px;
|
||||
height: 15px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 926 B |
Loading…
x
Reference in New Issue
Block a user