| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * Copyright (C) 2011 Google Inc. All rights reserved. | 4 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 5 * | 5 * |
| 6 * Redistribution and use in source and binary forms, with or without | 6 * Redistribution and use in source and binary forms, with or without |
| 7 * modification, are permitted provided that the following conditions are | 7 * modification, are permitted provided that the following conditions are |
| 8 * met: | 8 * met: |
| 9 * | 9 * |
| 10 * 1. Redistributions of source code must retain the above copyright | 10 * 1. Redistributions of source code must retain the above copyright |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 48 .tabbed-pane-placeholder { | 48 .tabbed-pane-placeholder { |
| 49 font-size: 14px; | 49 font-size: 14px; |
| 50 text-align: center; | 50 text-align: center; |
| 51 margin-top: 20px; | 51 margin-top: 20px; |
| 52 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | 52 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
| 53 } | 53 } |
| 54 | 54 |
| 55 .tabbed-pane-header { | 55 .tabbed-pane-header { |
| 56 display: flex; | 56 display: flex; |
| 57 flex: 0 0 23px; | 57 flex: 0 0 23px; |
| 58 border-bottom: 1px solid rgb(163, 163, 163); | 58 border-bottom: 1px solid #dadada; |
| 59 overflow: hidden; | 59 overflow: hidden; |
| 60 width: 100%; | 60 width: 100%; |
| 61 background-color: #eee; | 61 background-color: #eee; |
| 62 } | 62 } |
| 63 | 63 |
| 64 :host-context(.material) .tabbed-pane-header { | 64 :host-context(.material) .tabbed-pane-header { |
| 65 flex: 0 0 27px; | 65 flex: 0 0 27px; |
| 66 } | 66 } |
| 67 | 67 |
| 68 .tabbed-pane-header-contents { | 68 .tabbed-pane-header-contents { |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 | 126 |
| 127 .tabbed-pane-header-tab:hover .tabbed-pane-close-button, | 127 .tabbed-pane-header-tab:hover .tabbed-pane-close-button, |
| 128 .tabbed-pane-header-tab.selected .tabbed-pane-close-button { | 128 .tabbed-pane-header-tab.selected .tabbed-pane-close-button { |
| 129 visibility: visible; | 129 visibility: visible; |
| 130 } | 130 } |
| 131 | 131 |
| 132 .tabbed-pane-header-tabs-drop-down-container { | 132 .tabbed-pane-header-tabs-drop-down-container { |
| 133 float: left; | 133 float: left; |
| 134 position: relative; | 134 position: relative; |
| 135 vertical-align: bottom; | 135 vertical-align: bottom; |
| 136 padding-left: 3px; | |
| 137 line-height: 20px; | 136 line-height: 20px; |
| 138 opacity: 0.7; | 137 opacity: 0.8; |
| 139 color: inherit; | 138 color: inherit; |
| 140 font-size: 133%; | 139 font-size: 133%; |
| 141 padding: 0 3px 0 5px; | 140 padding: 0 7px; |
| 142 cursor: default; | 141 cursor: default; |
| 142 height: 23px; |
| 143 } | 143 } |
| 144 | 144 |
| 145 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container { | 145 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container { |
| 146 line-height: 25px; | 146 line-height: 25px; |
| 147 height: 28px; | 147 height: 28px; |
| 148 width: 28px; | 148 width: 28px; |
| 149 text-align: center; | 149 text-align: center; |
| 150 padding: 0; | 150 padding: 0; |
| 151 } | 151 } |
| 152 | 152 |
| 153 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container:hover { | 153 .tabbed-pane-header-tabs-drop-down-container:hover { |
| 154 background-color: rgba(105, 105, 105, 0.1); | 154 background-color: rgba(105, 105, 105, 0.1); |
| 155 } | 155 } |
| 156 | 156 |
| 157 .tabbed-pane-header-tabs-drop-down-container.measuring { | 157 .tabbed-pane-header-tabs-drop-down-container.measuring { |
| 158 visibility: hidden; | 158 visibility: hidden; |
| 159 } | 159 } |
| 160 | 160 |
| 161 .tabbed-pane-header-tabs-drop-down-container:hover { | 161 .tabbed-pane-header-tabs-drop-down-container:hover { |
| 162 opacity: 1.0; | 162 opacity: 1.0; |
| 163 } | 163 } |
| (...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 218 .tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab.selected { | 218 .tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab.selected { |
| 219 color: inherit; | 219 color: inherit; |
| 220 border: none transparent; | 220 border: none transparent; |
| 221 border-left: 6px solid #666; | 221 border-left: 6px solid #666; |
| 222 } | 222 } |
| 223 | 223 |
| 224 .tabbed-pane-tab-slider { | 224 .tabbed-pane-tab-slider { |
| 225 width: 1px; | 225 width: 1px; |
| 226 height: 2px; | 226 height: 2px; |
| 227 position: absolute; | 227 position: absolute; |
| 228 bottom: -1px; | 228 bottom: 0; |
| 229 background-color: #4285F4; | 229 background-color: #3E82F7; |
| 230 left: 0; | 230 left: 0; |
| 231 z-index: 50; | 231 z-index: 50; |
| 232 transform-origin: 0 0; | 232 transform-origin: 0 0; |
| 233 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); | 233 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); |
| 234 visibility: hidden; | 234 visibility: hidden; |
| 235 } | 235 } |
| 236 | 236 |
| 237 .tabbed-pane-tab-slider.enabled { | 237 .tabbed-pane-tab-slider.enabled { |
| 238 visibility: visible; | 238 visibility: visible; |
| 239 } | 239 } |
| 240 | 240 |
| 241 .tabbed-pane-header.tabbed-pane-no-header-background { | 241 .tabbed-pane-header.tabbed-pane-no-header-background { |
| 242 background-color: transparent; | 242 background-color: transparent; |
| 243 } | 243 } |
| OLD | NEW |