|
1 /* This Source Code Form is subject to the terms of the Mozilla Public |
|
2 * License, v. 2.0. If a copy of the MPL was not distributed with this |
|
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
|
4 |
|
5 /* ===== console.css ==================================================== |
|
6 == Styles used by the Error Console window. |
|
7 ======================================================================= */ |
|
8 |
|
9 /* View buttons */ |
|
10 @import "chrome://global/skin/viewbuttons.css"; |
|
11 |
|
12 %include ../shared.inc |
|
13 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
|
14 |
|
15 .console-box { |
|
16 background-color: -moz-Field; |
|
17 color: -moz-FieldText; |
|
18 overflow: auto; |
|
19 } |
|
20 |
|
21 /* ::::: console rows ::::: */ |
|
22 |
|
23 .console-row { |
|
24 border-bottom: 1px solid #A3A3A3; |
|
25 padding: 4px; |
|
26 } |
|
27 |
|
28 .console-row-file { |
|
29 color: #505050; |
|
30 } |
|
31 |
|
32 .console-row-msg > label:first-child { |
|
33 font-weight: bold; |
|
34 } |
|
35 |
|
36 .console-row-msg > label, .comsole-row-msg > description, .console-error-msg, .console-row-file, .console-row-code { |
|
37 margin: 2px; |
|
38 } |
|
39 |
|
40 .console-row-file > label { |
|
41 margin: 0; |
|
42 } |
|
43 |
|
44 .console-msg-text { |
|
45 white-space: pre-wrap !important; |
|
46 } |
|
47 .console-icon { |
|
48 list-style-image: inherit; |
|
49 padding-right: 6px; |
|
50 padding-left: 6px; |
|
51 } |
|
52 |
|
53 /* ..... error rows ..... */ |
|
54 |
|
55 .console-row-code { |
|
56 color: #0000BB; |
|
57 font-size: larger; |
|
58 } |
|
59 |
|
60 .console-dots, |
|
61 .console-caret { |
|
62 height: 9px; |
|
63 } |
|
64 |
|
65 .console-dots { |
|
66 background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; |
|
67 } |
|
68 |
|
69 .console-caret { |
|
70 width: 7px; |
|
71 background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; |
|
72 } |
|
73 |
|
74 /* ..... message rows ..... */ |
|
75 |
|
76 .console-row[type="message"] { |
|
77 font-family: monospace; |
|
78 } |
|
79 |
|
80 /* ..... selected state ..... */ |
|
81 |
|
82 .console-row[selected="true"] { |
|
83 background-color: #3D80DF !important; |
|
84 color: #FFF; |
|
85 } |
|
86 |
|
87 .console-row-code[selected="true"], |
|
88 .console-row-content[selected="true"] > .console-row-file, |
|
89 .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { |
|
90 color: #FFF !important; |
|
91 } |
|
92 |
|
93 /* ::::: row colors ::::: */ |
|
94 |
|
95 .console-row[type="error"], |
|
96 .console-row[type="exception"] { |
|
97 background-color: #FFD0DC; |
|
98 } |
|
99 |
|
100 .console-row[type="warning"] { |
|
101 background-color: #F8F3CC; |
|
102 } |
|
103 |
|
104 .console-row[type="message"] { |
|
105 background-color: #D3EDFF; |
|
106 } |
|
107 |
|
108 /* ::::: toolbars ::::: */ |
|
109 |
|
110 #ToolbarEval { |
|
111 -moz-appearance: none; |
|
112 background: @scopeBarBackground@; |
|
113 border-bottom: @scopeBarSeparatorBorder@; |
|
114 padding: 2px; |
|
115 } |
|
116 |
|
117 #ToolbarEval > label { |
|
118 font-weight: bold; |
|
119 color: @scopeBarTitleColor@; |
|
120 } |
|
121 |
|
122 #TextfieldEval { |
|
123 margin: 2px !important; |
|
124 } |
|
125 |
|
126 #ButtonEval { |
|
127 margin: 0 4px; |
|
128 padding: 1px 10px; |
|
129 -moz-appearance: none; |
|
130 border-radius: 10000px; |
|
131 border: @roundButtonBorder@; |
|
132 background: @roundButtonBackground@; |
|
133 box-shadow: @roundButtonShadow@; |
|
134 } |
|
135 |
|
136 #ButtonEval > .toolbarbutton-text { |
|
137 margin: 0 !important; |
|
138 } |
|
139 |
|
140 #ButtonEval:hover:active { |
|
141 text-shadow: @loweredShadow@; |
|
142 background: @roundButtonPressedBackground@; |
|
143 box-shadow: @roundButtonPressedShadow@; |
|
144 } |
|
145 |
|
146 toolbarseparator { |
|
147 min-height: 1em; |
|
148 background-image: none; |
|
149 } |
|
150 |
|
151 /* Toolbar icons */ |
|
152 |
|
153 #ToolbarMode { |
|
154 -moz-box-pack: center; |
|
155 } |
|
156 |
|
157 #ToolbarMode toolbarbutton > .toolbarbutton-icon { |
|
158 display: none; |
|
159 } |
|
160 |
|
161 #Console\:clear { |
|
162 -moz-box-orient: vertical; |
|
163 -moz-box-align: center; |
|
164 -moz-appearance: toolbarbutton; |
|
165 font: menu; |
|
166 text-shadow: @loweredShadow@; |
|
167 margin: 4px 0 9px; |
|
168 padding: 0 1px; |
|
169 } |