| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .tabbed-pane-header { | 7 .tabbed-pane-header { |
| 8 background-color: #eee; | 8 background-color: #f3f3f3; |
| 9 flex: 0 0 24px; | 9 flex: 0 0 24px; |
| 10 } | 10 } |
| 11 | 11 |
| 12 :host-context(.material) .tabbed-pane-header { | 12 :host-context(.material) .tabbed-pane-header { |
| 13 flex: 0 0 29px; | 13 flex: 0 0 29px; |
| 14 overflow: visible; | 14 overflow: visible; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .tabbed-pane-header-tab { | 17 .tabbed-pane-header-tab { |
| 18 height: 23px; | 18 height: 23px; |
| 19 } | 19 } |
| 20 | 20 |
| 21 :host-context(.material) .tabbed-pane-header-tab { | 21 :host-context(.material) .tabbed-pane-header-tab { |
| 22 height: 28px; | 22 height: 28px; |
| 23 border: none; | 23 border: none; |
| 24 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1); | 24 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1); |
| 25 } | 25 } |
| 26 | 26 |
| 27 :host-context(.material) .tabbed-pane-header-tab:hover { | 27 .tabbed-pane-header-tab:hover { |
| 28 background-color: rgba(105, 105, 105, 0.1); | 28 background-color: rgba(105, 105, 105, 0.1); |
| 29 } | 29 } |
| 30 | 30 |
| 31 .tabbed-pane-header-tab, | 31 .tabbed-pane-header-tab, |
| 32 .tabbed-pane-header-tab.selected { | 32 .tabbed-pane-header-tab.selected { |
| 33 border-width: 0 2px 0 2px; | 33 border-width: 0 2px 0 2px; |
| 34 background: none; | 34 background: none; |
| 35 margin: 0; | 35 margin: 0; |
| 36 padding: 0 3px; | 36 padding: 0 3px; |
| 37 } | 37 } |
| 38 | 38 |
| 39 :host-context(.material) .tabbed-pane-header-tab, | 39 .tabbed-pane-header-tab, |
| 40 :host-context(.material) .tabbed-pane-header-tab.selected { | 40 .tabbed-pane-header-tab.selected { |
| 41 border: none; |
| 41 padding: 0 6px; | 42 padding: 0 6px; |
| 42 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); | 43 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); |
| 43 } | 44 } |
| 44 | 45 |
| 45 :host-context(.material) .tabbed-pane-header-tab.selected { | |
| 46 border: none; | |
| 47 background-color: rgba(105, 105, 105, 0.1); | |
| 48 } | |
| 49 | |
| 50 .tabbed-pane-header-tab.selected { | |
| 51 border-width: 0 2px 0 2px; | |
| 52 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; | |
| 53 } | |
| 54 | |
| 55 :host-context(.platform-windows) .tabbed-pane-header, | |
| 56 :host-context(.platform-windows.inactive) .tabbed-pane-header { | |
| 57 background-image: none; | |
| 58 } | |
| 59 | |
| 60 :host-context(body.undocked.platform-mac) .tabbed-pane-header { | 46 :host-context(body.undocked.platform-mac) .tabbed-pane-header { |
| 61 background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 20
0, 200)) !important; | 47 background-color: rgb(243, 243, 243); |
| 62 color: #333 !important; | 48 color: #333 !important; |
| 63 } | 49 } |
| 64 | |
| 65 :host-context(body.undocked.platform-mac.inactive) .tabbed-pane-header { | |
| 66 background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 22
4, 224)) !important; | |
| 67 color: #555 !important; | |
| 68 } | |
| OLD | NEW |