source: branches/2.2.0.1/expressoMail1_2/templates/default/main.css @ 4073

Revision 4073, 10.7 KB checked in by rafaelraymundo, 13 years ago (diff)

Ticket #1594 - acerto nos estilos do template default para o redimensionamento das colunas

  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1pre{
2        white-space: pre-wrap !important; /* css-3 */
3        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
4        white-space: -pre-wrap !important; /* Opera 4-6 */
5        white-space: -o-pre-wrap !important; /* Opera 7 */
6        word-wrap: break-word !important; /* Internet Explorer 5.5+ */
7        font-family: monospace !important;     
8        font-size: 11px !important;
9}
10
11* {
12        font-family: Verdana, Arial, Helvetica, sans-serif;     
13}
14
15.checkbox{
16        border:none !important;
17}
18
19textarea{
20        font-family: Verdana, Arial, Helvetica, sans-serif;
21        font-size: 13px;
22}
23
24.whiteSpace{
25        width: 2px;
26}
27
28.table_box{
29        width: 100%;
30        color: black;
31        background: #ffffff;
32        border-bottom: 1px solid #f4f8fb;
33        font-family: Arial;
34        font-size: 13px;
35        cursor: pointer;
36        table-layout: fixed;
37}
38
39.em_div_write_msg{
40        height: 24px;
41        background: transparent;
42}
43
44/* begin class msgs */
45.td_msg{
46        border-width: 0px;     
47}
48
49.th_resizable {
50        padding-left: 3px !important;
51        border-left: solid 1px #999;
52        text-overflow: ellipsis;
53        overflow: hidden;
54        white-space: nowrap;
55}
56
57.td_resizable {
58        border: 0px;
59        border-left: solid 1px #dde1dd;
60        text-overflow: ellipsis;
61        overflow: hidden;
62        white-space: nowrap;
63        border-right-width: 0px !important;
64}
65
66.tr_msg_unread {       
67        font-weight:bold !important;
68}
69
70.tr_msg_read {
71        color: #3f3f3f;
72        background-color: #ffffff;
73        -moz-user-select: none;
74}
75
76.tr_msg_read2 {
77        color: #3f3f3f;
78        background-color: #DEE8F0;
79        -moz-user-select: none;
80}
81
82.selected_msg{
83        background-color: #ffffcb;
84}
85.flagged_msg{
86        color: red;
87}
88.selected_shortcut_msg{
89        color: white;
90        background-color: #5194d2;
91}
92.show_img_link{
93        width : 100%;
94        color: black;
95        font-weight: bold;
96        background-color: #ffc;
97        border-bottom:1px solid #cfcfcf;
98        cursor: pointer;                 
99        -moz-user-select: none;
100}
101/* end class msgs */
102
103.show_img_link:hover {
104        color: #000 !important;
105}
106
107.action_info_table {
108        border-spacing: 0px 0px;
109}
110.action_info_th {
111        font-family: Verdana, Arial, Helvetica, sans-serif;
112        font-size: 11px;
113        border-width: 0px 0px 0px 0px;
114        padding: 1px 10px 0px 10px;     
115        border-style: inset inset inset inset;
116        border-color: gray gray gray gray;
117        background-color: rgb(250, 209, 99);
118        -moz-border-radius: 6px 6px 6px 6px;
119}
120
121.message_header{
122        background-color: #ABC6E1;
123}
124
125.message_header td {
126        padding: 0px;
127}
128
129.table_message_ruler {
130        width: 10px;
131        border: none;
132        border-left: 1px dotted #88a;
133        display: none;
134        position: absolute;
135        z-index: 10;
136        height: 300px;
137}
138
139.table_message_header_box{
140        width: 100%;
141        color: black;
142        border-style: solid;
143        border-width: 0px;
144        border-collapse: collapse;
145        border-color: #bbbbbb;
146        font-family: Arial;
147        font-size: 13px;       
148        cursor: pointer;
149        table-layout: fixed;
150}
151.font-menu
152{
153    color: #000;
154}
155
156.font-menu-sel
157{
158        color:#0000FF;
159}
160
161.font-menu, .font-menu-sel {
162    float: left;
163    clear: left;
164    overflow: hidden;
165    white-space: nowrap;
166    padding-left: 5px;
167    margin-right: 5px;
168    text-decoration: none;
169    text-align: center;
170}
171
172.menu-sel
173{
174    text-decoration: none;
175    text-align: center;
176    color:#0000FF;
177    height: 20px;
178    width:220px;
179    background-color:#F7F7F7;
180    margin-bottom: 0px;
181    border: 1px solid #4a79b1;
182    border-bottom: 0px;
183    padding:0px 5px 0px 0px;
184    -moz-border-radius: 9px 9px 0px 0px;
185    -moz-user-select: none;
186    cursor: pointer;   
187}
188.menu
189{
190    text-decoration: none;
191    text-align: center;
192    height: 20px;       
193    width:220px;
194    background-color:#c8d7ea;
195    margin-bottom: 0px;
196    border: 1px solid #f4f7fc;
197    border-bottom: 1px solid #4a79b1;
198    padding:0px 5px 0px 0px;
199    -moz-border-radius: 9px 9px 0px 0px;
200    -moz-user-select: none;
201    cursor: pointer;
202}
203
204.last_menu
205{
206        border-bottom: 1px solid #4a79b1;
207        -moz-border-radius: 0px 0px 0px 0px;
208}
209
210
211.table_message{
212        background-image: url(../../../phpgwapi/templates/default/images/fundo_msg.png);
213        padding: 1px;
214        cursor: default;
215        border-width: 1px 1px 1px 1px;
216        border-spacing: 0px 0px;
217        border-style: outset outset outset outset;
218        border-color: gray gray gray gray;
219        border-collapse: separate;
220        -moz-border-radius: 3px 3px 3px 3px;
221}
222.table_top{
223        background-color: #FFFFFF;
224        padding:1px 1px 1px 1px;
225        height:16px;
226        cursor: default;
227        margin: 0px 0px 0px 0px;
228        border-width: 0px 1px 1px 1px;
229        border-style: outset outset outset outset;
230        border-color: black black black black; 
231}
232
233.tr_message_header{
234        background-color: #EEEEEE;
235        cursor: default;
236        border-style: none none none none;
237        -moz-border-radius: 0px 0px 0px 0px;
238}
239
240.tr_message_body{
241        background-color: #FFFFFF;
242        cursor: default;
243        -moz-border-radius: 9px 9px 9px 9px;
244}
245
246.message_body{
247        background-color: #FFFFFF;
248        cursor: default;
249        -moz-border-radius: 9px 9px 9px 9px;
250}
251
252.header_message_field{
253        font-weight: bold;
254}
255
256.suggestion_list
257{
258background: white;
259border: 1px solid;
260padding: 4px;
261}
262       
263.suggestion_list ul
264{
265padding: 0;
266margin: 0;
267list-style-type: none;
268}
269
270.suggestion_list a
271{
272text-decoration: none;
273color: navy;
274}
275
276.suggestion_list .selected
277{
278background: navy;
279color: white;
280}
281       
282       
283.suggestion_list .selected a
284{
285color: white;
286}
287
288#autosuggest
289{
290display: none;
291}
292
293div#tipDiv {
294  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
295  background-color:#EFEFEF; border:1px solid #337;
296  width:220px; padding:0px;
297  color:#000; font-size:11px; line-height:1.2;
298  cursor: pointer;
299}
300
301.richtext_toolbar {background-color: #C0C0C0;}
302.imagebutton {border: solid 2px #C0C0C0; background-color: #C0C0C0; float:left;}
303.select_richtext {float:left;}
304/*.image {position: relative; left: 1; top: 1; height:20; width:21; border:none;}*/
305/*.imagebutton_out: {border-style: solid 2px #C0C0C0;}*/
306/*.imagebutton_over: {border-style: outset 20px;}*/
307.sel_color{     border-width:1px;border-color:#FFFFFF;border-style:solid;cursor:pointer;}
308.unsel_color{border-width:1px;border-color:#BBBBBB;border-style:solid;}
309
310/* Conf tree    */
311.dtree {
312        font-family: Verdana, Arial, Helvetica, sans-serif;
313        font-size: 8px;
314        color: #000000;
315        /*white-space: nowrap;*/
316        background-color: #FFFFFF;
317
318}
319.dtree img {
320        border: 0px;
321        vertical-align: middle;
322
323}
324.dtree a {
325        font-family: Verdana, Arial, Helvetica, sans-serif;
326        color: #000000;
327        white-space: nowrap;   
328}
329.dtree table{
330        margin-top: 0%;
331        padding: 0px 0px 0px 0px;
332}
333.dtree td{
334        padding: 0px 0px 0px 0px;
335}
336
337.folderscol{
338        /*width: 18%;*/
339        width: 100%;
340        /*float: left;*/
341        /*padding: 0px 0px 0px 0px;*/
342}
343
344.messagescol{
345        /*padding-left: 18.5%;*/
346        /*width: 85%;*/
347        width: 100%;
348        /*float: left*/
349        /*margin-rigth: 0px;*/
350        padding: 0px 0px 0px 0px;
351}
352
353.menu-folders
354{
355        text-align: center;
356        text-decoration: none;
357        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
358        color: rgb(0, 102, 51);
359        width: 100%;
360        height: 20px;
361
362        border-right: 1px solid #000000;
363        border-left: 1px solid #000000;
364        border-top: 1px solid #000000; 
365        cursor: default;
366        -moz-border-radius: 9px 9px 0px 0px;
367}
368
369.content-menu{
370        padding: 0px 0px 0px 0px;
371        background-image: url(../../../phpgwapi/templates/default/images/bgBlockContent.jpg);
372}
373.content-menu-td {
374/*      border: 1px solid #f7f7f7;*/
375}
376
377.content-folders {
378        width:162px;
379        padding: 0px 0px 0px 0px;
380        position: relative;
381        overflow: auto;
382       
383}
384
385
386/* Conf Filter  */
387.filter {
388        font-family: Verdana, Arial, Helvetica, sans-serif;
389        font-size: 8px;
390        background-color : #FFFFFF;
391}
392.filter img {
393        border: 0px;
394        vertical-align: middle;
395}
396.filter a {
397        font-family: Verdana, Arial, Helvetica, sans-serif;
398        color: #000000;
399        white-space: nowrap;
400}
401.message_options_trash {
402        background-image: url(../../../phpgwapi/templates/default/images/foldertree_trash.png);
403        background-repeat: no-repeat;
404        background-position:left center;
405        padding:0pt 6pt 1pt 14pt;
406}
407.message_options_move {
408        background-image: url(images/move.png);
409        background-repeat: no-repeat;
410        background-position:left center;
411        padding:0pt 6pt 1pt 14pt;
412}
413.message_options_print {
414        background-image: url(images/print.png);
415        background-repeat: no-repeat;
416        background-position:left center;
417        padding:0pt 6pt 1pt 14pt;
418}
419
420.message_options_export {
421        background-image: url(images/export.png);
422        background-repeat: no-repeat;
423        background-position:left center;
424        padding:0pt 6pt 1pt 14pt;
425}
426
427.message_options_import {
428        background-image: url(images/import.png);
429        background-repeat: no-repeat;
430        background-position:left center;
431        padding:0pt 6pt 1pt 14pt;
432}
433
434.message_options_inactive {
435         white-space: nowrap;
436         color: #999;
437        padding-right: 0 !important;
438}
439
440.message_options_active {
441        white-space: nowrap;
442        color: #990000;
443    font-weight: bold !important;
444        cursor: pointer;
445        padding-right: 0 !important;
446 }
447
448.message_options {
449        cursor: pointer;
450        color: #114fa4;
451/*      color: #2A64B0;*/
452        white-space: nowrap;
453        font-weight: bold;
454        padding-right: 0 !important;
455}
456
457.message_options_over {
458         cursor: pointer;
459         white-space: nowrap;
460         color: #FC6103;
461        /*text-decoration: underline;*/
462         font-weight: bold !important;
463        padding-right: 0 !important;
464}
465
466.reply_options {
467        cursor: pointer;
468        color: white;
469        white-space: nowrap;
470        font-weight: bold;
471}
472
473.reply_options_active {
474         cursor: pointer;
475         white-space: nowrap;
476         color: yellow;
477         text-decoration: underline;
478         font-weight: bold !important;
479}
480
481
482.em_sidebox_menu {
483        position: relative;
484        left: 2px;
485        padding: 0px 13px 0px 0px;
486        font-weight: bold;
487        font-size: 10px;
488        color: #666666;
489        text-decoration: none;
490        white-space: nowrap;
491        font-family: sans-serif;
492}
493
494.em_div_sidebox_menu {
495        position: relative;
496        left: 5px;
497        cursor: pointer;
498}
499.catalog{
500        font-family: Verdana, Arial, Helvetica, sans-serif;
501        font-size: 14px;
502        font-weight: bold;
503}
504
505div.quicksearchcontacts {
506        border-width: 1px;
507        border-style: solid;
508        broder-color: grey;
509        overflow: auto;
510        position: relative;
511        left: 10px;
512        height: 302px;
513        width: 577px;
514}
515
516table.quicksearchcontacts {
517        border-width: 0px 0px 0px 0px;
518        border-spacing: 0px;
519        background-color: white;
520        cursor: default;
521}
522
523tr.quicksearchcontacts_unselected {
524        background-color: white;
525}
526
527tr.quicksearchcontacts_selected {
528        background-color: #5598d7;
529        color: white;
530}
531
532td.quicksearchcontacts_cc {
533        border-style: none;
534}
535
536input.em_button_like_span {
537        border:0px none !important;
538        margin: 0px !important;
539        padding:0px !important;
540        color:#114fa4 !important;
541        background:transparent none repeat scroll 0% !important;
542        font-family:Verdana,Arial,Helvetica,sans-serif !important;
543        font-size:11px !important;
544        height:15px !important;
545        font-weight: bold;
546}
547
548.l {
549        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folder.png);
550}
551
552.sl {
553        background-image: url(../../../phpgwapi/templates/default/images/foldertree_folderopen.png);
554
555}
556.dsused
557{
558        background-image: url(../../../expressoMail1_2/templates/default/images/dsused.gif);
559}
560
561.divAppboxHeader
562{       font-style:italic;     
563        font-weight:normal;
564        font-variant: small-caps;       
565        color: #000066 !important;
566        font-size: 16px !important;
567        text-align: center;     
568        padding: 0px;
569}
570
571/* hack para o chrome */
572@media screen and (-webkit-min-device-pixel-ratio:0){
573        input[type="file"]
574        {
575                      width:500px;
576        }
577}
Note: See TracBrowser for help on using the repository browser.