| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
| 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
| 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
| 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
| 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 28 */ | 28 */ |
| 29 | 29 |
| 30 .sidebar-pane { | 30 .sidebar-pane { |
| 31 position: relative; | 31 position: relative; |
| 32 flex: auto; | |
| 33 } | 32 } |
| 34 | 33 |
| 35 .sidebar-pane > .body { | 34 .sidebar-pane > .body { |
| 36 position: relative; | 35 position: relative; |
| 37 display: none; | 36 display: none; |
| 38 overflow-y: auto; | |
| 39 overflow-x: hidden; | |
| 40 } | 37 } |
| 41 | 38 |
| 42 .sidebar-pane > .body .info { | 39 .sidebar-pane > .body .info { |
| 43 text-align: center; | 40 text-align: center; |
| 44 font-style: italic; | 41 font-style: italic; |
| 45 font-size: 90%; | 42 font-size: 90%; |
| 46 padding: 6px; | 43 padding: 6px; |
| 47 color: #888; | 44 color: #888; |
| 48 } | 45 } |
| 49 | 46 |
| (...skipping 23 matching lines...) Expand all Loading... |
| 73 position: relative; | 70 position: relative; |
| 74 background: rgb(240, 240, 240); | 71 background: rgb(240, 240, 240); |
| 75 height: 20px; | 72 height: 20px; |
| 76 padding: 0 5px; | 73 padding: 0 5px; |
| 77 border-top: 1px solid rgb(189, 189, 189); | 74 border-top: 1px solid rgb(189, 189, 189); |
| 78 border-bottom: 1px solid rgb(189, 189, 189); | 75 border-bottom: 1px solid rgb(189, 189, 189); |
| 79 line-height: 18px; | 76 line-height: 18px; |
| 80 background-origin: padding; | 77 background-origin: padding; |
| 81 background-clip: padding; | 78 background-clip: padding; |
| 82 margin-top: -1px; | 79 margin-top: -1px; |
| 80 white-space: nowrap; |
| 83 } | 81 } |
| 84 | 82 |
| 85 .sidebar-pane-title:active { | 83 .sidebar-pane-title:active { |
| 86 background-color: rgb(204, 204, 204); | 84 background-color: rgb(204, 204, 204); |
| 87 border-top: 1px solid rgb(178, 178, 178); | 85 border-top: 1px solid rgb(178, 178, 178); |
| 88 border-bottom: 1px solid rgb(178, 178, 178); | 86 border-bottom: 1px solid rgb(178, 178, 178); |
| 89 } | 87 } |
| 90 | 88 |
| 91 .sidebar-pane-title::before { | 89 .sidebar-pane-title::before { |
| 92 background-image: url(Images/statusbarButtonGlyphs.png); | 90 background-image: url(Images/statusbarButtonGlyphs.png); |
| 93 background-size: 320px 144px; | 91 background-size: 320px 144px; |
| 94 opacity: 0.5; | 92 opacity: 0.5; |
| 95 float: left; | 93 float: left; |
| 96 width: 11px; | 94 width: 11px; |
| 97 height: 11px; | 95 height: 11px; |
| 98 margin-right: 2px; | 96 margin-right: 2px; |
| 99 content: "a"; | 97 content: "a"; |
| 100 color: transparent; | 98 color: transparent; |
| 101 position: relative; | 99 position: relative; |
| 102 top: 3px; | 100 top: 3px; |
| 103 } | 101 } |
| 104 | 102 |
| 105 @media (-webkit-min-device-pixel-ratio: 1.5) { | 103 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 106 .sidebar-pane-title::before { | 104 .sidebar-pane-title::before { |
| 107 background-image: url(Images/statusbarButtonGlyphs2x.png); | 105 background-image: url(Images/statusbarButtonGlyphs_2x.png); |
| 108 } | 106 } |
| 109 } /* media */ | 107 } /* media */ |
| 110 | 108 |
| 111 .sidebar-pane-title::before { | 109 .sidebar-pane-title::before { |
| 112 background-position: -4px -96px; | 110 background-position: -4px -96px; |
| 113 } | 111 } |
| 114 | 112 |
| 115 .sidebar-pane-title.expanded::before { | 113 .sidebar-pane-title.expanded::before { |
| 116 background-position: -20px -96px; | 114 background-position: -20px -96px; |
| 117 } | 115 } |
| 118 | 116 |
| 119 .sidebar-pane-toolbar { | 117 .sidebar-pane-toolbar { |
| 120 line-height: 18px; | 118 line-height: 18px; |
| 121 left: 0; | 119 left: 0; |
| 122 right: 4px; | 120 right: 4px; |
| 123 top: 0; | 121 top: 0; |
| 124 height: 20px; | 122 height: 20px; |
| 125 position: absolute; | 123 position: absolute; |
| 126 pointer-events: none; | 124 pointer-events: none; |
| 127 } | 125 } |
| 128 | 126 |
| 129 .sidebar-pane-toolbar > * { | 127 .sidebar-pane-toolbar > * { |
| 130 pointer-events: auto; | 128 pointer-events: auto; |
| 131 } | 129 } |
| 132 | 130 |
| 133 .sidebar-pane-toolbar > .pane-title-button, | 131 .sidebar-pane-toolbar > .pane-title-button, |
| 134 .sidebar-pane-toolbar > label { | 132 .sidebar-pane-toolbar > label { |
| 135 float: right; | 133 float: right; |
| 136 height: 17px; | 134 height: 19px; |
| 137 background-color: transparent; | 135 background-color: transparent; |
| 138 border: none; | 136 border: none; |
| 139 background-repeat: no-repeat; | 137 background-repeat: no-repeat; |
| 140 margin: 1px 0 0 0; | 138 margin: 1px 0 0 0; |
| 141 padding: 0; | 139 padding: 0; |
| 142 border-radius: 0; | 140 border-radius: 0; |
| 143 -webkit-appearance: none; | 141 -webkit-appearance: none; |
| 144 } | 142 } |
| 145 | 143 |
| 146 .sidebar-pane-toolbar > .pane-title-button { | 144 .sidebar-pane-toolbar > .pane-title-button { |
| (...skipping 15 matching lines...) Expand all Loading... |
| 162 } | 160 } |
| 163 | 161 |
| 164 .sidebar-pane-toolbar > .pane-title-button.element-state { | 162 .sidebar-pane-toolbar > .pane-title-button.element-state { |
| 165 background-image: url(Images/paneElementStateButtons.png); | 163 background-image: url(Images/paneElementStateButtons.png); |
| 166 } | 164 } |
| 167 | 165 |
| 168 .sidebar-pane-toolbar > .pane-title-button.refresh { | 166 .sidebar-pane-toolbar > .pane-title-button.refresh { |
| 169 background-image: url(Images/paneRefreshButtons.png); | 167 background-image: url(Images/paneRefreshButtons.png); |
| 170 } | 168 } |
| 171 | 169 |
| 172 .sidebar-pane-toolbar > label > input { | |
| 173 vertical-align: bottom; | |
| 174 } | |
| 175 | |
| 176 .sidebar-pane-toolbar > label.scripts-callstack-async { | 170 .sidebar-pane-toolbar > label.scripts-callstack-async { |
| 171 margin: auto; |
| 177 margin-right: 5px; | 172 margin-right: 5px; |
| 173 display: flex; |
| 178 } | 174 } |
| 179 | 175 |
| 180 .sidebar-pane-subtitle { | 176 .sidebar-pane-subtitle { |
| 181 position: absolute; | 177 position: absolute; |
| 182 right: 0; | 178 right: 0; |
| 183 } | 179 } |
| 184 | 180 |
| 185 body.platform-windows .sidebar-pane-subtitle { | 181 body.platform-windows .sidebar-pane-subtitle { |
| 186 padding-top: 1px; | 182 padding-top: 1px; |
| 187 } | 183 } |
| 188 | 184 |
| 189 .sidebar-pane-subtitle input, | |
| 190 .section > .header input[type=checkbox] { | 185 .section > .header input[type=checkbox] { |
| 191 height: 1em; | 186 height: 1em; |
| 192 width: 1em; | 187 width: 1em; |
| 193 margin-left: 0; | 188 margin-left: 0; |
| 194 margin-top: 0; | 189 margin-top: 0; |
| 195 margin-bottom: 0.25em; | 190 margin-bottom: 0.25em; |
| 196 vertical-align: bottom; | 191 vertical-align: bottom; |
| 197 } | 192 } |
| OLD | NEW |