| 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;
|
| +}
|
|
|
Chromium Code Reviews
Issue 85333005:
Update reference builds to Chrome 32.0.1700.19 (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/