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

Side by Side Diff: chrome_linux/resources/inspector/inspector.css

Issue 42163002: Roll Linux reference build to official build 31.0.1650.34 (trunk r224845, branch r230433) (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: Created 7 years, 1 month 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 /* dialog.css */ 1 /* dialog.css */
2 2
3 .dialog { 3 .dialog {
4 position: absolute; 4 position: absolute;
5 5
6 padding: 10px; 6 padding: 10px;
7 border-radius: 10px; 7 border-radius: 10px;
8 border: 1px solid gray; 8 border: 1px solid gray;
9 9
10 box-shadow: rgb(40,40,40) 0 0 50px; 10 box-shadow: rgb(40,40,40) 0 0 50px;
11 11
12 display: -webkit-flex; 12 display: -webkit-flex;
13 -webkit-flex-direction: column; 13 -webkit-flex-direction: column;
14 14
15 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to (#CFCFCF)); 15 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to (#CFCFCF));
16 font-size: 11px;
17 font-family: 'Lucida Grande', sans-serif;
18 } 16 }
19 17
20 .dialog-contents { 18 .dialog-contents {
21 width: 100%; 19 width: 100%;
20 }
21
22 .go-to-line-dialog {
22 font-size: 11px; 23 font-size: 11px;
23 font-family: 'Lucida Grande', sans-serif; 24 font-family: 'Lucida Grande', sans-serif;
24 } 25 }
25 26
26 .go-to-line-dialog input { 27 .go-to-line-dialog input {
27 font-size: 11px; 28 font-size: 11px;
28 } 29 }
29 30
30 .go-to-line-dialog button { 31 .go-to-line-dialog button {
31 font-size: 11px; 32 font-size: 11px;
32 color: rgb(6, 6, 6); 33 color: rgb(6, 6, 6);
33 border: 1px solid rgb(165, 165, 165); 34 border: 1px solid rgb(165, 165, 165);
34 background-color: rgb(237, 237, 237); 35 background-color: rgb(237, 237, 237);
35 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2 52, 252, 252)), to(rgb(223, 223, 223))); 36 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2 52, 252, 252)), to(rgb(223, 223, 223)));
36 border-radius: 12px; 37 border-radius: 12px;
37 -webkit-appearance: none; 38 -webkit-appearance: none;
38 39
39 padding: 3px 20px; 40 padding: 3px 20px;
40 margin: 0 0 0 10px; 41 margin: 0 0 0 10px;
41 } 42 }
42 43
43 .go-to-line-dialog button:active { 44 .go-to-line-dialog button:active {
44 background-color: rgb(215, 215, 215); 45 background-color: rgb(215, 215, 215);
45 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1 94, 194, 194)), to(rgb(239, 239, 239))); 46 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1 94, 194, 194)), to(rgb(239, 239, 239)));
46 } 47 }
47 48
49
48 /* inspector.css */ 50 /* inspector.css */
49 51
50 /* 52 /*
51 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 53 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
52 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 54 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
53 * 55 *
54 * Redistribution and use in source and binary forms, with or without 56 * Redistribution and use in source and binary forms, with or without
55 * modification, are permitted provided that the following conditions 57 * modification, are permitted provided that the following conditions
56 * are met: 58 * are met:
57 * 59 *
(...skipping 478 matching lines...) Expand 10 before | Expand all | Expand 10 after
536 } 538 }
537 539
538 .toolbar-item.close-left, 540 .toolbar-item.close-left,
539 .toolbar-item.close-right { 541 .toolbar-item.close-right {
540 display: -webkit-flex; 542 display: -webkit-flex;
541 -webkit-align-items: center; 543 -webkit-align-items: center;
542 height: 100%; 544 height: 100%;
543 cursor: default; 545 cursor: default;
544 } 546 }
545 547
548 #root {
549 position: absolute;
550 top: 0;
551 left: 0;
552 right: 0;
553 bottom: 0;
554 }
555
546 #main { 556 #main {
547 position: absolute; 557 position: absolute;
548 z-index: 1; 558 z-index: 1;
549 top: 26px; 559 top: 26px;
550 left: 0; 560 left: 0;
551 right: 0; 561 right: 0;
552 bottom: 0; 562 bottom: 0;
553 overflow: hidden; 563 overflow: hidden;
554 background-color: white; 564 background-color: white;
555 } 565 }
(...skipping 322 matching lines...) Expand 10 before | Expand all | Expand 10 after
878 } 888 }
879 889
880 body.remote .dock-status-bar-item { 890 body.remote .dock-status-bar-item {
881 display: none; 891 display: none;
882 } 892 }
883 893
884 .console-status-bar-item .glyph { 894 .console-status-bar-item .glyph {
885 -webkit-mask-position: -64px -24px; 895 -webkit-mask-position: -64px -24px;
886 } 896 }
887 897
898 .screencast-status-bar-item .glyph {
899 -webkit-mask-position: -256px -96px;
900 }
901
888 .clear-status-bar-item .glyph { 902 .clear-status-bar-item .glyph {
889 -webkit-mask-position: -64px 0; 903 -webkit-mask-position: -64px 0;
890 } 904 }
891 905
892 .error-icon-small, 906 .error-icon-small,
893 .warning-icon-small, 907 .warning-icon-small,
894 .red-ball, 908 .red-ball,
895 .green-ball, 909 .green-ball,
896 .orange-ball { 910 .orange-ball {
897 background-image: url(Images/statusbarButtonGlyphs.png); 911 background-image: url(Images/statusbarButtonGlyphs.png);
(...skipping 1573 matching lines...) Expand 10 before | Expand all | Expand 10 after
2471 bottom: 0; 2485 bottom: 0;
2472 left: 0; 2486 left: 0;
2473 right: 0; 2487 right: 0;
2474 } 2488 }
2475 2489
2476 .source-frame-eval-expression { 2490 .source-frame-eval-expression {
2477 outline: 1px solid rgb(163, 41, 34); 2491 outline: 1px solid rgb(163, 41, 34);
2478 background-color: rgb(255, 255, 194); 2492 background-color: rgb(255, 255, 194);
2479 } 2493 }
2480 2494
2495 .source-frame-stepin-mark {
2496 cursor: pointer;
2497 text-decoration: underline;
2498 }
2499
2500 .source-frame-stepin-mark-highlighted {
2501 font-weight: 800;
2502 cursor: pointer;
2503 text-decoration: underline;
2504 }
2505
2481 .workers-list { 2506 .workers-list {
2482 list-style: none; 2507 list-style: none;
2483 margin: 0; 2508 margin: 0;
2484 padding: 0; 2509 padding: 0;
2485 } 2510 }
2486 2511
2487 .resource-content-unavailable { 2512 .resource-content-unavailable {
2488 color: rgb(50%, 50%, 50%); 2513 color: rgb(50%, 50%, 50%);
2489 font-style: italic; 2514 font-style: italic;
2490 font-size: 14px; 2515 font-size: 14px;
(...skipping 326 matching lines...) Expand 10 before | Expand all | Expand 10 after
2817 .record-profile-status-bar-item .glyph { 2842 .record-profile-status-bar-item .glyph {
2818 -webkit-mask-position: -288px 0; 2843 -webkit-mask-position: -288px 0;
2819 } 2844 }
2820 2845
2821 .record-cpu-profile-status-bar-item.toggled-on .glyph, 2846 .record-cpu-profile-status-bar-item.toggled-on .glyph,
2822 .record-profile-status-bar-item.toggled-on .glyph { 2847 .record-profile-status-bar-item.toggled-on .glyph {
2823 -webkit-mask-position: -288px -24px; 2848 -webkit-mask-position: -288px -24px;
2824 background-color: rgb(216, 0, 0) !important; 2849 background-color: rgb(216, 0, 0) !important;
2825 } 2850 }
2826 2851
2827 .storage-empty-view, 2852 .empty-view,
2828 .storage-view .storage-table-error { 2853 .storage-view .storage-table-error {
2829 position: absolute; 2854 position: absolute;
2830 top: 0; 2855 top: 0;
2831 bottom: 25%; 2856 bottom: 25%;
2832 left: 0; 2857 left: 0;
2833 right: 0; 2858 right: 0;
2834 font-size: 24px; 2859 font-size: 24px;
2835 color: rgb(75%, 75%, 75%); 2860 color: rgb(75%, 75%, 75%);
2836 margin-top: auto; 2861 margin-top: auto;
2837 margin-bottom: auto; 2862 margin-bottom: auto;
(...skipping 462 matching lines...) Expand 10 before | Expand all | Expand 10 after
3300 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 3325 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
3301 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 3326 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
3302 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 3327 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
3303 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 3328 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
3304 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 3329 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
3305 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 3330 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
3306 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 3331 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
3307 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 3332 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
3308 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 3333 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
3309 */ 3334 */
3335 .cm-js-keyword {color: rgb(170, 13, 145);}
3336 .cm-js-number {color: rgb(28, 0, 207);}
3337 .cm-js-comment {color: rgb(0, 116, 0);}
3338 .cm-js-string {color: rgb(196, 26, 22);}
3339 .cm-js-string-2 {color: rgb(196, 26, 22);}
3310 3340
3311 .webkit-css-comment { 3341 .cm-css-keyword { color: rgb(7, 144, 154);}
3312 color: rgb(0, 116, 0); 3342 .cm-css-number {color: rgb(50, 0, 255);}
3313 } 3343 .cm-css-comment {color: rgb(0, 116, 0);}
3344 .cm-css-def {color: rgb(200, 0, 0);}
3345 .cm-css-meta {color: rgb(200, 0, 0);}
3346 .cm-css-atom {color: rgb(7, 144, 154);}
3347 .cm-css-string {color: rgb(7, 144, 154);}
3348 .cm-css-string-2 {color: rgb(7, 144, 154);}
3349 .cm-css-link {color: rgb(7, 144, 154);}
3350 .cm-css-variable {color: rgb(200, 0, 0);}
3351 .cm-css-variable-2 {color: rgb(0, 0, 128);}
3352 .cm-css-property, .webkit-css-property {color: rgb(200, 0, 0);}
3314 3353
3315 .webkit-css-url, 3354 .cm-xml-meta {color: rgb(192, 192, 192);}
3316 .webkit-css-color, 3355 .cm-xml-comment {color: rgb(35, 110, 37);}
3317 .webkit-css-string, 3356 .cm-xml-string {color: rgb(26, 26, 166);}
3318 .webkit-css-keyword { 3357 .cm-xml-tag {color: rgb(136, 18, 128);}
3319 color: rgb(7, 144, 154); 3358 .cm-xml-attribute {color: rgb(153, 69, 0);}
3320 } 3359 .cm-xml-link {color: #00e;}
3321
3322 .webkit-css-number {
3323 color: rgb(50, 0, 255);
3324 }
3325
3326 .webkit-css-property,
3327 .webkit-css-at-rule {
3328 color: rgb(200, 0, 0);
3329 }
3330
3331 .webkit-css-selector {
3332 color: #222;
3333 }
3334
3335 .webkit-css-bang-keyword {
3336 color: rgb(200, 0, 180);
3337 }
3338
3339 .webkit-javascript-undef {
3340 color: rgb(123, 123, 123);
3341 }
3342
3343 .webkit-javascript-comment {
3344 color: rgb(0, 116, 0);
3345 }
3346
3347 .webkit-javascript-keyword {
3348 color: rgb(170, 13, 145);
3349 }
3350
3351 .webkit-javascript-number {
3352 color: rgb(28, 0, 207);
3353 }
3354
3355 .webkit-javascript-string,
3356 .webkit-javascript-regexp {
3357 color: rgb(196, 26, 22);
3358 }
3359
3360 .webkit-javascript-ident {
3361 color: #222;
3362 }
3363
3364 .webkit-whitespace-1::before {
3365 content: "·";
3366 }
3367
3368 .webkit-whitespace-2::before {
3369 content: "··";
3370 }
3371
3372 .webkit-whitespace-4::before {
3373 content: "····";
3374 }
3375
3376 .webkit-whitespace-8::before {
3377 content: "········";
3378 }
3379
3380 .webkit-whitespace-16::before {
3381 content: "················";
3382 }
3383
3384 .webkit-whitespace::before {
3385 position: absolute;
3386 pointer-events: none;
3387 color: rgb(175, 175, 175);
3388 }
3389 3360
3390 .webkit-html-comment { 3361 .webkit-html-comment {
3391 /* Keep this in sync with view-source.css (.webkit-html-comment) */ 3362 /* Keep this in sync with view-source.css (.webkit-html-comment) */
3392 color: rgb(35, 110, 37); 3363 color: rgb(35, 110, 37);
3393 } 3364 }
3394 3365
3395 .webkit-html-tag { 3366 .webkit-html-tag {
3396 /* Keep this in sync with view-source.css (.webkit-html-tag) */ 3367 /* Keep this in sync with view-source.css (.webkit-html-tag) */
3397 color: rgb(136, 18, 128); 3368 color: rgb(136, 18, 128);
3398 } 3369 }
3399 3370
3371 .webkit-html-pseudo-element {
3372 /* This one is non-standard. */
3373 color: brown;
3374 }
3375
3400 .webkit-html-doctype { 3376 .webkit-html-doctype {
3401 /* Keep this in sync with view-source.css (.webkit-html-doctype) */ 3377 /* Keep this in sync with view-source.css (.webkit-html-doctype) */
3402 color: rgb(192, 192, 192); 3378 color: rgb(192, 192, 192);
3403 } 3379 }
3404 3380
3405 .webkit-html-attribute-name { 3381 .webkit-html-attribute-name {
3406 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */ 3382 /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
3407 color: rgb(153, 69, 0); 3383 color: rgb(153, 69, 0);
3408 } 3384 }
3409 3385
(...skipping 638 matching lines...) Expand 10 before | Expand all | Expand 10 after
4048 } 4024 }
4049 4025
4050 .toolbar-item.close-left, 4026 .toolbar-item.close-left,
4051 .toolbar-item.close-right { 4027 .toolbar-item.close-right {
4052 display: -webkit-flex; 4028 display: -webkit-flex;
4053 -webkit-align-items: center; 4029 -webkit-align-items: center;
4054 height: 100%; 4030 height: 100%;
4055 cursor: default; 4031 cursor: default;
4056 } 4032 }
4057 4033
4034 #root {
4035 position: absolute;
4036 top: 0;
4037 left: 0;
4038 right: 0;
4039 bottom: 0;
4040 }
4041
4058 #main { 4042 #main {
4059 position: absolute; 4043 position: absolute;
4060 z-index: 1; 4044 z-index: 1;
4061 top: 26px; 4045 top: 26px;
4062 left: 0; 4046 left: 0;
4063 right: 0; 4047 right: 0;
4064 bottom: 0; 4048 bottom: 0;
4065 overflow: hidden; 4049 overflow: hidden;
4066 background-color: white; 4050 background-color: white;
4067 } 4051 }
(...skipping 322 matching lines...) Expand 10 before | Expand all | Expand 10 after
4390 } 4374 }
4391 4375
4392 body.remote .dock-status-bar-item { 4376 body.remote .dock-status-bar-item {
4393 display: none; 4377 display: none;
4394 } 4378 }
4395 4379
4396 .console-status-bar-item .glyph { 4380 .console-status-bar-item .glyph {
4397 -webkit-mask-position: -64px -24px; 4381 -webkit-mask-position: -64px -24px;
4398 } 4382 }
4399 4383
4384 .screencast-status-bar-item .glyph {
4385 -webkit-mask-position: -256px -96px;
4386 }
4387
4400 .clear-status-bar-item .glyph { 4388 .clear-status-bar-item .glyph {
4401 -webkit-mask-position: -64px 0; 4389 -webkit-mask-position: -64px 0;
4402 } 4390 }
4403 4391
4404 .error-icon-small, 4392 .error-icon-small,
4405 .warning-icon-small, 4393 .warning-icon-small,
4406 .red-ball, 4394 .red-ball,
4407 .green-ball, 4395 .green-ball,
4408 .orange-ball { 4396 .orange-ball {
4409 background-image: url(Images/statusbarButtonGlyphs.png); 4397 background-image: url(Images/statusbarButtonGlyphs.png);
(...skipping 1573 matching lines...) Expand 10 before | Expand all | Expand 10 after
5983 bottom: 0; 5971 bottom: 0;
5984 left: 0; 5972 left: 0;
5985 right: 0; 5973 right: 0;
5986 } 5974 }
5987 5975
5988 .source-frame-eval-expression { 5976 .source-frame-eval-expression {
5989 outline: 1px solid rgb(163, 41, 34); 5977 outline: 1px solid rgb(163, 41, 34);
5990 background-color: rgb(255, 255, 194); 5978 background-color: rgb(255, 255, 194);
5991 } 5979 }
5992 5980
5981 .source-frame-stepin-mark {
5982 cursor: pointer;
5983 text-decoration: underline;
5984 }
5985
5986 .source-frame-stepin-mark-highlighted {
5987 font-weight: 800;
5988 cursor: pointer;
5989 text-decoration: underline;
5990 }
5991
5993 .workers-list { 5992 .workers-list {
5994 list-style: none; 5993 list-style: none;
5995 margin: 0; 5994 margin: 0;
5996 padding: 0; 5995 padding: 0;
5997 } 5996 }
5998 5997
5999 .resource-content-unavailable { 5998 .resource-content-unavailable {
6000 color: rgb(50%, 50%, 50%); 5999 color: rgb(50%, 50%, 50%);
6001 font-style: italic; 6000 font-style: italic;
6002 font-size: 14px; 6001 font-size: 14px;
(...skipping 326 matching lines...) Expand 10 before | Expand all | Expand 10 after
6329 .record-profile-status-bar-item .glyph { 6328 .record-profile-status-bar-item .glyph {
6330 -webkit-mask-position: -288px 0; 6329 -webkit-mask-position: -288px 0;
6331 } 6330 }
6332 6331
6333 .record-cpu-profile-status-bar-item.toggled-on .glyph, 6332 .record-cpu-profile-status-bar-item.toggled-on .glyph,
6334 .record-profile-status-bar-item.toggled-on .glyph { 6333 .record-profile-status-bar-item.toggled-on .glyph {
6335 -webkit-mask-position: -288px -24px; 6334 -webkit-mask-position: -288px -24px;
6336 background-color: rgb(216, 0, 0) !important; 6335 background-color: rgb(216, 0, 0) !important;
6337 } 6336 }
6338 6337
6339 .storage-empty-view, 6338 .empty-view,
6340 .storage-view .storage-table-error { 6339 .storage-view .storage-table-error {
6341 position: absolute; 6340 position: absolute;
6342 top: 0; 6341 top: 0;
6343 bottom: 25%; 6342 bottom: 25%;
6344 left: 0; 6343 left: 0;
6345 right: 0; 6344 right: 0;
6346 font-size: 24px; 6345 font-size: 24px;
6347 color: rgb(75%, 75%, 75%); 6346 color: rgb(75%, 75%, 75%);
6348 margin-top: auto; 6347 margin-top: auto;
6349 margin-bottom: auto; 6348 margin-bottom: auto;
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after
6527 -webkit-user-select: text; 6526 -webkit-user-select: text;
6528 font-size: 11px; 6527 font-size: 11px;
6529 cursor: text; 6528 cursor: text;
6530 line-height: 14px; 6529 line-height: 14px;
6531 } 6530 }
6532 6531
6533 .elements-tree-outline li.parent::before { 6532 .elements-tree-outline li.parent::before {
6534 top: 0 !important; 6533 top: 0 !important;
6535 } 6534 }
6536 6535
OLDNEW
« no previous file with comments | « chrome_linux/resources/inspector/helpScreen.css ('k') | chrome_linux/resources/inspector/inspector.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698