src/third_party/WebKit/Source/devtools/front_end/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: rgb(236, 236, 236);
  46 }
  47
  48 #sources-panel-sources-view .sources-status-bar {
  49     display: flex;
  50     position: relative;
  51     flex: 0 0 20px;
  52     background-color: rgb(236, 236, 236);
  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 #sources-panel-sources-view .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     background-color: rgb(255, 255, 194);
 106     -webkit-user-select: text;
 107 }
 108
 109 #sources-panel-sources-view .source-frame-infobar-warning-icon {
 110     background-image: url(Images/statusbarButtonGlyphs.png);
 111     background-size: 320px 144px;
 112     background-position: -202px -107px;
 113     width: 11px;
 114     height: 10px;
 115     margin-right: 4px;
 116     display: inline-block;
 117     margin-top: 1px;
 118 }
 119
 120 #sources-panel-sources-view .source-frame-infobar-main-row {
 121     display: flex;
 122     flex: 0 0 17px;
 123     overflow: hidden;
 124     margin: 5px 10px 0px;
 125 }
 126
 127 #sources-panel-sources-view .source-frame-infobar-details-container {
 128     display: flex;
 129     flex-direction: column;
 130     padding: 5px 0;
 131 }
 132
 133 #sources-panel-sources-view .source-frame-infobar-details-row {
 134     display: flex;
 135     flex: 0 0 15px;
 136     margin: auto 10px;
 137 }
 138
 139 #sources-panel-sources-view .source-frame-infobar-row-message {
 140     flex: 0 1 auto;
 141     overflow: hidden;
 142     text-overflow: ellipsis;
 143     white-space: nowrap;
 144 }
 145
 146 #sources-panel-sources-view .source-frame-infobar-toggle {
 147     flex: auto;
 148     padding: 0 4px;
 149     -webkit-user-select: none;
 150 }
 151
 152 #sources-panel-sources-view .source-frame-infobar-link {
 153     text-decoration: underline;
 154     color: rgb(50, 50, 200);
 155     cursor: pointer;
 156 }
 157
 158 #sources-panel-sources-view .source-frame-infobar-details-url {
 159     flex: 0 1000 auto;
 160     color: rgb(50, 50, 200);
 161 }