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-condition-input {
     39     display: block;
     40     margin-left: 0;
     41     margin-right: 0;
     42     outline: none !important;
     43     border: 1px solid rgb(66%, 66%, 66%);
     44 }
     45 
     46 ol.breakpoint-list {
     47     -webkit-padding-start: 0;
     48     list-style: none;
     49     margin: 0;
     50     padding-bottom: 3px;
     51 }
     52 
     53 .breakpoints-list-deactivated {
     54     background-color: rgb(245, 245, 245);
     55     opacity: 0.3;
     56 }
     57 
     58 .breakpoint-list li {
     59     white-space: nowrap;
     60     text-overflow: ellipsis;
     61     overflow: hidden;
     62     padding: 2px 0;
     63 }
     64 
     65 .breakpoint-list li:hover {
     66     background-color: rgba(56, 121, 217, 0.2);
     67 }
     68 
     69 .breakpoint-list .checkbox-elem {
     70     font-size: 10px;
     71     margin: 0 4px;
     72     vertical-align: top;
     73     position: relative;
     74     z-index: 1;
     75     top: 3px;
     76 }
     77 
     78 .breakpoint-list .source-text {
     79     white-space: nowrap;
     80     text-overflow: ellipsis;
     81     overflow: hidden;
     82     margin: 2px 0 0 20px;
     83 }
     84 
     85 .sidebar-pane .breakpoint-hit {
     86     background-color: rgb(255, 255, 194);
     87 }
     88 
     89 li.breakpoint-hit .breakpoint-hit-marker {
     90     background-color: rgb(255, 255, 194);
     91     height: 18px;
     92     left: 0;
     93     margin-top: -16px;
     94     position: absolute;
     95     right: 0;
     96     z-index: -1;
     97 }
     98 
     99 .event-listener-breakpoints.properties-tree .children li {
    100     margin-left: 12px;
    101     height: 16px;
    102 }
    103 
    104 .event-listener-breakpoints .checkbox-elem {
    105     float: left;
    106     top: -2px;
    107     position: relative;
    108     left: -1px;
    109     font-size: 10px;
    110 }
    111