source: trunk/expressoMail1_2/templates/default/quick_search.css @ 5134

Revision 5134, 6.8 KB checked in by wmerlotto, 12 years ago (diff)

Ticket #2305 - Enviando alteracoes, desenvolvidas internamente na Prognus, do modulo ExpressoMail?.
  • Property svn:executable set to *
Line 
1/* Estilos da tela de busca rápida de contatos */
2
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
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 */
72fieldset.search-field, fieldset.search-catalog-options {
73        border:1px solid #CFCFCF;
74        padding: 5px;
75}
76
77fieldset.search-field input, fieldset.search-catalog-options select{
78        display: inline-block;
79        border: none;
80        background-color: #FFF;
81}
82
83fieldset.search-field span {
84        display: inline-block;
85        margin:0 0 -3px 5px;
86}
87
88/* #search area definition */
89fieldset.search-field { max-width: 190px; width: 190px; margin: 0px; text-align: left; display: inline;}
90fieldset.search-field input { max-width: 165px; width: 165px; }
91
92fieldset.search-catalog-options { max-width: 124px; width: 120px; margin: 0px; text-align: left; display: inline;}
93fieldset.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}
110
111 
112.button-mod { margin-top: -2.5em; }
Note: See TracBrowser for help on using the repository browser.