1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/browser/components/tabview/tabview.css Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,287 @@ 1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public 1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this 1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 1.7 + 1.8 +/* Platform-independent structural styling for 1.9 + * <strike>Tab Candy</strike> Panorama 1.10 +----------------------------------*/ 1.11 + 1.12 +html { 1.13 + overflow: hidden; 1.14 +/* image-rendering: -moz-crisp-edges; */ 1.15 +} 1.16 + 1.17 +body { 1.18 + padding: 0px; 1.19 + margin: 0 auto; 1.20 +} 1.21 + 1.22 +#content { 1.23 + overflow: -moz-hidden-unscrollable; 1.24 + position: absolute; 1.25 + top: 0; 1.26 + left: 0; 1.27 + width: 100%; 1.28 + height: 100%; 1.29 +} 1.30 + 1.31 +#bg { 1.32 + position: absolute; 1.33 + top: 0; 1.34 + left: 0; 1.35 + width: 100%; 1.36 + height: 100%; 1.37 + z-index: -999999; 1.38 +} 1.39 + 1.40 +/* Tabs 1.41 +----------------------------------*/ 1.42 + 1.43 +.tab { 1.44 + position: absolute; 1.45 + overflow: visible !important; 1.46 +} 1.47 + 1.48 +.tab canvas, 1.49 +.cached-thumb { 1.50 + width: 100%; 1.51 + height: 100%; 1.52 + position: absolute; 1.53 + top: 0px; 1.54 + left: 0px; 1.55 +} 1.56 + 1.57 +.tabHidden { 1.58 + display: none; 1.59 +} 1.60 + 1.61 +.thumb { 1.62 + position: relative; 1.63 + width: 100%; 1.64 + height: 100%; 1.65 +} 1.66 + 1.67 +.favicon { 1.68 + position: absolute; 1.69 +} 1.70 + 1.71 +.close { 1.72 + position: absolute; 1.73 + cursor: pointer; 1.74 +} 1.75 + 1.76 +.expander { 1.77 + position: absolute; 1.78 +} 1.79 + 1.80 +.tab-title { 1.81 + position: absolute; 1.82 + overflow: hidden; 1.83 + text-overflow: ellipsis; 1.84 + white-space: nowrap; 1.85 +} 1.86 + 1.87 +.stacked .tab-title { 1.88 + display: none; 1.89 +} 1.90 + 1.91 +.stack-trayed .tab-title { 1.92 + display: block !important; 1.93 +} 1.94 + 1.95 +/* Tab: Zooming 1.96 +----------------------------------*/ 1.97 + 1.98 +.front { 1.99 + z-index: 999999 !important; 1.100 + image-rendering: -moz-crisp-edges; 1.101 +} 1.102 + 1.103 +.front canvas { 1.104 + border: none !important; 1.105 + padding: 1px !important; 1.106 +} 1.107 + 1.108 +/* Groups 1.109 +----------------------------------*/ 1.110 + 1.111 +.groupItem { 1.112 + position: absolute; 1.113 +} 1.114 + 1.115 +.appTabTrayContainer { 1.116 + position: absolute; 1.117 +} 1.118 + 1.119 +.title-container { 1.120 + /* We want the title container to leave out width, position of the .close 1.121 + button and space between input and .close button. Keep an eye on LTR and 1.122 + RTL differences in .close. */ 1.123 + width: calc(100% - 16px - 6px - 6px); 1.124 +} 1.125 + 1.126 +input.name { 1.127 + text-overflow: ellipsis; 1.128 + width: -moz-available; 1.129 +} 1.130 + 1.131 +input.name:focus { 1.132 + text-overflow: clip; 1.133 +} 1.134 + 1.135 +/* Other Items 1.136 +----------------------------------*/ 1.137 + 1.138 +.undo { 1.139 + position: absolute; 1.140 +} 1.141 + 1.142 +/* Trenches 1.143 +----------------------------------*/ 1.144 + 1.145 +.guideTrench, 1.146 +.visibleTrench, 1.147 +.activeVisibleTrench { 1.148 + position: absolute; 1.149 +} 1.150 + 1.151 +.guideTrench { 1.152 + z-index: -101; 1.153 +} 1.154 + 1.155 +.visibleTrench { 1.156 + z-index: -103; 1.157 +} 1.158 + 1.159 +.activeVisibleTrench { 1.160 + z-index: -102; 1.161 +} 1.162 + 1.163 +/* Other 1.164 +----------------------------------*/ 1.165 + 1.166 +.titlebar { 1.167 + position: absolute; 1.168 +} 1.169 + 1.170 +.title-shield { 1.171 + position: absolute; 1.172 + left: 0; 1.173 + top: 0; 1.174 + width: 100%; 1.175 + height: 100%; 1.176 + z-index: 10; 1.177 +} 1.178 + 1.179 +.transparentBorder { 1.180 + border: 1px solid transparent !important; 1.181 +} 1.182 + 1.183 +.stackExpander { 1.184 + position: absolute; 1.185 +} 1.186 + 1.187 +.shield { 1.188 + left: 0; 1.189 + top: 0; 1.190 + width: 100%; 1.191 + height: 100%; 1.192 + position: absolute; 1.193 +} 1.194 + 1.195 +.banner { 1.196 + left: 0; 1.197 + bottom: 0; 1.198 + right: 0; 1.199 + padding: 10px 0; 1.200 + position: absolute; 1.201 + z-index: 1000060; 1.202 + background: #000; 1.203 + color: #fff; 1.204 + opacity: 0; 1.205 + text-align: center; 1.206 + font-weight: 700; 1.207 +} 1.208 + 1.209 +/* Resizable 1.210 +----------------------------------*/ 1.211 +.resizer { 1.212 + position: absolute; 1.213 +} 1.214 + 1.215 +.iq-resizable-handle { 1.216 + position: absolute; 1.217 + z-index: 99999; 1.218 + display: block; 1.219 +} 1.220 + 1.221 +.iq-resizable-disabled .iq-resizable-handle, 1.222 +.iq-resizable-autohide .iq-resizable-handle { 1.223 + display: none; 1.224 +} 1.225 + 1.226 +/* Search 1.227 +----------------------------------*/ 1.228 +#searchshade{ 1.229 + position: absolute; 1.230 + top: 0px; 1.231 + left: 0px; 1.232 + z-index: 1000001; 1.233 +} 1.234 + 1.235 +#search{ 1.236 + position: absolute; 1.237 + top: 0px; 1.238 + left: 0px; 1.239 + pointer-events: none; 1.240 + z-index: 1000050; 1.241 +} 1.242 + 1.243 +html[dir=rtl] #search { 1.244 + left: auto; 1.245 + right: 0; 1.246 +} 1.247 + 1.248 +#searchbox{ 1.249 + position: absolute; 1.250 + right: 20px; 1.251 + top: 20px; 1.252 + pointer-events: auto; 1.253 +} 1.254 + 1.255 +html[dir=rtl] #searchbox { 1.256 + right: auto; 1.257 + left: 20px; 1.258 +} 1.259 + 1.260 +#actions{ 1.261 + position: absolute; 1.262 + top: 0px; 1.263 + right: -3px; 1.264 + z-index: 1000000; 1.265 +} 1.266 + 1.267 +html[dir=rtl] #actions { 1.268 + right: auto; 1.269 + left: -3px; 1.270 +} 1.271 + 1.272 +#otherresults{ 1.273 + position: absolute; 1.274 + opacity: 0; 1.275 + overflow: hidden; 1.276 +} 1.277 + 1.278 +.onTop{ 1.279 + z-index: 1000010 !important; 1.280 +} 1.281 + 1.282 +.inlineMatch{ 1.283 + display: inline-block; 1.284 + pointer-events: auto; 1.285 +} 1.286 + 1.287 +.inlineMatch>span{ 1.288 + display: inline-block; 1.289 + overflow: hidden; 1.290 +}