1 /* 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 3 * Copyright (C) 2009 Anthony Ricaud <rik (at) 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-toggle-breakpoints.toggled-on .glyph { 104 -webkit-mask-position: -32px 0; 105 } 106 107 .scripts-toggle-breakpoints .glyph { 108 -webkit-mask-position: 0 -24px; 109 } 110 111 #scripts-debugger-status { 112 position: absolute; 113 line-height: 24px; 114 top: 0; 115 right: 8px; 116 } 117 118 .status-bar-item.scripts-navigator-show-hide-button, 119 .status-bar-item.scripts-debugger-show-hide-button { 120 opacity: 0.7; 121 } 122 123 button.status-bar-item.scripts-navigator-show-hide-button { 124 left: 0; 125 } 126 127 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay { 128 left: auto; 129 right: 15px; 130 } 131 132 .scripts-views-container { 133 position: absolute; 134 top: 23px; 135 right: 0; 136 bottom: 0; 137 left: 0; 138 } 139 140 .script-view { 141 display: none; 142 overflow: hidden; 143 position: absolute; 144 top: 0; 145 right: 0; 146 bottom: 0; 147 left: 0; 148 } 149 150 .script-view.visible { 151 display: block; 152 } 153 154 .dedicated-worker-item { 155 margin: 5px 0 5px 1px; 156 } 157 158 #shared-workers-list { 159 margin: 5px 0 5px 20px; 160 font-style:italic; 161 } 162 163 #pause-workers-checkbox > input { 164 position: relative; 165 top: 2px; 166 } 167 168 #scripts-editor-container-tabbed-pane .tabbed-pane-header { 169 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#E5E5E5)); 170 } 171 172 #scripts-editor-container-tabbed-pane .tabbed-pane-header-contents { 173 margin-left: 20px; 174 margin-right: 36px; 175 } 176 177 #scripts-editor-container-tabbed-pane .tabbed-pane-header-tab { 178 border-bottom: 1px solid #BBB; 179 } 180 181 .function-location-link { 182 float: right; 183 margin-left: 10px; 184 } 185 186 .function-popover-title { 187 border-bottom: 1px solid #AAA; 188 margin-bottom: 3px; 189 padding-bottom: 2px; 190 } 191 192 .function-popover-title .function-name { 193 font-weight: bold; 194 } 195 196 button.status-bar-item.scripts-debugger-show-hide-button { 197 right: 15px; 198 } 199 200 .split-view-horizontal button.status-bar-item.scripts-debugger-show-hide-button, 201 .split-view-horizontal #scripts-debug-sidebar-resizer-widget { 202 display: none; 203 } 204 205 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left { 206 right: 0; 207 } 208 209 div.sidebar-pane-stack#scripts-debug-sidebar-contents, 210 #scripts-sidebar-stack-pane { 211 top: 23px; 212 overflow: auto; 213 } 214 215 .workers-list > li { 216 overflow: hidden; 217 text-overflow: ellipsis; 218 white-space: nowrap; 219 margin-left: 1em; 220 font-size: 12px; 221 } 222 223 a.worker-item { 224 color: rgb(33%, 33%, 33%); 225 cursor: pointer; 226 text-decoration: none; 227 } 228 229 a.worker-item:hover { 230 color: rgb(15%, 15%, 15%); 231 } 232 233 .source-frame-debugger-script { 234 background-color: rgba(255, 255, 194, 0.5); 235 } 236 237 .tabbed-pane-placeholder { 238 font-size: 14px; 239 text-align: center; 240 margin-top: 20px; 241 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; 242 } 243 244 .tabbed-pane-header-tab-icon { 245 width: 13px; 246 height: 10px; 247 margin-top: 3px; 248 float: left; 249 display: block; 250 margin-right: 1px; 251 } 252 253 .editor-container-unsaved-committed-changes-icon { 254 background-image: url(Images/statusbarButtonGlyphs.png); 255 background-size: 320px 120px; 256 background-position: -202px -107px; 257 } 258