The Tor Browser: browser/components/tabview/tabview.css@6474c204b198

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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/. */

     5 /* Platform-independent structural styling for

     6  * <strike>Tab Candy</strike> Panorama

     7 ----------------------------------*/

     9 html {

    10   overflow: hidden;

    11 /*   image-rendering: -moz-crisp-edges; */

    12 }

    14 body {

    15   padding: 0px;

    16   margin: 0 auto;

    17 }

    19 #content {

    20   overflow: -moz-hidden-unscrollable;

    21   position: absolute;

    22   top: 0;

    23   left: 0;

    24   width: 100%;

    25   height: 100%;

    26 }

    28 #bg {

    29   position: absolute;

    30   top: 0;

    31   left: 0;

    32   width: 100%;

    33   height: 100%;

    34   z-index: -999999;

    35 }

    37 /* Tabs

    38 ----------------------------------*/

    40 .tab {

    41   position: absolute;

    42   overflow: visible !important;

    43 }

    45 .tab canvas,

    46 .cached-thumb {

    47   width: 100%;

    48   height: 100%;

    49   position: absolute;

    50   top: 0px;

    51   left: 0px;

    52 }

    54 .tabHidden {

    55   display: none;

    56 }

    58 .thumb {

    59   position: relative;

    60   width: 100%;

    61   height: 100%;

    62 }

    64 .favicon {

    65   position: absolute;

    66 }

    68 .close {

    69   position: absolute;

    70   cursor: pointer;

    71 }

    73 .expander {

    74   position: absolute;

    75 }

    77 .tab-title {

    78   position: absolute;

    79   overflow: hidden;

    80   text-overflow: ellipsis;

    81   white-space: nowrap;

    82 }

    84 .stacked .tab-title {

    85   display: none;

    86 }

    88 .stack-trayed .tab-title {

    89   display: block !important;

    90 }

    92 /* Tab: Zooming

    93 ----------------------------------*/

    95 .front {

    96   z-index: 999999 !important;

    97   image-rendering: -moz-crisp-edges;

    98 }

   100 .front canvas {

   101   border: none !important;

   102   padding: 1px !important;

   103 }

   105 /* Groups

   106 ----------------------------------*/

   108 .groupItem {

   109   position: absolute;

   110 }

   112 .appTabTrayContainer {

   113   position: absolute;

   114 }

   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 }

   123 input.name {

   124   text-overflow: ellipsis;

   125   width: -moz-available;

   126 }

   128 input.name:focus {

   129   text-overflow: clip;

   130 }

   132 /* Other Items

   133 ----------------------------------*/

   135 .undo {

   136   position: absolute;

   137 }

   139 /* Trenches

   140 ----------------------------------*/

   142 .guideTrench,

   143 .visibleTrench,

   144 .activeVisibleTrench {

   145   position: absolute;

   146 }

   148 .guideTrench {

   149   z-index: -101;

   150 }

   152 .visibleTrench {

   153   z-index: -103;

   154 }

   156 .activeVisibleTrench {

   157   z-index: -102;

   158 }

   160 /* Other

   161 ----------------------------------*/

   163 .titlebar {

   164   position: absolute;

   165 }

   167 .title-shield {

   168   position: absolute;

   169   left: 0;

   170   top: 0;

   171   width: 100%;

   172   height: 100%;

   173   z-index: 10;

   174 }

   176 .transparentBorder {

   177   border: 1px solid transparent !important;

   178 }

   180 .stackExpander {

   181   position: absolute;

   182 }

   184 .shield {

   185   left: 0;

   186   top: 0;

   187   width: 100%;

   188   height: 100%;

   189   position: absolute;

   190 }

   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 }

   206 /* Resizable

   207 ----------------------------------*/

   208 .resizer {

   209   position: absolute;

   210 }

   212 .iq-resizable-handle {

   213   position: absolute;

   214   z-index: 99999;

   215   display: block;

   216 }

   218 .iq-resizable-disabled .iq-resizable-handle,

   219 .iq-resizable-autohide .iq-resizable-handle {

   220   display: none;

   221 }

   223 /* Search

   224 ----------------------------------*/

   225 #searchshade{

   226   position: absolute;

   227   top: 0px;

   228   left: 0px;

   229   z-index: 1000001;

   230 }

   232 #search{

   233   position: absolute;

   234   top: 0px;

   235   left: 0px;

   236   pointer-events: none;

   237   z-index: 1000050;

   238 }

   240 html[dir=rtl] #search {

   241   left: auto;

   242   right: 0;

   243 }

   245 #searchbox{

   246   position: absolute;

   247   right: 20px;

   248   top: 20px;

   249   pointer-events: auto;

   250 }

   252 html[dir=rtl] #searchbox {

   253   right: auto;

   254   left: 20px;

   255 }

   257 #actions{

   258   position: absolute;

   259   top: 0px;

   260   right: -3px;

   261   z-index: 1000000;

   262 }

   264 html[dir=rtl] #actions {

   265   right: auto;

   266   left: -3px;

   267 }

   269 #otherresults{

   270   position: absolute;

   271   opacity: 0;

   272   overflow: hidden;

   273 }

   275 .onTop{

   276   z-index: 1000010 !important;

   277 }

   279 .inlineMatch{

   280   display: inline-block;

   281   pointer-events: auto;

   282 }

   284 .inlineMatch>span{

   285   display: inline-block;

   286   overflow: hidden;

   287 }

The Tor Browser / file revision