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

Side by Side Diff: chrome_linux64/resources/inspector/timelinePanel.css

Issue 85333005: Update reference builds to Chrome 32.0.1700.19 (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: Created 7 years 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 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 10 matching lines...) Expand all
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
28 */ 28 */
29 29
30 #timeline-overview-panel { 30 #timeline-overview-panel {
31 position: absolute; 31 flex: 0 0 81px;
32 top: 0; 32 position: relative;
33 left: 0; 33 border-bottom: 1px solid rgb(140, 140, 140);
34 right: 0;
35 height: 80px;
36 } 34 }
37 35
38 #timeline-overview-panel .timeline-graph-bar { 36 #timeline-overview-panel .timeline-graph-bar {
39 pointer-events: none; 37 pointer-events: none;
40 } 38 }
41 39
42 .timeline .sidebar { 40 .timeline .sidebar {
43 overflow-y: hidden; 41 overflow-y: hidden;
44 min-height: 100%; 42 min-height: 100%;
45 bottom: auto !important; 43 bottom: auto !important;
46 } 44 }
47 45
48 .timeline.split-view-vertical .split-view-resizer {
49 top: 20px;
50 }
51
52 #timeline-overview-separator {
53 position: absolute;
54 top: 80px;
55 left: 0;
56 right: 0;
57 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253) ), to(rgb(213, 213, 213)));
58 border-top: 1px solid rgb(140, 140, 140);
59 border-bottom: 1px solid rgb(115, 115, 115);
60 height: 10px;
61 }
62
63 #timeline-overview-sidebar { 46 #timeline-overview-sidebar {
64 position: absolute; 47 position: absolute;
65 width: 200px; 48 width: 200px;
66 top: 0; 49 top: 0;
67 bottom: 0; 50 bottom: 0;
68 left: 0; 51 left: 0;
69 padding-top: 2px;
70 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242) ), to(rgb(209, 209, 209)));
71 border-right: 1px solid rgb(163, 163, 163); 52 border-right: 1px solid rgb(163, 163, 163);
72 } 53 }
73 54
74 #timeline-overview-grid { 55 #timeline-overview-grid {
75 background-color: rgb(255, 255, 255); 56 background-color: rgb(255, 255, 255);
76 } 57 }
77 58
78 .timeline-frame-overview #timeline-overview-grid { 59 .timeline-frame-overview #timeline-overview-grid {
79 display: none; 60 display: none;
80 } 61 }
(...skipping 12 matching lines...) Expand all
93 74
94 #timeline-overview-grid #resources-graphs { 75 #timeline-overview-grid #resources-graphs {
95 position: absolute; 76 position: absolute;
96 top: 0; 77 top: 0;
97 left: 0; 78 left: 0;
98 right: 0; 79 right: 0;
99 height: 80px; 80 height: 80px;
100 } 81 }
101 82
102 #timeline-container { 83 #timeline-container {
103 position: absolute;
104 top: 90px;
105 left: 0;
106 bottom: 0;
107 right: 0;
108 border-right: 0 none transparent; 84 border-right: 0 none transparent;
109 overflow-y: scroll; 85 overflow-y: scroll;
110 overflow-x: hidden; 86 overflow-x: hidden;
87 position: relative;
88 flex: auto;
111 } 89 }
112 90
113 #timeline-container .split-view-sidebar { 91 #timeline-container .split-view-sidebar {
114 z-index: 1; 92 z-index: 1;
115 } 93 }
116 94
117 #timeline-container .webkit-html-external-link, 95 #timeline-container .webkit-html-external-link,
118 #timeline-container .webkit-html-resource-link { 96 #timeline-container .webkit-html-resource-link {
119 color: inherit; 97 color: inherit;
120 } 98 }
121 99
122 .timeline-misc-status-bar-items { 100 .status-bar-item.timeline-frame-statistics {
123 right: 64px; 101 pointer-events: none;
124 } 102 }
125 103
126 .timeline-misc-status-bar-filters {
127 display: -webkit-flex;
128 -webkit-flex-orientation: row;
129 }
130
131 .timeline-category-statusbar-item {
132 height: 24px;
133 line-height: 22px;
134 padding-left: 6px;
135 white-space: nowrap;
136 text-overflow: ellipsis;
137 text-shadow: white 0 1px 0;
138 overflow: hidden;
139 min-width: 20px;
140 -webkit-flex: auto 0 1;
141 }
142
143 .timeline-category-statusbar-item,
144 .timeline-records-counter {
145 color: rgb(65, 65, 65);
146 }
147
148 .timeline-category-checkbox {
149 width: 10px;
150 height: 10px;
151 margin: 0 3px 0 9px;
152 padding: 0;
153 border-radius: 2px;
154 border: solid 1px;
155 display: inline-block;
156 overflow: visible;
157 opacity: 0.8;
158 vertical-align: -1px;
159 }
160
161
162 .timeline-category-checkbox-check {
163 -webkit-appearance: none;
164 width: 11px;
165 height: 11px;
166 margin-top: -2px;
167 margin-left: 1px;
168 }
169
170 .timeline-category-checkbox-checked {
171 background-image: url(Images/statusbarButtonGlyphs.png);
172 background-size: 320px 120px;
173 background-position: -129px -110px;
174 }
175
176 @media (-webkit-min-device-pixel-ratio: 1.5) {
177 .timeline-category-checkbox-checked {
178 background-image: url(Images/statusbarButtonGlyphs2x.png);
179 }
180 } /* media */
181
182 .timeline-tree-item { 104 .timeline-tree-item {
183 height: 18px; 105 height: 18px;
184 line-height: 15px; 106 line-height: 15px;
185 padding-right: 5px; 107 padding-right: 5px;
186 padding-left: 5px; 108 padding-left: 5px;
187 padding-top: 2px; 109 padding-top: 2px;
188 white-space: nowrap; 110 white-space: nowrap;
189 text-overflow: ellipsis; 111 text-overflow: ellipsis;
190 overflow: hidden; 112 overflow: hidden;
191 } 113 }
(...skipping 184 matching lines...) Expand 10 before | Expand all | Expand 10 after
376 position: relative; 298 position: relative;
377 top: 2px; 299 top: 2px;
378 width: 10px; 300 width: 10px;
379 border: solid 1px; 301 border: solid 1px;
380 } 302 }
381 303
382 .popover .timeline-aggregated-category.timeline-loading { 304 .popover .timeline-aggregated-category.timeline-loading {
383 margin-left: 0; 305 margin-left: 0;
384 } 306 }
385 307
308 .popover ul {
309 margin: 0;
310 padding: 0;
311 list-style-type: none;
312 }
313
386 .garbage-collect-status-bar-item .glyph { 314 .garbage-collect-status-bar-item .glyph {
387 -webkit-mask-position: -128px -24px; 315 -webkit-mask-position: -128px -24px;
388 } 316 }
389 317
390 .glue-async-status-bar-item .glyph { 318 .glue-async-status-bar-item .glyph {
391 -webkit-mask-position: -128px -48px; 319 -webkit-mask-position: -128px -48px;
392 } 320 }
393 321
394 .glue-async-status-bar-item.toggled-on:disabled .glyph { 322 .glue-async-status-bar-item.toggled-on:disabled .glyph {
395 background-color: rgba(0, 0, 0, 0.75); 323 background-color: rgba(0, 0, 0, 0.75);
396 } 324 }
397 325
398 .timeline-frame-overview-status-bar-item.toggled-on .glyph { 326 .timeline-frame-overview-status-bar-item.toggled-on .glyph {
399 background-color: rgb(66, 129, 235) !important; 327 background-color: rgb(66, 129, 235) !important;
400 } 328 }
401 329
402 .timeline-records-stats, .storage-application-cache-status, .storage-application -cache-connectivity {
403 text-shadow: white 0 1px 0;
404 }
405
406 .timeline-records-stats {
407 margin-top: 3px;
408 margin-left: 6px;
409 -webkit-flex: 1;
410 }
411
412 .timeline-records-stats-container {
413 display: inline-block;
414 border-left: 1px solid rgb(202, 202, 202);
415 height: 24px;
416 margin-left: 6px;
417 }
418
419 .timeline-frames-stats { 330 .timeline-frames-stats {
420 pointer-events: auto; 331 pointer-events: auto;
421 text-decoration: underline; 332 text-decoration: underline;
422 cursor: pointer; 333 cursor: pointer;
423 } 334 }
424 335
425 #resources-container-content { 336 #resources-container-content {
426 overflow: visible; 337 overflow: visible;
427 min-height: 100%; 338 min-height: 100%;
428 } 339 }
(...skipping 20 matching lines...) Expand all
449 position: absolute; 360 position: absolute;
450 top: 0; 361 top: 0;
451 bottom: 0; 362 bottom: 0;
452 right: 8px; 363 right: 8px;
453 left: 9px; 364 left: 9px;
454 } 365 }
455 366
456 #timeline-overview-sidebar .sidebar-tree-item { 367 #timeline-overview-sidebar .sidebar-tree-item {
457 line-height: 26px; 368 line-height: 26px;
458 height: 24px; 369 height: 24px;
370 margin-top: 0;
371 border-top: none;
459 } 372 }
460 373
461 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { 374 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle {
462 top: 5px; 375 top: 5px;
463 } 376 }
464 377
465 #timeline-overview-sidebar .icon { 378 #timeline-overview-sidebar .icon {
466 height: 24px; 379 height: 24px;
467 margin-top: -1px; 380 margin-top: -1px;
468 margin-left: 0; 381 margin-left: 0;
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after
514 height: 5px; 427 height: 5px;
515 cursor: ns-resize; 428 cursor: ns-resize;
516 } 429 }
517 430
518 #memory-counters-graph { 431 #memory-counters-graph {
519 overflow: hidden; 432 overflow: hidden;
520 } 433 }
521 434
522 #memory-graphs-container { 435 #memory-graphs-container {
523 border-top: 1px solid #AAA; 436 border-top: 1px solid #AAA;
437 position: relative;
438 flex: 0 0 auto;
524 } 439 }
525 440
526 #memory-graphs-canvas-container { 441 #memory-graphs-canvas-container {
527 border-right: 1px solid #AAA; 442 border-right: 1px solid #AAA;
528 } 443 }
529 444
530 #memory-graphs-canvas-container.dom-counters .resources-dividers { 445 #memory-graphs-canvas-container.dom-counters .resources-dividers {
531 top: 15px; 446 top: 15px;
532 } 447 }
533 448
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
610 z-index: 350; 525 z-index: 350;
611 pointer-events: auto; 526 pointer-events: auto;
612 } 527 }
613 528
614 .timeline-frame-strip { 529 .timeline-frame-strip {
615 position: absolute; 530 position: absolute;
616 height: 19px; 531 height: 19px;
617 } 532 }
618 533
619 #timeline-grid-header { 534 #timeline-grid-header {
620 position: absolute;
621 left: 200px;
622 right: 0;
623 top: 90px;
624 bottom: 0;
625 pointer-events: none; 535 pointer-events: none;
626 } 536 }
627 537
628 .timeline-cpu-bars { 538 .timeline-cpu-bars {
629 position: absolute; 539 position: absolute;
630 top: 0; 540 top: 0;
631 height: 19px; 541 height: 19px;
632 z-index: 350; 542 z-index: 350;
633 width: 100%; 543 width: 100%;
634 overflow: hidden; 544 overflow: hidden;
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after
680 } 590 }
681 591
682 .highlighted-timeline-record { 592 .highlighted-timeline-record {
683 -webkit-animation: "timeline_record_highlight" 2s 0s; 593 -webkit-animation: "timeline_record_highlight" 2s 0s;
684 } 594 }
685 595
686 @-webkit-keyframes timeline_record_highlight { 596 @-webkit-keyframes timeline_record_highlight {
687 from {background-color: rgba(255, 255, 120, 1); } 597 from {background-color: rgba(255, 255, 120, 1); }
688 to { background-color: rgba(255, 255, 120, 0); } 598 to { background-color: rgba(255, 255, 120, 0); }
689 } 599 }
600
601 .timeline-filters-header {
602 flex: 0 0 23px;
603 overflow: hidden;
604 }
OLDNEW
« no previous file with comments | « chrome_linux64/resources/inspector/tabbedPane.css ('k') | chrome_mac/Chromium.app/Contents/Info.plist » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698