[5569] | 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;} |
---|
| 4 | ul.expressomail-attachments-list { list-style:none; display:block; margin-left:40px;} |
---|
| 5 | ul.expressomail-attachments-list li {} |
---|
| 6 | .expressomail-attachments-link { font-size:11px;} |
---|
| 7 | |
---|
| 8 | textarea{ |
---|
| 9 | overflow:hidden; |
---|
| 10 | height:auto; |
---|
| 11 | /* width:18px; |
---|
| 12 | resize: none;*/ |
---|
| 13 | } |
---|
| 14 | a.rich{ |
---|
| 15 | padding : 5px; |
---|
| 16 | cursor : pointer; |
---|
| 17 | text-align: center; |
---|
| 18 | } |
---|
| 19 | button.adress_button {width: 47px; text-align: center;} |
---|
| 20 | span.ui-icon.expressomail-icon-read-confirmation { background-image: url(images/notification.gif) !important; background-position: 0px 0px; width: 24px; height: 24px;} |
---|
| 21 | span.ui-icon.expressomail-icon-save { background-image: url(images/disk.png) !important; background-position: 0px 2px; width: 16px; height: 16px; background-size: 13px;} |
---|
| 22 | span.ui-icon.expressomail-icon-signature { background-image: url(images/signature.gif) !important; background-position: 8px 2px; width: 24px; height: 24px; background-size: 13px;} |
---|
| 23 | span.ui-icon.expressomail-icon-encryption{ background-image: url(images/lock.png) !important; background-position: 7px 1px; width: 24px; height: 24px; background-size: 13px;} |
---|
| 24 | span.ui-icon.expressomail-icon-send { background-image: url(images/send.png) !important; background-position: -2px 2px; width: 25px; height: 16px; background-size: 19px;} |
---|
| 25 | span.ui-icon.expressomail-icon-save_and_send { background-image: url(images/save_and_send.png) !important; width: 25px; height: 16px; background-size: 17px;} |
---|
| 26 | span.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;} |
---|
| 33 | ul.expressomail-thumbs-list { list-style:none; margin:0; padding:0;} |
---|
| 34 | ul.expressomail-thumbs-list li {height:80px; max-width:120px; max-height:80px; display:block; float:left; margin: 5px; padding:0;} |
---|
| 35 | ul.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 */ |
---|
| 42 | table.expressomail-message-body {width:100%; height:100%;} |
---|
| 43 | table.table_message { |
---|
| 44 | background: #96b3d3; /* Old browsers */ |
---|
| 45 | background: -moz-linear-gradient(top, #96b3d3 0%, #b4c9e4 30%, #d9e6ef 65%, #e2e9f1 70%, #e9f0f8 78%, #e8f1fa 83%, #dbe5ef 96%, #d9e3ed 100%); /* FF3.6+ */ |
---|
| 46 | background: -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+ */ |
---|
| 47 | background: -webkit-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Chrome10+,Safari5.1+ */ |
---|
| 48 | background: -o-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* Opera 11.10+ */ |
---|
| 49 | background: -ms-linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* IE10+ */ |
---|
| 50 | background: linear-gradient(top, #96b3d3 0%,#b4c9e4 30%,#d9e6ef 65%,#e2e9f1 70%,#e9f0f8 78%,#e8f1fa 83%,#dbe5ef 96%,#d9e3ed 100%); /* W3C */ |
---|
| 51 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b3d3', endColorstr='#d9e3ed',GradientType=0 ); /* IE6-9 */ |
---|
| 52 | } |
---|
[5604] | 53 | table.expressomail-message-body tr{vertical-align:top;} |
---|
[5569] | 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;} |
---|
| 111 | a.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); } |
---|
[5640] | 135 | .context-menu-item.icon-tag { background-image: url(images/menu/tag.png); background-size: 12px; background-position: 6px 2px !important;} |
---|
[5569] | 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); } |
---|
[5604] | 138 | |
---|
| 139 | form.fileupload { margin: 14px 0 0 -13px; float: left; margin-bottom: -20px; } |
---|
[5626] | 140 | form.fileupload .files-list { margin-left: 5px; margin-top: -14px; padding: 0.2em 0.7em; } |
---|
| 141 | form.fileupload .files-list .delete-upload { top: 7px} |
---|
[5604] | 142 | ul.attachments-list { padding: 0; } |
---|
| 143 | .button-files-upload { float:left; } |
---|
| 144 | |
---|
| 145 | form.fileupload .ui-button .ui-button-text { line-height: 2; } |
---|
| 146 | form.fileupload .ui-button { margin-left: 5px; } |
---|
[5626] | 147 | form.fileupload .message-add-original-att { margin-left: 0px; } |
---|
[5604] | 148 | .button.add.button-add-attachment{margin: -9px 0 0 8px;} |
---|
| 149 | .button.upload{margin-bottom: 4px;} |
---|
| 150 | div.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 | |
---|
[5626] | 157 | .archive-attach.name{width: 310px;} |
---|
[5604] | 158 | .archive-attach.name label{display: block; position: absolute; left: 136px; top: 194px;} |
---|
[5626] | 159 | .size{min-width: 65px;} |
---|
[5604] | 160 | |
---|
| 161 | .message-attach.name{width: 200px;} |
---|
| 162 | .message-attach.size{margin:0 4px 0 4px;} |
---|
[5755] | 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 */ |
---|
| 237 | fieldset.search-field, fieldset.search-catalog-options { |
---|
| 238 | border:1px solid #CFCFCF; |
---|
| 239 | padding: 5px; |
---|
| 240 | } |
---|
| 241 | |
---|
| 242 | fieldset.search-field input, fieldset.search-catalog-options select{ |
---|
| 243 | display: inline-block; |
---|
| 244 | border: none; |
---|
| 245 | background-color: #FFF; |
---|
| 246 | } |
---|
| 247 | |
---|
| 248 | fieldset.search-field span { |
---|
| 249 | display: inline-block; |
---|
| 250 | margin:0 0 -3px 5px; |
---|
| 251 | } |
---|
| 252 | |
---|
| 253 | /* #search area definition */ |
---|
| 254 | fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;} |
---|
| 255 | fieldset.search-field input { max-width: 165px; width: 165px; } |
---|
| 256 | |
---|
| 257 | fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;} |
---|
| 258 | fieldset.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; } |
---|