source: trunk/expressoMail1_2/templates/default/main.css @ 6138

Revision 6138, 35.4 KB checked in by angelo, 12 years ago (diff)

Ticket #2706 - Ao abrir mensagem clicando no nome do remetente o mesmo permanece sublinhado

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1body{overflow-x: hidden;}
2/* attachments list on message screen */
3.expressomail-attachments { background:#EEE; font-size:11px; width:100%; margin:0; padding:0;}
4.expressomail-attachments-label {display:block; float:left;}
5ul.expressomail-attachments-list { list-style:none; display:block; margin-left:40px;}
6ul.expressomail-attachments-list li {}
7.expressomail-attachments-link { font-size:11px;}
8
9textarea{
10    overflow:hidden;
11    height:auto;
12/*    width:18px;
13        resize: none;*/
14}
15a.rich{
16        padding : 5px;
17        cursor : pointer;
18        text-align: center;
19}
20button.adress_button {width: 47px; text-align: center;}
21span.ui-icon.expressomail-icon-read-confirmation { background-image: url(images/notification.gif) !important; background-position: 0px 0px; width: 24px; height: 24px;}
22span.ui-icon.expressomail-icon-save { background-image: url(images/disk.png) !important; background-position: 0px 2px; width: 16px; height: 16px; background-size: 13px;}
23span.ui-icon.expressomail-icon-signature { background-image: url(images/signature.gif) !important; background-position: 8px 2px; width: 24px; height: 24px; background-size: 13px;}
24span.ui-icon.expressomail-icon-encryption{ background-image: url(images/lock.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
25span.ui-icon.expressomail-icon-send { background-image: url(images/send.png) !important; background-position: -2px 2px; width: 25px; height: 16px; background-size: 19px;}
26span.ui-icon.expressomail-icon-save_and_send { background-image: url(images/save_and_send.png) !important; width: 25px; height: 16px; background-size: 17px;}
27span.ui-icon.expressomail-icon-important { background-image: url(images/important.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
28
29/* thumbs list on message screen */
30.expressomail-thumbs { font-size:11px; width:100%; max-width:100%; margin:20px 0 0 0; border-top:1px solid #AAA; float: left}
31.expressomail-thumbs-label {}
32.message_options {}
33.expressomail-thumbs span.message_tips { display:block; padding-left:18px; line-height:18px;height:18px; background-image: url(images/menu/ktip.png); background-repeat:no-repeat;}
34ul.expressomail-thumbs-list { list-style:none; margin:0; padding:0;}
35ul.expressomail-thumbs-list li {height:80px;  max-width:120px; max-height:80px; display:block; float:left; margin: 5px; padding:0;}
36ul.expressomail-thumbs-list li img {width:auto; height:100%; border: 2px solid #FDE7BC;}
37.expressomail-thumbs-link { font-size:11px;}
38.jcarousel-container { width: auto;}
39 
40 button.expressomail-button-icon-ative{color:#E17009; border: 1px solid #E17009;background: none repeat scroll 0 0 #FFE1CC;}
41
42/* todo o resto */
43table.expressomail-message-body {width:100%; height:100%;}
44table.table_message, div.table_message {
45background: #96b3d3; /* Old browsers */
46background: -moz-linear-gradient(top, #96b3d3 0%, #b4c9e4 30%, #d9e6ef 65%, #e2e9f1 70%, #e9f0f8 78%, #e8f1fa 83%, #dbe5ef 96%, #d9e3ed 100%); /* FF3.6+ */
47background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96b3d3), color-stop(30%,#b4c9e4), color-stop(65%,#d9e6ef), color-stop(70%,#e2e9f1), color-stop(78%,#e9f0f8), color-stop(83%,#e8f1fa), color-stop(96%,#dbe5ef), color-stop(100%,#d9e3ed)); /* Chrome,Safari4+ */
48background: -webkit-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Chrome10+,Safari5.1+ */
49background: -o-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Opera 11.10+ */
50background: -ms-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* IE10+ */
51background: linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* W3C */
52filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b3d3', endColorstr='#d9e3ed',GradientType=0 ); /* IE6-9 */
53}
54table.expressomail-message-body tr{vertical-align:top;}
55
56
57
58
59.table_message_options{
60        background-color: #000;
61       
62        /* Apenas para ie qualquer versao */
63        -moz-border-collapse: separate;
64        border-color: gray;
65
66    border-spacing: 0;
67    border-style: outset;
68    border-width: 0.01;
69    cursor: default;
70    padding: 1px;
71        -moz-border-radius: 3px;
72        -webkit-border-radius: 3px;
73       
74       
75}
76
77.table_message_options_ie{
78
79        border-collapse: collapse;
80        background-color: #000;
81        border-color: gray;
82    border-spacing: 0;
83    border-style: outset;
84    border-width: 1;
85    cursor: default;
86    padding: 1px;
87        -moz-border-radius: 3px;
88        -webkit-border-radius: 3px;
89       
90       
91}
92
93.table_message{
94        background-color: #000;
95       
96        /* Apenas para ie qualquer versao */
97        -moz-border-collapse: separate;
98        border-color: gray;
99        border-radius: 3px 3px 3px 3px;
100    border-spacing: 0;
101    border-style: outset;
102    border-width: 1px;
103    cursor: default;
104    padding: 1px;
105        -moz-border-radius: 3px;
106        -webkit-border-radius: 3px;
107       
108       
109}
110
111.div_message_scroll { background: none repeat scroll 0% 0% WHITE; overflow: auto; padding-right: 5px;}
112a.message-attach-link { margin-left: 20px;}
113
114.messagescol td label {padding-right:20px;}
115.messagescol td.message-general-options .checkbox {margin: 5px 5px 0 0;}
116
117.ui-dialog-dragging {
118        opacity:0.4;
119        filter:alpha(opacity=40); /* For IE8 and earlier */
120}
121
122.context-menu-item.icon-important { background-image: url(images/important.png); background-position: 6px 5px !important}
123.context-menu-item.icon-export { background-image: url(images/export.png); }
124.context-menu-item.icon-move { background-image: url(images/move.png); }
125.context-menu-item.icon-seen { background-image: url(images/seen.gif); }
126.context-menu-item.icon-unseen { background-image: url(images/unseen.gif); }
127.context-menu-item.icon-normal { background-image: url(images/door.png); }
128.context-menu-item.icon-followupflag { background-image: url(images/door.png); }
129
130
131.context-menu-item.icon-search-mail { background-image: url(images/menu/search.png); }
132.context-menu-item.icon-filter { background-image: url(images/menu/filters.png); }
133.context-menu-item.icon-edit-folder { background-image: url(images/menu/editfolders.png); }
134.context-menu-item.icon-share-mailbox { background-image: url(images/menu/usersfolders.png); }
135.context-menu-item.icon-label { background-image: url(images/menu/usersfolders.png); }
136.context-menu-item.icon-tag { background-image: url(images/menu/tag.png); background-size: 12px; background-position: 6px 2px !important;}
137.context-menu-item.icon-empty-trash { background-image: url(images/menu/trash.png); }
138.context-menu-item.icon-queue { background-image: url(images/menu/queue.png); }
139
140form.fileupload { margin: 14px 0 0 -13px; float: left; margin-bottom: -20px; }
141form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; }
142form.fileupload .files-list .delete-upload { top: 7px}
143ul.attachments-list { padding: 0; }
144
145.button-files-upload { float:left; }
146
147form.fileupload .ui-button .ui-button-text { line-height: 2; }
148form.fileupload .ui-button { margin-left: 5px; }
149form.fileupload .message-add-original-att { margin-left: 0px; }
150.button.add.button-add-attachment{margin: -9px 0 0 8px;}
151.button.upload{margin-bottom: 4px;}
152div.fileupload-buttonbar{padding: 0.2em 0.5em }
153.archive-error{color: #F00;}
154
155.progress.in-progress{width: 100px; height: 12px;}
156
157.row.fileupload-buttonbar{margin-top: -14px; padding: 0.2em 0.7em;}
158
159.archive-attach.name{width: 310px;}
160.archive-attach.name label{display: block; position: absolute; left: 136px; top: 194px;}
161.size{min-width: 65px;}
162
163.message-attach.name{width: 200px;}
164.message-attach.size{margin:0 4px 0 4px;}
165.message-attach-error{color:red;}
166
167
168/* Estilos da tela de busca rápida de contatos */
169
170.expressomail-qs-container { font-size:11px;}
171.expressomail-qs-container legend { font-size:1.1em; font-weight: bold; }
172.expressomail-qs-container #accordion { margin: 5px;}
173.expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;}
174.expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; }
175.expressomail-qs-container #wrap-progressbar { height:22px; width:122px;  float:left; }
176.expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; }
177.expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; }
178.expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; }
179.expressomail-qs-container .clear {clear:both;}
180/*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/
181.expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; }
182.expressomail-qs-container #ul {list-style:none; margin:0; padding:0;}
183.expressomail-qs-container #fieldset1 {color:#444;}
184.expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;}
185
186.expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;}
187.expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;}
188.expressomail-qs-container #list-acc-users li:hover, .expressomail-qs-container #list-acc-mails li:hover, .expressomail-qs-container #search-result-users li:hover {background-color:#DDD;}
189.expressomail-qs-container #list-acc-users li span.ui-icon, .expressomail-qs-container #list-acc-mails li span.ui-icon, .expressomail-qs-container #search-result-users li span.ui-icon {display:none; margin:2px;}
190.expressomail-qs-container #list-acc-users li input, .expressomail-qs-container #list-acc-mails li input, .expressomail-qs-container #search-result-users li input {margin-top:5px;}
191.expressomail-qs-container #list-acc-users li label, .expressomail-qs-container #list-acc-mails li label, .expressomail-qs-container #search-result-users li label {margin-top:-5px;}
192.expressomail-qs-container #list-acc-users li:hover span, .expressomail-qs-container #list-acc-mails li:hover span, .expressomail-qs-container #search-result-users li:hover span {display:inline;}
193.expressomail-qs-container #search-result-users li span.ui-icon {display:none;}
194.expressomail-qs-container .ui-icon {float:right;}
195.expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;}
196.expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;}
197.expressomail-qs-container .ui-icon-trash, .expressomail-qs-container .ui-icon-edit, .expressomail-qs-container .ui-icon-close, .expressomail-qs-container .ui-icon-plus, .expressomail-qs-container .ui-icon-pencil {background-color:#EEE;}
198.expressomail-qs-container .ui-icon-trash:hover, .expressomail-qs-container .ui-icon-edit:hover, .expressomail-qs-container .ui-icon-close:hover, .expressomail-qs-container .ui-icon-plus:hover, .expressomail-qs-container .ui-icon-pencil:hover {background-color:#BBB;}
199.expressomail-qs-container .ui-autocomplete-input {width:170px;}
200.expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;}
201
202.expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;}
203.expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; }
204.expressomail-qs-container .acc-list h3{font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; margin:0; padding:5px 3px; background-color:#fff;}
205.expressomail-qs-container .acc-list ul{ margin:5px 0;}
206.expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;}
207.expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;}
208.expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;}
209.expressomail-qs-container .acc-list ul li strong {display:block;}
210.expressomail-qs-container .acc-list ul li em {display:block;}
211
212/*Específico do selectable*/
213.expressomail-qs-container #feedback { font-size: 1.4em; }
214.expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; }
215/* #selectable .ui-selected { background: #F39814; color: white; }   Aqui eu troquei a cor de quando era selecionada a linha */
216.expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; }
217
218.expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
219.expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;}
220.expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; }
221.expressomail-qs-container ul#selectable li.ui-selected { width: 100%;  }
222.expressomail-qs-container ul#selectable li div { width: 6000px; }
223.expressomail-qs-container .ui-button-icon-only { width: 1.2em; }
224.expressomail-qs-container .ui-icon { margin-left: -8px; }
225.expressomail-qs-container .ui-widget button { border: 0 solid; }
226
227.expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;}
228.expressomail-qs-container .acc-list { width:444px;height:250px;float:left;border:1px solid #DDD;background-color:#EEE;border-radius:3px;margin-left:1px; margin: 10px 5px 5px 1px;}
229.expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;}
230
231.expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;}
232
233.dialog-modal.expressomail-qs-container  { height: 416px; padding:5px; }
234
235.ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;}
236.expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; }
237
238/* search area definition */
239fieldset.search-field, fieldset.search-catalog-options {
240        border:1px solid #CFCFCF;
241        padding: 5px;
242}
243
244fieldset.search-field input, fieldset.search-catalog-options select{
245        display: inline-block;
246        border: none;
247        background-color: #FFF;
248}
249
250fieldset.search-field span {
251        display: inline-block;
252        margin:0 0 -3px 5px;
253}
254
255/* #search area definition */
256fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;}
257fieldset.search-field input { max-width: 165px; width: 165px; }
258
259fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;}
260fieldset.search-catalog-options select { max-width: 120px; width: 120px; }
261
262
263.ui-dialog .ui-dialog-titlebar-minimize {
264    height: 18px;
265    margin: -10px 0 0;
266    padding: 1px;
267    position: absolute;
268    right: 1.8em;
269    top: 50%;
270    width: 19px;
271}
272
273.ui-dialog-buttonpane .ui-button {
274        margin-top: 0;
275        padding-top: 0;
276}
277
278 
279.button-mod { margin-top: -2.5em; }
280
281/*print.css */
282
283.print-all-messages h1 { font-size: 1.35em; }
284.print-all-messages h2 { font-size: 1.05em; }
285.print-all-messages tbody { font-size: 0.95em; }
286.print-all-messages thead td { font-weight: bold; padding: 3px; border-bottom: solid 2px #999; }
287.print-all-messages tbody td { border-bottom: solid 1px #ccc; }
288.print-all-messages img { display: none; }
289.print-all-messages input { display: none; }
290
291/*main.css */
292pre{
293        white-space: pre-wrap !important; /* css-3 */
294        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
295        white-space: -pre-wrap !important; /* Opera 4-6 */
296        white-space: -o-pre-wrap !important; /* Opera 7 */
297        word-wrap: break-word !important; /* Internet Explorer 5.5+ */
298        font-family: monospace !important;     
299        /*font-size: 10pt !important;*/
300        font-size: 11px !important;
301}
302/** {
303        font-family: Verdana, Arial, Helvetica, sans-serif;     
304}*/
305
306.checkbox{
307        border:none !important;
308}
309
310textarea{
311        font-family: Verdana, Arial, Helvetica, sans-serif;
312        font-size: 13px;
313}
314
315.whiteSpace{
316        width: 2px;
317}
318
319.table_box{
320        width: 100%;
321        color: black;
322        background: #ffffff;
323        border-bottom: 1px solid #f4f8fb;
324        font-family: Verdana, Arial, Helvetica, sans-serif;;
325        font-size: 13px;
326        cursor: pointer;
327        table-layout: fixed;
328}
329
330
331
332
333.em_div_write_msg{
334                height: 24px;
335                background: transparent;
336        }
337
338/* begin class msgs */
339.td_msg{
340        border-width: 0px;     
341}
342
343.span-sender:hover{
344        text-decoration: underline;
345}
346
347
348.th_resizable {
349        padding-left: 3px !important;
350        border-left: solid 1px #999;
351        text-overflow: ellipsis;
352        overflow: hidden;
353        white-space: nowrap;
354}
355
356.td_resizable {
357        padding-left: 1px;
358        border: 0px;
359        border-left: solid 1px #dde1dd;
360        text-overflow: ellipsis;
361        overflow: hidden;
362        white-space: nowrap;
363        border-right-width: 0px !important;
364}
365
366.tr_msg_unread {       
367        font-weight:bold !important;
368}
369
370.table_box tr{
371        border:0;   
372}
373
374.table-info-quota{
375        table-layout: fixed;
376}
377
378.td-info-quota{
379        white-space: nowrap;
380        overflow:       hidden;
381        text-overflow: ellipsis;       
382}
383
384.tr_msg_read {
385        color: #3f3f3f;
386        background-color: #ffffff;
387        -moz-user-select: none;
388}
389
390.tr_msg_read2 {
391        color: #3f3f3f;
392        background-color: #DEE8F0;
393        -moz-user-select: none;
394}
395
396.selected_msg{
397        background-color: #ffffcb;
398}
399.flagged_msg{
400        color: red;
401}
402.selected_shortcut_msg{
403        color: white;
404        background-color: #5194d2;
405}
406.show_img_link{
407        width : 100%;
408        color: black;
409        font-weight: bold;
410        background-color: #ffc;
411        border-bottom:1px solid #cfcfcf;
412        cursor: pointer;                 
413        -moz-user-select: none;
414}
415/* end class msgs */
416
417.show_img_link:hover {
418        color: #000 !important;
419}
420
421.action_info_table {
422        border-spacing: 0px 0px;
423}
424.action_info_th {
425        font-family: Verdana, Arial, Helvetica, sans-serif;
426        font-size: 11px;
427        border-width: 0px 0px 0px 0px;
428        padding: 1px 10px 0px 10px;     
429        border-style: inset inset inset inset;
430        border-color: gray gray gray gray;
431        background-color: rgb(250, 209, 99);
432        -moz-border-radius: 6px 6px 6px 6px;
433}
434
435.message_header{
436        background-color: #ABC6E1;
437}
438
439.message_header td {
440        padding: 0px;
441}
442
443.table_message_ruler {
444        width: 10px;
445        border: none;
446        border-left: 1px dotted #88a;
447        display: none;
448        position: absolute;
449        z-index: 10;
450        height: 300px;
451}
452
453.table_message_header_box{
454        width: 100%;
455        color: black;
456        border-style: solid;
457        border-width: 0px;
458        border-collapse: collapse;
459        border-color: #bbbbbb;
460        font-family: Verdana,Arial,Helvetica,sans-serif;
461        font-size: 13px;       
462        cursor: pointer;
463        table-layout: fixed;
464}
465.font-menu {
466    color: #000;
467}
468
469.font-menu-sel {
470        color:#0000FF;
471}
472
473.font-menu, .font-menu-sel {
474    float: left;
475    clear: left;
476    overflow: hidden;
477    white-space: nowrap;
478    padding-left: 5px;
479    margin-right: 5px;
480    text-decoration: none;
481    text-align: center;
482}
483
484.menu-sel{   
485    text-decoration: none;
486    text-align: center;
487    color:#0000FF;
488    height: 20px;
489    width:220px;
490    background-color:#F7F7F7;
491    margin-bottom: 0px;
492    border: 1px solid #4a79b1;
493    border-bottom: 0px;
494    padding:0px 5px 0px 0px;
495    -moz-border-radius: 9px 9px 0px 0px;
496    -moz-user-select: none;
497    -webkit-border-radius: 9px 9px 0px 0px;
498    border-radius: 9px 9px 0px 0px;
499    cursor: pointer;
500 }
501 
502.menu{
503    text-decoration: none;
504    text-align: center;
505    height: 20px;       
506    width:220px;
507    background-color:#c8d7ea;
508    margin-bottom: 0px;
509    border: 1px solid #f4f7fc;
510    border-bottom: 1px solid #4a79b1;
511    padding:0px 5px 0px 0px;
512    -moz-border-radius: 9px 9px 0px 0px;
513    -moz-user-select: none;
514    -webkit-border-radius: 9px 9px 0px 0px;
515    border-radius: 9px 9px 0px 0px;
516    cursor: pointer;
517}
518
519.last_menu{
520        border-bottom: 1px solid #4a79b1;
521        -moz-border-radius: 0px 0px 0px 0px;
522}
523
524.table_top{
525        background-color: #FFFFFF;
526        padding:1px 1px 1px 1px;
527        height:16px;
528        cursor: default;
529        margin: 0px 0px 0px 0px;
530        border-width: 0px 1px 1px 1px;
531        border-style: outset outset outset outset;
532        border-color: black black black black; 
533}
534
535.tr_message_header{
536        background-color: #EEEEEE;
537        font-family: Verdana, Arial, Helvetica, sans-serif;
538        cursor: default;
539        border-style: none none none none;
540        -moz-border-radius: 0px 0px 0px 0px;
541}
542
543.tr_message_body{
544        background-color: #FFFFFF;
545        cursor: default;
546        -moz-border-radius: 9px 9px 9px 9px;
547}
548
549.message_body{
550        background-color: #FFFFFF;
551        cursor: default;
552        -moz-border-radius: 9px 9px 9px 9px;
553}
554
555.header_message_field{
556        font-weight: bold;
557}
558
559.suggestion_list{
560background: white;
561border: 1px solid;
562padding: 4px;
563}
564       
565.suggestion_list ul{
566padding: 0;
567margin: 0;
568list-style-type: none;
569}
570
571.suggestion_list a{
572text-decoration: none;
573color: navy;
574}
575
576.suggestion_list .selected{
577background: navy;
578color: white;
579}
580       
581       
582.suggestion_list .selected a{
583color: white;
584}
585
586#autosuggest{
587display: none;
588}
589
590div#tipDiv {
591  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
592  background-color:#EFEFEF; border:1px solid #337;
593  width:220px; padding:0px;
594  color:#000; font-size:11px; line-height:1.2;
595  cursor: pointer;
596}
597
598.richtext_toolbar {background-color: #C0C0C0;}
599.imagebutton {border: solid 2px #C0C0C0; background-color: #C0C0C0; float:left;}
600.select_richtext {float:left;}
601/*.image {position: relative; left: 1; top: 1; height:20; width:21; border:none;}*/
602/*.imagebutton_out: {border-style: solid 2px #C0C0C0;}*/
603/*.imagebutton_over: {border-style: outset 20px;}*/
604.sel_color{     border-width:1px;border-color:#FFFFFF;border-style:solid;cursor:pointer;}
605.unsel_color{border-width:1px;border-color:#BBBBBB;border-style:solid;}
606
607/* Conf tree    */
608.dtree {
609        font-family: Verdana, Arial, Helvetica, sans-serif;
610        font-size: 8px;
611        color: #000000;
612        /*white-space: nowrap;*/
613        background-color: #FFFFFF;
614
615}
616.dtree img {
617        border: 0px;
618        vertical-align: middle;
619
620}
621.dtree a {
622        font-family: Verdana, Arial, Helvetica, sans-serif;
623        color: #000000;
624        white-space: nowrap;   
625}
626.dtree table{
627        margin-top: 0%;
628        padding: 0px 0px 0px 0px;
629}
630.dtree td{
631        padding: 0px 0px 0px 0px;
632}
633
634.folderscol{
635        /*width: 18%;*/
636        width: 100%;
637        /*float: left;*/
638        /*padding: 0px 0px 0px 0px;*/
639}
640
641.messagescol{
642        /*padding-left: 18.5%;*/
643        /*width: 85%;*/
644        width: 100%;
645        /*float: left*/
646        /*margin-rigth: 0px;*/
647        padding: 0px 0px 0px 0px;
648}
649
650.menu-folders{
651        text-align: center;
652        text-decoration: none;
653        font: bold 12px Arial, Helvetica, sans-serif;
654        color: rgb(0, 102, 51);
655        width: 100%;
656        height: 20px;
657
658        border-right: 1px solid #000000;
659        border-left: 1px solid #000000;
660        border-top: 1px solid #000000; 
661        cursor: default;
662        -moz-border-radius: 9px 9px 0px 0px;
663}
664
665.content-menu{
666        padding: 0px 0px 0px 0px;
667        background-image: url(../../../phpgwapi/templates/default/images/bgBlockContent.jpg);
668}
669.content-menu-td {
670/*      border: 1px solid #f7f7f7;*/
671        margin-left: 5px;
672}
673
674.content-menu-td:hover{background-color: #ffffff; border: 1px solid #CCCCCC;}
675
676.content-folders {
677        width:162px;
678        padding: 0px 0px 0px 0px;
679        position: relative;
680        overflow: auto;
681       
682}
683
684
685/* Conf Filter  */
686.filter {
687        font-family: Arial, Helvetica, sans-serif;
688        font-size: 8px;
689        background-color : #FFFFFF;
690}
691.filter img {
692        border: 0px;
693        vertical-align: middle;
694}
695.filter a {
696        font-family: Arial, Helvetica, sans-serif;
697        color: #000000;
698        white-space: nowrap;
699}
700.message_options_trash {
701        background-image: url(../../../phpgwapi/templates/default/images/foldertree_trash.png);
702        background-repeat: no-repeat;
703        background-position:left center;
704        padding:0pt 6pt 1pt 14pt;
705}
706.message_options_move {
707        background-image: url(images/move.png);
708        background-repeat: no-repeat;
709        background-position:left center;
710        padding:0pt 6pt 1pt 14pt;
711}
712.message_options_print {
713        background-image: url(images/print.png);
714        background-repeat: no-repeat;
715        background-position:left center;
716        padding:0pt 6pt 1pt 14pt;
717}
718
719.message_options_export {
720        background-image: url(images/export.png);
721        background-repeat: no-repeat;
722        background-position:left center;
723        padding:0pt 6pt 1pt 14pt;
724}
725
726.message_options_import {
727        background-image: url(images/import.png);
728        background-repeat: no-repeat;
729        background-position:left center;
730        padding:0pt 6pt 1pt 14pt;
731}
732
733.message_options_inactive {
734         white-space: nowrap;
735         color: #999;
736        padding-right: 0 !important;
737}
738
739.message_options_active {
740        white-space: nowrap;
741        color: #990000;
742    font-weight: bold !important;
743        cursor: pointer;
744        padding-right: 0 !important;
745 }
746
747.message_options {
748        cursor: pointer;
749        color: #114fa4;
750/*      color: #2A64B0;*/
751        white-space: nowrap;
752        font-weight: bold;
753        padding-right: 0 !important;
754}
755
756.message_options_over {
757         cursor: pointer;
758         white-space: nowrap;
759         color: #FC6103;
760        /*text-decoration: underline;*/
761         font-weight: bold !important;
762        padding-right: 0 !important;
763}
764
765.reply_options {
766        cursor: pointer;
767        color: white;
768        white-space: nowrap;
769        font-weight: bold;
770}
771
772.reply_options_active {
773         cursor: pointer;
774         white-space: nowrap;
775         color: yellow;
776         text-decoration: underline;
777         font-weight: bold !important;
778}
779
780.class_search_div{
781        position: relative;
782        left: 12px;
783}
784
785.em_sidebox_menu {
786        position: relative;
787        left: 2px;
788        padding: 0px 13px 0px 0px;
789        font-weight: bold;
790        font-size: 10px;
791        color: #666666;
792        text-decoration: none;
793        white-space: nowrap;
794        font-family: sans-serif;
795}
796
797.em_div_sidebox_menu {
798        position: relative;
799        left: 17px;
800        cursor: pointer;
801}
802.catalog{
803        font-family: Arial, Helvetica, sans-serif;
804        font-size: 14px;
805        font-weight: bold;
806}
807
808div.quicksearchcontacts {
809        border-width: 1px;
810        border-style: solid;
811        broder-color: grey;
812        overflow: auto;
813        position: relative;
814        left: 10px;
815        height: 302px;
816        width: 577px;
817}
818
819table.quicksearchcontacts {
820        border-width: 0px 0px 0px 0px;
821        border-spacing: 0px;
822        background-color: white;
823        cursor: default;
824}
825
826tr.quicksearchcontacts_unselected {
827        background-color: white;
828}
829
830tr.quicksearchcontacts_selected {
831        background-color: #5598d7;
832        color: white;
833}
834
835td.quicksearchcontacts_cc {
836        border-style: none;
837}
838
839input.em_button_like_span {
840        border:0px none !important;
841        margin: 0px !important;
842        padding:0px !important;
843        color:#114fa4 !important;
844        background:transparent none repeat scroll 0% !important;
845        font-family:Arial,Helvetica,sans-serif !important;
846        font-size:11px !important;
847        height:15px !important;
848        font-weight: bold;
849}
850
851.l {
852        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folder.png);
853}
854
855.sl {
856        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folderopen.png);
857}
858.dsused {
859        background-image: url(../../../expressoMail1_2/templates/default/images/dsused.gif);
860}
861
862.divAppboxHeader{
863        font-style:italic;     
864        font-weight:normal;
865        font-variant: small-caps;       
866        color: #000066 !important;
867        font-size: 16px !important;
868        text-align: center;     
869        padding: 0px;
870}
871
872/* hack para o chrome */
873@media screen and (-webkit-min-device-pixel-ratio:0){
874        input[type="file"]{
875        background-color: #FFF;
876        border: 1px solid #e4e4e4;
877        height: 20px;
878        width: 350px;
879        vertical-align: middle;
880        }
881}
882
883.local-messages-search-warning {
884        cursor: pointer;
885        cursor: hand;
886        background: none repeat scroll 0% 0% rgb(255, 238, 187);
887        color: red;
888        line-height: 2em;
889        font-size: 1.2em;
890        text-align: center;
891}
892
893
894
895/*
896 * Este arquivo limpa o estilo para a nova agenda, .new-event-win.active sobrescrevendo o código CSS
897 * do Expresso.
898 * Deve ser removido quando o módulo Calendar não integrar mais a versão 2.x
899 */
900
901/* Eric Meyer's Reset Reloaded based
902 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
903 */
904/*
905.new-event-win.active applet, .new-event-win.active object, .new-event-win.active iframe, .new-event-win.active fieldset, .new-event-win.active div
906.new-event-win.active h1, .new-event-win.active h2, .new-event-win.active h3, .new-event-win.active h4, .new-event-win.active h5, .new-event-win.active h6, .new-event-win.active p, .new-event-win.active blockquote, .new-event-win.active pre,
907.new-event-win.active abbr, .new-event-win.active acronym, .new-event-win.active address, .new-event-win.active big, .new-event-win.active cite, .new-event-win.active code,
908.new-event-win.active del, .new-event-win.active dfn, .new-event-win.active em, .new-event-win.active font, .new-event-win.active img, .new-event-win.active ins, .new-event-win.active kbd, .new-event-win.active q, .new-event-win.active s, .new-event-win.active samp,
909.new-event-win.active small, .new-event-win.active strike, .new-event-win.active strong, .new-event-win.active sub, .new-event-win.active sup, .new-event-win.active tt, .new-event-win.active var,
910.new-event-win.active ol, .new-event-win.active ul,
911.new-event-win.active form, .new-event-win.active label, .new-event-win.active select,
912.new-event-win.active table, .new-event-win.active caption, .new-event-win.active tbody, .new-event-win.active tfoot, .new-event-win.active thead, .new-event-win.active tr, .new-event-win.active th, .new-event-win.active td {
913        margin: 0;
914        padding: 0;
915        border: 0;
916        outline: 0;
917        font-weight: inherit;
918        font-style: inherit;
919        /*font-size: 100%;*/
920        /*font-family: inherit;*/
921        /*vertical-align: baseline;*/
922/*      font-family: Arial,Helvetica,sans-serif;*/
923/*}*/
924.new-event-win.active:focus {
925        outline: 0;
926}
927.new-event-win.active body {
928        line-height: 1;
929        color: black;
930        background: white;
931}
932.new-event-win.active ol, .new-event-win.active ul {
933        list-style: none;
934        list-style-image : none;
935        padding-left : 5px;
936}
937
938.new-event-win.active table {
939        border-collapse: separate;
940        border-spacing: 0;
941}
942.new-event-win.active caption, .new-event-win.active th, .new-event-win.active td {
943        /*text-align: left;*/
944        font-weight: normal;
945}
946.new-event-win.active blockquote:before, .new-event-win.active blockquote:after,
947.new-event-win.active q:before, .new-event-win.active q:after {
948        content: "";
949}
950.new-event-win.active blockquote, .new-event-win.active q {
951        quotes: "" "";
952}
953.new-event-win.active .mail.name-special, .new-event-win.active .name.name-special{
954  padding: 0 0 0 35px;
955}
956
957.new-event-win.active .add-attendee-search.search-field {
958  width: 249px;
959 }
960 
961 .new-event-win.active #calendar_addevent_details4 {
962  margin: 10px 0 0 0;
963 }
964 
965 .new-event-win.active input{
966  color: #000;
967 }
968 
969 .new-event-win.active #calendar_addevent_details5 {
970  margin: 10px 0 11px 0;
971 }
972
973.new-event-win.active select {
974    border: 1px solid #CFCFCF;
975    border-color: #CFCFCF;
976    color: #555;
977    background-color: #FFF;
978}
979.new-event-win.active a:link, .new-event-win.active a:visited {
980    color: #2E6E9E;
981}
982
983.new-event-win.active  dd, .new-event-win.active  dl, .new-event-win.active  dt{
984        margin: 0;
985}
986/* azul.css */
987/*body { background-color: #e9e9e9; }*/
988
989/*a:link,
990a:visited
991{ color: #000066; }*/
992
993/*a:hover,
994a:active
995{ color: #ff9933; }*/
996
997.new-event-win.active #divAppbox{
998        overflow-x: auto;
999        overflow-y: scroll;
1000}
1001
1002.new-event-win.active select
1003{ border-color: #CFCFCF; color: #555; padding-left:0px;}
1004
1005.qtip-wrapper fieldset{
1006        padding: 0;
1007        border: 0;
1008}
1009
1010.new-event-win.active .fc-event-skin {
1011        border-color: #36C !important;
1012        background-color: #36C !important;
1013        color: white !important;
1014}
1015
1016.fc-event-vert .fc-event-bg {
1017        display: block !important;
1018}
1019
1020.map-event{
1021
1022}
1023
1024#new_event_map .map-event .fc-event-inner.fc-event-skin{
1025        border-style: dashed !important;
1026        border-width: 2px !important;
1027        border-color: #36C !important;
1028        background-color: transparent !important;
1029}
1030
1031#new_event_map .map-event .fc-event-inner.fc-event-skin .fc-event-head, #new_event_map .map-event .fc-event-inner.fc-event-skin .fc-event-content{
1032        background-color: transparent !important;
1033        color: transparent !important;
1034}
1035
1036#new_event_map .map-event .ui-resizable-handle{
1037        display : block !important;
1038        color: black !important;
1039}
1040
1041fieldset.alarm{ 
1042    border: none !important;
1043    padding: 0px !important;
1044    margin: 0px !important;
1045}
1046
1047/*#divAppbox
1048{ background: #fff url( ../images/bgBlockContent.jpg ) repeat-x; border-color: #9c9c9c; }
1049
1050#divAppboxHeader
1051{ background: url( ../images/bgAppTitle.png ); border-color: #9c9c9c; color: #006; text-shadow: 0.2em 0.2em 3px #999; }
1052
1053#divAppIconBar
1054{ background: #fff url( ../images/background-icon-bar.png ) repeat-x; border-top-color: #9c9c9c; }
1055
1056#divAppTextBar
1057{ background-color: #fff; }
1058
1059#divGenTime
1060{ color: #f00; }
1061
1062#divMain
1063{ background: #fff; border-color: #7e7e7e; }
1064
1065#divPoweredBy
1066{ background: #fff; color: #999; }
1067
1068#divSideboxContainer
1069{ background: #fff; }
1070
1071#extraIcons
1072{ background: #eee; border-color: #7e7e7e; }
1073
1074#links_bar,
1075#user_info
1076{ color: #fff; }
1077
1078#tdAppbox
1079{ background-color: #fff; }
1080
1081#tdSidebox
1082{ background: #fff; }*/
1083
1084/*.conteudo
1085{ border-color: #4A79B1; color: #003; }
1086
1087.divSideboxHeader
1088{ background: #416faa; color: #fff; }
1089
1090.extraIconsRow
1091{ border-top-color: #ddd; }
1092
1093.greyLine
1094{ border-top-color: #7e7e7e; }
1095
1096.grid_email_class
1097{ border-bottom-color: #cfcfcf; }
1098
1099.image-menu
1100{ background: url( ../../../../phpgwapi/templates/default/images/folder_bg.png ); }
1101
1102.last_menu
1103{ border-bottom-color: #4a79b1; }
1104
1105.logo_expresso
1106{ background: url( ../../../../phpgwapi/templates/default/images/logo_expresso.jpg ) no-repeat 0 3px; }
1107
1108.menu
1109{ background: #c8d7ea; border-color: #f4f7fc; border-bottom-color: #4a79b1; }
1110
1111.menu-sel
1112{ background-color: #f7f7f7; border-color: #4a79b1; color: #00f; }
1113
1114.menu-degrade
1115{ background-image: url( ../../../../phpgwapi/templates/default/images/degrade.png ); }
1116
1117.navbar_but
1118{ background-image: url(../../../../phpgwapi/templates/default/images/back_app.png); }
1119
1120.navbar_butOver
1121{ background-image: url( ../../../../phpgwapi/templates/default/images/back_app_over.png ); }
1122
1123.navbar_butOut
1124{ background-image: url( ../../../../phpgwapi/templates/default/images/back_app_out.png ); }
1125
1126.tblHeadApp
1127{ border-color: #9c9c9c; }
1128
1129.textSidebox
1130{ border-top-color: #aaa; }
1131
1132.toolbar
1133{ background-image: url( ../../../../phpgwapi/templates/default/images/fundo_topo.png ); }
1134
1135.linha0,
1136.tr_msg_read
1137{ color: #3f3f3f; background: #fff; }
1138
1139.linha1,
1140.tr_msg_read2
1141{ color: #3f3f3f; background: #f4f8fb; }
1142
1143table.inboxElements th,
1144.table_elements_tr_header,
1145.info_tr_header,
1146.message_header
1147{
1148        background: #abc6e1;
1149}
1150
1151.prefTable
1152{
1153        background-color: #f4f8fb;
1154        margin: 0px 0px 10px 0px ;
1155        border: 1px solid #D3DCE3;
1156        border-top: 0px;
1157}*/
1158
1159
1160
1161/*fixed bug on IE8*/
1162#content_folders .foldertree-skin-prognus span.selected {font-weight:bold !important; }
1163#content_folders .foldertree-skin-prognus span.inbox {}
1164#content_folders .foldertree-skin-prognus span.trash {;background-image: url(../../../prototype/modules/mail/img/bin.png);}
1165#content_folders .foldertree-skin-prognus span.drafts {background-image: url(../../../prototype/modules/mail/img/folder_page_white.png);}
1166#content_folders .foldertree-skin-prognus span.spam {background-image: url(../../../prototype/modules/mail/img/folder_delete.png);}
1167#content_folders .foldertree-skin-prognus span.sent {background-image: url(../../../prototype/modules/mail/img/folder_go.png);}
1168#content_folders .foldertree-skin-prognus span.folder {display: block;padding-bottom: 1px;padding-left: 18px;padding-right: 0;padding-top: 1px; font-family : Lucida Grande, Lucida Sans, Arial, sans-serif;}
1169#content_folders .treeview .closed {display:block;}
1170
1171.folders-loading {
1172        background: url(../../../prototype/modules/mail/img/loader.gif) !important;
1173        background-position: 0 0 !important;
1174        background-repeat : no-repeat !important;
1175}
1176
1177.draggin-box{
1178        cursor : pointer;
1179        background-color: #CDC5BF;
1180        float: left;
1181        width : auto;
1182        height: 16px;
1183        border:1px solid #333;
1184        text-align: right;
1185        z-index: 2000;
1186}
1187
1188.ui-draggin-default-image{
1189    float: left;
1190    text-align: right;
1191}
1192
1193.draggin-mail{
1194        float: left;
1195        background-image: url(../../../prototype/modules/mail/img/move.png);
1196        background-position: 0px 0px;
1197        background-repeat:no-repeat;
1198        color : red;
1199        text-align: right;
1200        font-weight : bold;
1201        padding-right : 5px;
1202        padding-left : 25px;   
1203        font-family : Lucida Grande, Lucida Sans, Arial, sans-serif;
1204        font-size : 11px;
1205}
1206
1207.draggin-folder{
1208        float: left;
1209        background-image: url(../../../prototype/modules/mail/img/folder.png);
1210        background-position: 0px 0px;
1211        background-repeat:no-repeat;
1212        padding-left : 20px;
1213        color : red;
1214        text-align: right;
1215        font-weight : bold;
1216        padding-right : 5px;
1217}
1218
1219.collapse_folders_td{
1220        cursor : pointer;
1221        width: 12px;
1222        height:100%;
1223        border-radius : 5px;
1224        border-left : 1px solid #CCCCCC;
1225}
1226.collapse_folders_td.collapse_folders_td_over{
1227        border-left: 1px solid #1B75BB;
1228}
1229
1230.folder-over{
1231        border: 1px solid black;
1232}
1233
1234.floating-default{
1235    float: left;
1236    text-align: left;
1237}
1238
1239.collapse_folders_td .ui-icon.ui-icon-triangle-1-e{
1240        background-position: -37px -20px;
1241        width: 8px;
1242        height: 8px;
1243}
1244
1245.collapse_folders_td .ui-icon.ui-icon-triangle-1-w{
1246        width: 8px;
1247        height: 8px;
1248        background-position: -100px -20px;
1249}
1250
1251.float-menu{
1252        position:absolute;
1253        text-align: left;
1254}
1255
Note: See TracBrowser for help on using the repository browser.