core.css
[Pman.Core] / core.css
1
2
3
4 .logoblock {
5     background-color: #f8ecb2;
6 }
7 .x-grid-row .x-grid-col-Companies-Company_Name {
8     white-space: pre;
9 }
10 .x-grid-row .x-grid-td-FaxArchive-Details,
11 .x-grid-row .x-grid-col-Directory-Directory_Address {
12     white-space: normal;
13 }
14
15
16 .x-grid-row-selected .x-grid-check-icon-toggle,
17 .x-grid-check-icon-checked {
18     background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 -16px;
19     height:16px;
20     width:16px;
21 }
22 .x-grid-check-icon-toggle,
23 .x-grid-check-icon {
24     background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 0;
25     height:16px;
26     width:16px;
27 }
28 .loading-indicator {
29     font-size:12px;
30     height:28px;
31 }
32 .loading-indicator {
33     background-position:left top;
34     background-repeat:no-repeat;
35     font-size:8pt;
36     height:18px;
37     padding-left:20px;
38     text-align:left;
39 }
40 #loading {
41     background:#fff;
42     border:1px solid #6593CF;
43     left:40%;
44     padding:2px;
45     position:absolute;
46     text-align:center;
47     top:40%;
48     width:250px;
49     
50     z-index:20001;
51     font-family:tahoma,arial,helvetica;
52 }
53
54 /** - add button next to combo box (of type ComboAdder) */
55 .x-form-adder,
56 .x-form-textfield-adder, 
57 .x-form-textfield-minus
58 {
59     background:transparent url(../../roojs1/images/default/dd/drop-add.gif) no-repeat scroll 0 0;
60     border-style:none none solid;
61     
62     border-style:none none solid;
63     cursor:pointer;
64     height:14px;
65     left:2px;
66     margin-left:20px;
67     position:relative;
68     top:4px;
69     width:17px;
70
71 .x-form-textfield-adder
72 {
73     margin-left: 3px;
74
75 .x-form-textfield-minus
76 {
77     background:transparent url(../../roojs1/images/default/dd/drop-sub.gif) no-repeat scroll 0 0;
78     margin-left: 23px;
79 }
80
81
82 .x-date-menu .x-menu-list {
83     width: 200px;
84 }
85
86 /* Select distribution list - make pointer a hand */
87 #distgrid-Documents_In .x-grid-row td,
88 #distgrid-Documents_Out .x-grid-row td,
89 #grid-Group_Members .x-grid-row td,
90 #grid-Group_Rights .x-grid-row td
91 {
92     cursor: pointer;
93 }
94
95 #headerInformation {
96     clear:none;
97     color:#244;
98     font-size:12px;
99     font-family:arial,tahoma,helvetica,sans-serif;
100     position:absolute;
101     right:210px;
102     top:6px;
103 }
104
105 #headerInformation-company-logo {
106    
107 }
108 #headerInformation-applogo {
109     position:absolute;
110     right:0px;
111 }
112     
113 .pman-details-view {
114     padding : 0x;
115 }
116 .pman-details-view-header {
117     padding: 2px; 
118     padding-left: 5px;
119     background: #ddd;
120     font-weight: bold;
121     -moz-user-focus:normal;
122     -x-system-font:none;
123     font-family:arial,tahoma,helvetica,sans-serif;
124     font-size:11px;
125     font-size-adjust:none;
126     font-stretch:normal;
127     font-style:normal;
128     font-variant:normal;
129     font-weight:normal;
130     line-height:13px;
131     outline-color:-moz-use-text-color;
132     outline-style:none;
133     outline-width:medium;
134     vertical-align:top;
135     white-space:nowrap;
136     
137     
138 }
139 /*
140 .pman-details-view td {
141     padding : 10px;
142 }
143 */
144 .pman-details-tbl td {
145     padding: 1px;
146     white-space : normal;
147 }
148 .pman-details-view-remarks  {
149     margin: 0px 4px;
150 }
151 .pman-details-view-remark {
152     border-bottom:3px dotted #CCC;
153     padding-top:5px;
154 }
155
156
157 .pman-details-view-remark-header {
158     background-color : #f8f8f8;
159     display: block;    
160 }
161
162 .pman-details-view-remark-date {
163     display: inline;
164     float: right;
165     color: #999;
166 }
167 .pman-details-view-remark-to {
168     clear:none;
169     display:inline;
170     float:left;
171     font-weight:bold;
172 }
173
174 .pman-details-view-remark-body {
175     padding: 2px 0px 13px 0px;
176     clear: left;
177     border-top: 1px dotted #ccc;
178     white-space: normal;
179    /* width: 200px; */
180 }
181             
182 .pman-details-style,  .pman-details-style td {
183     font-family:arial,tahoma,helvetica,sans-serif;
184     font-size:11px;
185     font-size-adjust:none;
186     font-style:normal;
187     font-variant:normal;
188     font-weight:normal;
189     line-height:13px;
190      
191 }       
192 /* slightly ligher disabled */
193 .x-item-disabled {
194     opacity:0.9;
195 }  
196
197 .x-tabs-wrap {
198     padding-top: 0px;
199 }
200 .x-tabs-wrap .x-toolbar {
201     padding-top : 0px;
202     padding-bottom : 0px;
203 }
204 /*
205 #distgrid-DocumentsCirc_In .x-grid-header,
206 #distgrid-DocumentsCirc_Out .x-grid-header 
207 {
208     display:none;
209 }
210 */
211 /* status icon on inbox */
212 .x-grid-col-Documents_Wip-locked_by .x-grid-cell-text,
213 .x-grid-col-Unread-status_str .x-grid-cell-text,
214 .x-grid-col-Inbox-status_str .x-grid-cell-text {
215     padding: 1px;
216 }
217 .x-strikethrough .x-grid-cell-text {
218     text-decoration: line-through;
219     color: #ccc;
220 }
221 .x-doc-closed .x-grid-cell-text {
222     color: #999;
223 }
224
225 /* override forms so they are a bit tighter */
226 .x-form-label-top .x-form-element {
227     padding:0;
228 }
229
230 /*--------- timesheet -------*/
231 .x-grid-td-ts_item .x-grid-cell-inner {
232     overflow: visible;
233 }
234 .x-grid-col-ts_clear .x-grid-cell-text {
235     padding: 1px;
236 }
237
238
239
240 .p-email-need-filing .x-toolbar {
241     
242     background: #f66 none no-repeat scroll 0 0;
243 }
244 .p-preview-remarks {
245     font-family:arial,tahoma,helvetica,sans-serif;
246     font-size:11px;
247     font-size-adjust:none;
248     font-style:normal;
249     font-variant:normal;
250     font-weight:normal;
251     line-height:13px;
252     white-space:nowrap;
253 }
254 /** ------ email adder ---- */
255 .p-cblist-item {
256     display: inline-block; 
257     background: #e0ecff none no-repeat scroll 0 0;
258     float: left;
259     height: 18px;
260     -moz-border-radius: 2px;
261     margin: 2px;
262     float: left
263     
264     font-family:arial,tahoma,helvetica,sans-serif;
265     font-size:11px;
266     font-size-adjust:none;
267     font-style:normal;
268     font-variant:normal;
269     font-weight:normal;
270     
271 }
272 .p-cblist-item div
273 {
274     display: inline-block;
275     float: left;
276     margin: 2px;
277     margin-left: 5px;
278 }
279 .p-cblist-item img
280 {
281    margin-left: 5px;
282    background:transparent url(../templates/images/mailAddClose.gif) no-repeat scroll 0 0;
283    cursor: pointer;
284 }
285 .p-cblist-cb 
286 {
287     float:left;
288 }
289
290 .p-cblist-grp
291 {
292     padding: 2px;
293     border: 1px solid #e0ecff;
294     display: inline-block;
295 }
296    
297    /** ---- more kludges? --- */
298 /* was clear none for some reason... dealflow changed this back? to both... */   
299 .x-form-column .x-form-clear-left
300 {
301     clear: both;
302 }
303    
304    
305 .p-thumb{
306         background: #ddd;
307         padding: 3px;
308     border: 2px solid #ddd;
309     
310 }
311 .x-view-selected .p-thumb {
312     border: 2px solid #66c;
313 }
314
315 /*
316 .p-thumb img {
317         height: 100px;
318         width: 200px;
319 }
320 */
321 .p-thumb-wrap{
322         float: left;
323         margin: 4px;
324         margin-right: 0;
325         padding: 5px;
326        font-family:arial,tahoma,helvetica,sans-serif;
327     font-size:11px;
328     font-size-adjust:none;
329     font-style:normal;
330     font-variant:normal;
331     font-weight:normal;
332     line-height:13px;
333 }
334 .p-thumb-wrap span{
335   
336         display: block;
337         overflow: hidden;
338         text-align: center;
339     height: 40px;
340     width: 80px;
341 }
342 .p-thumb-view .x-view-selected {
343     background: #316AC5 !important;
344 }
345
346 .p-reply-to-link 
347 {
348     color :#0c0;
349     font-style: normal;
350     font-weight: bold;
351     cursor:pointer;
352
353 }
354
355 .p-doc-unread td
356 {
357     font-weight: bold;
358    }
359    
360 span.ptcv-selectlang
361 {
362    text-decoration: underline; 
363    color : #00f;
364    cursor:pointer;
365 }
366    
367 /** -------------------- ACTION BOXES ----------------- */
368 .x-action-box
369 {
370      font-family:arial,tahoma,helvetica,sans-serif;
371     font-size:11px;
372     font-size-adjust:none;
373     font-style:normal;
374     font-variant:normal;
375     font-weight:normal;
376     line-height:13px;
377 }
378 .x-action-box-header {
379     -moz-background-clip:border;
380     -moz-background-inline-policy:continuous;
381     -moz-background-origin:padding;
382     background:#E3E3E3 none repeat scroll 0 0;
383     border-left: 1px solid #ccc;
384     border-top: 1px solid #ccc;
385     border-bottom: 1px solid #ccc;
386     color:#333;
387 }
388 .x-action-box-small-header {
389     padding:8px 12px 4px;
390 }
391 .x-action-box-properties-header {
392     font-size:120%;
393     font-weight:bold;
394 }
395 .x-action-box-top-right {
396     background-image:url(../templates/images/shcornertop.png);
397     background-repeat:no-repeat;
398   /*  height:12px; */
399     min-width:12px;
400     width:1%;
401 }
402
403 .x-action-box-right {
404     background-image:url(../templates/images/action/shr.png);
405     background-repeat:repeat-y;
406 }
407 .x-action-box-body {
408     -moz-background-clip:border;
409     -moz-background-inline-policy:continuous;
410     -moz-background-origin:padding;
411     background:white none repeat scroll 0 0;
412     padding:10px;
413      border-left: 1px solid #ccc;
414 }
415 .x-action-box-ico-edit {
416     -moz-background-clip:border !important;
417     -moz-background-inline-policy:continuous !important;
418     -moz-background-origin:padding !important;
419     /* background:transparent url(../../images/16x16/all_16_16_vertical.png) no-repeat scroll 0 -378px !important; */
420 }
421 .x-action-box-action {
422     background-position:0 2px;
423     background-repeat:no-repeat;
424     padding:3px 0 2px 22px;
425     cursor:pointer;
426     color: #33c;
427     text-decoration: underline;
428     clear: both;
429     float: left;
430     line-height: 15px;
431 }
432  
433 .x-action-box-bottom-left {
434     background-image:url(../templates/images/action/shcornerbottom.png);
435     background-repeat:no-repeat;
436     height:12px;
437   /*   min-width:12px; */
438     width:1%;
439 }
440 .x-action-box-bottom {
441     background-image:url(../templates/images/action/shb.png);
442     background-repeat:repeat-x;
443 }
444 .x-action-box-bottom-right {
445     background-image:url(../templates/images/action/shcorner.png);
446     background-repeat:no-repeat;
447     height:12px;
448     min-width:12px;
449     width:1%;
450 }
451 .x-action-box-hr {
452     border-bottom:1px solid #DDDDDD;
453     margin-bottom:2px;
454     padding-bottom:2px;
455     padding-top:4px;
456     clear:both;
457 }
458 /*** -------------- boxes with themes ----- */
459 .x-action-box-yellow .x-action-box-header
460 {
461     background:#F6D64E none repeat scroll 0 0;
462     border-color:#C9A30A;
463     color:#655205;
464 }
465  
466 .x-action-box-yellow .x-action-box-body
467 {
468     
469    background:#FFF2BF none repeat scroll 0 0;
470     color:#655205;
471 }
472
473
474
475
476
477
478
479
480
481
482
483 /** BOX style forms **/
484
485
486
487
488
489 .x-form fieldset.x-formbox {
490    padding :0;
491   border: 1px solid gray;
492    -moz-box-shadow: 5px 5px 5px #ccc;
493     -webkit-box-shadow: 5px 5px 5px #ccc;
494     box-shadow: 5px 5px 5px #ccc;
495     
496       -webkit-margin-start: 0;
497         -webkit-margin-end: 0;
498         -webkit-padding-before: 0;
499         -webkit-padding-start: 0;
500         -webkit-padding-end: 0;
501         -webkit-padding-after: 0;
502  }
503
504 .x-form fieldset.x-formbox legend {
505          display: block;
506         border-bottom: 1px solid gray;
507         margin: 0px;
508         padding: 5px 0px;
509                 
510         background: #E3E3E3 none repeat scroll 0 0;
511       
512         width: 100%;
513         position: relative;
514         text-align: center;
515          
516  }
517  
518 .x-form fieldset.x-formbox .x-form-item {
519     margin-left: 2px;
520 }
521
522
523
524
525
526