diff -r 000000000000 -r 6474c204b198 browser/components/tabview/tabview.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/browser/components/tabview/tabview.css Wed Dec 31 06:09:35 2014 +0100 @@ -0,0 +1,287 @@ +/* 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/. */ + +/* Platform-independent structural styling for + * Tab Candy Panorama +----------------------------------*/ + +html { + overflow: hidden; +/* image-rendering: -moz-crisp-edges; */ +} + +body { + padding: 0px; + margin: 0 auto; +} + +#content { + overflow: -moz-hidden-unscrollable; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -999999; +} + +/* Tabs +----------------------------------*/ + +.tab { + position: absolute; + overflow: visible !important; +} + +.tab canvas, +.cached-thumb { + width: 100%; + height: 100%; + position: absolute; + top: 0px; + left: 0px; +} + +.tabHidden { + display: none; +} + +.thumb { + position: relative; + width: 100%; + height: 100%; +} + +.favicon { + position: absolute; +} + +.close { + position: absolute; + cursor: pointer; +} + +.expander { + position: absolute; +} + +.tab-title { + position: absolute; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.stacked .tab-title { + display: none; +} + +.stack-trayed .tab-title { + display: block !important; +} + +/* Tab: Zooming +----------------------------------*/ + +.front { + z-index: 999999 !important; + image-rendering: -moz-crisp-edges; +} + +.front canvas { + border: none !important; + padding: 1px !important; +} + +/* Groups +----------------------------------*/ + +.groupItem { + position: absolute; +} + +.appTabTrayContainer { + position: absolute; +} + +.title-container { + /* We want the title container to leave out width, position of the .close + button and space between input and .close button. Keep an eye on LTR and + RTL differences in .close. */ + width: calc(100% - 16px - 6px - 6px); +} + +input.name { + text-overflow: ellipsis; + width: -moz-available; +} + +input.name:focus { + text-overflow: clip; +} + +/* Other Items +----------------------------------*/ + +.undo { + position: absolute; +} + +/* Trenches +----------------------------------*/ + +.guideTrench, +.visibleTrench, +.activeVisibleTrench { + position: absolute; +} + +.guideTrench { + z-index: -101; +} + +.visibleTrench { + z-index: -103; +} + +.activeVisibleTrench { + z-index: -102; +} + +/* Other +----------------------------------*/ + +.titlebar { + position: absolute; +} + +.title-shield { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 10; +} + +.transparentBorder { + border: 1px solid transparent !important; +} + +.stackExpander { + position: absolute; +} + +.shield { + left: 0; + top: 0; + width: 100%; + height: 100%; + position: absolute; +} + +.banner { + left: 0; + bottom: 0; + right: 0; + padding: 10px 0; + position: absolute; + z-index: 1000060; + background: #000; + color: #fff; + opacity: 0; + text-align: center; + font-weight: 700; +} + +/* Resizable +----------------------------------*/ +.resizer { + position: absolute; +} + +.iq-resizable-handle { + position: absolute; + z-index: 99999; + display: block; +} + +.iq-resizable-disabled .iq-resizable-handle, +.iq-resizable-autohide .iq-resizable-handle { + display: none; +} + +/* Search +----------------------------------*/ +#searchshade{ + position: absolute; + top: 0px; + left: 0px; + z-index: 1000001; +} + +#search{ + position: absolute; + top: 0px; + left: 0px; + pointer-events: none; + z-index: 1000050; +} + +html[dir=rtl] #search { + left: auto; + right: 0; +} + +#searchbox{ + position: absolute; + right: 20px; + top: 20px; + pointer-events: auto; +} + +html[dir=rtl] #searchbox { + right: auto; + left: 20px; +} + +#actions{ + position: absolute; + top: 0px; + right: -3px; + z-index: 1000000; +} + +html[dir=rtl] #actions { + right: auto; + left: -3px; +} + +#otherresults{ + position: absolute; + opacity: 0; + overflow: hidden; +} + +.onTop{ + z-index: 1000010 !important; +} + +.inlineMatch{ + display: inline-block; + pointer-events: auto; +} + +.inlineMatch>span{ + display: inline-block; + overflow: hidden; +}