tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / pageInfo.css
... / ...
CommitLineData
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@import "chrome://global/skin/";
6
7/* View buttons */
8#viewGroup {
9 -moz-padding-start: 10px;
10}
11
12#viewGroup > radio {
13 list-style-image: url("chrome://browser/skin/pageInfo.png");
14 -moz-box-orient: vertical;
15 -moz-box-align: center;
16 -moz-appearance: none;
17 padding: 5px 3px 1px 3px;
18 margin: 0 1px;
19 min-width: 4.5em;
20 border-radius: 3px;
21}
22
23#viewGroup > radio:hover {
24 background-color: #FFCF00;
25 color: #000000;
26}
27
28#viewGroup > radio[selected="true"] {
29 background-color: #008484;
30 color: #FFCF00;
31}
32
33#topBar {
34 border-bottom: 2px solid #9C9CFF;
35 -moz-padding-start: 10px;
36 background-color: #000000;
37 color: #FF9F00;
38}
39
40#generalTab {
41 -moz-image-region: rect(0px, 32px, 32px, 0px)
42}
43
44#generalTab:hover, #generalTab[selected="true"] {
45 -moz-image-region: rect(32px, 32px, 64px, 0px)
46}
47
48#mediaTab {
49 -moz-image-region: rect(0px, 64px, 32px, 32px)
50}
51
52#mediaTab:hover, #mediaTab[selected="true"] {
53 -moz-image-region: rect(32px, 64px, 64px, 32px)
54}
55
56#feedTab {
57 -moz-image-region: rect(0px, 96px, 32px, 64px)
58}
59
60#feedTab:hover, #feedTab[selected="true"] {
61 -moz-image-region: rect(32px, 96px, 64px, 64px)
62}
63
64#permTab {
65 -moz-image-region: rect(0px, 128px, 32px, 96px)
66}
67
68#permTab:hover, #permTab[selected="true"] {
69 -moz-image-region: rect(32px, 128px, 64px, 96px)
70}
71
72#securityTab {
73 -moz-image-region: rect(0px, 160px, 32px, 128px)
74}
75
76#securityTab:hover, #securityTab[selected="true"] {
77 -moz-image-region: rect(32px, 160px, 64px, 128px)
78}
79
80deck {
81 padding: 10px 10px 10px 10px;
82}
83
84/* Misc */
85tree {
86 margin: .5em;
87}
88
89.gridSeparator {
90 width: .5em;
91}
92
93row > label {
94 padding: 3px 0;
95}
96
97textbox {
98 background: transparent !important;
99 border: none;
100 padding: 0px;
101 margin-top: 1px;
102 -moz-appearance: none;
103}
104
105textbox.header {
106 -moz-margin-start: 0;
107}
108
109.iframe {
110 margin: .5em;
111 background: white;
112 overflow: auto;
113}
114
115.fixedsize {
116 height: 8.5em;
117}
118
119textbox[disabled] {
120 font-style: italic;
121}
122
123/* General Tab */
124groupbox.collapsable caption .caption-icon {
125 width: 9px;
126 height: 9px;
127 background-repeat: no-repeat;
128 background-position: center;
129 -moz-margin-start: 2px;
130 -moz-margin-end: 2px;
131 background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
132}
133
134groupbox.collapsable[closed="true"] {
135 border: none;
136 margin-bottom: 9px;
137 -moz-appearance: none;
138}
139
140groupbox.collapsable[closed="true"] > caption > .caption-icon {
141 background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
142}
143
144groupbox.collapsable > caption:hover {
145 background-color: #FFCF00;
146}
147
148groupbox.treebox {
149 padding: 0;
150}
151
152groupbox.treebox > tree {
153 margin: 2px;
154 margin-top: 0;
155 border: none;
156 border-top-right-radius: 0;
157 border-top-left-radius: 0;
158}
159
160groupbox.treebox > tree > treecols > treecol {
161 border: none;
162 border-bottom: 1px solid #FF9F00;
163 background-color: #A09090;
164 border-radius: 0;
165}
166
167groupbox.treebox > tree > treechildren::-moz-tree-cell {
168 padding: 0 3px;
169}
170
171#securityBox description {
172 -moz-margin-start: 10px;
173}
174
175#general-security-identity {
176 white-space: pre-wrap;
177 line-height: 2em;
178}
179
180/* Media Tab */
181#imagetree {
182 min-height: 10em;
183 margin-bottom: 0;
184}
185
186#mediaSplitter {
187 border-style: none;
188 background: none;
189 height: .8em;
190}
191
192#mediaGrid {
193 min-height: 9em;
194}
195
196#mediaLabelColumn {
197 min-width: 10em;
198}
199
200#thepreviewimage {
201 margin: 1em;
202}
203
204treechildren::-moz-tree-cell-text(broken) {
205 font-style: italic;
206 color: #8050B0;
207}
208
209/* Feeds Tab */
210#feedtree {
211 margin-bottom: 0px;
212}
213
214#feedListbox richlistitem {
215 padding-top: 6px;
216 padding-bottom: 6px;
217 -moz-padding-start: 7px;
218 -moz-padding-end: 7px;
219 min-height: 25px;
220 border-bottom: 1px dotted #9C9CFF;
221}
222/*
223#feedListbox richlistitem[selected="true"] {
224 background-color: -moz-Dialog;
225 color: -moz-DialogText;
226}
227
228#feedListbox {
229 border: 2px solid;
230 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
231 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
232 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
233 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
234}
235*/
236.feedTitle {
237 font-weight: bold;
238}
239
240/* Permissions Tab */
241#permList {
242 margin-top: .5em;
243 overflow: auto;
244 border: 2px solid;
245/* -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
246 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
247 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
248 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
249 background-color: -moz-field; */
250}
251
252.permission {
253 padding-top: 6px;
254 padding-bottom: 6px;
255 -moz-padding-start: 7px;
256 -moz-padding-end: 7px;
257 min-height: 25px;
258 border-bottom: 1px dotted #9C9CFF;
259}
260
261.permissionLabel {
262 font-weight: bold;
263}
264/*
265.permission:hover {
266 background-color: -moz-dialog;
267}
268*/
269/* Security Tab */
270#securityPanel .caption-icon {
271 display: none;
272}
273
274#securityPanel .header {
275 font-size: 120%;
276}
277
278#securityPanel .fieldLabel {
279 margin: 2px 10px 3px 10px;
280}
281
282#securityPanel .fieldValue {
283 font-weight: bold;
284 margin: 2px 10px 0px 10px;
285}