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