git-svn-id: https://svn.webkit.org/repository/webkit/trunk@14970 268f45cc-cd09-0410...
[WebKit-https.git] / WebKitTools / Drosera / debugger.css
1 /*
2  * Copyright (C) 2006 Apple Computer, 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
6  * are met:
7  *
8  * 1.  Redistributions of source code must retain the above copyright
9  *     notice, this list of conditions and the following disclaimer. 
10  * 2.  Redistributions in binary form must reproduce the above copyright
11  *     notice, this list of conditions and the following disclaimer in the
12  *     documentation and/or other materials provided with the distribution. 
13  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
14  *     its contributors may be used to endorse or promote products derived
15  *     from this software without specific prior written permission. 
16  *
17  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
18  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
20  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
21  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
22  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
23  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
24  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
25  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
26  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
27  */
28
29 img { padding: 0; margin: 0; }
30 body { margin: 0; padding: 0; }
31
32 #toolbar { background-image: url(toolbarBackground.png); background-repeat: repeat-x; background-position: bottom; height: 32px; padding: 2px 5px 2px 5px; border-bottom: 1px solid #939393 }
33 #toolbar * { vertical-align: middle }
34
35 #main { position: absolute; top: 37px; bottom: 0; left: 0; right: 0; }
36 #info { position: absolute; top: 0; height: 150px; left: 0; right: 0; }
37 #divider { cursor: move; position: absolute; bottom: 0; left: 0; right: 0; background: url(splitterDimple.tif) 50% no-repeat, url(splitterBar.tif) repeat-x; height: 10px }
38 #body { position: absolute; top: 150px; left: 0; right: 0; bottom: 0; }
39 #sourcesContainer { position: absolute; top: 16px; left: 0; right: 0; bottom: 21px; background-color: white; }
40 #sources { width: 100%; height: 100% }
41 #header { vertical-align: top; height: 16px; box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; }
42 #header > * { vertical-align: top; }
43 #footer { height: 21px; box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; }
44 #infoDivider { position:absolute; right:0; left:0; top:0; bottom:0; width:10px; cursor: move; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }
45
46 #files {
47     opacity: 0;
48     position: absolute;
49     top: -2px;
50     left: -3px;
51     right: 0;
52     z-index: 10;
53     margin: 0;
54     padding: 0;
55 }
56
57 button.popup {
58     background: url(popUpArrows.png) right no-repeat;
59     border: none;
60     height: 15px;
61     font-size: 10px;
62     line-height: 10px;
63     padding: 0 20px 0 5px;
64     margin: 0;
65     overflow: hidden;
66     text-overflow: ellipsis;
67     white-space: nowrap;
68     position: relative;
69     min-width: 100px;
70     max-width: 350px;
71 }
72
73 #filesPopupButtonContent {
74     overflow: hidden;
75     text-overflow: ellipsis;
76     white-space: nowrap;
77     width: 100%;
78     height: 100%;
79     line-height: 12px;
80     text-align: left;
81 }
82
83 .placeholder { color: rgba(0, 0, 0, 0.6) }
84
85 button.nav {
86     position: relative;
87     width: 32px;
88     height: 15px;
89     border: none;
90     margin: 0;
91     padding: 0;
92     border-left: 1px solid transparent;
93     border-right: 1px solid #aaa;
94 }
95
96 button.nav.right {
97     background: url(navRightNormal.png) no-repeat;
98 }
99
100 button.nav.right:disabled, button.nav.right:disabled:active {
101     border-left: 1px solid transparent;
102     background: url(navRightDisabled.png) no-repeat;
103 }
104
105 button.nav.right:active {
106     border-left: 1px solid rgba(0, 0, 0, 0.3);
107     background: url(navRightPressed.png) no-repeat;
108 }
109
110 button.nav.left {
111     background: url(navLeftNormal.png) no-repeat;
112 }
113
114 button.nav.left:disabled, button.nav.left:disabled:active {
115     border-left: 1px solid transparent;
116     background: url(navLeftDisabled.png) no-repeat;
117 }
118
119 button.nav.left:active {
120     margin-left: 0;
121     border-left: 1px solid rgba(0, 0, 0, 0.3);
122     background: url(navLeftPressed.png) no-repeat;
123 }
124
125 #leftPane {
126  position:absolute;
127  overflow:scroll;
128  top:0;
129  bottom:10px;
130  left:0;
131  width:353px;
132  padding:0;
133  margin:0;
134  }
135  
136 .infoBackground {
137  background: url(background_stripe.png) repeat;
138  position:absolute;
139  top:16px;
140  bottom:0;
141  right:0;
142  left:0px;
143  padding:0;
144  margin:0;
145  z-index:-1;
146  }
147
148 #rightPane {
149  position:absolute;
150  top:0;
151  bottom:0;
152  right:0;
153  left:353px;
154  padding:0;
155  margin:0;
156  }
157
158 #variables {
159  overflow:scroll;
160  position:absolute;
161  top:0;
162  bottom:10px;
163  right:0;
164  left:10px;
165  padding:0;
166  margin:0;
167  }
168
169 td {
170  font-family: "lucida grande";
171  font-size: 8pt;
172  padding: 3px 8px;
173  border-left: 1px solid #d9d9d9;
174 }
175
176 .multivariable {
177 list-style-image:url(SourceArrow.png);
178 }
179
180 #variablesTable
181 {
182 width:100%;
183 }
184
185 .column th {
186  background: url(glossyHeader.png) repeat-x;
187  border-right: 1px solid #d9d9d9;
188  height: 16px; 
189  box-sizing: border-box; 
190  border-bottom: 1px solid #aaa;
191  font-family: "lucida grande";
192  font-size: 8pt;
193  font-weight:normal;
194  vertical-align:middle;
195  padding:0 8px;
196  text-align:left;
197 }
198
199 li {
200 list-style-image:url(SourceArrow.png);
201 }
202