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; |