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-on .glyph { 35 background-color: rgb(66, 129, 235); 36 } 37 38 .evaluate-snippet-status-bar-item .glyph { 39 -webkit-mask-position: -64px -48px; 40 } 41 42 .evaluate-snippet-status-bar-item.toggled .glyph { 43 background-color: rgb(66, 129, 235); 44 } 45 46 .scripts-debug-toolbar { 47 position: absolute; 48 top: 0; 49 width: 100%; 50 background-color: rgb(236, 236, 236); 51 overflow: hidden; 52 white-space: nowrap; 53 } 54 55 .scripts-debug-toolbar-drawer { 56 flex: 0 0 46px; 57 -webkit-transition: margin-top 0.1s ease-in-out; 58 margin-top: -23px; 59 line-height: 23px; 60 padding-top: 22px; 61 border-bottom: 1px solid rgb(202, 202, 202); 62 background-color: white; 63 overflow: hidden; 64 } 65 66 .scripts-debug-toolbar-drawer.expanded { 67 margin-top: 0; 68 } 69 70 .scripts-debug-toolbar-drawer > label { 71 display: flex; 72 padding-left: 3px; 73 border-top: 1px solid rgb(196,196,196); 74 } 75 76 #scripts-editor-toolbar { 77 position: relative; 78 margin-top: -1px; 79 height: 24px; 80 } 81 82 .scripts-run-snippet .glyph { 83 -webkit-mask-position: -64px -48px; 84 } 85 86 .scripts-pause .glyph { 87 -webkit-mask-position: -32px -72px; 88 } 89 90 .scripts-pause.toggled-on .glyph { 91 -webkit-mask-position: 0 -72px; 92 } 93 94 .scripts-step-over .glyph { 95 -webkit-mask-position: -128px -72px; 96 } 97 98 .scripts-step-into .glyph { 99 -webkit-mask-position: -64px -72px; 100 } 101 102 .scripts-step-out .glyph { 103 -webkit-mask-position: -96px -72px; 104 } 105 106 .scripts-long-resume .glyph { 107 -webkit-mask-position: -64px -48px; 108 } 109 110 .scripts-toggle-breakpoints.toggled-on .glyph { 111 -webkit-mask-position: -32px 0; 112 } 113 114 .scripts-toggle-breakpoints .glyph { 115 -webkit-mask-position: 0 -24px; 116 } 117 118 .dedicated-worker-item { 119 margin: 5px 0 5px 1px; 120 } 121 122 #shared-workers-list { 123 margin: 5px 0 5px 20px; 124 font-style:italic; 125 } 126 127 #pause-workers-checkbox > input { 128 position: relative; 129 top: 2px; 130 } 131 132 .panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-contents { 133 margin-left: 22px; 134 margin-right: 36px; 135 } 136 137 .panel.sources .split-view button.scripts-debugger-show-hide-button.right-sidebar-show-hide-button.toggled-hide { 138 margin-right: 15px; 139 } 140 141 .panel.sources .split-view #scripts-debug-sidebar-resizer-widget.ns-resizer-widget { 142 -webkit-transform: rotate(90deg); 143 right: 17px; 144 bottom: 4px; 145 top: auto; 146 height: 10px; 147 width: 18px; 148 } 149 150 .panel.sources .split-view.hbox #scripts-debug-sidebar-resizer-widget { 151 bottom: 0; 152 } 153 154 .panel.sources .scripts-debugger-show-hide-button { 155 display: block; 156 } 157 158 .panel.sources button.status-bar-item.scripts-navigator-show-hide-button { 159 display: block; 160 top: 4px; 161 left: 4px; 162 } 163 164 .panel.sources .navigator-tabbed-pane .tabbed-pane-header { 165 background-color: rgb(236, 236, 236); 166 } 167 168 .function-location-link { 169 float: right; 170 margin-left: 10px; 171 } 172 173 .function-popover-title { 174 border-bottom: 1px solid #AAA; 175 margin-bottom: 3px; 176 padding-bottom: 2px; 177 } 178 179 .function-popover-title .function-name { 180 font-weight: bold; 181 } 182 183 .workers-list > li { 184 overflow: hidden; 185 text-overflow: ellipsis; 186 white-space: nowrap; 187 margin-left: 1em; 188 font-size: 12px; 189 } 190 191 a.worker-item { 192 color: rgb(33%, 33%, 33%); 193 cursor: pointer; 194 text-decoration: none; 195 } 196 197 a.worker-item:hover { 198 color: rgb(15%, 15%, 15%); 199 } 200 201 .panel.sources .sidebar-pane-stack { 202 overflow: auto; 203 } 204 205 .targets-toolbar { 206 padding-left: 10px; 207 margin-top: -1px; 208 } 209 210 .panel.sources .drag-mask { 211 background-color: rgba(255,255,255,0.8); 212 z-index: 1000; 213 } 214 215 .panel.sources .drag-mask-inner { 216 font-size: 30px; 217 color: #999; 218 display: flex; 219 justify-content: center; 220 align-items: center; 221 margin: 20px; 222 border: 4px dashed #ddd; 223 pointer-events: none; 224 } 225