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