src/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-editor-container-tabbed-pane {
  37     flex: auto;
  38 }
  39
  40 #sources-editor-container-tabbed-pane .tabbed-pane-header-tab {
  41     border-bottom: 1px solid #BBB;
  42 }
  43
  44 #sources-panel-sources-view .tabbed-pane-header {
  45     background-color: #eee;
  46 }
  47
  48 #sources-panel-sources-view .sources-status-bar {
  49     display: flex;
  50     position: relative;
  51     flex: 0 0 20px;
  52     background-color: #eee;
  53     border-top: 1px solid rgb(196,196,196);
  54 }
  55
  56 #sources-panel-sources-view .sources-status-bar .status-bar-item {
  57     margin-top: -1px;
  58     height: 20px;
  59 }
  60
  61 #sources-panel-sources-view .sources-status-bar .status-bar-item.status-bar-text {
  62     margin: auto 0;
  63     height: auto;
  64 }
  65
  66 #sources-panel-sources-view .source-frame-cursor-position {
  67     -webkit-user-select: text;
  68 }
  69
  70 #sources-panel-sources-view .sources-toggle-pretty-print-status-bar-item .glyph {
  71     -webkit-mask-position: -256px -24px;
  72 }
  73
  74 #sources-panel-sources-view .sources-toggle-pretty-print-status-bar-item.toggled .glyph {
  75     background-color: rgb(66, 129, 235);
  76 }
  77
  78 .source-frame-debugger-script {
  79     background-color: rgba(255, 255, 194, 0.5);
  80 }
  81
  82 .source-frame-unsaved-committed-changes {
  83     background-color: rgba(255, 225, 205, 0.40);
  84 }
  85
  86 .editor-container-unsaved-committed-changes-icon {
  87     background-image: url(Images/statusbarButtonGlyphs.png);
  88     background-size: 320px 144px;
  89     background-position: -202px -107px;
  90 }
  91
  92 button.status-bar-item.scripts-debugger-show-hide-button {
  93     display: none;
  94 }
  95
  96 button.status-bar-item.scripts-navigator-show-hide-button {
  97     display: none;
  98 }
  99
 100 .source-frame-infobar {
 101     border-bottom: 1px solid rgb(187, 187, 187);
 102     display: flex;
 103     flex-direction: column;
 104     flex: 0 1 auto;
 105     -webkit-user-select: text;
 106 }
 107
 108 .source-frame-infobar-info {
 109     background-color: rgb(255, 255, 255);
 110 }
 111
 112 .source-frame-infobar-warning,
 113 .source-frame-infobar-error {
 114     background-color: rgb(255, 255, 194);
 115 }
 116
 117 .source-frame-infobar {
 118     margin-top: 0;
 119 }
 120
 121 .source-frame-infobar-animation {
 122     -webkit-animation: source-frame-infobar-reveal 0.1s;
 123 }
 124 @-webkit-keyframes source-frame-infobar-reveal {
 125     from { margin-top: -24px; }
 126     to { margin-top: 0; }
 127 }
 128
 129 .source-frame-infobar-icon {
 130     background-image: url(Images/statusbarButtonGlyphs.png);
 131     background-size: 320px 144px;
 132     width: 11px;
 133     height: 10px;
 134     margin-right: 4px;
 135     display: inline-block;
 136     margin-top: 1px;
 137     flex: none;
 138 }
 139
 140 .source-frame-infobar-info .source-frame-infobar-icon {
 141     background-position: -212px -107px;
 142 }
 143
 144 .source-frame-infobar-warning .source-frame-infobar-icon {
 145     background-position: -202px -107px;
 146 }
 147
 148 .source-frame-infobar-error .source-frame-infobar-icon {
 149     background-position: -202px -96px;
 150 }
 151
 152 .source-frame-infobar-main-row {
 153     display: flex;
 154     min-height: 17px;
 155     overflow: hidden;
 156     margin: 5px 10px 0px;
 157 }
 158
 159 .source-frame-infobar-details-container {
 160     display: flex;
 161     flex-direction: column;
 162     padding: 5px 0;
 163 }
 164
 165 .source-frame-infobar-details-row {
 166     display: flex;
 167     flex: none;
 168     margin: 0px 10px;
 169 }
 170
 171 .source-frame-infobar-row-message {
 172     flex: 0 1 auto;
 173     margin-bottom: 4px;
 174 }
 175
 176 .source-frame-infobar-main-row .close-button {
 177     flex: none;
 178 }
 179
 180 .source-frame-infobar-toggle {
 181     flex: 1 0 auto;
 182     padding: 0 4px;
 183     -webkit-user-select: none;
 184 }
 185
 186 .source-frame-infobar-details-url {
 187     flex: 0 1000 auto;
 188 }