third_party/WebKit/Source/devtools/front_end/sources/sourcesView.css

   1 /*
   2  * Copyright (C) 2013 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions are
   6  * met:
   7  *
   8  *     * Redistributions of source code must retain the above copyright
   9  * notice, this list of conditions and the following disclaimer.
  10  *     * Redistributions in binary form must reproduce the above
  11  * copyright notice, this list of conditions and the following disclaimer
  12  * in the documentation and/or other materials provided with the
  13  * distribution.
  14  *     * Neither the name of Google Inc. nor the names of its
  15  * contributors may be used to endorse or promote products derived from
  16  * this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  29  */
  30
  31 #sources-panel-sources-view {
  32     flex: auto;
  33     position: relative;
  34 }
  35
  36 #sources-panel-sources-view .sources-toolbar {
  37     display: flex;
  38     flex: 0 0 27px;
  39     background-color: #f3f3f3;
  40     border-top: 1px solid #dadada;
  41     overflow: hidden;
  42 }
  43
  44 .sources-toolbar .toolbar {
  45     cursor: default;
  46 }
  47
  48 .source-frame-debugger-script {
  49     background-color: rgba(255, 255, 194, 0.5);
  50 }
  51
  52 .source-frame-unsaved-committed-changes {
  53     background-color: rgba(255, 225, 205, 0.40);
  54 }
  55
  56 .source-frame-infobar {
  57     flex: none;
  58     display: flex;
  59     -webkit-user-select: text;
  60 }
  61
  62 .source-frame-infobar-animation {
  63     -webkit-animation: source-frame-infobar-reveal 0.1s;
  64 }
  65 @-webkit-keyframes source-frame-infobar-reveal {
  66     from { margin-top: -24px; }
  67     to { margin-top: 0; }
  68 }
  69
  70 .source-frame-infobar-main-row {
  71     display: flex;
  72     flex-direction: row;
  73     flex: auto;
  74     overflow: hidden;
  75 }
  76
  77 .source-frame-infobar-details-container {
  78     display: flex;
  79     flex-direction: column;
  80 }
  81
  82 .source-frame-infobar-details-row {
  83     display: flex;
  84     flex: none;
  85     margin-top: 2px;
  86 }
  87
  88 .source-frame-infobar-row-message {
  89     overflow: hidden;
  90 }
  91
  92 .source-frame-infobar-toggle {
  93     flex: 1 0 auto;
  94     padding: 0 4px;
  95     -webkit-user-select: none;
  96 }
  97
  98 .source-frame-infobar-details-url {
  99     flex: 0 1000 auto;
 100 }
 101
 102 @-webkit-keyframes source-frame-value-update-highlight-animation {
 103     from {
 104         background-color: inherit;
 105         color: inherit;
 106     }
 107     10% {
 108         background-color: rgb(158, 54, 153);
 109         color: white;
 110     }
 111     to {
 112         background-color: inherit;
 113         color: inherit;
 114     }
 115 }
 116
 117 .source-frame-value-update-highlight {
 118     -webkit-animation: source-frame-value-update-highlight-animation 0.8s 1 cubic-bezier(0, 0, 0.2, 1);
 119     border-radius: 2px;
 120 }