source: trunk/expressoMail1_2/templates/default/expressomail.css @ 5755

Revision 5755, 14.7 KB checked in by gustavo, 12 years ago (diff)

Ticket #2549 - Definição de DOCTYPE no html para viabilizar cross-browsing no ExpressoMail?

Line 
1/* attachments list on message screen */
2.expressomail-attachments { background:#EEE; font-size:11px; width:100%; margin:0; padding:0;}
3.expressomail-attachments-label {display:block; float:left;}
4ul.expressomail-attachments-list { list-style:none; display:block; margin-left:40px;}
5ul.expressomail-attachments-list li {}
6.expressomail-attachments-link { font-size:11px;}
7
8textarea{
9    overflow:hidden;
10    height:auto;
11/*    width:18px;
12        resize: none;*/
13}
14a.rich{
15        padding : 5px;
16        cursor : pointer;
17        text-align: center;
18}
19button.adress_button {width: 47px; text-align: center;}
20span.ui-icon.expressomail-icon-read-confirmation { background-image: url(images/notification.gif) !important; background-position: 0px 0px; width: 24px; height: 24px;}
21span.ui-icon.expressomail-icon-save { background-image: url(images/disk.png) !important; background-position: 0px 2px; width: 16px; height: 16px; background-size: 13px;}
22span.ui-icon.expressomail-icon-signature { background-image: url(images/signature.gif) !important; background-position: 8px 2px; width: 24px; height: 24px; background-size: 13px;}
23span.ui-icon.expressomail-icon-encryption{ background-image: url(images/lock.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
24span.ui-icon.expressomail-icon-send { background-image: url(images/send.png) !important; background-position: -2px 2px; width: 25px; height: 16px; background-size: 19px;}
25span.ui-icon.expressomail-icon-save_and_send { background-image: url(images/save_and_send.png) !important; width: 25px; height: 16px; background-size: 17px;}
26span.ui-icon.expressomail-icon-important { background-image: url(images/important.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;}
27
28/* thumbs list on message screen */
29.expressomail-thumbs { font-size:11px; width:100%; max-width:100%; margin:20px 0 0 0; border-top:1px solid #AAA; float: left}
30.expressomail-thumbs-label {}
31.message_options {}
32.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;}
33ul.expressomail-thumbs-list { list-style:none; margin:0; padding:0;}
34ul.expressomail-thumbs-list li {height:80px;  max-width:120px; max-height:80px; display:block; float:left; margin: 5px; padding:0;}
35ul.expressomail-thumbs-list li img {width:auto; height:100%; border: 2px solid #FDE7BC;}
36.expressomail-thumbs-link { font-size:11px;}
37 .jcarousel-container { width: auto;}
38 
39 button.expressomail-button-icon-ative{color:#E17009; border: 1px solid #E17009;background: none repeat scroll 0 0 #FFE1CC;}
40
41/* todo o resto */
42table.expressomail-message-body {width:100%; height:100%;}
43table.table_message {
44background: #96b3d3; /* Old browsers */
45background: -moz-linear-gradient(top, #96b3d3 0%, #b4c9e4 30%, #d9e6ef 65%, #e2e9f1 70%, #e9f0f8 78%, #e8f1fa 83%, #dbe5ef 96%, #d9e3ed 100%); /* FF3.6+ */
46background: -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+ */
47background: -webkit-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Chrome10+,Safari5.1+ */
48background: -o-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Opera 11.10+ */
49background: -ms-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* IE10+ */
50background: linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* W3C */
51filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b3d3', endColorstr='#d9e3ed',GradientType=0 ); /* IE6-9 */
52}
53table.expressomail-message-body tr{vertical-align:top;}
54
55
56
57
58.table_message_options{
59        background-color: #000;
60       
61        /* Apenas para ie qualquer versao */
62        -moz-border-collapse: separate;
63        border-color: gray;
64
65    border-spacing: 0;
66    border-style: outset;
67    border-width: 0.01;
68    cursor: default;
69    padding: 1px;
70        -moz-border-radius: 3px;
71        -webkit-border-radius: 3px;
72       
73       
74}
75
76.table_message_options_ie{
77
78        border-collapse: collapse;
79        background-color: #000;
80        border-color: gray;
81    border-spacing: 0;
82    border-style: outset;
83    border-width: 1;
84    cursor: default;
85    padding: 1px;
86        -moz-border-radius: 3px;
87        -webkit-border-radius: 3px;
88       
89       
90}
91
92.table_message{
93        background-color: #000;
94       
95        /* Apenas para ie qualquer versao */
96        -moz-border-collapse: separate;
97        border-color: gray;
98        border-radius: 3px 3px 3px 3px;
99    border-spacing: 0;
100    border-style: outset;
101    border-width: 1px;
102    cursor: default;
103    padding: 1px;
104        -moz-border-radius: 3px;
105        -webkit-border-radius: 3px;
106       
107       
108}
109
110.div_message_scroll { background: none repeat scroll 0% 0% WHITE; overflow: auto; padding-right: 5px;}
111a.message-attach-link { margin-left: 20px;}
112
113.messagescol td label {padding-right:20px;}
114.messagescol td.message-general-options .checkbox {margin: 5px 5px 0 0;}
115
116.ui-dialog-dragging {
117        opacity:0.4;
118        filter:alpha(opacity=40); /* For IE8 and earlier */
119}
120
121.context-menu-item.icon-important { background-image: url(images/important.png); background-position: 6px 5px !important}
122.context-menu-item.icon-export { background-image: url(images/export.png); }
123.context-menu-item.icon-move { background-image: url(images/move.png); }
124.context-menu-item.icon-seen { background-image: url(images/seen.gif); }
125.context-menu-item.icon-unseen { background-image: url(images/unseen.gif); }
126.context-menu-item.icon-normal { background-image: url(images/door.png); }
127.context-menu-item.icon-followupflag { background-image: url(images/door.png); }
128
129
130.context-menu-item.icon-search-mail { background-image: url(images/menu/search.png); }
131.context-menu-item.icon-filter { background-image: url(images/menu/filters.png); }
132.context-menu-item.icon-edit-folder { background-image: url(images/menu/editfolders.png); }
133.context-menu-item.icon-share-mailbox { background-image: url(images/menu/usersfolders.png); }
134.context-menu-item.icon-label { background-image: url(images/menu/usersfolders.png); }
135.context-menu-item.icon-tag { background-image: url(images/menu/tag.png); background-size: 12px; background-position: 6px 2px !important;}
136.context-menu-item.icon-empty-trash { background-image: url(images/menu/trash.png); }
137.context-menu-item.icon-queue { background-image: url(images/menu/queue.png); }
138
139form.fileupload { margin: 14px 0 0 -13px; float: left; margin-bottom: -20px; }
140form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; }
141form.fileupload .files-list .delete-upload { top: 7px}
142ul.attachments-list { padding: 0; }
143.button-files-upload { float:left; }
144
145form.fileupload .ui-button .ui-button-text { line-height: 2; }
146form.fileupload .ui-button { margin-left: 5px; }
147form.fileupload .message-add-original-att { margin-left: 0px; }
148.button.add.button-add-attachment{margin: -9px 0 0 8px;}
149.button.upload{margin-bottom: 4px;}
150div.fileupload-buttonbar{padding: 0.2em 0.5em }
151.archive-error{color: #F00;}
152
153.progress.in-progress{width: 100px; height: 12px;}
154
155.row.fileupload-buttonbar{margin-top: -14px; padding: 0.2em 0.7em;}
156
157.archive-attach.name{width: 310px;}
158.archive-attach.name label{display: block; position: absolute; left: 136px; top: 194px;}
159.size{min-width: 65px;}
160
161.message-attach.name{width: 200px;}
162.message-attach.size{margin:0 4px 0 4px;}
163.message-attach-error{color:red;}
164
165
166/* Estilos da tela de busca rápida de contatos */
167
168.expressomail-qs-container { font-size:11px;}
169.expressomail-qs-container legend { font-size:1.1em; font-weight: bold; }
170.expressomail-qs-container #accordion { margin: 5px;}
171.expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;}
172.expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; }
173.expressomail-qs-container #wrap-progressbar { height:22px; width:122px;  float:left; }
174.expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; }
175.expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; }
176.expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; }
177.expressomail-qs-container .clear {clear:both;}
178/*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/
179.expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; }
180.expressomail-qs-container #ul {list-style:none; margin:0; padding:0;}
181.expressomail-qs-container #fieldset1 {color:#444;}
182.expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;}
183
184.expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;}
185.expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;}
186.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;}
187.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;}
188.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;}
189.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;}
190.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;}
191.expressomail-qs-container #search-result-users li span.ui-icon {display:none;}
192.expressomail-qs-container .ui-icon {float:right;}
193.expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;}
194.expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;}
195.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;}
196.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;}
197.expressomail-qs-container .ui-autocomplete-input {width:170px;}
198.expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;}
199
200.expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;}
201.expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; }
202.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;}
203.expressomail-qs-container .acc-list ul{ margin:5px 0;}
204.expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;}
205.expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;}
206.expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;}
207.expressomail-qs-container .acc-list ul li strong {display:block;}
208.expressomail-qs-container .acc-list ul li em {display:block;}
209
210/*Específico do selectable*/
211.expressomail-qs-container #feedback { font-size: 1.4em; }
212.expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; }
213/* #selectable .ui-selected { background: #F39814; color: white; }   Aqui eu troquei a cor de quando era selecionada a linha */
214.expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; }
215
216.expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
217.expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;}
218.expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; }
219.expressomail-qs-container ul#selectable li.ui-selected { width: 100%;  }
220.expressomail-qs-container ul#selectable li div { width: 6000px; }
221.expressomail-qs-container .ui-button-icon-only { width: 1.2em; }
222.expressomail-qs-container .ui-icon { margin-left: -8px; }
223.expressomail-qs-container .ui-widget button { border: 0 solid; }
224
225.expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;}
226.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;}
227.expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;}
228
229.expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;}
230
231.dialog-modal.expressomail-qs-container  { height: 416px; padding:5px; }
232
233.ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;}
234.expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; }
235
236/* search area definition */
237fieldset.search-field, fieldset.search-catalog-options {
238        border:1px solid #CFCFCF;
239        padding: 5px;
240}
241
242fieldset.search-field input, fieldset.search-catalog-options select{
243        display: inline-block;
244        border: none;
245        background-color: #FFF;
246}
247
248fieldset.search-field span {
249        display: inline-block;
250        margin:0 0 -3px 5px;
251}
252
253/* #search area definition */
254fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;}
255fieldset.search-field input { max-width: 165px; width: 165px; }
256
257fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;}
258fieldset.search-catalog-options select { max-width: 120px; width: 120px; }
259
260
261.ui-dialog .ui-dialog-titlebar-minimize {
262    height: 18px;
263    margin: -10px 0 0;
264    padding: 1px;
265    position: absolute;
266    right: 1.8em;
267    top: 50%;
268    width: 19px;
269}
270
271.ui-dialog-buttonpane .ui-button {
272        margin-top: 0;
273        padding-top: 0;
274}
275
276 
277.button-mod { margin-top: -2.5em; }
278
279/*print.css */
280
281.print-all-messages h1 { font-size: 1.35em; }
282.print-all-messages h2 { font-size: 1.05em; }
283.print-all-messages tbody { font-size: 0.95em; }
284.print-all-messages thead td { font-weight: bold; padding: 3px; border-bottom: solid 2px #999; }
285.print-all-messages tbody td { border-bottom: solid 1px #ccc; }
286.print-all-messages img { display: none; }
287.print-all-messages input { display: none; }
Note: See TracBrowser for help on using the repository browser.