Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(229)

Side by Side Diff: Source/devtools/front_end/ui/tabbedPane.css

Issue 1169323004: DevTools: do not respect Chrome theme in DevTools, align toolbar items. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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;
60 width: 100%; 59 width: 100%;
61 background-color: #eee; 60 background-color: #eee;
62 } 61 }
63 62
64 :host-context(.material) .tabbed-pane-header { 63 :host-context(.material) .tabbed-pane-header {
65 flex: 0 0 27px; 64 flex: 0 0 27px;
66 } 65 }
67 66
68 .tabbed-pane-header-contents { 67 .tabbed-pane-header-contents {
69 flex: auto; 68 flex: auto;
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
126 125
127 .tabbed-pane-header-tab:hover .tabbed-pane-close-button, 126 .tabbed-pane-header-tab:hover .tabbed-pane-close-button,
128 .tabbed-pane-header-tab.selected .tabbed-pane-close-button { 127 .tabbed-pane-header-tab.selected .tabbed-pane-close-button {
129 visibility: visible; 128 visibility: visible;
130 } 129 }
131 130
132 .tabbed-pane-header-tabs-drop-down-container { 131 .tabbed-pane-header-tabs-drop-down-container {
133 float: left; 132 float: left;
134 position: relative; 133 position: relative;
135 vertical-align: bottom; 134 vertical-align: bottom;
136 padding-left: 3px;
137 line-height: 20px; 135 line-height: 20px;
138 opacity: 0.7; 136 opacity: 0.8;
139 color: inherit; 137 color: inherit;
140 font-size: 133%; 138 font-size: 133%;
141 padding: 0 3px 0 5px; 139 padding: 0 7px;
142 cursor: default; 140 cursor: default;
141 height: 23px;
143 } 142 }
144 143
145 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container { 144 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container {
146 line-height: 25px; 145 line-height: 25px;
147 height: 28px; 146 height: 28px;
148 width: 28px; 147 width: 28px;
149 text-align: center; 148 text-align: center;
150 padding: 0; 149 padding: 0;
151 } 150 }
152 151
153 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container:hover { 152 .tabbed-pane-header-tabs-drop-down-container:hover {
154 background-color: rgba(105, 105, 105, 0.1); 153 background-color: rgba(105, 105, 105, 0.1);
155 } 154 }
156 155
157 .tabbed-pane-header-tabs-drop-down-container.measuring { 156 .tabbed-pane-header-tabs-drop-down-container.measuring {
158 visibility: hidden; 157 visibility: hidden;
159 } 158 }
160 159
161 .tabbed-pane-header-tabs-drop-down-container:hover { 160 .tabbed-pane-header-tabs-drop-down-container:hover {
162 opacity: 1.0; 161 opacity: 1.0;
163 } 162 }
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
219 color: inherit; 218 color: inherit;
220 border: none transparent; 219 border: none transparent;
221 border-left: 6px solid #666; 220 border-left: 6px solid #666;
222 } 221 }
223 222
224 .tabbed-pane-tab-slider { 223 .tabbed-pane-tab-slider {
225 width: 1px; 224 width: 1px;
226 height: 2px; 225 height: 2px;
227 position: absolute; 226 position: absolute;
228 bottom: -1px; 227 bottom: -1px;
229 background-color: #4285F4; 228 background-color: #3E82F7;
230 left: 0; 229 left: 0;
231 z-index: 50; 230 z-index: 50;
232 transform-origin: 0 0; 231 transform-origin: 0 0;
233 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); 232 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
234 visibility: hidden; 233 visibility: hidden;
235 } 234 }
236 235
237 .tabbed-pane-tab-slider.enabled { 236 .tabbed-pane-tab-slider.enabled {
238 visibility: visible; 237 visibility: visible;
239 } 238 }
240 239
241 .tabbed-pane-header.tabbed-pane-no-header-background { 240 .tabbed-pane-header.tabbed-pane-no-header-background {
242 background-color: transparent; 241 background-color: transparent;
243 } 242 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698