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