[5072] | 1 | /* Estilos da tela de busca rápida de contatos */
|
---|
| 2 |
|
---|
[5134] | 3 | .expressomail-qs-container { font-size:11px;} |
---|
| 4 | .expressomail-qs-container legend { font-size:1.1em; font-weight: bold; } |
---|
| 5 | .expressomail-qs-container #accordion { margin: 5px;} |
---|
| 6 | .expressomail-qs-container fieldset, .expressomail-qs-container div {margin:0;} |
---|
| 7 | .expressomail-qs-container .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; } |
---|
| 8 | .expressomail-qs-container #wrap-progressbar { height:22px; width:122px; float:left; } |
---|
| 9 | .expressomail-qs-container #wrap-progressbar #inner-progressbar { text-align:center; width:100px; } |
---|
| 10 | .expressomail-qs-container #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; } |
---|
| 11 | .expressomail-qs-container #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; } |
---|
| 12 | .expressomail-qs-container .clear {clear:both;} |
---|
| 13 | /*.expressomail-qs-container #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;}*/ |
---|
| 14 | .expressomail-qs-container fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; } |
---|
| 15 | .expressomail-qs-container #ul {list-style:none; margin:0; padding:0;} |
---|
| 16 | .expressomail-qs-container #fieldset1 {color:#444;} |
---|
| 17 | .expressomail-qs-container #fieldset1 label {font-weight:bold; display:block;} |
---|
| 18 | |
---|
| 19 | .expressomail-qs-container #list-acc-users li, .expressomail-qs-container #search-result-users li {margin-right:5px;border-radius:3px;} |
---|
| 20 | .expressomail-qs-container #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;} |
---|
| 21 | .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;} |
---|
| 22 | .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;} |
---|
| 23 | .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;} |
---|
| 24 | .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;} |
---|
| 25 | .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;} |
---|
| 26 | .expressomail-qs-container #search-result-users li span.ui-icon {display:none;} |
---|
| 27 | .expressomail-qs-container .ui-icon {float:right;} |
---|
| 28 | .expressomail-qs-container #icon-bar1 .ui-icon {float:left; margin:0 3px;} |
---|
| 29 | .expressomail-qs-container #icon-bar1 span {float:left; margin:2px 3px 0 0;} |
---|
| 30 | .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;} |
---|
| 31 | .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;} |
---|
| 32 | .expressomail-qs-container .ui-autocomplete-input {width:170px;} |
---|
| 33 | .expressomail-qs-container .ui-accordion .ui-accordion-content{padding:5px;} |
---|
| 34 | |
---|
| 35 | .expressomail-qs-container .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;} |
---|
| 36 | .expressomail-qs-container .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; } |
---|
| 37 | .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;} |
---|
| 38 | .expressomail-qs-container .acc-list ul{ margin:5px 0;} |
---|
| 39 | .expressomail-qs-container .acc-list ul li{ border-radius:3px; padding:5px;} |
---|
| 40 | .expressomail-qs-container .acc-list ul li:hover {background-color:#DDD;} |
---|
| 41 | .expressomail-qs-container .acc-list ul li.active {background-color:#EB8F00;} |
---|
| 42 | .expressomail-qs-container .acc-list ul li strong {display:block;} |
---|
| 43 | .expressomail-qs-container .acc-list ul li em {display:block;} |
---|
| 44 | |
---|
| 45 | /*Específico do selectable*/ |
---|
| 46 | .expressomail-qs-container #feedback { font-size: 1.4em; } |
---|
| 47 | .expressomail-qs-container #selectable .ui-selecting { background: #DDECF7; } |
---|
| 48 | /* #selectable .ui-selected { background: #F39814; color: white; } Aqui eu troquei a cor de quando era selecionada a linha */ |
---|
| 49 | .expressomail-qs-container #selectable .ui-selected { background: #72A9D3; color: white; } |
---|
| 50 | |
---|
| 51 | .expressomail-qs-container #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; } |
---|
| 52 | .expressomail-qs-container ul#selectable { overflow: hidden; width: 444px; height: 250px;} |
---|
| 53 | .expressomail-qs-container ul#selectable li { width: 435px; overflow:hidden; } |
---|
| 54 | .expressomail-qs-container ul#selectable li.ui-selected { width: 100%; } |
---|
| 55 | .expressomail-qs-container ul#selectable li div { width: 6000px; } |
---|
| 56 | .expressomail-qs-container .ui-button-icon-only { width: 1.2em; } |
---|
| 57 | .expressomail-qs-container .ui-icon { margin-left: -8px; } |
---|
| 58 | .expressomail-qs-container .ui-widget button { border: 0 solid; } |
---|
| 59 | |
---|
[5172] | 60 | .expressomail-qs-container .menu-control { float:right; margin-left:400px; position: absolute; z-index: 100; padding-top:5px;} |
---|
[5134] | 61 | .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;} |
---|
| 62 | .expressomail-qs-container .details-container { width:300px;height:246px; float:right; margin: 5px 0;} |
---|
| 63 | |
---|
| 64 | .expressomail-qs-container .acc-list .demo {width:100%;margin-top:20px;} |
---|
| 65 | |
---|
| 66 | .dialog-modal.expressomail-qs-container { height: 416px; padding:5px; } |
---|
| 67 | |
---|
| 68 | .ui-dialog .ui-dialog-buttonpane { padding: 0; border:none; margin: 0;} |
---|
| 69 | .expressomail-qs-container .menu-control .ui-button-text-only .ui-button-text { padding: 0.1em 0.6em; } |
---|
| 70 | |
---|
| 71 | /* search area definition */ |
---|
| 72 | fieldset.search-field, fieldset.search-catalog-options { |
---|
| 73 | border:1px solid #CFCFCF; |
---|
| 74 | padding: 5px; |
---|
| 75 | } |
---|
| 76 | |
---|
| 77 | fieldset.search-field input, fieldset.search-catalog-options select{ |
---|
| 78 | display: inline-block; |
---|
| 79 | border: none; |
---|
| 80 | background-color: #FFF; |
---|
| 81 | } |
---|
| 82 | |
---|
| 83 | fieldset.search-field span { |
---|
| 84 | display: inline-block; |
---|
| 85 | margin:0 0 -3px 5px; |
---|
| 86 | } |
---|
| 87 | |
---|
| 88 | /* #search area definition */ |
---|
| 89 | fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;} |
---|
| 90 | fieldset.search-field input { max-width: 165px; width: 165px; } |
---|
| 91 | |
---|
| 92 | fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;} |
---|
| 93 | fieldset.search-catalog-options select { max-width: 120px; width: 120px; } |
---|
| 94 | |
---|
| 95 | |
---|
| 96 | .ui-dialog .ui-dialog-titlebar-minimize { |
---|
| 97 | height: 18px; |
---|
| 98 | margin: -10px 0 0; |
---|
| 99 | padding: 1px; |
---|
| 100 | position: absolute; |
---|
| 101 | right: 1.8em; |
---|
| 102 | top: 50%; |
---|
| 103 | width: 19px; |
---|
| 104 | } |
---|
| 105 | |
---|
| 106 | .ui-dialog-buttonpane .ui-button { |
---|
| 107 | margin-top: 0; |
---|
| 108 | padding-top: 0; |
---|
| 109 | } |
---|
[5072] | 110 |
|
---|
[5134] | 111 | |
---|
| 112 | .button-mod { margin-top: -2.5em; } |
---|