browser/components/tabview/tabview.css

changeset 0
6474c204b198
     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 +}

mercurial