third_party/WebKit/Source/devtools/front_end/components/breakpointsList.css

   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 .sidebar-pane .breakpoint-condition {
  31     display: block;
  32     margin-top: 4px;
  33     margin-bottom: 4px;
  34     margin-left: 23px;
  35     margin-right: 8px;
  36 }
  37
  38 .breakpoint-list .editing.being-edited {
  39     overflow: hidden;
  40     white-space: nowrap;
  41 }
  42
  43 #breakpoint-condition-input {
  44     display: block;
  45     margin-left: 0;
  46     margin-right: 0;
  47     outline: none !important;
  48     border: 1px solid rgb(66%, 66%, 66%);
  49 }
  50
  51 ol.breakpoint-list {
  52     -webkit-padding-start: 0;
  53     list-style: none;
  54     margin: 0;
  55     padding-bottom: 3px;
  56 }
  57
  58 .breakpoints-list-deactivated {
  59     background-color: #eee;
  60     opacity: 0.3;
  61 }
  62
  63 .breakpoint-list li {
  64     white-space: nowrap;
  65     text-overflow: ellipsis;
  66     overflow: hidden;
  67     padding: 2px 0;
  68 }
  69
  70 .breakpoint-list li:hover {
  71     background-color: #eee;
  72 }
  73
  74 .breakpoint-list .source-text {
  75     white-space: nowrap;
  76     text-overflow: ellipsis;
  77     overflow: hidden;
  78     margin: 2px 0 0 20px;
  79 }
  80
  81 .sidebar-pane .breakpoint-hit {
  82     background-color: rgb(255, 255, 194);
  83 }
  84
  85 li.breakpoint-hit .breakpoint-hit-marker {
  86     background-color: rgb(255, 255, 194);
  87     height: 18px;
  88     left: 0;
  89     margin-top: -16px;
  90     position: absolute;
  91     right: 0;
  92     z-index: -1;
  93 }
  94
  95 .event-listener-breakpoints {
  96     margin-top: 0;
  97     padding: 2px 6px;
  98     list-style: none;
  99     min-height: 18px;
 100 }
 101
 102 .event-listener-breakpoints ol {
 103     display: none;
 104     margin: 0;
 105     -webkit-padding-start: 12px;
 106     list-style: none;
 107 }
 108
 109 .event-listener-breakpoints ol.expanded {
 110     display: block;
 111 }
 112
 113 .event-listener-breakpoints li {
 114     margin-left: 12px;
 115     text-overflow: ellipsis;
 116     -webkit-user-select: text;
 117     cursor: default;
 118 }
 119
 120 .event-listener-breakpoints li.parent {
 121     margin-left: 1px;
 122 }
 123
 124 .event-listener-breakpoints li.parent::before {
 125     -webkit-user-select: none;
 126     background-image: url(Images/toolbarButtonGlyphs.png);
 127     background-size: 352px 168px;
 128     opacity: 0.5;
 129     content: "a";
 130     width: 8px;
 131     float: left;
 132     margin: 2px 2px 0 -2px;
 133     color: transparent;
 134     text-shadow: none;
 135 }
 136
 137 @media (-webkit-min-device-pixel-ratio: 1.5) {
 138 .event-listener-breakpoints li.parent::before {
 139     background-image: url(Images/toolbarButtonGlyphs_2x.png);
 140 }
 141 } /* media */
 142
 143 .event-listener-breakpoints li.parent::before {
 144     background-position: -4px -96px;
 145 }
 146
 147 .event-listener-breakpoints li.parent.expanded::before {
 148     background-position: -20px -96px;
 149 }
 150
 151 .event-listener-breakpoints .children li {
 152     margin-left: 12px;
 153 }
 154
 155 .async-operations li > label {
 156     float: left;
 157 }
 158
 159 .async-operations li > div {
 160     float: right;
 161     margin: 2px 3px 0 2px;
 162 }
 163
 164 .dom-breakpoints-list > li {
 165     display: flex;
 166 }
 167
 168 .dom-breakpoints-list .dom-breakpoint > div {
 169     overflow: hidden;
 170     text-overflow: ellipsis;
 171 }