| 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 21 matching lines...) Expand all Loading... |
| 32 } | 32 } |
| 33 | 33 |
| 34 .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { | 34 .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { |
| 35 background-color: rgb(66, 129, 235); | 35 background-color: rgb(66, 129, 235); |
| 36 } | 36 } |
| 37 | 37 |
| 38 .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { | 38 .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { |
| 39 background-color: purple; | 39 background-color: purple; |
| 40 } | 40 } |
| 41 | 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 { | 42 .evaluate-snippet-status-bar-item .glyph { |
| 51 -webkit-mask-position: -64px -48px; | 43 -webkit-mask-position: -64px -48px; |
| 52 } | 44 } |
| 53 | 45 |
| 54 .evaluate-snippet-status-bar-item.toggled .glyph { | 46 .evaluate-snippet-status-bar-item.toggled .glyph { |
| 55 background-color: rgb(66, 129, 235); | 47 background-color: rgb(66, 129, 235); |
| 56 } | 48 } |
| 57 | 49 |
| 58 #scripts-debug-toolbar { | 50 #scripts-debug-toolbar { |
| 59 position: relative; | 51 position: relative; |
| 60 margin-top: -1px; | 52 margin-top: -1px; |
| 61 height: 24px; | 53 height: 24px; |
| 62 border-bottom: 1px solid rgb(202, 202, 202); | 54 border-bottom: 1px solid rgb(202, 202, 202); |
| 55 background-color: rgb(236, 236, 236); |
| 63 } | 56 } |
| 64 | 57 |
| 65 #scripts-editor-toolbar { | 58 #scripts-editor-toolbar { |
| 66 position: relative; | 59 position: relative; |
| 67 margin-top: -1px; | 60 margin-top: -1px; |
| 68 height: 24px; | 61 height: 24px; |
| 69 } | 62 } |
| 70 | 63 |
| 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 { | 64 .scripts-run-snippet .glyph { |
| 80 -webkit-mask-position: -64px -48px; | 65 -webkit-mask-position: -64px -48px; |
| 81 } | 66 } |
| 82 | 67 |
| 83 .scripts-pause .glyph { | 68 .scripts-pause .glyph { |
| 84 -webkit-mask-position: -32px -72px; | 69 -webkit-mask-position: -32px -72px; |
| 85 } | 70 } |
| 86 | 71 |
| 87 .scripts-pause.toggled-on .glyph { | 72 .scripts-pause.toggled-on .glyph { |
| 88 -webkit-mask-position: 0 -72px; | 73 -webkit-mask-position: 0 -72px; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 107 .scripts-toggle-breakpoints.toggled-on .glyph { | 92 .scripts-toggle-breakpoints.toggled-on .glyph { |
| 108 -webkit-mask-position: -32px 0; | 93 -webkit-mask-position: -32px 0; |
| 109 } | 94 } |
| 110 | 95 |
| 111 .scripts-toggle-breakpoints .glyph { | 96 .scripts-toggle-breakpoints .glyph { |
| 112 -webkit-mask-position: 0 -24px; | 97 -webkit-mask-position: 0 -24px; |
| 113 } | 98 } |
| 114 | 99 |
| 115 .status-bar-item.scripts-navigator-show-hide-button, | 100 .status-bar-item.scripts-navigator-show-hide-button, |
| 116 .status-bar-item.scripts-debugger-show-hide-button { | 101 .status-bar-item.scripts-debugger-show-hide-button { |
| 117 opacity: 0.7; | 102 opacity: 0.9; |
| 103 } |
| 104 |
| 105 .panel.sources .tabbed-pane-header { |
| 106 background-color: rgb(236, 236, 236); |
| 118 } | 107 } |
| 119 | 108 |
| 120 button.status-bar-item.scripts-navigator-show-hide-button { | 109 button.status-bar-item.scripts-navigator-show-hide-button { |
| 121 left: 0; | 110 left: 0; |
| 122 } | 111 } |
| 123 | 112 |
| 124 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay { | 113 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay { |
| 125 left: auto; | 114 left: auto; |
| 126 right: 15px; | 115 right: 15px; |
| 127 } | 116 } |
| (...skipping 27 matching lines...) Expand all Loading... |
| 155 #shared-workers-list { | 144 #shared-workers-list { |
| 156 margin: 5px 0 5px 20px; | 145 margin: 5px 0 5px 20px; |
| 157 font-style:italic; | 146 font-style:italic; |
| 158 } | 147 } |
| 159 | 148 |
| 160 #pause-workers-checkbox > input { | 149 #pause-workers-checkbox > input { |
| 161 position: relative; | 150 position: relative; |
| 162 top: 2px; | 151 top: 2px; |
| 163 } | 152 } |
| 164 | 153 |
| 165 #scripts-editor-container-tabbed-pane .tabbed-pane-header { | 154 .panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-content
s { |
| 166 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to
(#E5E5E5)); | |
| 167 } | |
| 168 | |
| 169 #scripts-editor-container-tabbed-pane .tabbed-pane-header-contents { | |
| 170 margin-left: 20px; | 155 margin-left: 20px; |
| 171 margin-right: 36px; | 156 margin-right: 36px; |
| 172 } | 157 } |
| 173 | 158 |
| 174 #scripts-editor-container-tabbed-pane .tabbed-pane-header-tab { | |
| 175 border-bottom: 1px solid #BBB; | |
| 176 } | |
| 177 | |
| 178 .function-location-link { | 159 .function-location-link { |
| 179 float: right; | 160 float: right; |
| 180 margin-left: 10px; | 161 margin-left: 10px; |
| 181 } | 162 } |
| 182 | 163 |
| 183 .function-popover-title { | 164 .function-popover-title { |
| 184 border-bottom: 1px solid #AAA; | 165 border-bottom: 1px solid #AAA; |
| 185 margin-bottom: 3px; | 166 margin-bottom: 3px; |
| 186 padding-bottom: 2px; | 167 padding-bottom: 2px; |
| 187 } | 168 } |
| 188 | 169 |
| 189 .function-popover-title .function-name { | 170 .function-popover-title .function-name { |
| 190 font-weight: bold; | 171 font-weight: bold; |
| 191 } | 172 } |
| 192 | 173 |
| 193 button.status-bar-item.scripts-debugger-show-hide-button { | 174 button.status-bar-item.scripts-debugger-show-hide-button { |
| 194 right: 15px; | 175 right: 15px; |
| 195 } | 176 } |
| 196 | 177 |
| 197 .split-view-horizontal button.status-bar-item.scripts-debugger-show-hide-button, | 178 #scripts-split-view.vbox button.status-bar-item.scripts-debugger-show-hide-butto
n, |
| 198 .split-view-horizontal #scripts-debug-sidebar-resizer-widget { | 179 #scripts-split-view.vbox #scripts-debug-sidebar-resizer-widget { |
| 199 display: none; | 180 display: none; |
| 200 } | 181 } |
| 201 | 182 |
| 202 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left { | 183 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left { |
| 203 right: 0; | 184 right: 0; |
| 204 } | 185 } |
| 205 | 186 |
| 206 div.sidebar-pane-stack#scripts-debug-sidebar-contents, | 187 div.sidebar-pane-stack#scripts-debug-sidebar-contents, |
| 207 #scripts-sidebar-stack-pane { | 188 #scripts-sidebar-stack-pane { |
| 208 top: 23px; | 189 top: 23px; |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 249 float: left; | 230 float: left; |
| 250 display: block; | 231 display: block; |
| 251 margin-right: 1px; | 232 margin-right: 1px; |
| 252 } | 233 } |
| 253 | 234 |
| 254 .editor-container-unsaved-committed-changes-icon { | 235 .editor-container-unsaved-committed-changes-icon { |
| 255 background-image: url(Images/statusbarButtonGlyphs.png); | 236 background-image: url(Images/statusbarButtonGlyphs.png); |
| 256 background-size: 320px 120px; | 237 background-size: 320px 120px; |
| 257 background-position: -202px -107px; | 238 background-position: -202px -107px; |
| 258 } | 239 } |
| OLD | NEW |