| 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 | 
|---|