| 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 |