Index: chrome_linux/resources/inspector/inspector.css |
=================================================================== |
--- chrome_linux/resources/inspector/inspector.css (revision 237140) |
+++ chrome_linux/resources/inspector/inspector.css (working copy) |
@@ -47,6 +47,152 @@ |
} |
+/* tabbedPane.css */ |
+ |
+/* |
+ * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
+ * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
+ * Copyright (C) 2011 Google Inc. All rights reserved. |
+ * |
+ * Redistribution and use in source and binary forms, with or without |
+ * modification, are permitted provided that the following conditions are |
+ * met: |
+ * |
+ * 1. Redistributions of source code must retain the above copyright |
+ * notice, this list of conditions and the following disclaimer. |
+ * |
+ * 2. Redistributions in binary form must reproduce the above |
+ * copyright notice, this list of conditions and the following disclaimer |
+ * in the documentation and/or other materials provided with the |
+ * distribution. |
+ * |
+ * THIS SOFTWARE IS PROVIDED BY GOOGLE INC. AND ITS CONTRIBUTORS |
+ * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
+ * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
+ * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GOOGLE INC. |
+ * OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
+ * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
+ * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
+ */ |
+ |
+.tabbed-pane { |
+ flex: auto; |
+} |
+ |
+.tabbed-pane-content { |
+ position: relative; |
+ overflow: auto; |
+ flex: auto; |
+ display: flex; |
+} |
+ |
+.tabbed-pane-content.has-no-tabs { |
+ background-color: lightgray; |
+} |
+ |
+.tabbed-pane-header { |
+ flex: 0 0 23px; |
+ border-bottom: 1px solid rgb(163, 163, 163); |
+ overflow: hidden; |
+ width: 100%; |
+} |
+ |
+.tabbed-pane-header-contents { |
+ margin: 0 10px; |
+} |
+ |
+.tabbed-pane-header-tabs { |
+ float: left; |
+} |
+ |
+.tabbed-pane-header-tab { |
+ float: left; |
+ margin-top: 2px; |
+ padding: 2px 4px 2px 4px; |
+ height: 21px; |
+ border: 1px solid transparent; |
+ border-bottom: none; |
+ line-height: 15px; |
+ |
+ white-space: nowrap; |
+ text-overflow: ellipsis; |
+ overflow: hidden; |
+} |
+ |
+.tabbed-pane-header-tab.measuring { |
+ visibility: hidden; |
+} |
+ |
+.tabbed-pane-header-tab.selected { |
+ border: 1px solid rgb(163, 163, 163); |
+ border-bottom: none; |
+} |
+ |
+.tabbed-pane-header-tab.selected { |
+ background: white; |
+ border-top-color: #bbb; |
+} |
+ |
+.tabbed-pane-header-tab .close-button-gray { |
+ position: relative; |
+ top: 2px; |
+ left: 1px; |
+ margin-left: 2px; |
+ margin-top: -3px; |
+ visibility: hidden; |
+} |
+ |
+.tabbed-pane-header-tab:hover .close-button-gray, |
+.tabbed-pane-header-tab.selected .close-button-gray { |
+ visibility: visible; |
+} |
+ |
+.tabbed-pane-header-tabs-drop-down-container { |
+ float: left; |
+ position: relative; |
+ vertical-align: bottom; |
+ padding-left: 3px; |
+ line-height: 20px; |
+} |
+ |
+.tabbed-pane-header-tabs-drop-down-container.measuring { |
+ visibility: hidden; |
+} |
+ |
+.tabbed-pane-header-tabs-drop-down { |
+ position: relative; |
+ opacity: 0.7; |
+ color: rgb(30, 30, 30); |
+ font-size: 133%; |
+ padding: 0 3px; |
+} |
+ |
+.tabbed-pane-header-tabs-drop-down:hover { |
+ opacity: 1.0; |
+} |
+ |
+.tabbed-pane-header-tabs-drop-down:active { |
+ opacity: 0.8; |
+} |
+ |
+select.tabbed-pane-header-tabs-drop-down-select { |
+ position: absolute; |
+ top: 0; |
+ right: 0; |
+ bottom: 0; |
+ left: 0; |
+ opacity: 0; |
+ border: none; |
+ margin: 0; |
+ font-size: 75%; |
+ -webkit-appearance: none; |
+ width: 20px; |
+} |
+ |
/* inspector.css */ |
/* |
@@ -91,33 +237,70 @@ |
bottom: 0; |
} |
+.hbox { |
+ display: flex !important; |
+ flex-direction: row; |
+} |
+ |
+.vbox { |
+ display: flex !important; |
+ flex-direction: column; |
+} |
+ |
.inline-block { |
display: inline-block; |
} |
.hidden { |
- display: none; |
+ display: none !important; |
} |
-.nowrap { |
+.nowrap, |
+.nowrap-below, |
+.nowrap-below div, |
+.nowrap-below span { |
white-space: nowrap !important; |
} |
-#toolbar { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- height: 26px; |
+.toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); |
- padding-top: 1px; |
- padding-left: 5px; |
+ padding: 1px 0 0 1px; |
border-bottom: 1px solid rgb(80, 80, 80); |
- -webkit-flex-direction: row; |
background-origin: padding-box; |
background-clip: padding-box; |
} |
+.toolbar { |
+ flex: 0 0 25px; |
+ display: flex; |
+ flex-direction: row; |
+ position: relative; |
+} |
+ |
+.toolbar .tabbed-pane-header { |
+ border: none; |
+} |
+ |
+.toolbar .tabbed-pane-header-contents { |
+ margin: 0; |
+} |
+ |
+.toolbar .tabbed-pane-header-tab { |
+ border-width: 0 2px 0 2px; |
+ background: none; |
+ padding-right: 3px; |
+} |
+ |
+.toolbar .tabbed-pane-header-tab.selected { |
+ border-width: 0 2px 0 2px; |
+ -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; |
+} |
+ |
+.toolbar button.status-bar-item { |
+ border: none; |
+ margin: 0 -2px; |
+} |
+ |
button, |
input, |
select { |
@@ -125,210 +308,78 @@ |
font-size: inherit; |
} |
-body.inactive #toolbar { |
+body.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207))); |
border-bottom: 1px solid rgb(64%, 64%, 64%); |
} |
-body.dock-to-bottom #toolbar { |
+body.dock-to-bottom .toolbar-background { |
padding-top: 0; |
border-top: 1px solid rgb(100, 100, 100); |
cursor: default; |
} |
-body.dock-to-bottom.platform-mac #toolbar { |
+body.dock-to-bottom.platform-mac .toolbar-background { |
border-top-color: white; |
} |
-body.dock-to-bottom.inactive #toolbar { |
+body.dock-to-bottom.inactive .toolbar-background { |
border-top: 1px solid rgb(64%, 64%, 64%); |
} |
-body.platform-windows #toolbar, |
-body.platform-windows.inactive #toolbar { |
+body.platform-windows .toolbar-background, |
+body.platform-windows.inactive .toolbar-background { |
background-image: none; |
} |
-body.undocked.platform-mac-leopard #toolbar { |
+body.undocked.platform-mac-leopard .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important; |
} |
-body.undocked.platform-mac-leopard.inactive #toolbar { |
+body.undocked.platform-mac-leopard.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important; |
} |
-body.undocked.platform-mac-snowleopard #toolbar { |
+body.undocked.platform-mac-snowleopard .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important; |
} |
-body.undocked.platform-mac-snowleopard.inactive #toolbar { |
+body.undocked.platform-mac-snowleopard.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important; |
} |
-body.undocked.platform-mac-mountain-lion #toolbar { |
+body.undocked.platform-mac-mountain-lion .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important; |
} |
-body.undocked.platform-mac-mountain-lion.inactive #toolbar { |
+body.undocked.platform-mac-mountain-lion.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important; |
} |
-.toolbar-item { |
- display: inline-block; |
- float: left; |
- margin: 0; |
- padding-right: 6px; |
- background-color: transparent; |
- border-style: none; |
- border-color: transparent; |
- color: inherit; |
+.toolbar > .tabbed-pane-header { |
+ flex: auto; |
} |
-.toolbar-item { |
- height: 24px; |
+.toolbar-controls-left { |
+ flex: none; |
+ opacity: 0.8; |
+ padding-top: 1px; |
} |
-.toolbar-item.toggleable.toggled-on { |
- border-width: 0 2px 0 2px; |
- padding-left: 4px; |
- padding-right: 4px; |
- -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; |
+.toolbar-controls-right { |
+ flex: none; |
+ margin-right: 2px; |
+ padding-top: 1px; |
} |
-.toolbar-label { |
- line-height: 22px; |
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; |
- display: inline; |
+.toolbar-controls-right #error-warning-count, |
+.toolbar-controls-right .console-status-bar-item, |
+.toolbar-controls-right .settings-status-bar-item, |
+.toolbar-controls-right .dock-status-bar-item |
+{ |
+ opacity: 0.8; |
} |
-.toolbar-item.toggleable .close-button { |
- margin-left: 2px; |
- margin-right: -2px; |
- position: relative; |
- top: 2px; |
- opacity: 0.5; |
-} |
- |
-.toolbar-item.toggleable .close-button:hover { |
- opacity: 1; |
-} |
- |
-#toolbar-dropdown .toolbar-items-separator { |
- border-bottom: 1px solid #aaa; |
- width: 100%; |
- margin: 5px 0; |
-} |
- |
-.toolbar-item.toggleable:active .toolbar-label { |
- text-shadow: none; |
-} |
- |
-body.dock-to-bottom #search-toolbar-label { |
- display: none; |
-} |
- |
-#toolbar-controls { |
- float: right; |
- display: -webkit-flex; |
- -webkit-align-items: center; |
- height: 100%; |
-} |
- |
-#toolbar-dropdown-arrow { |
- font-size: 14px; |
- font-weight: bold; |
- border: 0; |
- background-color: transparent; |
- border-radius: 5px; |
- text-shadow: none; |
- cursor: default; |
- margin: 0; |
- /* A line height of 0 allows precise text positioning using padding. */ |
- line-height: 0; |
- padding: 11px 6px 11px; |
-} |
- |
-#toolbar-dropdown-arrow.dropdown-visible { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9))); |
-} |
- |
-#toolbar-dropdown-arrow:hover { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5))); |
-} |
- |
-#toolbar-dropdown-arrow:active { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8))); |
-} |
- |
-#toolbar-dropdown { |
- position: absolute; |
- z-index: 1000; |
- box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); |
- border: 1px solid rgb(128, 128, 128); |
- background-color: inherit; |
- background-image: inherit; |
-} |
- |
-body.undocked.platform-mac-leopard #toolbar-dropdown, |
-body.undocked.platform-mac-snowleopard #toolbar-dropdown { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); |
-} |
- |
-#toolbar-dropdown .scrollable-content { |
- display: -webkit-flex; |
- -webkit-flex-direction: column; |
- -webkit-align-items: flex-start; |
- padding-right: 0; |
-} |
- |
-#toolbar-dropdown .toolbar-item { |
- display: -webkit-flex; |
- -webkit-flex-direction: row; |
- -webkit-flex: none; |
- width: 100%; |
- border: 1px solid rgba(0, 0, 0, 0); |
-} |
- |
-#toolbar-dropdown .toolbar-item.toggleable.toggled-on { |
- border: 1px solid rgba(100, 100, 120, 0.4); |
- -webkit-border-image: none; |
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2))); |
-} |
- |
-#toolbar-dropdown .toolbar-item.toggleable:hover { |
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.3)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.1))); |
-} |
- |
-#toolbar-dropdown .toolbar-label { |
- line-height: 22px; |
- top: 0; |
-} |
- |
-#toolbar-panels-menu { |
- border: 0; |
- border-radius: 5px; |
- cursor: default; |
- font-family: Arial, Helvetica, sans-serif !important; |
- font-weight: bold; |
- line-height: 16px; |
- height: 22px; |
- padding: 0 4px 0 4px; |
- margin: 1px 3px; |
-} |
- |
-#toolbar-panels-menu:hover:not(.disabled) { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5))); |
-} |
- |
-#toolbar-panels-menu.disabled { |
- opacity: 0.4; |
- text-shadow: white 1px 1px 0; |
-} |
- |
-#toolbar-panels-menu:active:not(.disabled) { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8))); |
-} |
- |
.scrollable-content { |
position: static; |
height: 100%; |
@@ -517,73 +568,23 @@ |
} |
-.close-left { |
- float: left; |
-} |
- |
-body.undocked .toolbar-item.close-left, body.undocked .toolbar-item.close-right { |
+body.undocked .toolbar-item .close-button { |
display: none; |
} |
-body.platform-mac .toolbar-item.close-right { |
+body.remote .toolbar-item .close-button { |
display: none; |
} |
-body.remote .toolbar-item.close-left, body.remote .toolbar-item.close-right { |
- display: none; |
-} |
- |
-body:not(.platform-mac) .toolbar-item.close-left { |
- display: none; |
-} |
- |
-.toolbar-item.close-left, |
-.toolbar-item.close-right { |
- display: -webkit-flex; |
- -webkit-align-items: center; |
- height: 100%; |
- cursor: default; |
-} |
- |
-#root { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
-} |
- |
-#main { |
- position: absolute; |
- z-index: 1; |
- top: 26px; |
- left: 0; |
- right: 0; |
- bottom: 0; |
- overflow: hidden; |
+.panel-status-bar { |
+ border-top: none; |
+ display: flex; |
+ pointer-events: none; |
background-color: white; |
+ flex: 0 0 23px; |
+ position: relative; |
} |
-#main-panels { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 23px; |
- overflow: hidden; |
-} |
- |
-body.drawer-visible #main-panels { |
- bottom: 24px; |
-} |
- |
-#main-status-bar { |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
-} |
- |
.status-bar { |
position: relative; |
white-space: nowrap; |
@@ -591,7 +592,6 @@ |
overflow: hidden; |
width: 100%; |
z-index: 12; |
- background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235)); |
border-top: 1px solid rgb(202, 202, 202); |
display: -webkit-flex; |
} |
@@ -613,6 +613,7 @@ |
vertical-align: top; |
border: 0 transparent none; |
background-color: transparent; |
+ flex: none; |
} |
.status-bar-text { |
@@ -621,38 +622,6 @@ |
padding-top: 3px; |
} |
-#floating-status-bar-container { |
- position: absolute; |
- left: 0; |
- right: 0; |
- bottom: 0; |
- display: none; |
- border-bottom: 1px solid rgb(202, 202, 202); |
- cursor: ns-resize; |
- height: 24px; |
-} |
- |
-body.drawer-overlay #floating-status-bar-container { |
- box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7); |
-} |
- |
-body.drawer-visible #floating-status-bar-container { |
- display: -webkit-flex; |
-} |
- |
-#floating-status-bar-resizer { |
- content: url(Images/statusbarResizerVertical.png); |
- margin-top: 7px; |
- pointer-events: none; |
- height: 8px; |
-} |
- |
-#panel-status-bar { |
- -webkit-flex: 1 0; |
- display: -webkit-flex; |
- pointer-events: none; |
-} |
- |
#drawer-view-anchor { |
display: inline-block; |
} |
@@ -702,20 +671,12 @@ |
button.status-bar-item { |
position: relative; |
width: 32px; |
- border-left: 1px solid rgb(202, 202, 202); |
- border-right: 1px solid rgb(202, 202, 202); |
} |
.status-bar button.status-bar-item .glyph { |
margin: 0 -1px; |
} |
-.status-bar select.status-bar-item:active, |
-.status-bar button.status-bar-item:active { |
- border-left: 1px solid rgb(120, 120, 120); |
- border-right: 1px solid rgb(120, 120, 120); |
-} |
- |
button.status-bar-item .glyph.shadow { |
background-color: rgba(255, 255, 255, 0.33) !important; |
} |
@@ -724,11 +685,18 @@ |
background-color: rgb(66, 129, 235); |
} |
+button.status-bar-item:hover .glyph { |
+ opacity: 1; |
+} |
+ |
button.status-bar-item:disabled { |
- opacity: 0.5; |
background-position: 0 0 !important; |
} |
+button.status-bar-item:disabled .glyph { |
+ opacity: 0.5 !important; |
+} |
+ |
button.status-bar-item.extension { |
background-image: none; |
} |
@@ -770,15 +738,10 @@ |
line-height: 20px; |
} |
-select.status-bar-item, |
-select.status-bar-item:hover { |
- border-left: 1px solid rgb(202, 202, 202); |
- border-right: 1px solid rgb(202, 202, 202); |
-} |
- |
.status-bar-item > .glyph { |
-webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
-webkit-mask-size: 320px 120px; |
+ opacity: 0.8; |
} |
.console-filter > .glyph { |
@@ -820,13 +783,11 @@ |
height: 24px; |
margin-top: -1px; |
border: 1px solid rgb(202, 202, 202); |
- border-bottom: 1px solid transparent; |
} |
.alternate-status-bar-buttons-bar .status-bar-item.emulate-active { |
background-color: rgb(163,163,163); |
border: 1px solid rgb(120, 120, 120); |
- border-bottom: 1px solid transparent; |
} |
button.status-bar-item.settings-status-bar-item, |
@@ -946,6 +907,7 @@ |
} |
#error-warning-count { |
+ display: inline-block; |
padding: 4px 6px 6px 0; |
font-size: 11px; |
height: 19px; |
@@ -967,31 +929,45 @@ |
margin-left: 6px; |
} |
-#drawer { |
+.drawer { |
display: none; |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
- height: 200px; |
+ flex: 0 0 200px; |
+ position: relative; |
background-color: white; |
z-index: 1; |
} |
-#drawer-body { |
+#drawer-contents { |
position: absolute; |
top: 0; |
- bottom: 24px; |
+ bottom: 0; |
left: 0; |
right: 0; |
+ display: flex; |
} |
-#drawer-contents { |
+#drawer-contents > .tabbed-pane > .tabbed-pane-header { |
+ background-color: rgb(236, 236, 236); |
+ cursor: ns-resize; |
+ border-top: 1px solid rgb(124, 124, 124); |
+ border-bottom: 1px solid rgb(203, 203, 203); |
+} |
+ |
+body.inactive #drawer-contents .tabbed-pane-header { |
+ border-top: 1px solid rgb(64%, 64%, 64%); |
+} |
+ |
+#drawer-contents .tabbed-pane-header .tabbed-pane-header-tab { |
+ cursor: default; |
+} |
+ |
+.drawer-resizer { |
position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
right: 0; |
+ top: 8px; |
+ content: url(Images/statusbarResizerVertical.png); |
+ height: 8px; |
+ pointer-events: none; |
} |
#drawer-footer { |
@@ -1001,9 +977,10 @@ |
right: 0; |
font-size: 11px; |
height: 23px; |
+ background-color: rgb(236, 236, 236); |
} |
-body.drawer-visible #drawer { |
+body.drawer-visible .drawer { |
display: block; |
} |
@@ -1031,32 +1008,23 @@ |
font-family: dejavu sans mono, monospace; |
} |
-#console-view { |
- position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
- right: 0; |
- overflow-y: auto; |
+.console-status-bar { |
+ flex: 0 0 23px; |
+ overflow: hidden; |
} |
#console-messages { |
- position: absolute; |
- z-index: 0; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
+ flex: 1 1; |
padding: 2px 0; |
- overflow-y: overlay; |
+ overflow-y: auto; |
word-wrap: break-word; |
-webkit-user-select: text; |
+ border-top: 1px solid rgb(230, 230, 230); |
} |
#console-prompt { |
clear: right; |
position: relative; |
- border-top: 1px solid rgb(240, 240, 240); |
padding: 1px 22px 1px 0; |
margin-left: 24px; |
min-height: 16px; |
@@ -1076,7 +1044,7 @@ |
.console-user-command { |
clear: right; |
position: relative; |
- border-top: 1px solid rgb(240, 240, 240); |
+ border-bottom: 1px solid rgb(240, 240, 240); |
padding: 1px 22px 1px 0; |
margin-left: 24px; |
min-height: 16px; |
@@ -1149,7 +1117,8 @@ |
.repeated-message.console-error-level::before, |
.repeated-message.console-warning-level:before, |
-.repeated-message.console-debug-level:before { |
+.repeated-message.console-debug-level:before, |
+.repeated-message.console-info-level:before { |
visibility: hidden; |
} |
@@ -1233,7 +1202,8 @@ |
.console-error-level::before, |
.console-warning-level::before, |
-.console-debug-level::before { |
+.console-debug-level::before, |
+.console-info-level::before { |
background-image: url(Images/statusbarButtonGlyphs.png); |
background-size: 320px 120px; |
width: 10px; |
@@ -1243,7 +1213,8 @@ |
@media (-webkit-min-device-pixel-ratio: 1.5) { |
.console-error-level::before, |
.console-warning-level::before, |
-.console-debug-level::before { |
+.console-debug-level::before, |
+.console-info-level::before { |
background-image: url(Images/statusbarButtonGlyphs2x.png); |
} |
} /* media */ |
@@ -1256,6 +1227,10 @@ |
background-position: -213px -96px; |
} |
+.console-info-level::before { |
+ background-position: -213px -107px; |
+} |
+ |
.console-user-command .console-message { |
margin-left: -24px; |
padding-right: 0; |
@@ -1440,12 +1415,23 @@ |
left: 0; |
right: 0; |
bottom: 0; |
+ z-index: 0; |
} |
.panel.visible { |
display: block; |
} |
+.panel.extension-panel.visible { |
+ display: flex !important; |
+ flex-direction: column; |
+} |
+ |
+.extension-view { |
+ flex: auto; |
+ position: relative; |
+} |
+ |
iframe.extension { |
width: 100%; |
height: 100%; |
@@ -2093,7 +2079,8 @@ |
.console-warning-level.repeated-message, |
.console-error-level.repeated-message, |
.console-log-level.repeated-message, |
-.console-debug-level.repeated-message{ |
+.console-debug-level.repeated-message, |
+.console-info-level.repeated-message { |
display: -webkit-flex; |
} |
@@ -2299,21 +2286,18 @@ |
.sidebar-tree-item.selected { |
color: white; |
- border-top: 1px solid rgb(145, 160, 192); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); |
text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; |
background-origin: padding-box; |
background-clip: padding-box; |
+ background-color: rgb(56, 121, 217); |
} |
:focus .sidebar-tree-item.selected { |
- border-top: 1px solid rgb(68, 128, 200); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170))); |
+ background-color: rgb(56, 121, 217); |
} |
body.inactive .sidebar-tree-item.selected { |
- border-top: 1px solid rgb(151, 151, 151); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138))); |
+ background-color: rgb(180,180,180); |
} |
.sidebar-tree-item .titles { |
@@ -2412,7 +2396,7 @@ |
position: absolute; |
top: 0; |
bottom: 0; |
- left: 200px; |
+ left: 0; |
overflow: hidden; |
border-left: 1px solid rgb(184, 184, 184); |
margin-left: -1px; |
@@ -2633,14 +2617,26 @@ |
right: 0; |
} |
-.search-drawer-header input[type="search"].search-config-search { |
- font-size: 11px; |
- margin-left: 4px; |
+.search-drawer-header { |
+ flex: none; |
+ padding: 4px; |
+} |
+ |
+.search-drawer-header input[type="text"].search-config-search { |
+ -webkit-appearance: none; |
+ padding: 0 2px; |
+ margin: 0; |
+ border: 1px solid rgb(163, 163, 163); |
+ height: 20px; |
+ border-radius: 2px; |
color: #303030; |
- position: relative; |
- height: 19px; |
} |
+.search-drawer-header input[type="search"].search-config-search:focus { |
+ border: 1px solid rgb(190, 190, 190); |
+ outline: none; |
+} |
+ |
body.platform-mac .search-drawer-header input[type="search"].search-config-search { |
top: 1px; |
} |
@@ -2662,38 +2658,21 @@ |
margin-bottom: 4px; |
} |
-.drawer-header { |
- font-size: 11px; |
- border-right: 1px solid rgb(197, 197, 197); |
- line-height: 21px; |
- padding-left: 6px; |
- display: inline-block; |
-} |
- |
-.drawer-header .close-button { |
- position: relative; |
- top: 3px; |
- margin: 0 3px; |
-} |
- |
#bottom-status-bar-container { |
-webkit-flex: 1 1 0; |
width: 0; |
overflow: hidden; |
} |
-.search-status-bar-item { |
- display: inline-block; |
- cursor: pointer; |
- font-size: 11px; |
- height: 23px; |
+.search-status-bar-summary { |
+ background-color: rgb(236, 236, 236); |
+ border-top: 1px solid #ccc; |
+ padding-left: 5px; |
+ flex: 0 0 19px; |
} |
-.search-status-bar-message { |
- margin-left:5px; |
- margin-right:5px; |
- margin-top:5px; |
- float:left; |
+.search-status-bar-summary .progress-bar-container { |
+ margin-top: -4px; |
} |
.progress-bar-stop-button-item { |
@@ -2707,21 +2686,9 @@ |
background-color: rgb(216, 0, 0) !important; |
} |
-.search-results-status-bar-message { |
- margin-right: 10px; |
- cursor: default; |
- font-size: 11px; |
- float: right; |
- margin-top: 5px; |
-} |
- |
.search-view .search-results { |
- position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
- right: 0; |
overflow-y: auto; |
+ flex: auto; |
} |
#search-results-pane-file-based li { |
@@ -3000,16 +2967,14 @@ |
max-width: 200px; |
} |
-.inspector-footer { |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
+.inspector-footer.status-bar { |
+ flex: 0 0 auto; |
+ background-color: rgb(236, 236, 236); |
height: auto; |
} |
.progress-bar-container { |
- display: -webkit-flex; |
+ display: inline-flex; |
margin: 0 8px; |
-webkit-flex: 1 0; |
} |
@@ -3032,21 +2997,25 @@ |
margin-top: 1px; |
} |
-.source-frame-cursor-position { |
- padding-left: 6px; |
- padding-top: 4px; |
- display: inline-block; |
- pointer-events: auto; |
- -webkit-user-select: text; |
- font-size: 11px; |
- cursor: text; |
- line-height: 14px; |
-} |
- |
.elements-tree-outline li.parent::before { |
top: 0 !important; |
} |
+#drawer-editor-view { |
+ flex: auto; |
+} |
+ |
+.toolbar-close-button-item { |
+ display: inline-block; |
+ float: right; |
+ padding-right: 4px; |
+ padding-top: 4px; |
+ padding-left: 2px; |
+} |
+ |
+body.undocked .toolbar-close-button-item { |
+ display: none; |
+} |
/* inspectorCommon.css */ |
html { |
@@ -3131,9 +3100,9 @@ |
position: absolute; |
left: 0; |
right: 0; |
- height: 100%; |
top: 0; |
z-index: -100; |
+ bottom: 0; |
} |
.resources-event-dividers { |
@@ -3153,7 +3122,6 @@ |
right: 0; |
background-color: rgba(255, 255, 255, 0.8); |
background-clip: padding-box; |
- border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
height: 20px; |
z-index: 200; |
pointer-events: none; |
@@ -3203,6 +3171,7 @@ |
bottom: 0; |
background-color: rgba(125, 173, 217, 0.5); |
z-index: 250; |
+ pointer-events: none; |
} |
.overview-grid-window { |
@@ -3259,6 +3228,10 @@ |
/* Network timing is shared between popover and network item view pane */ |
+.network-timing-table td { |
+ padding: 0; |
+} |
+ |
.network-timing-row { |
position: relative; |
height: 16px; |
@@ -3404,6 +3377,12 @@ |
text-decoration: underline; |
} |
+.webkit-html-end-of-file { |
+ /* Keep this in sync with view-source.css (.webkit-html-end-of-file) */ |
+ color: rgb(255, 0, 0); |
+ font-weight: bold; |
+} |
+ |
/* popover.css */ |
.popover { |
@@ -3577,33 +3556,70 @@ |
bottom: 0; |
} |
+.hbox { |
+ display: flex !important; |
+ flex-direction: row; |
+} |
+ |
+.vbox { |
+ display: flex !important; |
+ flex-direction: column; |
+} |
+ |
.inline-block { |
display: inline-block; |
} |
.hidden { |
- display: none; |
+ display: none !important; |
} |
-.nowrap { |
+.nowrap, |
+.nowrap-below, |
+.nowrap-below div, |
+.nowrap-below span { |
white-space: nowrap !important; |
} |
-#toolbar { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- height: 26px; |
+.toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); |
- padding-top: 1px; |
- padding-left: 5px; |
+ padding: 1px 0 0 1px; |
border-bottom: 1px solid rgb(80, 80, 80); |
- -webkit-flex-direction: row; |
background-origin: padding-box; |
background-clip: padding-box; |
} |
+.toolbar { |
+ flex: 0 0 25px; |
+ display: flex; |
+ flex-direction: row; |
+ position: relative; |
+} |
+ |
+.toolbar .tabbed-pane-header { |
+ border: none; |
+} |
+ |
+.toolbar .tabbed-pane-header-contents { |
+ margin: 0; |
+} |
+ |
+.toolbar .tabbed-pane-header-tab { |
+ border-width: 0 2px 0 2px; |
+ background: none; |
+ padding-right: 3px; |
+} |
+ |
+.toolbar .tabbed-pane-header-tab.selected { |
+ border-width: 0 2px 0 2px; |
+ -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; |
+} |
+ |
+.toolbar button.status-bar-item { |
+ border: none; |
+ margin: 0 -2px; |
+} |
+ |
button, |
input, |
select { |
@@ -3611,210 +3627,78 @@ |
font-size: inherit; |
} |
-body.inactive #toolbar { |
+body.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207))); |
border-bottom: 1px solid rgb(64%, 64%, 64%); |
} |
-body.dock-to-bottom #toolbar { |
+body.dock-to-bottom .toolbar-background { |
padding-top: 0; |
border-top: 1px solid rgb(100, 100, 100); |
cursor: default; |
} |
-body.dock-to-bottom.platform-mac #toolbar { |
+body.dock-to-bottom.platform-mac .toolbar-background { |
border-top-color: white; |
} |
-body.dock-to-bottom.inactive #toolbar { |
+body.dock-to-bottom.inactive .toolbar-background { |
border-top: 1px solid rgb(64%, 64%, 64%); |
} |
-body.platform-windows #toolbar, |
-body.platform-windows.inactive #toolbar { |
+body.platform-windows .toolbar-background, |
+body.platform-windows.inactive .toolbar-background { |
background-image: none; |
} |
-body.undocked.platform-mac-leopard #toolbar { |
+body.undocked.platform-mac-leopard .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important; |
} |
-body.undocked.platform-mac-leopard.inactive #toolbar { |
+body.undocked.platform-mac-leopard.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important; |
} |
-body.undocked.platform-mac-snowleopard #toolbar { |
+body.undocked.platform-mac-snowleopard .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important; |
} |
-body.undocked.platform-mac-snowleopard.inactive #toolbar { |
+body.undocked.platform-mac-snowleopard.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important; |
} |
-body.undocked.platform-mac-mountain-lion #toolbar { |
+body.undocked.platform-mac-mountain-lion .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important; |
} |
-body.undocked.platform-mac-mountain-lion.inactive #toolbar { |
+body.undocked.platform-mac-mountain-lion.inactive .toolbar-background { |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important; |
} |
-.toolbar-item { |
- display: inline-block; |
- float: left; |
- margin: 0; |
- padding-right: 6px; |
- background-color: transparent; |
- border-style: none; |
- border-color: transparent; |
- color: inherit; |
+.toolbar > .tabbed-pane-header { |
+ flex: auto; |
} |
-.toolbar-item { |
- height: 24px; |
+.toolbar-controls-left { |
+ flex: none; |
+ opacity: 0.8; |
+ padding-top: 1px; |
} |
-.toolbar-item.toggleable.toggled-on { |
- border-width: 0 2px 0 2px; |
- padding-left: 4px; |
- padding-right: 4px; |
- -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; |
+.toolbar-controls-right { |
+ flex: none; |
+ margin-right: 2px; |
+ padding-top: 1px; |
} |
-.toolbar-label { |
- line-height: 22px; |
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; |
- display: inline; |
+.toolbar-controls-right #error-warning-count, |
+.toolbar-controls-right .console-status-bar-item, |
+.toolbar-controls-right .settings-status-bar-item, |
+.toolbar-controls-right .dock-status-bar-item |
+{ |
+ opacity: 0.8; |
} |
-.toolbar-item.toggleable .close-button { |
- margin-left: 2px; |
- margin-right: -2px; |
- position: relative; |
- top: 2px; |
- opacity: 0.5; |
-} |
- |
-.toolbar-item.toggleable .close-button:hover { |
- opacity: 1; |
-} |
- |
-#toolbar-dropdown .toolbar-items-separator { |
- border-bottom: 1px solid #aaa; |
- width: 100%; |
- margin: 5px 0; |
-} |
- |
-.toolbar-item.toggleable:active .toolbar-label { |
- text-shadow: none; |
-} |
- |
-body.dock-to-bottom #search-toolbar-label { |
- display: none; |
-} |
- |
-#toolbar-controls { |
- float: right; |
- display: -webkit-flex; |
- -webkit-align-items: center; |
- height: 100%; |
-} |
- |
-#toolbar-dropdown-arrow { |
- font-size: 14px; |
- font-weight: bold; |
- border: 0; |
- background-color: transparent; |
- border-radius: 5px; |
- text-shadow: none; |
- cursor: default; |
- margin: 0; |
- /* A line height of 0 allows precise text positioning using padding. */ |
- line-height: 0; |
- padding: 11px 6px 11px; |
-} |
- |
-#toolbar-dropdown-arrow.dropdown-visible { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9))); |
-} |
- |
-#toolbar-dropdown-arrow:hover { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5))); |
-} |
- |
-#toolbar-dropdown-arrow:active { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8))); |
-} |
- |
-#toolbar-dropdown { |
- position: absolute; |
- z-index: 1000; |
- box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); |
- border: 1px solid rgb(128, 128, 128); |
- background-color: inherit; |
- background-image: inherit; |
-} |
- |
-body.undocked.platform-mac-leopard #toolbar-dropdown, |
-body.undocked.platform-mac-snowleopard #toolbar-dropdown { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); |
-} |
- |
-#toolbar-dropdown .scrollable-content { |
- display: -webkit-flex; |
- -webkit-flex-direction: column; |
- -webkit-align-items: flex-start; |
- padding-right: 0; |
-} |
- |
-#toolbar-dropdown .toolbar-item { |
- display: -webkit-flex; |
- -webkit-flex-direction: row; |
- -webkit-flex: none; |
- width: 100%; |
- border: 1px solid rgba(0, 0, 0, 0); |
-} |
- |
-#toolbar-dropdown .toolbar-item.toggleable.toggled-on { |
- border: 1px solid rgba(100, 100, 120, 0.4); |
- -webkit-border-image: none; |
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2))); |
-} |
- |
-#toolbar-dropdown .toolbar-item.toggleable:hover { |
- background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.3)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.1))); |
-} |
- |
-#toolbar-dropdown .toolbar-label { |
- line-height: 22px; |
- top: 0; |
-} |
- |
-#toolbar-panels-menu { |
- border: 0; |
- border-radius: 5px; |
- cursor: default; |
- font-family: Arial, Helvetica, sans-serif !important; |
- font-weight: bold; |
- line-height: 16px; |
- height: 22px; |
- padding: 0 4px 0 4px; |
- margin: 1px 3px; |
-} |
- |
-#toolbar-panels-menu:hover:not(.disabled) { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5))); |
-} |
- |
-#toolbar-panels-menu.disabled { |
- opacity: 0.4; |
- text-shadow: white 1px 1px 0; |
-} |
- |
-#toolbar-panels-menu:active:not(.disabled) { |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8))); |
-} |
- |
.scrollable-content { |
position: static; |
height: 100%; |
@@ -4003,73 +3887,23 @@ |
} |
-.close-left { |
- float: left; |
-} |
- |
-body.undocked .toolbar-item.close-left, body.undocked .toolbar-item.close-right { |
+body.undocked .toolbar-item .close-button { |
display: none; |
} |
-body.platform-mac .toolbar-item.close-right { |
+body.remote .toolbar-item .close-button { |
display: none; |
} |
-body.remote .toolbar-item.close-left, body.remote .toolbar-item.close-right { |
- display: none; |
-} |
- |
-body:not(.platform-mac) .toolbar-item.close-left { |
- display: none; |
-} |
- |
-.toolbar-item.close-left, |
-.toolbar-item.close-right { |
- display: -webkit-flex; |
- -webkit-align-items: center; |
- height: 100%; |
- cursor: default; |
-} |
- |
-#root { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
-} |
- |
-#main { |
- position: absolute; |
- z-index: 1; |
- top: 26px; |
- left: 0; |
- right: 0; |
- bottom: 0; |
- overflow: hidden; |
+.panel-status-bar { |
+ border-top: none; |
+ display: flex; |
+ pointer-events: none; |
background-color: white; |
+ flex: 0 0 23px; |
+ position: relative; |
} |
-#main-panels { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 23px; |
- overflow: hidden; |
-} |
- |
-body.drawer-visible #main-panels { |
- bottom: 24px; |
-} |
- |
-#main-status-bar { |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
-} |
- |
.status-bar { |
position: relative; |
white-space: nowrap; |
@@ -4077,7 +3911,6 @@ |
overflow: hidden; |
width: 100%; |
z-index: 12; |
- background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235)); |
border-top: 1px solid rgb(202, 202, 202); |
display: -webkit-flex; |
} |
@@ -4099,6 +3932,7 @@ |
vertical-align: top; |
border: 0 transparent none; |
background-color: transparent; |
+ flex: none; |
} |
.status-bar-text { |
@@ -4107,38 +3941,6 @@ |
padding-top: 3px; |
} |
-#floating-status-bar-container { |
- position: absolute; |
- left: 0; |
- right: 0; |
- bottom: 0; |
- display: none; |
- border-bottom: 1px solid rgb(202, 202, 202); |
- cursor: ns-resize; |
- height: 24px; |
-} |
- |
-body.drawer-overlay #floating-status-bar-container { |
- box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7); |
-} |
- |
-body.drawer-visible #floating-status-bar-container { |
- display: -webkit-flex; |
-} |
- |
-#floating-status-bar-resizer { |
- content: url(Images/statusbarResizerVertical.png); |
- margin-top: 7px; |
- pointer-events: none; |
- height: 8px; |
-} |
- |
-#panel-status-bar { |
- -webkit-flex: 1 0; |
- display: -webkit-flex; |
- pointer-events: none; |
-} |
- |
#drawer-view-anchor { |
display: inline-block; |
} |
@@ -4188,20 +3990,12 @@ |
button.status-bar-item { |
position: relative; |
width: 32px; |
- border-left: 1px solid rgb(202, 202, 202); |
- border-right: 1px solid rgb(202, 202, 202); |
} |
.status-bar button.status-bar-item .glyph { |
margin: 0 -1px; |
} |
-.status-bar select.status-bar-item:active, |
-.status-bar button.status-bar-item:active { |
- border-left: 1px solid rgb(120, 120, 120); |
- border-right: 1px solid rgb(120, 120, 120); |
-} |
- |
button.status-bar-item .glyph.shadow { |
background-color: rgba(255, 255, 255, 0.33) !important; |
} |
@@ -4210,11 +4004,18 @@ |
background-color: rgb(66, 129, 235); |
} |
+button.status-bar-item:hover .glyph { |
+ opacity: 1; |
+} |
+ |
button.status-bar-item:disabled { |
- opacity: 0.5; |
background-position: 0 0 !important; |
} |
+button.status-bar-item:disabled .glyph { |
+ opacity: 0.5 !important; |
+} |
+ |
button.status-bar-item.extension { |
background-image: none; |
} |
@@ -4256,15 +4057,10 @@ |
line-height: 20px; |
} |
-select.status-bar-item, |
-select.status-bar-item:hover { |
- border-left: 1px solid rgb(202, 202, 202); |
- border-right: 1px solid rgb(202, 202, 202); |
-} |
- |
.status-bar-item > .glyph { |
-webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
-webkit-mask-size: 320px 120px; |
+ opacity: 0.8; |
} |
.console-filter > .glyph { |
@@ -4306,13 +4102,11 @@ |
height: 24px; |
margin-top: -1px; |
border: 1px solid rgb(202, 202, 202); |
- border-bottom: 1px solid transparent; |
} |
.alternate-status-bar-buttons-bar .status-bar-item.emulate-active { |
background-color: rgb(163,163,163); |
border: 1px solid rgb(120, 120, 120); |
- border-bottom: 1px solid transparent; |
} |
button.status-bar-item.settings-status-bar-item, |
@@ -4432,6 +4226,7 @@ |
} |
#error-warning-count { |
+ display: inline-block; |
padding: 4px 6px 6px 0; |
font-size: 11px; |
height: 19px; |
@@ -4453,31 +4248,45 @@ |
margin-left: 6px; |
} |
-#drawer { |
+.drawer { |
display: none; |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
- height: 200px; |
+ flex: 0 0 200px; |
+ position: relative; |
background-color: white; |
z-index: 1; |
} |
-#drawer-body { |
+#drawer-contents { |
position: absolute; |
top: 0; |
- bottom: 24px; |
+ bottom: 0; |
left: 0; |
right: 0; |
+ display: flex; |
} |
-#drawer-contents { |
+#drawer-contents > .tabbed-pane > .tabbed-pane-header { |
+ background-color: rgb(236, 236, 236); |
+ cursor: ns-resize; |
+ border-top: 1px solid rgb(124, 124, 124); |
+ border-bottom: 1px solid rgb(203, 203, 203); |
+} |
+ |
+body.inactive #drawer-contents .tabbed-pane-header { |
+ border-top: 1px solid rgb(64%, 64%, 64%); |
+} |
+ |
+#drawer-contents .tabbed-pane-header .tabbed-pane-header-tab { |
+ cursor: default; |
+} |
+ |
+.drawer-resizer { |
position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
right: 0; |
+ top: 8px; |
+ content: url(Images/statusbarResizerVertical.png); |
+ height: 8px; |
+ pointer-events: none; |
} |
#drawer-footer { |
@@ -4487,9 +4296,10 @@ |
right: 0; |
font-size: 11px; |
height: 23px; |
+ background-color: rgb(236, 236, 236); |
} |
-body.drawer-visible #drawer { |
+body.drawer-visible .drawer { |
display: block; |
} |
@@ -4517,32 +4327,23 @@ |
font-family: dejavu sans mono, monospace; |
} |
-#console-view { |
- position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
- right: 0; |
- overflow-y: auto; |
+.console-status-bar { |
+ flex: 0 0 23px; |
+ overflow: hidden; |
} |
#console-messages { |
- position: absolute; |
- z-index: 0; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
+ flex: 1 1; |
padding: 2px 0; |
- overflow-y: overlay; |
+ overflow-y: auto; |
word-wrap: break-word; |
-webkit-user-select: text; |
+ border-top: 1px solid rgb(230, 230, 230); |
} |
#console-prompt { |
clear: right; |
position: relative; |
- border-top: 1px solid rgb(240, 240, 240); |
padding: 1px 22px 1px 0; |
margin-left: 24px; |
min-height: 16px; |
@@ -4562,7 +4363,7 @@ |
.console-user-command { |
clear: right; |
position: relative; |
- border-top: 1px solid rgb(240, 240, 240); |
+ border-bottom: 1px solid rgb(240, 240, 240); |
padding: 1px 22px 1px 0; |
margin-left: 24px; |
min-height: 16px; |
@@ -4635,7 +4436,8 @@ |
.repeated-message.console-error-level::before, |
.repeated-message.console-warning-level:before, |
-.repeated-message.console-debug-level:before { |
+.repeated-message.console-debug-level:before, |
+.repeated-message.console-info-level:before { |
visibility: hidden; |
} |
@@ -4719,7 +4521,8 @@ |
.console-error-level::before, |
.console-warning-level::before, |
-.console-debug-level::before { |
+.console-debug-level::before, |
+.console-info-level::before { |
background-image: url(Images/statusbarButtonGlyphs.png); |
background-size: 320px 120px; |
width: 10px; |
@@ -4729,7 +4532,8 @@ |
@media (-webkit-min-device-pixel-ratio: 1.5) { |
.console-error-level::before, |
.console-warning-level::before, |
-.console-debug-level::before { |
+.console-debug-level::before, |
+.console-info-level::before { |
background-image: url(Images/statusbarButtonGlyphs2x.png); |
} |
} /* media */ |
@@ -4742,6 +4546,10 @@ |
background-position: -213px -96px; |
} |
+.console-info-level::before { |
+ background-position: -213px -107px; |
+} |
+ |
.console-user-command .console-message { |
margin-left: -24px; |
padding-right: 0; |
@@ -4926,12 +4734,23 @@ |
left: 0; |
right: 0; |
bottom: 0; |
+ z-index: 0; |
} |
.panel.visible { |
display: block; |
} |
+.panel.extension-panel.visible { |
+ display: flex !important; |
+ flex-direction: column; |
+} |
+ |
+.extension-view { |
+ flex: auto; |
+ position: relative; |
+} |
+ |
iframe.extension { |
width: 100%; |
height: 100%; |
@@ -5579,7 +5398,8 @@ |
.console-warning-level.repeated-message, |
.console-error-level.repeated-message, |
.console-log-level.repeated-message, |
-.console-debug-level.repeated-message{ |
+.console-debug-level.repeated-message, |
+.console-info-level.repeated-message { |
display: -webkit-flex; |
} |
@@ -5785,21 +5605,18 @@ |
.sidebar-tree-item.selected { |
color: white; |
- border-top: 1px solid rgb(145, 160, 192); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177))); |
text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; |
background-origin: padding-box; |
background-clip: padding-box; |
+ background-color: rgb(56, 121, 217); |
} |
:focus .sidebar-tree-item.selected { |
- border-top: 1px solid rgb(68, 128, 200); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170))); |
+ background-color: rgb(56, 121, 217); |
} |
body.inactive .sidebar-tree-item.selected { |
- border-top: 1px solid rgb(151, 151, 151); |
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138))); |
+ background-color: rgb(180,180,180); |
} |
.sidebar-tree-item .titles { |
@@ -5898,7 +5715,7 @@ |
position: absolute; |
top: 0; |
bottom: 0; |
- left: 200px; |
+ left: 0; |
overflow: hidden; |
border-left: 1px solid rgb(184, 184, 184); |
margin-left: -1px; |
@@ -6119,14 +5936,26 @@ |
right: 0; |
} |
-.search-drawer-header input[type="search"].search-config-search { |
- font-size: 11px; |
- margin-left: 4px; |
+.search-drawer-header { |
+ flex: none; |
+ padding: 4px; |
+} |
+ |
+.search-drawer-header input[type="text"].search-config-search { |
+ -webkit-appearance: none; |
+ padding: 0 2px; |
+ margin: 0; |
+ border: 1px solid rgb(163, 163, 163); |
+ height: 20px; |
+ border-radius: 2px; |
color: #303030; |
- position: relative; |
- height: 19px; |
} |
+.search-drawer-header input[type="search"].search-config-search:focus { |
+ border: 1px solid rgb(190, 190, 190); |
+ outline: none; |
+} |
+ |
body.platform-mac .search-drawer-header input[type="search"].search-config-search { |
top: 1px; |
} |
@@ -6148,38 +5977,21 @@ |
margin-bottom: 4px; |
} |
-.drawer-header { |
- font-size: 11px; |
- border-right: 1px solid rgb(197, 197, 197); |
- line-height: 21px; |
- padding-left: 6px; |
- display: inline-block; |
-} |
- |
-.drawer-header .close-button { |
- position: relative; |
- top: 3px; |
- margin: 0 3px; |
-} |
- |
#bottom-status-bar-container { |
-webkit-flex: 1 1 0; |
width: 0; |
overflow: hidden; |
} |
-.search-status-bar-item { |
- display: inline-block; |
- cursor: pointer; |
- font-size: 11px; |
- height: 23px; |
+.search-status-bar-summary { |
+ background-color: rgb(236, 236, 236); |
+ border-top: 1px solid #ccc; |
+ padding-left: 5px; |
+ flex: 0 0 19px; |
} |
-.search-status-bar-message { |
- margin-left:5px; |
- margin-right:5px; |
- margin-top:5px; |
- float:left; |
+.search-status-bar-summary .progress-bar-container { |
+ margin-top: -4px; |
} |
.progress-bar-stop-button-item { |
@@ -6193,21 +6005,9 @@ |
background-color: rgb(216, 0, 0) !important; |
} |
-.search-results-status-bar-message { |
- margin-right: 10px; |
- cursor: default; |
- font-size: 11px; |
- float: right; |
- margin-top: 5px; |
-} |
- |
.search-view .search-results { |
- position: absolute; |
- top: 0; |
- bottom: 0; |
- left: 0; |
- right: 0; |
overflow-y: auto; |
+ flex: auto; |
} |
#search-results-pane-file-based li { |
@@ -6486,16 +6286,14 @@ |
max-width: 200px; |
} |
-.inspector-footer { |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
+.inspector-footer.status-bar { |
+ flex: 0 0 auto; |
+ background-color: rgb(236, 236, 236); |
height: auto; |
} |
.progress-bar-container { |
- display: -webkit-flex; |
+ display: inline-flex; |
margin: 0 8px; |
-webkit-flex: 1 0; |
} |
@@ -6518,18 +6316,22 @@ |
margin-top: 1px; |
} |
-.source-frame-cursor-position { |
- padding-left: 6px; |
- padding-top: 4px; |
- display: inline-block; |
- pointer-events: auto; |
- -webkit-user-select: text; |
- font-size: 11px; |
- cursor: text; |
- line-height: 14px; |
-} |
- |
.elements-tree-outline li.parent::before { |
top: 0 !important; |
} |
+#drawer-editor-view { |
+ flex: auto; |
+} |
+ |
+.toolbar-close-button-item { |
+ display: inline-block; |
+ float: right; |
+ padding-right: 4px; |
+ padding-top: 4px; |
+ padding-left: 2px; |
+} |
+ |
+body.undocked .toolbar-close-button-item { |
+ display: none; |
+} |