| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 /* |  | 
| 2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved. |  | 
| 3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |  | 
| 4  * Copyright (C) 2011 Google Inc. All rights reserved. |  | 
| 5  * |  | 
| 6  * Redistribution and use in source and binary forms, with or without |  | 
| 7  * modification, are permitted provided that the following conditions are |  | 
| 8  * met: |  | 
| 9  * |  | 
| 10  * 1. Redistributions of source code must retain the above copyright |  | 
| 11  * notice, this list of conditions and the following disclaimer. |  | 
| 12  * |  | 
| 13  * 2. Redistributions in binary form must reproduce the above |  | 
| 14  * copyright notice, this list of conditions and the following disclaimer |  | 
| 15  * in the documentation and/or other materials provided with the |  | 
| 16  * distribution. |  | 
| 17  * |  | 
| 18  * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS |  | 
| 19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |  | 
| 20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |  | 
| 21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC. |  | 
| 22  * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |  | 
| 23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |  | 
| 24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |  | 
| 25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |  | 
| 26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |  | 
| 27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |  | 
| 28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |  | 
| 29  */ |  | 
| 30 |  | 
| 31  .tabbed-pane { |  | 
| 32     -webkit-flex-direction: column; |  | 
| 33     display: -webkit-flex; |  | 
| 34     height: 100%; |  | 
| 35 } |  | 
| 36 |  | 
| 37 .tabbed-pane-content { |  | 
| 38     -webkit-flex: 1; |  | 
| 39     position: relative; |  | 
| 40     overflow: auto; |  | 
| 41 } |  | 
| 42 |  | 
| 43 .tabbed-pane-content.has-no-tabs { |  | 
| 44     background-color: lightgray; |  | 
| 45 } |  | 
| 46 |  | 
| 47 .tabbed-pane-header { |  | 
| 48     height: 23px; |  | 
| 49     border-bottom: 1px solid rgb(163, 163, 163); |  | 
| 50     overflow: hidden; |  | 
| 51     width: 100%; |  | 
| 52 } |  | 
| 53 |  | 
| 54 .tabbed-pane-header-contents { |  | 
| 55     margin: 0 10px; |  | 
| 56 } |  | 
| 57 |  | 
| 58 .tabbed-pane-header-tabs { |  | 
| 59     float: left; |  | 
| 60 } |  | 
| 61 |  | 
| 62 .tabbed-pane-header-tab { |  | 
| 63     float: left; |  | 
| 64     margin-top: 2px; |  | 
| 65     padding: 2px 4px 2px 4px; |  | 
| 66     height: 21px; |  | 
| 67     border: 1px solid transparent; |  | 
| 68     border-bottom: none; |  | 
| 69     line-height: 15px; |  | 
| 70 |  | 
| 71     white-space: nowrap; |  | 
| 72     text-overflow: ellipsis; |  | 
| 73     overflow: hidden; |  | 
| 74 } |  | 
| 75 |  | 
| 76 .tabbed-pane-header-tab.measuring { |  | 
| 77     visibility: hidden; |  | 
| 78 } |  | 
| 79 |  | 
| 80 .tabbed-pane-header-tab.selected { |  | 
| 81     background-color: white; |  | 
| 82     border: 1px solid rgb(163, 163, 163); |  | 
| 83     border-bottom: none; |  | 
| 84 } |  | 
| 85 |  | 
| 86 .tabbed-pane-header-tab .close-button-gray { |  | 
| 87     position: relative; |  | 
| 88     top: 2px; |  | 
| 89     left: 1px; |  | 
| 90     margin-left: 2px; |  | 
| 91     margin-top: -3px; |  | 
| 92     visibility: hidden; |  | 
| 93 } |  | 
| 94 |  | 
| 95 .tabbed-pane-header-tab:hover .close-button-gray, |  | 
| 96 .tabbed-pane-header-tab.selected .close-button-gray { |  | 
| 97     visibility: visible; |  | 
| 98 } |  | 
| 99 |  | 
| 100 .tabbed-pane-header-tabs-drop-down-container { |  | 
| 101     float: left; |  | 
| 102     position: relative; |  | 
| 103     vertical-align: bottom; |  | 
| 104     top: 1px; |  | 
| 105     padding-left: 3px; |  | 
| 106 } |  | 
| 107 |  | 
| 108 .tabbed-pane-header-tabs-drop-down-container.measuring { |  | 
| 109     visibility: hidden; |  | 
| 110 } |  | 
| 111 |  | 
| 112 .tabbed-pane-header-tabs-drop-down { |  | 
| 113     position: relative; |  | 
| 114     opacity: 0.7; |  | 
| 115     color: rgb(30, 30, 30); |  | 
| 116     font-size: 133%; |  | 
| 117     padding: 0 3px; |  | 
| 118 } |  | 
| 119 |  | 
| 120 .tabbed-pane-header-tabs-drop-down:hover { |  | 
| 121     opacity: 1.0; |  | 
| 122 } |  | 
| 123 |  | 
| 124 .tabbed-pane-header-tabs-drop-down:active { |  | 
| 125     opacity: 0.8; |  | 
| 126 } |  | 
| 127 |  | 
| 128 select.tabbed-pane-header-tabs-drop-down-select { |  | 
| 129     position: absolute; |  | 
| 130     top: 0; |  | 
| 131     right: 0; |  | 
| 132     bottom: 0; |  | 
| 133     left: 0; |  | 
| 134     opacity: 0; |  | 
| 135     border: none; |  | 
| 136     margin: 0; |  | 
| 137     font-size: 75%; |  | 
| 138     -webkit-appearance: none; |  | 
| 139 } |  | 
| OLD | NEW | 
|---|