Home | History | Annotate | Download | only in front_end 
      1 /*
      2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
      3  * Copyright (C) 2009 Anthony Ricaud <rik (at) 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 > .body .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: rgb(245, 245, 245);
     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: rgba(56, 121, 217, 0.2);
     72 }
     73 
     74 .breakpoint-list .checkbox-elem {
     75     font-size: 10px;
     76     margin: 0 4px;
     77     vertical-align: top;
     78     position: relative;
     79     z-index: 1;
     80     top: 3px;
     81 }
     82 
     83 .breakpoint-list .source-text {
     84     white-space: nowrap;
     85     text-overflow: ellipsis;
     86     overflow: hidden;
     87     margin: 2px 0 0 20px;
     88 }
     89 
     90 .sidebar-pane .breakpoint-hit {
     91     background-color: rgb(255, 255, 194);
     92 }
     93 
     94 li.breakpoint-hit .breakpoint-hit-marker {
     95     background-color: rgb(255, 255, 194);
     96     height: 18px;
     97     left: 0;
     98     margin-top: -16px;
     99     position: absolute;
    100     right: 0;
    101     z-index: -1;
    102 }
    103 
    104 .event-listener-breakpoints.properties-tree li {
    105     height: 16px;
    106     padding-top: 3px;
    107 }
    108 
    109 .event-listener-breakpoints.properties-tree .children li {
    110     margin-left: 12px;
    111     height: 16px;
    112 }
    113 
    114 .event-listener-breakpoints .checkbox-elem {
    115     float: left;
    116     position: relative;
    117     top: 1px;
    118     font-size: 10px;
    119 }
    120