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

Unified Diff: chrome_linux/resources/inspector/inspector.css

Issue 14690006: Update reference builds to r197396. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: Created 7 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome_linux/resources/inspector/helpScreen.css ('k') | chrome_linux/resources/inspector/inspector.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome_linux/resources/inspector/inspector.css
===================================================================
--- chrome_linux/resources/inspector/inspector.css (revision 197568)
+++ chrome_linux/resources/inspector/inspector.css (working copy)
@@ -243,20 +243,22 @@
display: inline;
}
-.toolbar-item-close-button {
- display: inline-block;
- margin: auto 0 auto 4px;
- color: #555;
- line-height: 10px;
- font-family: Arial, Helvetica, sans-serif !important;
- font-size: 16px;
- opacity: 0.4;
+.toolbar-item.toggleable .close-button {
+ margin-left: 2px;
+ margin-right: -2px;
+ position: relative;
+ top: 2px;
+ opacity: 0.5;
}
-.toolbar-item .toolbar-item-close-button:hover {
+.toolbar-item.toggleable .close-button:hover {
opacity: 1;
}
+body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable .close-button {
+ top: 3px;
+}
+
#toolbar-dropdown .toolbar-items-separator {
border-bottom: 1px solid #aaa;
width: 100%;
@@ -649,21 +651,47 @@
background-position-x: -168px;
}
-#close-button-left, #close-button-right {
+.close-button, .close-button-gray {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ display: inline-block;
+}
+
+.close-button {
width: 14px;
height: 14px;
- background-image: url(Images/closeButtons.png);
- background-position: 0 0;
+ background-position: -128px -216px;
}
-#close-button-left:hover, #close-button-right:hover {
- background-position: 14px 0;
+.close-button-gray {
+ width: 13px;
+ height: 13px;
+ background-position: -175px -216px;
}
-#close-button-left:active, #close-button-right:active {
- background-position: 28px 0;
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.close-button, .close-button-gray {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
}
+}
+.close-button:hover {
+ background-position: -96px -216px;
+}
+
+.close-button:active {
+ background-position: -111px -216px;
+}
+
+.close-button-gray:hover {
+ background-position: -143px -216px;
+}
+
+.close-button-gray:active {
+ background-position: -160px -216px;
+}
+
+
.close-left {
float: left;
}
@@ -769,6 +797,12 @@
background-color: transparent;
}
+.status-bar-text {
+ padding-left: 5px;
+ padding-right: 15px;
+ padding-top: 3px;
+}
+
#floating-status-bar-container {
position: absolute;
left: 0;
@@ -781,9 +815,15 @@
}
.animate #floating-status-bar-container {
- -webkit-transition: padding 100ms linear;
+ -webkit-transition-property: padding-left, bottom;
+ -webkit-transition-duration: 100ms;
+ -webkit-transition-timing-function: linear;
}
+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;
}
@@ -884,26 +924,41 @@
.status-bar-select-container {
display: inline-block;
- background-image: url(Images/disclosureTriangleSmallDown.png);
- background-repeat: no-repeat;
- background-position-x: right;
- background-position-y: 5px;
- padding-right: 10px;
- border-right: 5px solid transparent;
}
+.status-bar-select-arrow {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ opacity: 0.7;
+ width: 10px;
+ height: 10px;
+ background-position: -20px -96px;
+ display: inline-block;
+ pointer-events: none;
+ position: relative;
+ top: 3px;
+ left: -3px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.status-bar-select-arrow {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
select.status-bar-item {
min-width: 48px;
- font-weight: bold;
color: rgb(48, 48, 48);
text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
-webkit-appearance: none;
border: 0;
border-radius: 0;
padding: 0 15px 0 5px;
- margin-right: -15px;
+ margin-right: -10px;
position: relative;
- top: -1px;
+ line-height: 20px;
+ font-family: inherit;
+ font-size: inherit;
}
select.status-bar-item, select.status-bar-item:hover {
@@ -981,6 +1036,40 @@
-webkit-mask-position: -64px 0;
}
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ width: 10px;
+ height: 10px;
+ display: inline-block;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
+.error-icon-small {
+ background-position: -213px -96px;
+}
+
+.warning-icon-small {
+ background-position: -202px -107px;
+}
+
+.red-ball {
+ background-position: -224px -96px;
+}
+
+.green-ball {
+ background-position: -235px -96px;
+}
+
+.orange-ball {
+ background-position: -246px -96px;
+}
+
#error-warning-count {
padding: 4px 6px 6px 0px;
font-size: 11px;
@@ -993,26 +1082,15 @@
border-bottom: 1px solid rgb(96, 96, 96);
}
-#error-count-img {
- content: url(Images/errorIcon.png);
- width: 10px;
- height: 10px;
+#error-warning-count .error-icon-small, #error-warning-count .warning-icon-small {
vertical-align: -1px;
margin-right: 2px;
}
-#error-count + #warning-count-img {
+#error-warning-count .warning-icon-small {
margin-left: 6px;
}
-#warning-count-img {
- content: url(Images/warningIcon.png);
- width: 10px;
- height: 10px;
- vertical-align: -1px;
- margin-right: 2px;
-}
-
#drawer {
display: none;
position: absolute;
@@ -1021,6 +1099,7 @@
right: 0;
height: 200px;
background-color: white;
+ z-index: 1;
}
.animate #drawer {
@@ -1094,11 +1173,11 @@
}
#console-prompt::before {
- background-image: url(Images/userInputIcon.png);
+ background-position: -192px -96px;
}
.console-user-command-result.console-log-level::before {
- background-image: url(Images/userInputResultIcon.png);
+ background-position: -202px -96px;
}
.console-message, .console-user-command {
@@ -1132,8 +1211,16 @@
height: 10px;
margin-top: -6px;
-webkit-user-select: none;
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
}
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
.console-message > .outline-disclosure li.parent::before {
top: 0;
}
@@ -1241,19 +1328,27 @@
color: blue;
}
-.console-debug-level::before {
- background-image: url(Images/searchSmallBrightBlue.png);
+.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ width: 10px;
+ height: 10px;
}
-.console-error-level::before {
- background-image: url(Images/errorIcon.png);
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
}
+}
.console-warning-level::before {
- background-image: url(Images/warningIcon.png);
- margin-top: -7px;
+ background-position: -202px -107px;
}
+.console-error-level::before {
+ background-position: -213px -96px;
+}
+
.console-user-command .console-message {
margin-left: -24px;
padding-right: 0;
@@ -1261,7 +1356,7 @@
}
.console-user-command::before {
- background-image: url(Images/userInputPreviousIcon.png);
+ background-position: -192px -107px;
}
.console-user-command > .console-message-text {
@@ -1502,8 +1597,7 @@
background-color: rgb(56, 121, 217);
}
-.outline-disclosure ol.search-match-not-found li.selected .selection {
- border: 1px solid rgb(56, 121, 217);
+.outline-disclosure ol:focus li.parent.selected::before {
background-color: white;
}
@@ -1538,18 +1632,10 @@
color: white;
}
-.outline-disclosure ol.search-match-found li.selected {
- color: white;
-}
-
.outline-disclosure ol:focus li.selected * {
color: inherit;
}
-.outline-disclosure ol.search-match-found li.selected * {
- color: inherit;
-}
-
.outline-disclosure li.parent {
margin-left: -12px
}
@@ -1592,22 +1678,10 @@
background-color: rgb(110, 110, 110);
}
-.outline-disclosure ol:focus li.parent.selected::before,
-.outline-disclosure ol.search-match-found li.parent.selected::before {
- -webkit-mask-position: -4px -96px;
- background-color: white;
-}
-
.outline-disclosure li.parent.expanded::before {
-webkit-mask-position: -20px -96px;
}
-.outline-disclosure ol:focus li.parent.expanded.selected::before,
-.outline-disclosure ol.search-match-found li.parent.expanded.selected::before {
- -webkit-mask-position: -20px -96px;
- background-color: white;
-}
-
.outline-disclosure ol.children {
display: none;
}
@@ -1782,6 +1856,7 @@
-webkit-user-select: text;
cursor: default;
padding-top: 2px;
+ line-height: 12px;
}
.properties-tree li.parent {
@@ -2046,7 +2121,6 @@
margin: 0 2px;
padding: 2px 6px;
line-height: 12px;
- font-weight: bold;
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-webkit-border-radius: 8px;
@@ -2175,52 +2249,45 @@
.sidebar-tree-item .disclosure-button {
float: left;
- width: 16px;
- height: 100%;
+ width: 10px;
+ height: 10px;
border: 0;
- background-color: transparent;
- background-image: url(Images/disclosureTriangleSmallRight.png);
- background-repeat: no-repeat;
- background-position: center;
+ -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+ -webkit-mask-size: 320px 120px;
-webkit-apearance: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ position: relative;
+ top: 10px;
}
-.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
- display: none;
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.sidebar-tree-item .disclosure-button {
+ -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
}
-
-body.inactive .sidebar-tree-item .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallRightBlack.png);
}
-body.inactive .sidebar-tree-item.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDownBlack.png);
+.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
+ display: none;
}
-body.inactive .sidebar-tree-item .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
+.sidebar-tree-item .disclosure-button {
+ -webkit-mask-position: -4px -96px;
}
.sidebar-tree-item.selected .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
+ background-color: white;
+ -webkit-mask-position: -4px -96px;
}
.sidebar-tree-item.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDown.png);
+ -webkit-mask-position: -20px -96px;
}
.sidebar-tree-item.selected.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
+ background-color: white;
+ -webkit-mask-position: -20px -96px;
}
-.sidebar-tree-item.selected .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
-}
-
-.sidebar-tree-item .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDown.png);
-}
-
.sidebar-tree-item .icon {
float: left;
width: 32px;
@@ -2376,8 +2443,7 @@
}
.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
- margin-bottom: -3px;
- margin-left: 5px;
+ margin: 5px 5px 0;
vertical-align: middle;
}
@@ -2609,6 +2675,7 @@
margin-left: 4px;
color: #303030;
position: relative;
+ height: 19px;
}
body.platform-mac .search-drawer-header input[type="search"].search-config-search {
@@ -2640,23 +2707,12 @@
display: inline-block;
}
-.drawer-header-close-button {
- padding: 3px 8px;
- font-size: 14px;
- color:rgb(80, 80, 80);
- opacity: 0.5;
+.drawer-header .close-button {
position: relative;
- top: 1px;
+ top: 3px;
+ margin: 0 3px;
}
-.drawer-header-close-button:hover {
- opacity: 1;
-}
-
-.drawer-header-close-button:active {
- opacity: 0.7;
-}
-
#bottom-status-bar-container {
-webkit-flex: 1 1 0;
width: 0;
@@ -3035,7 +3091,7 @@
right: 0;
overflow: hidden;
font-family: Lucida Grande, sans-serif;
- font-size: 11px;
+ font-size: 12px;
margin: 0;
tab-size: 4;
-webkit-user-select: none;
@@ -3045,18 +3101,15 @@
body.platform-linux {
color: rgb(48, 57, 66);
font-family: Ubuntu, Arial, sans-serif;
- font-size: 12px;
}
body.platform-mac {
color: rgb(48, 57, 66);
font-family: 'Lucida Grande', sans-serif;
- font-size: 12px;
}
body.platform-windows {
font-family: 'Segoe UI', Tahoma, sans-serif;
- font-size: 12px;
}
body.dock-to-right:not(.undocked) {
@@ -3537,7 +3590,6 @@
.popover-details-title {
border-bottom: 1px solid #B8B8B8;
- font-size: 11px;
font-weight: bold;
padding-bottom: 5px;
padding-top: 0px;
@@ -3742,20 +3794,22 @@
display: inline;
}
-.toolbar-item-close-button {
- display: inline-block;
- margin: auto 0 auto 4px;
- color: #555;
- line-height: 10px;
- font-family: Arial, Helvetica, sans-serif !important;
- font-size: 16px;
- opacity: 0.4;
+.toolbar-item.toggleable .close-button {
+ margin-left: 2px;
+ margin-right: -2px;
+ position: relative;
+ top: 2px;
+ opacity: 0.5;
}
-.toolbar-item .toolbar-item-close-button:hover {
+.toolbar-item.toggleable .close-button:hover {
opacity: 1;
}
+body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable .close-button {
+ top: 3px;
+}
+
#toolbar-dropdown .toolbar-items-separator {
border-bottom: 1px solid #aaa;
width: 100%;
@@ -4148,21 +4202,47 @@
background-position-x: -168px;
}
-#close-button-left, #close-button-right {
+.close-button, .close-button-gray {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ display: inline-block;
+}
+
+.close-button {
width: 14px;
height: 14px;
- background-image: url(Images/closeButtons.png);
- background-position: 0 0;
+ background-position: -128px -216px;
}
-#close-button-left:hover, #close-button-right:hover {
- background-position: 14px 0;
+.close-button-gray {
+ width: 13px;
+ height: 13px;
+ background-position: -175px -216px;
}
-#close-button-left:active, #close-button-right:active {
- background-position: 28px 0;
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.close-button, .close-button-gray {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
}
+}
+.close-button:hover {
+ background-position: -96px -216px;
+}
+
+.close-button:active {
+ background-position: -111px -216px;
+}
+
+.close-button-gray:hover {
+ background-position: -143px -216px;
+}
+
+.close-button-gray:active {
+ background-position: -160px -216px;
+}
+
+
.close-left {
float: left;
}
@@ -4268,6 +4348,12 @@
background-color: transparent;
}
+.status-bar-text {
+ padding-left: 5px;
+ padding-right: 15px;
+ padding-top: 3px;
+}
+
#floating-status-bar-container {
position: absolute;
left: 0;
@@ -4280,9 +4366,15 @@
}
.animate #floating-status-bar-container {
- -webkit-transition: padding 100ms linear;
+ -webkit-transition-property: padding-left, bottom;
+ -webkit-transition-duration: 100ms;
+ -webkit-transition-timing-function: linear;
}
+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;
}
@@ -4383,26 +4475,41 @@
.status-bar-select-container {
display: inline-block;
- background-image: url(Images/disclosureTriangleSmallDown.png);
- background-repeat: no-repeat;
- background-position-x: right;
- background-position-y: 5px;
- padding-right: 10px;
- border-right: 5px solid transparent;
}
+.status-bar-select-arrow {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ opacity: 0.7;
+ width: 10px;
+ height: 10px;
+ background-position: -20px -96px;
+ display: inline-block;
+ pointer-events: none;
+ position: relative;
+ top: 3px;
+ left: -3px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.status-bar-select-arrow {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
select.status-bar-item {
min-width: 48px;
- font-weight: bold;
color: rgb(48, 48, 48);
text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
-webkit-appearance: none;
border: 0;
border-radius: 0;
padding: 0 15px 0 5px;
- margin-right: -15px;
+ margin-right: -10px;
position: relative;
- top: -1px;
+ line-height: 20px;
+ font-family: inherit;
+ font-size: inherit;
}
select.status-bar-item, select.status-bar-item:hover {
@@ -4480,6 +4587,40 @@
-webkit-mask-position: -64px 0;
}
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ width: 10px;
+ height: 10px;
+ display: inline-block;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
+.error-icon-small {
+ background-position: -213px -96px;
+}
+
+.warning-icon-small {
+ background-position: -202px -107px;
+}
+
+.red-ball {
+ background-position: -224px -96px;
+}
+
+.green-ball {
+ background-position: -235px -96px;
+}
+
+.orange-ball {
+ background-position: -246px -96px;
+}
+
#error-warning-count {
padding: 4px 6px 6px 0px;
font-size: 11px;
@@ -4492,26 +4633,15 @@
border-bottom: 1px solid rgb(96, 96, 96);
}
-#error-count-img {
- content: url(Images/errorIcon.png);
- width: 10px;
- height: 10px;
+#error-warning-count .error-icon-small, #error-warning-count .warning-icon-small {
vertical-align: -1px;
margin-right: 2px;
}
-#error-count + #warning-count-img {
+#error-warning-count .warning-icon-small {
margin-left: 6px;
}
-#warning-count-img {
- content: url(Images/warningIcon.png);
- width: 10px;
- height: 10px;
- vertical-align: -1px;
- margin-right: 2px;
-}
-
#drawer {
display: none;
position: absolute;
@@ -4520,6 +4650,7 @@
right: 0;
height: 200px;
background-color: white;
+ z-index: 1;
}
.animate #drawer {
@@ -4593,11 +4724,11 @@
}
#console-prompt::before {
- background-image: url(Images/userInputIcon.png);
+ background-position: -192px -96px;
}
.console-user-command-result.console-log-level::before {
- background-image: url(Images/userInputResultIcon.png);
+ background-position: -202px -96px;
}
.console-message, .console-user-command {
@@ -4631,8 +4762,16 @@
height: 10px;
margin-top: -6px;
-webkit-user-select: none;
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
}
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
+}
+}
+
.console-message > .outline-disclosure li.parent::before {
top: 0;
}
@@ -4740,19 +4879,27 @@
color: blue;
}
-.console-debug-level::before {
- background-image: url(Images/searchSmallBrightBlue.png);
+.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 120px;
+ width: 10px;
+ height: 10px;
}
-.console-error-level::before {
- background-image: url(Images/errorIcon.png);
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
+ background-image: url(Images/statusbarButtonGlyphs2x.png);
}
+}
.console-warning-level::before {
- background-image: url(Images/warningIcon.png);
- margin-top: -7px;
+ background-position: -202px -107px;
}
+.console-error-level::before {
+ background-position: -213px -96px;
+}
+
.console-user-command .console-message {
margin-left: -24px;
padding-right: 0;
@@ -4760,7 +4907,7 @@
}
.console-user-command::before {
- background-image: url(Images/userInputPreviousIcon.png);
+ background-position: -192px -107px;
}
.console-user-command > .console-message-text {
@@ -5001,8 +5148,7 @@
background-color: rgb(56, 121, 217);
}
-.outline-disclosure ol.search-match-not-found li.selected .selection {
- border: 1px solid rgb(56, 121, 217);
+.outline-disclosure ol:focus li.parent.selected::before {
background-color: white;
}
@@ -5037,18 +5183,10 @@
color: white;
}
-.outline-disclosure ol.search-match-found li.selected {
- color: white;
-}
-
.outline-disclosure ol:focus li.selected * {
color: inherit;
}
-.outline-disclosure ol.search-match-found li.selected * {
- color: inherit;
-}
-
.outline-disclosure li.parent {
margin-left: -12px
}
@@ -5091,22 +5229,10 @@
background-color: rgb(110, 110, 110);
}
-.outline-disclosure ol:focus li.parent.selected::before,
-.outline-disclosure ol.search-match-found li.parent.selected::before {
- -webkit-mask-position: -4px -96px;
- background-color: white;
-}
-
.outline-disclosure li.parent.expanded::before {
-webkit-mask-position: -20px -96px;
}
-.outline-disclosure ol:focus li.parent.expanded.selected::before,
-.outline-disclosure ol.search-match-found li.parent.expanded.selected::before {
- -webkit-mask-position: -20px -96px;
- background-color: white;
-}
-
.outline-disclosure ol.children {
display: none;
}
@@ -5281,6 +5407,7 @@
-webkit-user-select: text;
cursor: default;
padding-top: 2px;
+ line-height: 12px;
}
.properties-tree li.parent {
@@ -5545,7 +5672,6 @@
margin: 0 2px;
padding: 2px 6px;
line-height: 12px;
- font-weight: bold;
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-webkit-border-radius: 8px;
@@ -5674,52 +5800,45 @@
.sidebar-tree-item .disclosure-button {
float: left;
- width: 16px;
- height: 100%;
+ width: 10px;
+ height: 10px;
border: 0;
- background-color: transparent;
- background-image: url(Images/disclosureTriangleSmallRight.png);
- background-repeat: no-repeat;
- background-position: center;
+ -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+ -webkit-mask-size: 320px 120px;
-webkit-apearance: none;
+ background-color: rgba(0, 0, 0, 0.75);
+ position: relative;
+ top: 10px;
}
-.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
- display: none;
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.sidebar-tree-item .disclosure-button {
+ -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
}
-
-body.inactive .sidebar-tree-item .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallRightBlack.png);
}
-body.inactive .sidebar-tree-item.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDownBlack.png);
+.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
+ display: none;
}
-body.inactive .sidebar-tree-item .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
+.sidebar-tree-item .disclosure-button {
+ -webkit-mask-position: -4px -96px;
}
.sidebar-tree-item.selected .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
+ background-color: white;
+ -webkit-mask-position: -4px -96px;
}
.sidebar-tree-item.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDown.png);
+ -webkit-mask-position: -20px -96px;
}
.sidebar-tree-item.selected.expanded .disclosure-button {
- background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
+ background-color: white;
+ -webkit-mask-position: -20px -96px;
}
-.sidebar-tree-item.selected .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
-}
-
-.sidebar-tree-item .disclosure-button:active {
- background-image: url(Images/disclosureTriangleSmallRightDown.png);
-}
-
.sidebar-tree-item .icon {
float: left;
width: 32px;
@@ -5875,8 +5994,7 @@
}
.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
- margin-bottom: -3px;
- margin-left: 5px;
+ margin: 5px 5px 0;
vertical-align: middle;
}
@@ -6108,6 +6226,7 @@
margin-left: 4px;
color: #303030;
position: relative;
+ height: 19px;
}
body.platform-mac .search-drawer-header input[type="search"].search-config-search {
@@ -6139,23 +6258,12 @@
display: inline-block;
}
-.drawer-header-close-button {
- padding: 3px 8px;
- font-size: 14px;
- color:rgb(80, 80, 80);
- opacity: 0.5;
+.drawer-header .close-button {
position: relative;
- top: 1px;
+ top: 3px;
+ margin: 0 3px;
}
-.drawer-header-close-button:hover {
- opacity: 1;
-}
-
-.drawer-header-close-button:active {
- opacity: 0.7;
-}
-
#bottom-status-bar-container {
-webkit-flex: 1 1 0;
width: 0;
« no previous file with comments | « chrome_linux/resources/inspector/helpScreen.css ('k') | chrome_linux/resources/inspector/inspector.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698