Changeset 5134 for trunk/expressoMail1_2/templates/default/quick_search.css
- Timestamp:
- 11/03/11 13:24:28 (12 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/expressoMail1_2/templates/default/quick_search.css
r5075 r5134 1 1 /* Estilos da tela de busca rápida de contatos */ 2 2 3 body { font-size:11px;} 4 fieldset, div {margin:0;} 5 .ui-autocomplete-input { height:22px; width:200px; margin-right:-1px; } 6 #wrap-progressbar { height:22px; width:122px; float:left; } 7 #wrap-progressbar #inner-progressbar { text-align:center; width:100px; } 8 #wrap-progressbar #inner-progressbar span { font-size:10px; line-height:12px; } 9 #wrap-progressbar #inner-progressbar #progressbar { width:100px; height:10px; } 10 .clear {clear:both;} 11 #fieldset1 label {width:495px;display:inline-block; border:4px solid #72A9D3;} 12 fieldset { border:1px solid #AAA; border-radius:5px; margin:5px; } 13 ul {list-style:none; margin:0; padding:0;} 14 15 #list-acc-users li, #search-result-users li {margin-right:5px;border-radius:3px;} 16 #list-acc-mails li {margin-right:5px;padding-bottom:4px;border-radius:3px;} 17 #list-acc-users li:hover, #list-acc-mails li:hover, #search-result-users li:hover {background-color:#DDD;} 18 #list-acc-users li span.ui-icon, #list-acc-mails li span.ui-icon, #search-result-users li span.ui-icon {display:none; margin:2px;} 19 #list-acc-users li input, #list-acc-mails li input, #search-result-users li input {margin-top:5px;} 20 #list-acc-users li label, #list-acc-mails li label, #search-result-users li label {margin-top:-5px;} 21 #list-acc-users li:hover span, #list-acc-mails li:hover span, #search-result-users li:hover span {display:inline;} 22 #search-result-users li span.ui-icon {display:none;} 23 .ui-icon {float:right;} 24 #icon-bar1 .ui-icon {float:left; margin:0 3px;} 25 #icon-bar1 span {float:left; margin:2px 3px 0 0;} 26 .ui-icon-trash, .ui-icon-edit, .ui-icon-close, .ui-icon-plus, .ui-icon-pencil {background-color:#EEE;} 27 .ui-icon-trash:hover, .ui-icon-edit:hover, .ui-icon-close:hover, .ui-icon-plus:hover, .ui-icon-pencil:hover {background-color:#BBB;} 28 .ui-autocomplete-input {width:170px;} 29 .ui-accordion .ui-accordion-content{padding:5px;} 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;} 30 18 31 .foot-note {width:905px; padding:5px;margin-top:20px;border-top:1px solid #ddd;} 32 .acc-list {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#555; } 33 .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;} 34 .acc-list ul{ margin:5px 0;} 35 .acc-list ul li{ border-radius:3px; padding:10px;} 36 .acc-list ul li:hover {background-color:#DDD;} 37 .acc-list ul li.active {background-color:#EB8F00;} 38 .acc-list ul li strong {display:block;} 39 .acc-list ul li em {display:block;} 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;} 40 34 41 /*Específico do selectable*/ 42 #feedback { font-size: 1.4em; } 43 #selectable .ui-selecting { background: #DDECF7; } 44 /* #selectable .ui-selected { background: #F39814; color: white; } Aqui eu troquei a cor de quando era selecionada a linha */ 45 #selectable .ui-selected { background: #72A9D3; color: white; } 46 47 #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; } 48 ul#selectable { overflow: hidden; width: 370px;} 49 ul#selectable li { width: 300px; overflow:hidden; } 50 ul#selectable li.ui-selected { width: 81%; } 51 ul#selectable li div { width: 6000px; } 52 .ui-button-icon-only { width: 1.2em; } 53 .ui-icon { margin-left: -8px; } 54 .ui-widget button { border: 0 solid; } 55 56 #dialog-modal { height: 416px; } 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 60 .expressomail-qs-container .menu-control { float:right; margin-left:380px; position: absolute; z-index: 100; padding-top:5px;} 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 } 57 110 58 111 112 .button-mod { margin-top: -2.5em; }
Note: See TracChangeset
for help on using the changeset viewer.