The Tor Browser / file comparison
comparison: browser/components/tabview/tabview.css
browser/components/tabview/tabview.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:04cc4165b033 |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 /* Platform-independent structural styling for | |
| 6 * <strike>Tab Candy</strike> Panorama | |
| 7 ----------------------------------*/ | |
| 8 | |
| 9 html { | |
| 10 overflow: hidden; | |
| 11 /* image-rendering: -moz-crisp-edges; */ | |
| 12 } | |
| 13 | |
| 14 body { | |
| 15 padding: 0px; | |
| 16 margin: 0 auto; | |
| 17 } | |
| 18 | |
| 19 #content { | |
| 20 overflow: -moz-hidden-unscrollable; | |
| 21 position: absolute; | |
| 22 top: 0; | |
| 23 left: 0; | |
| 24 width: 100%; | |
| 25 height: 100%; | |
| 26 } | |
| 27 | |
| 28 #bg { | |
| 29 position: absolute; | |
| 30 top: 0; | |
| 31 left: 0; | |
| 32 width: 100%; | |
| 33 height: 100%; | |
| 34 z-index: -999999; | |
| 35 } | |
| 36 | |
| 37 /* Tabs | |
| 38 ----------------------------------*/ | |
| 39 | |
| 40 .tab { | |
| 41 position: absolute; | |
| 42 overflow: visible !important; | |
| 43 } | |
| 44 | |
| 45 .tab canvas, | |
| 46 .cached-thumb { | |
| 47 width: 100%; | |
| 48 height: 100%; | |
| 49 position: absolute; | |
| 50 top: 0px; | |
| 51 left: 0px; | |
| 52 } | |
| 53 | |
| 54 .tabHidden { | |
| 55 display: none; | |
| 56 } | |
| 57 | |
| 58 .thumb { | |
| 59 position: relative; | |
| 60 width: 100%; | |
| 61 height: 100%; | |
| 62 } | |
| 63 | |
| 64 .favicon { | |
| 65 position: absolute; | |
| 66 } | |
| 67 | |
| 68 .close { | |
| 69 position: absolute; | |
| 70 cursor: pointer; | |
| 71 } | |
| 72 | |
| 73 .expander { | |
| 74 position: absolute; | |
| 75 } | |
| 76 | |
| 77 .tab-title { | |
| 78 position: absolute; | |
| 79 overflow: hidden; | |
| 80 text-overflow: ellipsis; | |
| 81 white-space: nowrap; | |
| 82 } | |
| 83 | |
| 84 .stacked .tab-title { | |
| 85 display: none; | |
| 86 } | |
| 87 | |
| 88 .stack-trayed .tab-title { | |
| 89 display: block !important; | |
| 90 } | |
| 91 | |
| 92 /* Tab: Zooming | |
| 93 ----------------------------------*/ | |
| 94 | |
| 95 .front { | |
| 96 z-index: 999999 !important; | |
| 97 image-rendering: -moz-crisp-edges; | |
| 98 } | |
| 99 | |
| 100 .front canvas { | |
| 101 border: none !important; | |
| 102 padding: 1px !important; | |
| 103 } | |
| 104 | |
| 105 /* Groups | |
| 106 ----------------------------------*/ | |
| 107 | |
| 108 .groupItem { | |
| 109 position: absolute; | |
| 110 } | |
| 111 | |
| 112 .appTabTrayContainer { | |
| 113 position: absolute; | |
| 114 } | |
| 115 | |
| 116 .title-container { | |
| 117 /* We want the title container to leave out width, position of the .close | |
| 118 button and space between input and .close button. Keep an eye on LTR and | |
| 119 RTL differences in .close. */ | |
| 120 width: calc(100% - 16px - 6px - 6px); | |
| 121 } | |
| 122 | |
| 123 input.name { | |
| 124 text-overflow: ellipsis; | |
| 125 width: -moz-available; | |
| 126 } | |
| 127 | |
| 128 input.name:focus { | |
| 129 text-overflow: clip; | |
| 130 } | |
| 131 | |
| 132 /* Other Items | |
| 133 ----------------------------------*/ | |
| 134 | |
| 135 .undo { | |
| 136 position: absolute; | |
| 137 } | |
| 138 | |
| 139 /* Trenches | |
| 140 ----------------------------------*/ | |
| 141 | |
| 142 .guideTrench, | |
| 143 .visibleTrench, | |
| 144 .activeVisibleTrench { | |
| 145 position: absolute; | |
| 146 } | |
| 147 | |
| 148 .guideTrench { | |
| 149 z-index: -101; | |
| 150 } | |
| 151 | |
| 152 .visibleTrench { | |
| 153 z-index: -103; | |
| 154 } | |
| 155 | |
| 156 .activeVisibleTrench { | |
| 157 z-index: -102; | |
| 158 } | |
| 159 | |
| 160 /* Other | |
| 161 ----------------------------------*/ | |
| 162 | |
| 163 .titlebar { | |
| 164 position: absolute; | |
| 165 } | |
| 166 | |
| 167 .title-shield { | |
| 168 position: absolute; | |
| 169 left: 0; | |
| 170 top: 0; | |
| 171 width: 100%; | |
| 172 height: 100%; | |
| 173 z-index: 10; | |
| 174 } | |
| 175 | |
| 176 .transparentBorder { | |
| 177 border: 1px solid transparent !important; | |
| 178 } | |
| 179 | |
| 180 .stackExpander { | |
| 181 position: absolute; | |
| 182 } | |
| 183 | |
| 184 .shield { | |
| 185 left: 0; | |
| 186 top: 0; | |
| 187 width: 100%; | |
| 188 height: 100%; | |
| 189 position: absolute; | |
| 190 } | |
| 191 | |
| 192 .banner { | |
| 193 left: 0; | |
| 194 bottom: 0; | |
| 195 right: 0; | |
| 196 padding: 10px 0; | |
| 197 position: absolute; | |
| 198 z-index: 1000060; | |
| 199 background: #000; | |
| 200 color: #fff; | |
| 201 opacity: 0; | |
| 202 text-align: center; | |
| 203 font-weight: 700; | |
| 204 } | |
| 205 | |
| 206 /* Resizable | |
| 207 ----------------------------------*/ | |
| 208 .resizer { | |
| 209 position: absolute; | |
| 210 } | |
| 211 | |
| 212 .iq-resizable-handle { | |
| 213 position: absolute; | |
| 214 z-index: 99999; | |
| 215 display: block; | |
| 216 } | |
| 217 | |
| 218 .iq-resizable-disabled .iq-resizable-handle, | |
| 219 .iq-resizable-autohide .iq-resizable-handle { | |
| 220 display: none; | |
| 221 } | |
| 222 | |
| 223 /* Search | |
| 224 ----------------------------------*/ | |
| 225 #searchshade{ | |
| 226 position: absolute; | |
| 227 top: 0px; | |
| 228 left: 0px; | |
| 229 z-index: 1000001; | |
| 230 } | |
| 231 | |
| 232 #search{ | |
| 233 position: absolute; | |
| 234 top: 0px; | |
| 235 left: 0px; | |
| 236 pointer-events: none; | |
| 237 z-index: 1000050; | |
| 238 } | |
| 239 | |
| 240 html[dir=rtl] #search { | |
| 241 left: auto; | |
| 242 right: 0; | |
| 243 } | |
| 244 | |
| 245 #searchbox{ | |
| 246 position: absolute; | |
| 247 right: 20px; | |
| 248 top: 20px; | |
| 249 pointer-events: auto; | |
| 250 } | |
| 251 | |
| 252 html[dir=rtl] #searchbox { | |
| 253 right: auto; | |
| 254 left: 20px; | |
| 255 } | |
| 256 | |
| 257 #actions{ | |
| 258 position: absolute; | |
| 259 top: 0px; | |
| 260 right: -3px; | |
| 261 z-index: 1000000; | |
| 262 } | |
| 263 | |
| 264 html[dir=rtl] #actions { | |
| 265 right: auto; | |
| 266 left: -3px; | |
| 267 } | |
| 268 | |
| 269 #otherresults{ | |
| 270 position: absolute; | |
| 271 opacity: 0; | |
| 272 overflow: hidden; | |
| 273 } | |
| 274 | |
| 275 .onTop{ | |
| 276 z-index: 1000010 !important; | |
| 277 } | |
| 278 | |
| 279 .inlineMatch{ | |
| 280 display: inline-block; | |
| 281 pointer-events: auto; | |
| 282 } | |
| 283 | |
| 284 .inlineMatch>span{ | |
| 285 display: inline-block; | |
| 286 overflow: hidden; | |
| 287 } |
