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 * | 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. |
11 * 2. Redistributions in binary form must reproduce the above copyright | 11 * 2. Redistributions in binary form must reproduce the above copyright |
12 * notice, this list of conditions and the following disclaimer in the | 12 * notice, this list of conditions and the following disclaimer in the |
13 * documentation and/or other materials provided with the distribution. | 13 * documentation and/or other materials provided with the distribution. |
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | 14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
15 * its contributors may be used to endorse or promote products derived | 15 * its contributors may be used to endorse or promote products derived |
16 * from this software without specific prior written permission. | 16 * from this software without specific prior written permission. |
17 * | 17 * |
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | 18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | 19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | 20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
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 html { |
| 31 height: 100%; |
| 32 } |
| 33 |
30 body { | 34 body { |
31 cursor: default; | 35 cursor: default; |
32 position: absolute; | 36 position: absolute; |
33 top: 0; | 37 top: 0; |
34 bottom: 0; | 38 bottom: 0; |
35 left: 0; | 39 left: 0; |
36 right: 0; | 40 right: 0; |
37 overflow: hidden; | 41 overflow: hidden; |
38 font-family: Lucida Grande, sans-serif; | 42 font-family: Lucida Grande, sans-serif; |
39 font-size: 10px; | 43 font-size: 10px; |
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
212 } | 216 } |
213 | 217 |
214 .toolbar-item.storage .toolbar-icon { | 218 .toolbar-item.storage .toolbar-icon { |
215 background-image: url(Images/storageIcon.png); | 219 background-image: url(Images/storageIcon.png); |
216 } | 220 } |
217 | 221 |
218 .toolbar-item.profiles .toolbar-icon { | 222 .toolbar-item.profiles .toolbar-icon { |
219 background-image: url(Images/profilesIcon.png); | 223 background-image: url(Images/profilesIcon.png); |
220 } | 224 } |
221 | 225 |
| 226 .toolbar-item.audits .toolbar-icon { |
| 227 background-image: url(Images/auditsIcon.png); |
| 228 } |
| 229 |
222 .toolbar-item.console .toolbar-icon { | 230 .toolbar-item.console .toolbar-icon { |
223 background-image: url(Images/consoleIcon.png); | 231 background-image: url(Images/consoleIcon.png); |
224 } | 232 } |
225 | 233 |
226 #close-button-left, #close-button-right { | 234 #close-button-left, #close-button-right { |
227 width: 14px; | 235 width: 14px; |
228 height: 14px; | 236 height: 14px; |
229 background-image: url(Images/closeButtons.png); | 237 background-image: url(Images/closeButtons.png); |
230 background-position: 0 0; | 238 background-position: 0 0; |
231 background-color: transparent; | 239 background-color: transparent; |
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
409 } | 417 } |
410 | 418 |
411 body.port-qt #dock-status-bar-item { | 419 body.port-qt #dock-status-bar-item { |
412 display: none | 420 display: none |
413 } | 421 } |
414 | 422 |
415 #console-status-bar-item .glyph { | 423 #console-status-bar-item .glyph { |
416 -webkit-mask-image: url(Images/consoleButtonGlyph.png); | 424 -webkit-mask-image: url(Images/consoleButtonGlyph.png); |
417 } | 425 } |
418 | 426 |
419 #clear-console-status-bar-item .glyph { | 427 .clear-status-bar-item .glyph { |
420 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | 428 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); |
421 } | 429 } |
422 | 430 |
423 #changes-status-bar-item .glyph { | 431 #changes-status-bar-item .glyph { |
424 -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image
for Changes Toggle Button */ | 432 -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image
for Changes Toggle Button */ |
425 } | 433 } |
426 | 434 |
427 #clear-changes-status-bar-item .glyph { | 435 #counters { |
428 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | |
429 } | |
430 | |
431 #count-items { | |
432 position: absolute; | 436 position: absolute; |
433 right: 16px; | 437 right: 16px; |
434 top: 0; | 438 top: 0; |
435 cursor: pointer; | 439 cursor: pointer; |
436 padding: 6px 2px; | 440 padding: 6px 2px 6px 0px; |
437 font-size: 10px; | 441 font-size: 10px; |
438 height: 19px; | 442 height: 19px; |
439 } | 443 } |
440 | 444 |
441 #changes-count, #error-warning-count { | 445 #changes-count, #error-warning-count { |
442 display: inline; | 446 display: inline; |
443 } | 447 } |
444 | 448 |
445 #error-warning-count:hover, #changes-count:hover { | 449 #error-warning-count:hover, #changes-count:hover { |
446 border-bottom: 1px solid rgb(96, 96, 96); | 450 border-bottom: 1px solid rgb(96, 96, 96); |
(...skipping 428 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
875 .resource-view-headers .outline-disclosure .raw-form-data { | 879 .resource-view-headers .outline-disclosure .raw-form-data { |
876 white-space:pre-wrap; | 880 white-space:pre-wrap; |
877 } | 881 } |
878 | 882 |
879 .resource-view .resource-view-content { | 883 .resource-view .resource-view-content { |
880 position: absolute; | 884 position: absolute; |
881 top: 0; | 885 top: 0; |
882 right: 0; | 886 right: 0; |
883 left: 0; | 887 left: 0; |
884 bottom: 0; | 888 bottom: 0; |
| 889 overflow: auto; |
885 } | 890 } |
886 | 891 |
887 .resource-view.headers-visible .resource-view-content { | 892 .resource-view.headers-visible .resource-view-content { |
888 top: 20px; | 893 top: 20px; |
889 } | 894 } |
890 | 895 |
891 .webkit-line-gutter-backdrop { | 896 .webkit-line-gutter-backdrop { |
892 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ | 897 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ |
893 width: 31px; | 898 width: 31px; |
894 background-color: rgb(240, 240, 240); | 899 background-color: rgb(240, 240, 240); |
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
967 content: "\A"; | 972 content: "\A"; |
968 } | 973 } |
969 | 974 |
970 #elements-content { | 975 #elements-content { |
971 display: block; | 976 display: block; |
972 overflow: auto; | 977 overflow: auto; |
973 padding: 0; | 978 padding: 0; |
974 position: absolute; | 979 position: absolute; |
975 top: 0; | 980 top: 0; |
976 left: 0; | 981 left: 0; |
977 right: 225px; | 982 right: 325px; |
978 bottom: 0; | 983 bottom: 0; |
979 } | 984 } |
980 | 985 |
981 #elements-sidebar { | 986 #elements-sidebar { |
982 position: absolute; | 987 position: absolute; |
983 top: 0; | 988 top: 0; |
984 right: 0; | 989 right: 0; |
985 bottom: 0; | 990 bottom: 0; |
986 width: 225px; | 991 width: 325px; |
987 background-color: rgb(245, 245, 245); | 992 background-color: rgb(245, 245, 245); |
988 border-left: 1px solid rgb(64%, 64%, 64%); | 993 border-left: 1px solid rgb(64%, 64%, 64%); |
989 cursor: default; | 994 cursor: default; |
990 overflow: auto; | 995 overflow: auto; |
991 } | 996 } |
992 | 997 |
993 .crumbs { | 998 .crumbs { |
994 display: inline-block; | 999 display: inline-block; |
995 font-size: 11px; | 1000 font-size: 11px; |
996 line-height: 19px; | 1001 line-height: 19px; |
(...skipping 284 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1281 .section .header { | 1286 .section .header { |
1282 padding: 2px 8px 4px 18px; | 1287 padding: 2px 8px 4px 18px; |
1283 border-top: 1px solid rgb(145, 160, 192); | 1288 border-top: 1px solid rgb(145, 160, 192); |
1284 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); | 1289 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
62, 177, 207)), to(rgb(120, 138, 177))); |
1285 min-height: 18px; | 1290 min-height: 18px; |
1286 white-space: nowrap; | 1291 white-space: nowrap; |
1287 -webkit-background-origin: padding; | 1292 -webkit-background-origin: padding; |
1288 -webkit-background-clip: padding; | 1293 -webkit-background-clip: padding; |
1289 } | 1294 } |
1290 | 1295 |
1291 .section.no-affect .header { | |
1292 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
67, 167, 167)), to(rgb(123, 123, 123))) | |
1293 } | |
1294 | |
1295 .section .header::before { | 1296 .section .header::before { |
1296 position: absolute; | 1297 position: absolute; |
1297 top: 4px; | 1298 top: 4px; |
1298 left: 7px; | 1299 left: 7px; |
1299 width: 8px; | 1300 width: 8px; |
1300 height: 8px; | 1301 height: 8px; |
1301 content: url(Images/treeRightTriangleWhite.png); | 1302 content: url(Images/treeRightTriangleWhite.png); |
1302 } | 1303 } |
1303 | 1304 |
1304 .section.blank-section .header::before { | |
1305 display: none; | |
1306 } | |
1307 | |
1308 .section.expanded .header::before { | 1305 .section.expanded .header::before { |
1309 content: url(Images/treeDownTriangleWhite.png); | 1306 content: url(Images/treeDownTriangleWhite.png); |
1310 } | 1307 } |
1311 | 1308 |
1312 .section .header .title, .event-bar .header .title { | 1309 .section .header .title, .event-bar .header .title { |
1313 color: white; | 1310 color: white; |
1314 font-weight: bold; | 1311 font-weight: bold; |
1315 word-wrap: break-word; | 1312 word-wrap: break-word; |
1316 white-space: normal; | 1313 white-space: normal; |
1317 } | 1314 } |
1318 | 1315 |
1319 .section .header .title.blank-title { | 1316 .section .header .title.blank-title { |
1320 font-style: italic; | 1317 font-style: italic; |
1321 } | 1318 } |
1322 | 1319 |
1323 .section .header label, .event-bar .header label { | 1320 .section .header label, .event-bar .header label { |
1324 display: none; | 1321 display: none; |
1325 } | 1322 } |
1326 | 1323 |
1327 .section.expanded .header label, .event-bar.expanded .header label { | 1324 .section.expanded .header label, .event-bar.expanded .header label { |
1328 display: inline; | 1325 display: inline; |
1329 } | 1326 } |
1330 | 1327 |
1331 .section .header input[type=checkbox] { | |
1332 height: 10px; | |
1333 width: 10px; | |
1334 margin-left: 0; | |
1335 margin-top: 0; | |
1336 margin-bottom: 0; | |
1337 vertical-align: 2px; | |
1338 } | |
1339 | |
1340 .section .header .subtitle, .event-bar .header .subtitle { | 1328 .section .header .subtitle, .event-bar .header .subtitle { |
1341 float: right; | 1329 float: right; |
1342 font-size: 10px; | 1330 font-size: 10px; |
1343 margin-left: 5px; | 1331 margin-left: 5px; |
1344 max-width: 55%; | 1332 max-width: 55%; |
1345 color: rgba(255, 255, 255, 0.7); | 1333 color: rgba(255, 255, 255, 0.7); |
1346 text-overflow: ellipsis; | 1334 text-overflow: ellipsis; |
1347 overflow: hidden; | 1335 overflow: hidden; |
1348 } | 1336 } |
1349 | 1337 |
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1494 margin-bottom: -1px; | 1482 margin-bottom: -1px; |
1495 padding-bottom: 1px; | 1483 padding-bottom: 1px; |
1496 opacity: 1.0 !important; | 1484 opacity: 1.0 !important; |
1497 } | 1485 } |
1498 | 1486 |
1499 .editing, .editing * { | 1487 .editing, .editing * { |
1500 color: black !important; | 1488 color: black !important; |
1501 text-decoration: none !important; | 1489 text-decoration: none !important; |
1502 } | 1490 } |
1503 | 1491 |
| 1492 .editing br { |
| 1493 display: none; |
| 1494 } |
| 1495 |
1504 .elements-tree-editor { | 1496 .elements-tree-editor { |
1505 -webkit-user-select: text; | 1497 -webkit-user-select: text; |
1506 -webkit-user-modify: read-write-plaintext-only; | 1498 -webkit-user-modify: read-write-plaintext-only; |
1507 } | 1499 } |
1508 | 1500 |
1509 .section .properties li.editing { | 1501 .section .properties li.editing { |
1510 margin-left: 10px; | 1502 margin-left: 10px; |
1511 text-overflow: clip; | 1503 text-overflow: clip; |
1512 } | 1504 } |
1513 | 1505 |
(...skipping 13 matching lines...) Expand all Loading... |
1527 .watch-expressions-error-level { | 1519 .watch-expressions-error-level { |
1528 color: red; | 1520 color: red; |
1529 } | 1521 } |
1530 | 1522 |
1531 .section .properties li.editing-sub-part { | 1523 .section .properties li.editing-sub-part { |
1532 padding: 3px 6px 8px 18px; | 1524 padding: 3px 6px 8px 18px; |
1533 margin: -3px -6px -8px -6px; | 1525 margin: -3px -6px -8px -6px; |
1534 text-overflow: clip; | 1526 text-overflow: clip; |
1535 } | 1527 } |
1536 | 1528 |
1537 .section .properties .overloaded, .section .properties .disabled { | |
1538 text-decoration: line-through; | |
1539 } | |
1540 | |
1541 .section.computed-style .properties .disabled { | |
1542 text-decoration: none; | |
1543 opacity: 0.5; | |
1544 } | |
1545 | |
1546 .section .properties .implicit, .section .properties .inherited { | |
1547 opacity: 0.5; | |
1548 } | |
1549 | |
1550 .section:not(.show-inherited) .properties .inherited { | |
1551 display: none; | |
1552 } | |
1553 | |
1554 .section .properties .enabled-button { | |
1555 display: none; | |
1556 float: right; | |
1557 font-size: 10px; | |
1558 margin: 0 0 0 4px; | |
1559 vertical-align: top; | |
1560 position: relative; | |
1561 z-index: 1; | |
1562 } | |
1563 | |
1564 /* FIXME: need a better icon (comment in bug 27514) */ | 1529 /* FIXME: need a better icon (comment in bug 27514) */ |
1565 .section .properties .delete-button { | 1530 .section .properties .delete-button { |
1566 width: 10px; | 1531 width: 10px; |
1567 height: 10px; | 1532 height: 10px; |
1568 background-image: url(Images/errorIcon.png); | 1533 background-image: url(Images/errorIcon.png); |
1569 background-position: 0 0; | 1534 background-position: 0 0; |
1570 background-color: transparent; | 1535 background-color: transparent; |
1571 background-repeat: no-repeat; | 1536 background-repeat: no-repeat; |
1572 border: 0 none transparent; | 1537 border: 0 none transparent; |
1573 } | 1538 } |
1574 | 1539 |
1575 .section:hover .properties .enabled-button { | |
1576 display: block; | |
1577 } | |
1578 | |
1579 .section .properties .name, .event-properties .name { | 1540 .section .properties .name, .event-properties .name { |
1580 color: rgb(136, 19, 145); | 1541 color: rgb(136, 19, 145); |
1581 } | 1542 } |
1582 | 1543 |
1583 .section .properties .value.dimmed { | 1544 .section .properties .value.dimmed { |
1584 color: rgb(100, 100, 100); | 1545 color: rgb(100, 100, 100); |
1585 } | 1546 } |
1586 | 1547 |
1587 .section .properties .value.error { | 1548 .section .properties .value.error { |
1588 color: red; | 1549 color: red; |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1651 height: 12px; | 1612 height: 12px; |
1652 margin-right: 2px; | 1613 margin-right: 2px; |
1653 margin-top: 1px; | 1614 margin-top: 1px; |
1654 } | 1615 } |
1655 | 1616 |
1656 .pane.expanded > .title::before { | 1617 .pane.expanded > .title::before { |
1657 content: url(Images/disclosureTriangleSmallDownBlack.png); | 1618 content: url(Images/disclosureTriangleSmallDownBlack.png); |
1658 } | 1619 } |
1659 | 1620 |
1660 .pane > .title > select { | 1621 .pane > .title > select { |
1661 display: none; | |
1662 float: right; | 1622 float: right; |
1663 width: 23px; | 1623 width: 23px; |
1664 height: 17px; | 1624 height: 17px; |
1665 color: transparent; | 1625 color: transparent; |
1666 background-color: transparent; | 1626 background-color: transparent; |
1667 border: none; | 1627 border: none; |
1668 background-image: url(Images/paneSettingsButtons.png); | 1628 background-image: url(Images/paneSettingsButtons.png); |
1669 background-repeat: no-repeat; | 1629 background-repeat: no-repeat; |
1670 margin: 1px 0 0 0; | 1630 margin: 1px 0 0 0; |
1671 padding: 0; | 1631 padding: 0; |
1672 -webkit-border-radius: 0; | 1632 -webkit-border-radius: 0; |
1673 -webkit-appearance: none; | 1633 -webkit-appearance: none; |
1674 } | 1634 } |
1675 | 1635 |
1676 .pane.expanded:hover > .title > select { | |
1677 display: inline-block; | |
1678 } | |
1679 | |
1680 .pane > .title > select:hover { | 1636 .pane > .title > select:hover { |
1681 background-position: -23px 0px; | 1637 background-position: -23px 0px; |
1682 } | 1638 } |
1683 | 1639 |
1684 .pane > .title > select:active { | 1640 .pane > .title > select:active { |
1685 background-position: -46px 0px; | 1641 background-position: -46px 0px; |
1686 } | 1642 } |
1687 | 1643 |
1688 .pane > .title > select > option, .pane > .title > select > hr { | 1644 .pane > .title > select > option, .pane > .title > select > hr { |
1689 color: black; | 1645 color: black; |
(...skipping 24 matching lines...) Expand all Loading... |
1714 } | 1670 } |
1715 | 1671 |
1716 .pane > .growbar { | 1672 .pane > .growbar { |
1717 display: none; | 1673 display: none; |
1718 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); | 1674 background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomG
row.png); |
1719 background-repeat: no-repeat, repeat-x; | 1675 background-repeat: no-repeat, repeat-x; |
1720 background-position: center center, bottom; | 1676 background-position: center center, bottom; |
1721 height: 5px; | 1677 height: 5px; |
1722 } | 1678 } |
1723 | 1679 |
| 1680 .sidebar-pane-subtitle { |
| 1681 float: right; |
| 1682 font-weight: normal; |
| 1683 overflow: hidden; |
| 1684 } |
| 1685 |
| 1686 body.platform-windows .sidebar-pane-subtitle { |
| 1687 padding-top: 1px; |
| 1688 } |
| 1689 |
| 1690 .sidebar-pane-subtitle input, .section .header input[type=checkbox] { |
| 1691 font-size: inherit; |
| 1692 hight: 1em; |
| 1693 width: 1em; |
| 1694 margin-left: 0; |
| 1695 margin-top: 0; |
| 1696 margin-bottom: 0.25em; |
| 1697 vertical-align: bottom; |
| 1698 } |
| 1699 |
1724 .metrics { | 1700 .metrics { |
1725 padding: 8px; | 1701 padding: 8px; |
1726 font-size: 10px; | 1702 font-size: 10px; |
1727 text-align: center; | 1703 text-align: center; |
1728 white-space: nowrap; | 1704 white-space: nowrap; |
1729 } | 1705 } |
1730 | 1706 |
1731 .metrics .label { | 1707 .metrics .label { |
1732 position: absolute; | 1708 position: absolute; |
1733 margin-top: -10px; | 1709 margin-top: -10px; |
(...skipping 551 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2285 } | 2261 } |
2286 | 2262 |
2287 .panel-enabler-view.welcome div.welcome-instructions-aligner { | 2263 .panel-enabler-view.welcome div.welcome-instructions-aligner { |
2288 display: inline-block; | 2264 display: inline-block; |
2289 width: 0; | 2265 width: 0; |
2290 } | 2266 } |
2291 | 2267 |
2292 .panel-enabler-view.welcome .instructions { | 2268 .panel-enabler-view.welcome .instructions { |
2293 display: inline-block; | 2269 display: inline-block; |
2294 vertical-align: middle; | 2270 vertical-align: middle; |
2295 width: 330px; | |
2296 margin: 0; | 2271 margin: 0; |
2297 white-space: normal; | 2272 white-space: normal; |
2298 line-height: 175%; | 2273 line-height: 175%; |
2299 } | 2274 } |
2300 | 2275 |
2301 .panel-enabler-view.welcome .message { | 2276 .panel-enabler-view.welcome .message { |
2302 margin-bottom: 2ex; | 2277 margin-bottom: 2ex; |
2303 } | 2278 } |
2304 | 2279 |
2305 .panel-enabler-view.welcome button.status-bar-item { | 2280 .panel-enabler-view.welcome button.status-bar-item { |
2306 vertical-align: middle; | 2281 background-image: none; |
| 2282 vertical-align: top; |
2307 } | 2283 } |
2308 | 2284 |
2309 .pane button { | 2285 .pane button { |
2310 margin: 6px 0 6px 3px; | 2286 margin: 6px 0 6px 3px; |
2311 padding: 2px 9px; | 2287 padding: 2px 9px; |
2312 } | 2288 } |
2313 | 2289 |
2314 .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, bu
tton.show-all-nodes:active { | 2290 .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, bu
tton.show-all-nodes:active { |
2315 background-color: rgb(215, 215, 215); | 2291 background-color: rgb(215, 215, 215); |
2316 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); | 2292 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(1
94, 194, 194)), to(rgb(239, 239, 239))); |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2372 top: -1px; | 2348 top: -1px; |
2373 left: 0; | 2349 left: 0; |
2374 right: 0; | 2350 right: 0; |
2375 height: 24px; | 2351 height: 24px; |
2376 } | 2352 } |
2377 | 2353 |
2378 #scripts-files { | 2354 #scripts-files { |
2379 max-width: 250px; | 2355 max-width: 250px; |
2380 } | 2356 } |
2381 | 2357 |
| 2358 #scripts-files option.extension-script { |
| 2359 color: rgb(70, 134, 240); |
| 2360 } |
| 2361 |
2382 #scripts-functions { | 2362 #scripts-functions { |
2383 max-width: 150px; | 2363 max-width: 150px; |
2384 } | 2364 } |
2385 | 2365 |
2386 #scripts-status-bar .status-bar-item img { | 2366 #scripts-status-bar .status-bar-item img { |
2387 margin-top: 2px; | 2367 margin-top: 2px; |
2388 } | 2368 } |
2389 | 2369 |
2390 #scripts-back img { | 2370 #scripts-back img { |
2391 content: url(Images/back.png); | 2371 content: url(Images/back.png); |
(...skipping 254 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2646 .summary-graph-legend-value { | 2626 .summary-graph-legend-value { |
2647 font-size: 10px; | 2627 font-size: 10px; |
2648 } | 2628 } |
2649 | 2629 |
2650 .summary-graph-legend-swatch { | 2630 .summary-graph-legend-swatch { |
2651 vertical-align: top; | 2631 vertical-align: top; |
2652 margin-top: 1px; | 2632 margin-top: 1px; |
2653 margin-right: 3px; | 2633 margin-right: 3px; |
2654 } | 2634 } |
2655 | 2635 |
2656 #resources-dividers { | 2636 .resources-dividers { |
2657 position: absolute; | 2637 position: absolute; |
2658 left: 0; | 2638 left: 0; |
2659 right: 0; | 2639 right: 0; |
2660 height: 100%; | 2640 height: 100%; |
2661 top: 0; | 2641 top: 0; |
2662 z-index: -100; | 2642 z-index: -100; |
2663 } | 2643 } |
2664 | 2644 |
2665 #resources-event-dividers { | 2645 .resources-event-dividers { |
2666 position: absolute; | 2646 position: absolute; |
2667 left: 0; | 2647 left: 0; |
2668 right: 0; | 2648 right: 0; |
2669 height: 100%; | 2649 height: 100%; |
2670 top: 0; | 2650 top: 0; |
2671 z-index: 300; | 2651 z-index: 300; |
2672 pointer-events: none; | 2652 pointer-events: none; |
2673 } | 2653 } |
2674 | 2654 |
2675 #resources-dividers-label-bar { | 2655 .timeline .resources-event-dividers { |
| 2656 height: 19px; |
| 2657 } |
| 2658 |
| 2659 .resources-dividers-label-bar { |
2676 position: absolute; | 2660 position: absolute; |
2677 top: 0; | 2661 top: 0; |
2678 left: 0px; | 2662 left: 0px; |
2679 right: 0; | 2663 right: 0; |
2680 background-color: rgba(255, 255, 255, 0.8); | 2664 background-color: rgba(255, 255, 255, 0.8); |
2681 background-clip: padding; | 2665 background-clip: padding; |
2682 border-bottom: 1px solid rgba(0, 0, 0, 0.3); | 2666 border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
2683 height: 20px; | 2667 height: 20px; |
2684 z-index: 200; | 2668 z-index: 200; |
2685 } | 2669 } |
2686 | 2670 |
2687 .resources-divider { | 2671 .resources-divider { |
2688 position: absolute; | 2672 position: absolute; |
2689 width: 1px; | 2673 width: 1px; |
2690 top: 0; | 2674 top: 0; |
2691 bottom: 0; | 2675 bottom: 0; |
2692 background-color: rgba(0, 0, 0, 0.1); | 2676 background-color: rgba(0, 0, 0, 0.1); |
2693 } | 2677 } |
2694 | 2678 |
2695 .resources-event-divider-padding { | 2679 .resources-event-divider-padding { |
2696 position: absolute; | 2680 position: absolute; |
2697 width: 8px; | 2681 width: 8px; |
2698 top: 0; | 2682 top: 0; |
2699 bottom: 0; | 2683 bottom: 0; |
2700 pointer-events: auto; | 2684 pointer-events: auto; |
2701 } | 2685 } |
2702 | 2686 |
2703 .resources-onload-divider { | 2687 .resources-event-divider { |
2704 position: absolute; | 2688 position: absolute; |
2705 width: 2px; | 2689 width: 2px; |
2706 top: 0; | 2690 top: 0; |
2707 bottom: 0; | 2691 bottom: 0; |
2708 z-index: 300; | 2692 z-index: 300; |
| 2693 } |
| 2694 |
| 2695 .resources-red-divider { |
2709 background-color: rgba(255, 0, 0, 0.5); | 2696 background-color: rgba(255, 0, 0, 0.5); |
2710 } | 2697 } |
2711 | 2698 |
2712 .resources-ondomcontent-divider { | 2699 .resources-blue-divider { |
2713 position: absolute; | |
2714 width: 2px; | |
2715 top: 0; | |
2716 bottom: 0; | |
2717 z-index: 300; | |
2718 background-color: rgba(0, 0, 255, 0.5); | 2700 background-color: rgba(0, 0, 255, 0.5); |
2719 } | 2701 } |
2720 | 2702 |
| 2703 .resources-orange-divider { |
| 2704 background-color: rgba(255, 178, 23, 0.5); |
| 2705 } |
| 2706 |
2721 .resources-divider.last { | 2707 .resources-divider.last { |
2722 background-color: transparent; | 2708 background-color: transparent; |
2723 } | 2709 } |
2724 | 2710 |
2725 .resources-divider-label { | 2711 .resources-divider-label { |
2726 position: absolute; | 2712 position: absolute; |
2727 top: 4px; | 2713 top: 4px; |
2728 right: 3px; | 2714 right: 3px; |
2729 font-size: 9px; | 2715 font-size: 9px; |
2730 color: rgb(50%, 50%, 50%); | 2716 color: rgb(50%, 50%, 50%); |
2731 white-space: nowrap; | 2717 white-space: nowrap; |
2732 } | 2718 } |
2733 | 2719 |
| 2720 .memory-graph-label { |
| 2721 position: absolute; |
| 2722 top: 5px; |
| 2723 left: 5px; |
| 2724 font-size: 9px; |
| 2725 color: rgb(50%, 50%, 50%); |
| 2726 white-space: nowrap; |
| 2727 } |
| 2728 |
2734 .resources-graph-label { | 2729 .resources-graph-label { |
2735 position: absolute; | 2730 position: absolute; |
2736 top: 0; | 2731 top: 0; |
2737 bottom: 0; | 2732 bottom: 0; |
2738 margin: auto -7px; | 2733 margin: auto -7px; |
2739 height: 13px; | 2734 height: 13px; |
2740 line-height: 13px; | 2735 line-height: 13px; |
2741 font-size: 9px; | 2736 font-size: 9px; |
2742 color: rgba(0, 0, 0, 0.75); | 2737 color: rgba(0, 0, 0, 0.75); |
2743 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; | 2738 text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1
px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0; |
(...skipping 605 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3349 border-bottom: 1px solid rgb(115, 115, 115); | 3344 border-bottom: 1px solid rgb(115, 115, 115); |
3350 height: 10px; | 3345 height: 10px; |
3351 } | 3346 } |
3352 | 3347 |
3353 #timeline-overview-sidebar { | 3348 #timeline-overview-sidebar { |
3354 position: absolute; | 3349 position: absolute; |
3355 width: 200px; | 3350 width: 200px; |
3356 top: 0px; | 3351 top: 0px; |
3357 bottom: 0px; | 3352 bottom: 0px; |
3358 left: 0px; | 3353 left: 0px; |
3359 padding-top: 1px; | 3354 padding-top: 2px; |
3360 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)
), to(rgb(209, 209, 209))); | 3355 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)
), to(rgb(209, 209, 209))); |
3361 border-right: 1px solid rgb(163, 163, 163); | 3356 border-right: 1px solid rgb(163, 163, 163); |
3362 } | 3357 } |
3363 | 3358 |
3364 #timeline-overview-grid { | 3359 #timeline-overview-grid { |
3365 position: absolute; | 3360 position: absolute; |
3366 top: 0px; | 3361 top: 0px; |
3367 bottom: 0px; | 3362 bottom: 0px; |
3368 left: 200px; | 3363 left: 200px; |
3369 right: 0px; | 3364 right: 0px; |
3370 background-color: rgb(224, 224, 224); | 3365 background-color: rgb(255, 255, 255); |
| 3366 } |
| 3367 |
| 3368 .timeline-window-selector { |
| 3369 position: absolute; |
| 3370 top: 0; |
| 3371 bottom: 0; |
| 3372 background-color: rgba(125, 173, 217, 0.5); |
| 3373 z-index: 250; |
3371 } | 3374 } |
3372 | 3375 |
3373 #timeline-overview-window { | 3376 #timeline-overview-window { |
3374 background-color: white; | 3377 background-color: white; |
3375 position: absolute; | 3378 position: absolute; |
3376 left: 0; | 3379 left: 0; |
3377 right: 0; | 3380 right: 0; |
3378 top: 0; | 3381 top: 0; |
| 3382 bottom: 60px; |
| 3383 z-index: 150; |
| 3384 } |
| 3385 |
| 3386 .timeline-overview-dividers-background { |
| 3387 left: 0%; |
| 3388 right: 0%; |
| 3389 top: 0px; |
| 3390 bottom: 60px; |
| 3391 background-color: black; |
| 3392 position: absolute; |
| 3393 } |
| 3394 |
| 3395 .timeline-overview-window-rulers { |
| 3396 top: 0; |
3379 bottom: 0; | 3397 bottom: 0; |
| 3398 position: absolute; |
| 3399 opacity: 0.2; |
| 3400 border-right: 1px solid black; |
| 3401 border-left: 1px solid black; |
3380 z-index: 150; | 3402 z-index: 150; |
3381 } | 3403 } |
3382 | 3404 |
3383 .timeline-window-resizer { | 3405 .timeline-window-resizer { |
3384 position: absolute; | 3406 position: absolute; |
3385 top: 35px; | 3407 top: 0px; |
3386 bottom: 15px; | 3408 bottom: 60px; |
3387 width: 5px; | 3409 width: 5px; |
3388 margin-left: -3px; | 3410 margin-left: -3px; |
3389 margin-right: -2px; | 3411 margin-right: -2px; |
3390 background-color: rgb(153, 153, 153); | 3412 background-color: rgb(153, 153, 153); |
3391 z-index: 500; | 3413 z-index: 500; |
3392 cursor: col-resize; | 3414 cursor: col-resize; |
3393 -webkit-border-radius: 2px; | 3415 -webkit-border-radius: 2px; |
3394 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; | 3416 -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1
px 0; |
3395 } | 3417 } |
3396 | 3418 |
3397 #timeline-overview-grid #resources-graphs { | 3419 #timeline-overview-grid #resources-graphs { |
3398 position: absolute; | 3420 position: absolute; |
3399 top: 0; | 3421 top: 0; |
3400 left: 0; | 3422 left: 0; |
3401 right: 0; | 3423 right: 0; |
3402 height: 80px; | 3424 height: 80px; |
3403 } | 3425 } |
3404 | 3426 |
3405 #timeline-container { | 3427 #timeline-container { |
3406 position: absolute; | 3428 position: absolute; |
3407 top: 90px; | 3429 top: 90px; |
3408 left: 0; | 3430 left: 0; |
3409 bottom: 0; | 3431 bottom: 0; |
3410 right: 0; | 3432 right: 0; |
3411 border-right: 0 none transparent; | 3433 border-right: 0 none transparent; |
3412 overflow-y: auto; | 3434 overflow-y: auto; |
3413 overflow-x: hidden; | 3435 overflow-x: hidden; |
3414 } | 3436 } |
3415 | 3437 |
3416 .timeline-clear-status-bar-item .glyph { | 3438 .timeline-category-statusbar-item { |
3417 -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); | 3439 height: 24px; |
3418 } | 3440 line-height: 24px; |
3419 | |
3420 .timeline-category-tree-item { | |
3421 height: 20px; | |
3422 line-height: 20px; | |
3423 padding-left: 6px; | 3441 padding-left: 6px; |
3424 white-space: nowrap; | 3442 white-space: nowrap; |
3425 text-overflow: ellipsis; | 3443 text-overflow: ellipsis; |
3426 overflow: hidden; | 3444 overflow: hidden; |
3427 font-weight: bold; | 3445 font-weight: bold; |
3428 } | 3446 } |
3429 | 3447 |
3430 .timeline-category-tree-item .timeline-category-checkbox { | 3448 .timeline-category-statusbar-item .timeline-category-checkbox { |
3431 width: 10px; | 3449 width: 10px; |
3432 height: 11px; | 3450 height: 11px; |
3433 margin: 0 3px 0 5px; | 3451 margin: 0 3px 0 5px; |
3434 padding: 0; | 3452 padding: 0; |
3435 background-image: url(Images/timelineCheckmarks.png); | 3453 background-image: url(Images/timelineCheckmarks.png); |
3436 background-repeat: no-repeat; | 3454 background-repeat: no-repeat; |
3437 background-position: 0 -66px; | 3455 background-position: 0 -66px; |
3438 vertical-align: -1px; | 3456 vertical-align: -1px; |
3439 -webkit-appearance: none; | 3457 -webkit-appearance: none; |
3440 } | 3458 } |
3441 | 3459 |
3442 .timeline-category-tree-item .timeline-category-checkbox:checked { | 3460 .timeline-category-statusbar-item .timeline-category-checkbox:checked { |
3443 background-position-x: -10px; | 3461 background-position-x: -10px; |
3444 } | 3462 } |
3445 | 3463 |
3446 .timeline-category-tree-item.timeline-category-loading .timeline-category-checkb
ox { | 3464 .timeline-category-statusbar-item.timeline-category-loading .timeline-category-c
heckbox { |
3447 background-position-y: 0; | 3465 background-position-y: 0; |
3448 } | 3466 } |
3449 | 3467 |
3450 .timeline-category-tree-item.timeline-category-scripting .timeline-category-chec
kbox { | 3468 .timeline-category-statusbar-item.timeline-category-scripting .timeline-category
-checkbox { |
3451 background-position-y: -33px; | 3469 background-position-y: -33px; |
3452 } | 3470 } |
3453 | 3471 |
3454 .timeline-category-tree-item.timeline-category-rendering .timeline-category-chec
kbox { | 3472 .timeline-category-statusbar-item.timeline-category-rendering .timeline-category
-checkbox { |
3455 background-position-y: -11px; | 3473 background-position-y: -11px; |
3456 } | 3474 } |
3457 | 3475 |
3458 .timeline-category-tree-item:nth-of-type(2n) { | |
3459 background-color: rgba(0, 0, 0, 0.05); | |
3460 } | |
3461 | |
3462 .timeline-tree-item { | 3476 .timeline-tree-item { |
3463 height: 18px; | 3477 height: 18px; |
3464 line-height: 15px; | 3478 line-height: 15px; |
3465 padding-right: 5px; | 3479 padding-right: 5px; |
3466 padding-left: 10px; | 3480 padding-left: 10px; |
3467 padding-top: 2px; | 3481 padding-top: 2px; |
3468 white-space: nowrap; | 3482 white-space: nowrap; |
3469 text-overflow: ellipsis; | 3483 text-overflow: ellipsis; |
3470 overflow: hidden; | 3484 overflow: hidden; |
3471 } | 3485 } |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3517 } | 3531 } |
3518 | 3532 |
3519 .timeline-tree-item.even { | 3533 .timeline-tree-item.even { |
3520 background-color: rgba(0, 0, 0, 0.05); | 3534 background-color: rgba(0, 0, 0, 0.05); |
3521 } | 3535 } |
3522 | 3536 |
3523 .timeline-tree-item .data.dimmed { | 3537 .timeline-tree-item .data.dimmed { |
3524 color: rgba(0, 0, 0, 0.7); | 3538 color: rgba(0, 0, 0, 0.7); |
3525 } | 3539 } |
3526 | 3540 |
3527 #timeline-overview-graphs { | 3541 #timeline-overview-timelines, |
| 3542 #timeline-overview-memory { |
3528 position: absolute; | 3543 position: absolute; |
3529 left: 0; | 3544 left: 0; |
3530 right: 0; | 3545 right: 0; |
3531 bottom: 0; | 3546 bottom: 0; |
3532 top: 20px; | 3547 top: 20px; |
| 3548 z-index: 160; |
3533 } | 3549 } |
3534 | 3550 |
| 3551 #timeline-overview-memory > canvas { |
| 3552 position: absolute; |
| 3553 left: 0; |
| 3554 right: 0; |
| 3555 bottom: 0; |
| 3556 top: 5px; |
| 3557 } |
| 3558 |
| 3559 |
3535 #timeline-graphs { | 3560 #timeline-graphs { |
3536 position: absolute; | 3561 position: absolute; |
3537 left: 0; | 3562 left: 0; |
3538 right: 0; | 3563 right: 0; |
3539 max-height: 100%; | 3564 max-height: 100%; |
3540 top: 19px; | 3565 top: 19px; |
3541 } | 3566 } |
3542 | 3567 |
3543 .timeline-graph-side { | 3568 .timeline-graph-side { |
3544 position: relative; | 3569 position: relative; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3577 margin: auto -2px; | 3602 margin: auto -2px; |
3578 border-width: 4px 4px 5px; | 3603 border-width: 4px 4px 5px; |
3579 height: 9px; | 3604 height: 9px; |
3580 min-width: 5px; | 3605 min-width: 5px; |
3581 opacity: 0.8; | 3606 opacity: 0.8; |
3582 -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4; | 3607 -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4; |
3583 z-index: 180; | 3608 z-index: 180; |
3584 pointer-events: visibleFill; | 3609 pointer-events: visibleFill; |
3585 } | 3610 } |
3586 | 3611 |
| 3612 .timeline-graph-bar.with-children { |
| 3613 opacity: 0.2; |
| 3614 } |
| 3615 |
| 3616 .timeline-graph-bar.cpu { |
| 3617 opacity: 0.6; |
| 3618 } |
| 3619 |
3587 .timeline-graph-side.even { | 3620 .timeline-graph-side.even { |
3588 background-color: rgba(0, 0, 0, 0.05); | 3621 background-color: rgba(0, 0, 0, 0.05); |
3589 } | 3622 } |
3590 | 3623 |
3591 .timeline-category-loading .timeline-graph-bar { | 3624 .timeline-category-loading .timeline-graph-bar { |
3592 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; | 3625 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; |
3593 } | 3626 } |
3594 | 3627 |
3595 .timeline-category-scripting .timeline-graph-bar { | 3628 .timeline-category-scripting .timeline-graph-bar { |
3596 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; | 3629 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; |
3597 } | 3630 } |
3598 | 3631 |
3599 .timeline-category-rendering .timeline-graph-bar { | 3632 .timeline-category-rendering .timeline-graph-bar { |
3600 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; | 3633 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; |
3601 } | 3634 } |
3602 | 3635 |
| 3636 .timeline-aggregated-category { |
| 3637 display: inline-block; |
| 3638 height: 11px; |
| 3639 margin-right: 2px; |
| 3640 margin-left: 6px; |
| 3641 position: relative; |
| 3642 top: 2px; |
| 3643 width: 10px; |
| 3644 } |
| 3645 |
| 3646 .timeline-loading { |
| 3647 -webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4; |
| 3648 } |
| 3649 |
| 3650 .timeline-scripting { |
| 3651 -webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4; |
| 3652 } |
| 3653 |
| 3654 .timeline-rendering { |
| 3655 -webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4; |
| 3656 } |
| 3657 |
| 3658 .popover .timeline-aggregated-category.timeline-loading { |
| 3659 margin-left: 0px; |
| 3660 } |
| 3661 |
3603 .timeline-category-loading .timeline-tree-icon { | 3662 .timeline-category-loading .timeline-tree-icon { |
3604 background-position-y: 0px; | 3663 background-position-y: 0px; |
3605 } | 3664 } |
3606 | 3665 |
3607 .timeline-category-scripting .timeline-tree-icon { | 3666 .timeline-category-scripting .timeline-tree-icon { |
3608 background-position-y: 48px; | 3667 background-position-y: 48px; |
3609 } | 3668 } |
3610 | 3669 |
3611 .timeline-category-rendering .timeline-tree-icon { | 3670 .timeline-category-rendering .timeline-tree-icon { |
3612 background-position-y: 72px; | 3671 background-position-y: 72px; |
3613 } | 3672 } |
3614 | 3673 |
| 3674 .timeline-details { |
| 3675 -webkit-user-select: text; |
| 3676 } |
| 3677 |
| 3678 .timeline-details-row-title { |
| 3679 font-weight: bold; |
| 3680 text-align: right; |
| 3681 white-space: nowrap; |
| 3682 } |
| 3683 |
| 3684 .timeline-details-row-data { |
| 3685 white-space: nowrap; |
| 3686 } |
| 3687 |
| 3688 .timeline-details-title { |
| 3689 border-bottom: 1px solid #B8B8B8; |
| 3690 font-size: 11px; |
| 3691 font-weight: bold; |
| 3692 padding-bottom: 5px; |
| 3693 padding-top: 0px; |
| 3694 white-space: nowrap; |
| 3695 } |
| 3696 |
| 3697 .timeline-filter-status-bar-item .glyph { |
| 3698 -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png); |
| 3699 } |
| 3700 |
| 3701 .timeline-filter-status-bar-item.toggled-on .glyph { |
| 3702 background-color: rgb(66, 129, 235) !important; |
| 3703 } |
| 3704 |
| 3705 .timeline-records-counter { |
| 3706 font-size: 11px; |
| 3707 text-shadow: white 0 1px 0; |
| 3708 } |
| 3709 |
| 3710 #main-status-bar > .timeline-records-counter { |
| 3711 float: right; |
| 3712 margin-top: 4px; |
| 3713 margin-right: 25px; |
| 3714 } |
| 3715 |
| 3716 #counters > .timeline-records-counter { |
| 3717 float: left; |
| 3718 margin-top: -2px; |
| 3719 } |
| 3720 |
3615 /* Profiler Style */ | 3721 /* Profiler Style */ |
3616 | 3722 |
3617 #profile-views { | 3723 #profile-views { |
3618 position: absolute; | 3724 position: absolute; |
3619 top: 0; | 3725 top: 0; |
3620 right: 0; | 3726 right: 0; |
3621 left: 200px; | 3727 left: 200px; |
3622 bottom: 0; | 3728 bottom: 0; |
3623 } | 3729 } |
3624 | 3730 |
| 3731 #timeline-view-status-bar-items, |
3625 #profile-view-status-bar-items { | 3732 #profile-view-status-bar-items { |
3626 position: absolute; | 3733 position: absolute; |
3627 top: 0; | 3734 top: 0; |
3628 bottom: 0; | 3735 bottom: 0; |
3629 left: 200px; | 3736 left: 200px; |
3630 overflow: hidden; | 3737 overflow: hidden; |
3631 border-left: 1px solid rgb(184, 184, 184); | 3738 border-left: 1px solid rgb(184, 184, 184); |
3632 margin-left: -1px; | 3739 margin-left: -1px; |
3633 } | 3740 } |
3634 | 3741 |
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3855 left: 0; | 3962 left: 0; |
3856 right: 0; | 3963 right: 0; |
3857 } | 3964 } |
3858 | 3965 |
3859 .source-frame-eval-expression { | 3966 .source-frame-eval-expression { |
3860 border: 1px solid rgb(163, 41, 34); | 3967 border: 1px solid rgb(163, 41, 34); |
3861 margin: -1px; | 3968 margin: -1px; |
3862 background-color: rgb(255, 255, 194); | 3969 background-color: rgb(255, 255, 194); |
3863 } | 3970 } |
3864 | 3971 |
3865 .timeline-details { | 3972 .styles-sidebar-separator { |
| 3973 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2
43, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230,
230, 230)), to(rgb(209, 209, 209))); |
| 3974 padding: 0 5px; |
| 3975 border-top: 1px solid rgb(189, 189, 189); |
| 3976 border-bottom: 1px solid rgb(189, 189, 189); |
| 3977 color: rgb(110, 110, 110); |
| 3978 text-shadow: white 0 1px 0; |
| 3979 white-space: nowrap; |
| 3980 text-overflow: ellipsis; |
| 3981 overflow: hidden; |
| 3982 font-size: 11px; |
| 3983 } |
| 3984 |
| 3985 .styles-selector { |
| 3986 cursor: text; |
| 3987 } |
| 3988 |
| 3989 .workers-list { |
| 3990 list-style: none; |
| 3991 margin: 0; |
| 3992 padding: 0; |
| 3993 } |
| 3994 |
| 3995 .workers-list > li { |
| 3996 overflow: hidden; |
| 3997 text-overflow: ellipsis; |
| 3998 white-space: nowrap; |
| 3999 margin-left: 1em; |
| 4000 font-size: 12px; |
| 4001 } |
| 4002 |
| 4003 a.worker-item { |
| 4004 color: rgb(33%, 33%, 33%); |
| 4005 cursor: pointer; |
| 4006 text-decoration: none; |
| 4007 } |
| 4008 .styles-section { |
| 4009 padding: 2px 2px 4px 4px; |
| 4010 min-height: 18px; |
| 4011 white-space: nowrap; |
| 4012 -webkit-background-origin: padding; |
| 4013 -webkit-background-clip: padding; |
3866 -webkit-user-select: text; | 4014 -webkit-user-select: text; |
3867 } | 4015 } |
3868 | 4016 |
3869 .timeline-details-row-title { | 4017 .styles-section:not(.first-styles-section) { |
3870 font-weight: bold; | 4018 border-top: 1px solid rgb(191, 191, 191); |
3871 text-align: right; | 4019 } |
3872 white-space: nowrap; | 4020 |
3873 } | 4021 .styles-section .header { |
3874 | 4022 white-space: nowrap; |
3875 .timeline-details-row-data { | 4023 -webkit-background-origin: padding; |
3876 white-space: nowrap; | 4024 -webkit-background-clip: padding; |
3877 } | 4025 } |
3878 | 4026 |
3879 .timeline-details-title { | 4027 .styles-section .header .title { |
3880 font-weight: bold; | 4028 word-wrap: break-word; |
3881 white-space: nowrap; | 4029 white-space: normal; |
3882 } | 4030 } |
3883 | 4031 |
| 4032 .styles-section .header .subtitle { |
| 4033 color: rgb(85, 85, 85); |
| 4034 float: right; |
| 4035 margin-left: 5px; |
| 4036 max-width: 65%; |
| 4037 text-overflow: ellipsis; |
| 4038 overflow: hidden; |
| 4039 } |
| 4040 |
| 4041 .styles-section .header .subtitle a { |
| 4042 color: inherit; |
| 4043 } |
| 4044 |
| 4045 .styles-section .subtitle::before, .styles-section .subtitle a::before { |
| 4046 content: attr(data-uncopyable); |
| 4047 } |
| 4048 |
| 4049 .styles-section .properties { |
| 4050 display: none; |
| 4051 margin: 0; |
| 4052 padding: 2px 4px 0 8px; |
| 4053 list-style: none; |
| 4054 } |
| 4055 |
| 4056 .styles-section.no-affect .properties li { |
| 4057 opacity: 0.5; |
| 4058 } |
| 4059 |
| 4060 .styles-section.no-affect .properties li.editing { |
| 4061 opacity: 1.0; |
| 4062 } |
| 4063 |
| 4064 .styles-section.expanded .properties { |
| 4065 display: block; |
| 4066 } |
| 4067 |
| 4068 .styles-section .properties li { |
| 4069 margin-left: 12px; |
| 4070 white-space: nowrap; |
| 4071 text-overflow: ellipsis; |
| 4072 overflow: hidden; |
| 4073 cursor: auto; |
| 4074 } |
| 4075 |
| 4076 .styles-section .properties li.parent { |
| 4077 margin-left: 1px; |
| 4078 } |
| 4079 |
| 4080 .styles-section .properties ol { |
| 4081 display: none; |
| 4082 margin: 0; |
| 4083 -webkit-padding-start: 12px; |
| 4084 list-style: none; |
| 4085 } |
| 4086 |
| 4087 .styles-section .properties ol.expanded { |
| 4088 display: block; |
| 4089 } |
| 4090 |
| 4091 .styles-section .properties li.parent::before { |
| 4092 content: url(Images/treeRightTriangleBlack.png); |
| 4093 opacity: 0.75; |
| 4094 float: left; |
| 4095 width: 8px; |
| 4096 height: 8px; |
| 4097 margin-top: 0; |
| 4098 padding-right: 3px; |
| 4099 -webkit-user-select: none; |
| 4100 cursor: default; |
| 4101 } |
| 4102 |
| 4103 .styles-section .properties li.parent.expanded::before { |
| 4104 content: url(Images/treeDownTriangleBlack.png); |
| 4105 margin-top: 1px; |
| 4106 } |
| 4107 |
| 4108 .styles-section .properties li .info { |
| 4109 padding-top: 4px; |
| 4110 padding-bottom: 3px; |
| 4111 } |
| 4112 |
| 4113 .styles-section:hover .properties .enabled-button { |
| 4114 display: block; |
| 4115 } |
| 4116 |
| 4117 .styles-section .properties li.disabled .enabled-button { |
| 4118 display: block; |
| 4119 } |
| 4120 |
| 4121 .styles-section .properties .enabled-button { |
| 4122 display: none; |
| 4123 float: right; |
| 4124 font-size: 10px; |
| 4125 margin: 0 0 0 4px; |
| 4126 vertical-align: top; |
| 4127 position: relative; |
| 4128 z-index: 1; |
| 4129 } |
| 4130 |
| 4131 .styles-section .properties .overloaded, .styles-section .properties .disabled { |
| 4132 text-decoration: line-through; |
| 4133 } |
| 4134 |
| 4135 .styles-section.computed-style .properties .disabled { |
| 4136 text-decoration: none; |
| 4137 opacity: 0.5; |
| 4138 } |
| 4139 |
| 4140 .styles-section .properties .implicit, .styles-section .properties .inherited { |
| 4141 opacity: 0.5; |
| 4142 } |
| 4143 |
| 4144 |
| 4145 .body .styles-section .properties .inherited { |
| 4146 display: none; |
| 4147 } |
| 4148 |
| 4149 .body.show-inherited .styles-section .properties .inherited { |
| 4150 display: block; |
| 4151 } |
| 4152 |
| 4153 a.worker-item:hover { |
| 4154 color: rgb(15%, 15%, 15%); |
| 4155 } |
| 4156 |
| 4157 .resource-content-unavailable { |
| 4158 color: rgb(50%, 50%, 50%); |
| 4159 font-style: italic; |
| 4160 font-size: 14px; |
| 4161 text-align: center; |
| 4162 padding: 32px; |
| 4163 } |
| 4164 |
| 4165 .node-link { |
| 4166 text-decoration: underline; |
| 4167 cursor: pointer; |
| 4168 } |
OLD | NEW |