| 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 .breakpoint-entry { | |
| 31 padding: 3px 8px 3px 8px; | |
| 32 min-height: 18px; | |
| 33 line-height: 15px; | |
| 34 border-top: 1px solid #efefef; | |
| 35 } | |
| 36 | |
| 37 .breakpoint-entry [is=dt-checkbox] { | |
| 38 max-width: 100%; | |
| 39 } | |
| 40 | |
| 41 .breakpoint-entry label { | |
| 42 white-space: nowrap; | |
| 43 } | |
| 44 | |
| 45 :not(.breakpoints-list-deactivated) > .breakpoint-entry:hover { | |
| 46 background-color: #eee; | |
| 47 } | |
| 48 | |
| 49 .breakpoint-entry > .source-text { | |
| 50 cursor: pointer; | |
| 51 text-overflow: ellipsis; | |
| 52 overflow: hidden; | |
| 53 white-space: nowrap; | |
| 54 } | |
| 55 | |
| 56 .breakpoint-condition { | |
| 57 display: block; | |
| 58 margin-top: 4px; | |
| 59 margin-bottom: 4px; | |
| 60 margin-left: 23px; | |
| 61 margin-right: 8px; | |
| 62 } | |
| 63 | |
| 64 .breakpoint-list .editing.being-edited { | |
| 65 overflow: hidden; | |
| 66 white-space: nowrap; | |
| 67 } | |
| 68 | |
| 69 #breakpoint-condition-input { | |
| 70 display: block; | |
| 71 margin-left: 0; | |
| 72 margin-right: 0; | |
| 73 outline: none !important; | |
| 74 border: 1px solid rgb(66%, 66%, 66%); | |
| 75 } | |
| 76 | |
| 77 ol.breakpoint-list { | |
| 78 -webkit-padding-start: 0; | |
| 79 list-style: none; | |
| 80 margin: 0; | |
| 81 padding-bottom: 3px; | |
| 82 } | |
| 83 | |
| 84 .breakpoints-list-deactivated { | |
| 85 background-color: #eee; | |
| 86 opacity: 0.3; | |
| 87 } | |
| 88 | |
| 89 .breakpoint-list li { | |
| 90 white-space: nowrap; | |
| 91 text-overflow: ellipsis; | |
| 92 overflow: hidden; | |
| 93 padding: 2px 0; | |
| 94 } | |
| 95 | |
| 96 .breakpoint-list li:hover { | |
| 97 background-color: #eee; | |
| 98 } | |
| 99 | |
| 100 .breakpoint-list .source-text { | |
| 101 white-space: nowrap; | |
| 102 text-overflow: ellipsis; | |
| 103 overflow: hidden; | |
| 104 margin: 2px 0 0 20px; | |
| 105 } | |
| 106 | |
| 107 .breakpoint-hit { | |
| 108 background-color: rgb(255, 255, 194); | |
| 109 } | |
| 110 | |
| 111 .-theme-with-dark-background .sidebar-pane .breakpoint-hit { | |
| 112 background-color: hsl(46, 98%, 22%); | |
| 113 color: #ccc; | |
| 114 } | |
| 115 | |
| 116 li.breakpoint-hit .breakpoint-hit-marker { | |
| 117 background-color: rgb(255, 255, 194); | |
| 118 height: 18px; | |
| 119 left: 0; | |
| 120 margin-top: -16px; | |
| 121 position: absolute; | |
| 122 right: 0; | |
| 123 z-index: -1; | |
| 124 } | |
| 125 | |
| 126 .dom-breakpoints-list > li { | |
| 127 display: flex; | |
| 128 } | |
| 129 | |
| 130 .dom-breakpoints-list .dom-breakpoint > div { | |
| 131 overflow: hidden; | |
| 132 text-overflow: ellipsis; | |
| 133 } | |
| OLD | NEW |