| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | |
| 4 * | |
| 5 * Redistribution and use in source and binary forms, with or without | |
| 6 * modification, are permitted provided that the following conditions | |
| 7 * are met: | |
| 8 * | |
| 9 * 1. Redistributions of source code must retain the above copyright | |
| 10 * notice, this list of conditions and the following disclaimer. | |
| 11 * 2. Redistributions in binary form must reproduce the above copyright | |
| 12 * notice, this list of conditions and the following disclaimer in the | |
| 13 * documentation and/or other materials provided with the distribution. | |
| 14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 15 * its contributors may be used to endorse or promote products derived | |
| 16 * from this software without specific prior written permission. | |
| 17 * | |
| 18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 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 | |
| 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 | |
| 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 28 */ | |
| 29 | |
| 30 .scripts-pause-on-exceptions-status-bar-item .glyph { | |
| 31 -webkit-mask-position: -256px 0; | |
| 32 } | |
| 33 | |
| 34 .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { | |
| 35 background-color: rgb(66, 129, 235); | |
| 36 } | |
| 37 | |
| 38 .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { | |
| 39 background-color: purple; | |
| 40 } | |
| 41 | |
| 42 .scripts-toggle-pretty-print-status-bar-item .glyph { | |
| 43 -webkit-mask-position: -256px -24px; | |
| 44 } | |
| 45 | |
| 46 .scripts-toggle-pretty-print-status-bar-item.toggled .glyph { | |
| 47 background-color: rgb(66, 129, 235); | |
| 48 } | |
| 49 | |
| 50 .evaluate-snippet-status-bar-item .glyph { | |
| 51 -webkit-mask-position: -64px -48px; | |
| 52 } | |
| 53 | |
| 54 .evaluate-snippet-status-bar-item.toggled .glyph { | |
| 55 background-color: rgb(66, 129, 235); | |
| 56 } | |
| 57 | |
| 58 #scripts-debug-toolbar { | |
| 59 position: relative; | |
| 60 margin-top: -1px; | |
| 61 height: 24px; | |
| 62 border-bottom: 1px solid rgb(202, 202, 202); | |
| 63 } | |
| 64 | |
| 65 #scripts-editor-toolbar { | |
| 66 position: relative; | |
| 67 margin-top: -1px; | |
| 68 height: 24px; | |
| 69 } | |
| 70 | |
| 71 #scripts-status-bar .status-bar-item img { | |
| 72 margin-top: 2px; | |
| 73 } | |
| 74 | |
| 75 #scripts-debug-toolbar .glyph { | |
| 76 opacity: 0.8; | |
| 77 } | |
| 78 | |
| 79 .scripts-run-snippet .glyph { | |
| 80 -webkit-mask-position: -64px -48px; | |
| 81 } | |
| 82 | |
| 83 .scripts-pause .glyph { | |
| 84 -webkit-mask-position: -32px -72px; | |
| 85 } | |
| 86 | |
| 87 .scripts-pause.toggled-on .glyph { | |
| 88 -webkit-mask-position: 0 -72px; | |
| 89 } | |
| 90 | |
| 91 .scripts-step-over .glyph { | |
| 92 -webkit-mask-position: -128px -72px; | |
| 93 } | |
| 94 | |
| 95 .scripts-step-into .glyph { | |
| 96 -webkit-mask-position: -64px -72px; | |
| 97 } | |
| 98 | |
| 99 .scripts-step-out .glyph { | |
| 100 -webkit-mask-position: -96px -72px; | |
| 101 } | |
| 102 | |
| 103 .scripts-long-resume .glyph { | |
| 104 -webkit-mask-position: -64px -48px; | |
| 105 } | |
| 106 | |
| 107 .scripts-toggle-breakpoints.toggled-on .glyph { | |
| 108 -webkit-mask-position: -32px 0; | |
| 109 } | |
| 110 | |
| 111 .scripts-toggle-breakpoints .glyph { | |
| 112 -webkit-mask-position: 0 -24px; | |
| 113 } | |
| 114 | |
| 115 #scripts-debugger-status { | |
| 116 position: absolute; | |
| 117 line-height: 24px; | |
| 118 top: 0; | |
| 119 right: 8px; | |
| 120 } | |
| 121 | |
| 122 .status-bar-item.scripts-navigator-show-hide-button, | |
| 123 .status-bar-item.scripts-debugger-show-hide-button { | |
| 124 opacity: 0.7; | |
| 125 } | |
| 126 | |
| 127 button.status-bar-item.scripts-navigator-show-hide-button { | |
| 128 left: 0; | |
| 129 } | |
| 130 | |
| 131 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay { | |
| 132 left: auto; | |
| 133 right: 15px; | |
| 134 } | |
| 135 | |
| 136 .scripts-views-container { | |
| 137 position: absolute; | |
| 138 top: 23px; | |
| 139 right: 0; | |
| 140 bottom: 0; | |
| 141 left: 0; | |
| 142 } | |
| 143 | |
| 144 .script-view { | |
| 145 display: none; | |
| 146 overflow: hidden; | |
| 147 position: absolute; | |
| 148 top: 0; | |
| 149 right: 0; | |
| 150 bottom: 0; | |
| 151 left: 0; | |
| 152 } | |
| 153 | |
| 154 .script-view.visible { | |
| 155 display: block; | |
| 156 } | |
| 157 | |
| 158 .dedicated-worker-item { | |
| 159 margin: 5px 0 5px 1px; | |
| 160 } | |
| 161 | |
| 162 #shared-workers-list { | |
| 163 margin: 5px 0 5px 20px; | |
| 164 font-style:italic; | |
| 165 } | |
| 166 | |
| 167 #pause-workers-checkbox > input { | |
| 168 position: relative; | |
| 169 top: 2px; | |
| 170 } | |
| 171 | |
| 172 #scripts-editor-container-tabbed-pane .tabbed-pane-header { | |
| 173 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to
(#E5E5E5)); | |
| 174 } | |
| 175 | |
| 176 #scripts-editor-container-tabbed-pane .tabbed-pane-header-contents { | |
| 177 margin-left: 20px; | |
| 178 margin-right: 36px; | |
| 179 } | |
| 180 | |
| 181 #scripts-editor-container-tabbed-pane .tabbed-pane-header-tab { | |
| 182 border-bottom: 1px solid #BBB; | |
| 183 } | |
| 184 | |
| 185 .function-location-link { | |
| 186 float: right; | |
| 187 margin-left: 10px; | |
| 188 } | |
| 189 | |
| 190 .function-popover-title { | |
| 191 border-bottom: 1px solid #AAA; | |
| 192 margin-bottom: 3px; | |
| 193 padding-bottom: 2px; | |
| 194 } | |
| 195 | |
| 196 .function-popover-title .function-name { | |
| 197 font-weight: bold; | |
| 198 } | |
| 199 | |
| 200 button.status-bar-item.scripts-debugger-show-hide-button { | |
| 201 right: 15px; | |
| 202 } | |
| 203 | |
| 204 .split-view-horizontal button.status-bar-item.scripts-debugger-show-hide-button, | |
| 205 .split-view-horizontal #scripts-debug-sidebar-resizer-widget { | |
| 206 display: none; | |
| 207 } | |
| 208 | |
| 209 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left { | |
| 210 right: 0; | |
| 211 } | |
| 212 | |
| 213 div.sidebar-pane-stack#scripts-debug-sidebar-contents, | |
| 214 #scripts-sidebar-stack-pane { | |
| 215 top: 23px; | |
| 216 overflow: auto; | |
| 217 } | |
| 218 | |
| 219 .workers-list > li { | |
| 220 overflow: hidden; | |
| 221 text-overflow: ellipsis; | |
| 222 white-space: nowrap; | |
| 223 margin-left: 1em; | |
| 224 font-size: 12px; | |
| 225 } | |
| 226 | |
| 227 a.worker-item { | |
| 228 color: rgb(33%, 33%, 33%); | |
| 229 cursor: pointer; | |
| 230 text-decoration: none; | |
| 231 } | |
| 232 | |
| 233 a.worker-item:hover { | |
| 234 color: rgb(15%, 15%, 15%); | |
| 235 } | |
| 236 | |
| 237 .source-frame-debugger-script { | |
| 238 background-color: rgba(255, 255, 194, 0.5); | |
| 239 } | |
| 240 | |
| 241 .source-frame-unsaved-committed-changes { | |
| 242 background-color: rgba(255, 225, 205, 0.40); | |
| 243 } | |
| 244 | |
| 245 .tabbed-pane-placeholder { | |
| 246 font-size: 14px; | |
| 247 text-align: center; | |
| 248 margin-top: 20px; | |
| 249 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 250 } | |
| 251 | |
| 252 .tabbed-pane-header-tab-icon { | |
| 253 width: 13px; | |
| 254 height: 10px; | |
| 255 margin-top: 3px; | |
| 256 float: left; | |
| 257 display: block; | |
| 258 margin-right: 1px; | |
| 259 } | |
| 260 | |
| 261 .editor-container-unsaved-committed-changes-icon { | |
| 262 background-image: url(Images/statusbarButtonGlyphs.png); | |
| 263 background-size: 320px 120px; | |
| 264 background-position: -202px -107px; | |
| 265 } | |
| OLD | NEW |