source: tags/1.5/Xinha.css

Last change on this file was 1373, checked in by gogo, 10 months ago

Selected buttons (eg alignment) had weird padding when not using a skin.

  • Property svn:keywords set to LastChangedDate LastChangedRevision LastChangedBy HeadURL Id
File size: 8.3 KB
Line 
1.htmlarea { background: #fff; }
2.htmlarea td { margin:0 !important;padding:0 !important; }
3
4.htmlarea .toolbarRow {
5  width:1px;
6}
7
8.htmlarea .toolbar {
9  cursor: default;
10  background: ButtonFace;
11  padding: 3px;
12  border: 1px solid;
13  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
14}
15.htmlarea .toolbar table { margin: 0; font-family: Tahoma, Verdana,sans-serif; font-size: 11px; }
16.htmlarea .toolbar img { border: none; vertical-align: top; }
17.htmlarea .toolbar .label { padding: 0 3px; }
18
19.htmlarea .toolbar .button {
20  background: ButtonFace;
21  color: ButtonText;
22  border: 1px solid ButtonFace;
23  padding: 1px;
24  margin: 0;
25  width: 18px;
26  height: 18px;
27}
28.htmlarea .toolbar a.button:hover {
29  border: 1px solid;
30  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
31}
32.htmlarea .toolbar a.buttonDisabled:hover {
33  border-color: ButtonFace;
34}
35.htmlarea .toolbar .buttonActive,
36.htmlarea .toolbar .buttonPressed
37{
38  /*padding: 2px 0 0 2px;*/ padding:0;
39  border: 1px solid;
40  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
41}
42.htmlarea .toolbar .buttonPressed {
43  background: ButtonHighlight;
44}
45.htmlarea .toolbar .indicator {
46  padding: 0 3px;
47  overflow: hidden;
48  width: 20px;
49  text-align: center;
50  cursor: default;
51  border: 1px solid ButtonShadow;
52}
53
54.htmlarea .toolbar .buttonDisabled img {
55  filter: gray() alpha(opacity = 25);
56  -moz-opacity: 0.25;
57  opacity: 0.25;
58}
59
60.htmlarea .toolbar .separator {
61  /*position: relative;*/
62  margin:0 3px;
63  border-left: 1px solid ButtonShadow;
64  border-right: 1px solid ButtonHighlight;
65  width: 0;
66  height: 18px;
67  padding: 0;
68}
69
70.htmlarea .toolbar .space { width: 5px; }
71
72.htmlarea .toolbar select, .htmlarea .toolbar option { font: 11px Tahoma,Verdana,sans-serif;}
73
74.htmlarea .toolbar select,
75.htmlarea .toolbar select:hover,
76.htmlarea .toolbar select:active {
77  position:relative;
78  top:-2px;
79  margin-bottom:-2px;
80  color: ButtonText;
81}
82
83.htmlarea iframe.xinha_iframe, .htmlarea textarea.xinha_textarea
84{
85  border: none; /*1px solid;*/
86}
87
88.htmlarea .statusBar {
89  border: 1px solid;
90  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
91  padding: 2px 4px;
92  background-color: ButtonFace;
93  color: ButtonText;
94  font: 11px Tahoma,Verdana,sans-serif;
95  height:16px;
96  overflow: hidden;
97 
98  /* Fix #1601 Incorrect sized status statusBar*/
99  box-sizing:border-box;
100  height:22px; /* 4px pad + 1x border additional to the 16px which was used above */
101}
102
103.htmlarea .statusBar .statusBarTree a {
104  padding: 2px 5px;
105  color: #00f;
106}
107
108.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
109.htmlarea .statusBar .statusBarTree a:hover {
110  background-color: Highlight;
111  color: HighlightText;
112  padding: 1px 4px;
113  border: 1px solid HighlightText;
114}
115
116.statusBarWidgetContainer {
117  background-color: ButtonFace;
118}
119
120/* popup dialogs */
121
122.dialog {
123  color: ButtonText;
124  background: ButtonFace;
125  border: 1px outset;
126  border-color: WindowFrame;
127}
128div.dialog {
129  padding-bottom:10px;
130  border-radius: 8px 8px 0 0;
131  -moz-border-radius: 8px 8px 0 0;
132  -webkit-border-top-left-radius: 8px;
133  -webkit-border-top-right-radius: 8px;
134 
135  box-shadow: 9px 9px 10px #444;
136  -moz-box-shadow: 9px 9px 10px #444;
137  -webkit-box-shadow: 9px 9px 10px #444;
138}
139div.dialog.modeless {
140  box-shadow: 4px 4px 5px #888;
141  -moz-box-shadow: 4px 4px 5px #888;
142  -webkit-box-shadow: 4px 4px 5px #888;
143}
144div.dialog.chrome {
145  -webkit-box-shadow: none !IMPORTANT;
146}
147.panels div.dialog.panel {
148  border-radius:0;
149  -moz-border-radius: 0;
150  -webkit-border-radius:0;
151 
152  box-shadow: none;
153  -moz-box-shadow: none;
154  -webkit-box-shadow: none;
155}
156.xinha_dialog_background {
157  filter: alpha(opacity=0);
158  -moz-opacity: 0;
159  opacity: 0;
160  border:none;
161}
162.xinha_dialog_background_modal_greyout {
163  background-color:#666;
164  filter: alpha(opacity=70) !IMPORTANT;
165  -moz-opacity: 0.7;
166  opacity: 0.7;
167}
168.xinha_dialog_background_modal {
169  filter: alpha(opacity=0) !IMPORTANT;
170  -moz-opacity: 0;
171  opacity: 0;
172  border:none;
173}
174body.xinha_dialog_background_modal_greyout {
175  filter: alpha(opacity=100) !IMPORTANT;
176}
177body.xinha_dialog_background_modal {
178  filter: alpha(opacity=0);
179}
180.dialog .content { padding: 2px; }
181
182.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
183  font: 11px Tahoma,Verdana,sans-serif;
184}
185
186.dialog table { border-collapse: collapse; }
187
188.dialog .title, .dialog h1
189{
190  background: ActiveCaption;
191  color: CaptionText;
192  border-bottom: 1px solid #000;
193  padding: 1px 0 2px 5px;
194  font-size: 12px;
195  font-weight: bold;
196  cursor: default;
197  letter-spacing: 0.01em;
198}
199.dialog h1 {
200  padding-left:22px;
201  margin:0;
202  border-radius: 8px 8px 0 0;
203  -moz-border-radius: 8px 8px 0 0;
204  -webkit-border-top-left-radius: 8px;
205  -webkit-border-top-right-radius: 8px;
206}
207.panels .dialog.panel h1 {
208  -moz-border-radius: 0;
209  -webkit-border-radius:0;
210}
211
212.dialog .title .button {
213  float: right;
214  border: 1px solid #66a;
215  padding: 0 1px 0 2px;
216  margin-right: 1px;
217  color: #fff;
218  text-align: center;
219}
220
221.dialog .title .button-hilite { border-color: #88f; background: #44c; }
222
223.dialog button {
224  width: 5.5em;
225  padding: 0;
226}
227.dialog .closeButton {
228  padding: 0;
229  cursor: default;
230  border: 1px solid;
231  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
232  height : 11px;
233  width : 11px;
234  vertical-align : top;
235  position : absolute;
236  top : 3px;
237  right : 2px;
238  background-color: ButtonFace;
239  color: ButtonText;
240  font-size: 13px;
241  font-family: Tahoma,Verdana,sans-serif;
242  text-align:center;
243  letter-spacing:0;
244  overflow:hidden;
245}
246.dialog .buttonColor {
247  width :1em;
248  padding: 1px;
249  cursor: default;
250  border: 1px solid;
251  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
252}
253
254.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
255  height: 0.6em;
256  border: 1px solid;
257  padding: 0 1em;
258  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
259}
260
261.dialog .buttonClick {
262  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
263}
264.dialog .buttonColor-hilite {
265   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
266}
267
268.dialog .buttonColor .nocolor { padding: 0; }
269.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }
270
271.dialog .label { text-align: right; width: 6em; }
272.dialog .value input { width: 100%; }
273
274.dialog legend { font-weight: bold; }
275.dialog fieldset table { margin: 2px 0; }
276 
277.dialog  .buttons {
278
279      padding: 1em;
280      text-align: center;
281}
282.dialog .resizeHandle {
283    -moz-appearance : resizer;
284    width: 12px;
285    height: 12px;
286    border-bottom: 2px solid #000;
287    border-right: 2px solid #000;
288    cursor : se-resize;
289}
290.popupwin {
291  padding: 0;
292  margin: 0;
293}
294
295.popupwin .title {
296  background: #fff;
297  color: #000;
298  font-weight: bold;
299  font-size: 120%;
300  padding: 3px 10px;
301  margin-bottom: 10px;
302  border-bottom: 1px solid black;
303  letter-spacing: 2px;
304}
305
306form { margin: 0; border: none; }
307
308
309/** Panels **/
310.htmlarea .panels_top
311{
312  border-bottom : 1px solid;
313  border-color: ButtonShadow;
314}
315
316.htmlarea .panels_right
317{
318  border-left : 1px solid;
319  border-color: ButtonShadow;
320}
321
322.htmlarea .panels_left
323{
324  border-right : 1px solid;
325  border-color: ButtonShadow;
326}
327
328.htmlarea .panels_bottom
329{
330  border-top : 1px solid;
331  border-color: ButtonShadow;
332}
333
334.htmlarea .panel h1 {
335  clear:left;
336  font-size:0.9em;
337}
338
339.htmlarea .panel {
340  overflow:hidden;
341  background-color:white;
342  padding-bottom:0 !IMPORTANT;
343  border: none !IMPORTANT;
344}
345.htmlarea .panels_left  .panel { border-right:none; border-left:none; }
346.htmlarea .panels_left  h1     { border-right:none;  }
347.htmlarea .panels_right .panel { border-right:none; border-left:none; }
348.htmlarea .panels_left  h1     { border-left:none;  }
349.htmlarea { border: 1px solid black; }
350
351.loading
352{
353  font-family:sans-serif;
354  position:absolute;
355  z-index:1000;
356  text-align:center;
357  width:212px;
358  padding: 55px 0 5px 0;
359  border:2px solid #ccc;
360  /* border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;*/
361  background: url(images/xinha_logo.gif) no-repeat #fff center 5px;
362}
363.loading_main
364{
365  font-size:11px;
366  color:#000;
367 
368}
369.loading_sub
370{
371  font-size:9px;
372  color:#666;
373  text-align:center;
374}
375/* Classes for filemanager styles in a dialog. */
376.dialog a img
377{
378border: 0 none transparent;
379}
380
381.dialog fieldset.collapsed {
382border: 0 none transparent;
383}
384
385.dialog fieldset.collapsed form {
386display: none;
387}
388
389.hidden
390{
391display: none;
392}
Note: See TracBrowser for help on using the repository browser.