1 | /**********GLOBAL RESET*************/
|
---|
2 | body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:medium;font-family:Arial, Helvetica, sans-serif;}
|
---|
3 | body { -webkit-text-size-adjust: none; }
|
---|
4 |
|
---|
5 | html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p,
|
---|
6 | blockquote, pre, a, abbr, acronym, address, code, del,
|
---|
7 | dfn, em, img, q, dl, dt, dd, ol, fieldset, form,
|
---|
8 | label, legend, table, caption, tbody, tfoot, thead, tr, th,
|
---|
9 | td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;}
|
---|
10 |
|
---|
11 | checkbox {padding:0; margin:0}
|
---|
12 |
|
---|
13 | /*INSERIDOS*/
|
---|
14 |
|
---|
15 | table {border-collapse:separate;border-spacing:0;}
|
---|
16 |
|
---|
17 |
|
---|
18 | #busca table { width:100%;}
|
---|
19 | .gd {width:90%; padding:2px 0;}
|
---|
20 | .pq {width:10%; padding-left:5px; padding-right:5px;text-align:center;}
|
---|
21 | .bt {width:10%; padding-left:10px; }
|
---|
22 |
|
---|
23 |
|
---|
24 | caption, th, td {text-align:left;}
|
---|
25 | table, td, th {vertical-align:middle;}
|
---|
26 | blockquote:before, blockquote:after, q:before, q:after {content:"";}
|
---|
27 | blockquote, q {quotes:"" "";}
|
---|
28 | a img {border:none;}
|
---|
29 | a:link, a:visited {text-decoration: none; font-size:small;}
|
---|
30 | li {list-style:none;}
|
---|
31 |
|
---|
32 |
|
---|
33 | /*-------------------------------------------------------------------NAVEGACAO-----------------------------------------------------------*/
|
---|
34 |
|
---|
35 | .navegacao { width: 260px; float: left; margin-top: 22px; width: 30% }
|
---|
36 | .navegacao a{color:#515151; text-decoration:none;}
|
---|
37 | .navegacao a:hover{text-decoration:underline;}
|
---|
38 | .mail-novo { background: #09C; color: #fff; display: block; height: 21px; font-size: 12px; padding-top: 4px }
|
---|
39 | .mail-novo a { display: inline; color: #fff; padding: 2px 6px; font-size: 10px; text-decoration: none; background:#2b83ae }
|
---|
40 | .mail-novo a:hover { text-decoration: none; background: #09F}
|
---|
41 | #meus-emails, #meus-compromissos, #minhas-pastas { font-size: 12px; color: #444 }
|
---|
42 | #emails-capacidade { font-size: 9px; color:#888 }
|
---|
43 | #emails-secoes { color: #444; font-size: 10px }
|
---|
44 | .compromisso, .diretorios {}
|
---|
45 |
|
---|
46 | #table-mail, #table-compromissos, #table-minhaspastas, #table-contatos, #mail-selecionados { font-size:12px; color: #222; line-height: 22px }
|
---|
47 | #mail_check { margin-left: 5px }
|
---|
48 |
|
---|
49 |
|
---|
50 | .pagina { color: #fff; display: block; font-size: 12px; float: right; margin-top: 22px; width: 70% }
|
---|
51 | /*------------------------------------------------------------------/NAVEGACAO-----------------------------------------------------------*/
|
---|
52 |
|
---|
53 |
|
---|
54 |
|
---|
55 |
|
---|
56 |
|
---|
57 |
|
---|
58 | /***************Elementos******************/
|
---|
59 |
|
---|
60 | h1{ padding-top: 5px; height:20px; font-size:small; padding-left:5px; color:#FFFFFF; float:left; }
|
---|
61 | /*dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}*/
|
---|
62 | dt {font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}
|
---|
63 | .dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table; width:100%; /*padding:10px 0*/}
|
---|
64 | .dt-branco {background:#FFF;}
|
---|
65 | p.seen, a.seen {font-weight:normal;width:100%;}
|
---|
66 | p.important, a.important {color:#FF0000;}
|
---|
67 | dd{ padding-top:3px; /*padding-left:25px;*/ vertical-align:middle; font-size:small;}
|
---|
68 | input{height: 15px;} /*o float left ta dando problema nos check boxs, por isso removi */
|
---|
69 | textarea {width: 93%;}
|
---|
70 | dt select, div.menu-contexto select {font-size:x-small; border:none; color:#ffffff; background-color:#2B84AF; margin:8px 0}
|
---|
71 | div.menu-contexto select{font-size:small; border:none; color:#ffffff; background-color:#2B84AF;}
|
---|
72 | div.menu-contexto a {color:#FFFFFF; text-decoration:underline;}
|
---|
73 | #operacao_lista {/*padding:5px; */min-height:40px; font-size:small; background-color:#C9C9C9; width:100%; padding-top:9px}
|
---|
74 | #operacao_lista span {font-size:x-small;}
|
---|
75 | #menu_rodape {background-color:#F2F2F2; }
|
---|
76 |
|
---|
77 | /*novo*/
|
---|
78 | #menu_rodape ul { width:100%; margin:0px 0 0 -10px; }
|
---|
79 | #menu_rodape ul li { text-align:left; }
|
---|
80 | #menu_rodape a {color:#2B84AF; font-size:x-small; }
|
---|
81 |
|
---|
82 |
|
---|
83 |
|
---|
84 | /*ALTERADOS*/
|
---|
85 |
|
---|
86 | #corpo_mensagem {clear:both; /*padding-top:15px;*/ color:#666; width:100%; padding-left:10px; min-height:230px; padding-bottom:10px;font-size:small;}
|
---|
87 | #corpo_mensagem #foto {padding:5px 0px 10px 10px;}
|
---|
88 | #corpo_mensagem #foto img {border:1px solid #2B84AF;}
|
---|
89 | #corpo_mensagem #nome {font-size:small; width:100%; /*padding:15px 0px 10px 10px;*/ font-weight:bold;}
|
---|
90 | #corpo_mensagem #itens {font-size:x-small; float:left; font-weight:bold; text-align:right; padding-right:10px;}
|
---|
91 | #corpo_mensagem #itens-preenchidos {font-size:x-small; width:50%; float:left; font-weight:normal;}
|
---|
92 | #corpo_mensagem input {height:15px;}
|
---|
93 |
|
---|
94 | #campos-correspondencia {font-weight:bold; text-align:right;color:#666; background-color:#CEE5EF; width:100%; /*padding-left:10px;*/ min-height:120px; padding-bottom:30px;}
|
---|
95 | .posiciona-esquerda {font-size:small; float:left; font-weight:normal; text-align:left; width:74%; padding:6px 0 0 20px; }
|
---|
96 | .posiciona-esquerda input[type="checkbox"]{ vertical-align:baseline}
|
---|
97 | .posiciona-esquerda p{ margin:5px 0 5px 0;}
|
---|
98 | .posiciona-direita {font-size:x-small; float:left; font-weight:normal; text-align:left; width:20%; padding-top:16px }
|
---|
99 | .posiciona-direita p { margin-bottom:3px}
|
---|
100 | .posiciona-direita span{ margin:6px 0 ; display:table}
|
---|
101 |
|
---|
102 |
|
---|
103 |
|
---|
104 | #lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; }
|
---|
105 | #lista_miolo dd {background:#FFFFFF; /*padding:3px 3px 3px 10px;*/ width:100%; }
|
---|
106 | #lista_miolo dd.par {background:#EEF7FA; }
|
---|
107 | #lista_miolo #iten {width:80%; float:left; font-weight:normal; text-align:left;}
|
---|
108 | #lista_miolo #iten a {font-size:small;}
|
---|
109 | #lista_miolo #contagem {font-size:x-small; width:20%; float:left; font-weight:normal; text-align:left;}
|
---|
110 |
|
---|
111 |
|
---|
112 |
|
---|
113 |
|
---|
114 | /***************Classes******************/
|
---|
115 |
|
---|
116 | /*ALTERADOS*/
|
---|
117 |
|
---|
118 | #busca{ /*padding-left:10px;*/ padding-top:5px;background-color:#E4E4E4; min-height:35px; width:100%;}
|
---|
119 | #busca input[type="text"] {height:20px; width:90%; margin-right:5px}
|
---|
120 | #busca input[type="button"] {height:20px; min-width:100px;}
|
---|
121 | /*.busca input {height:10px; width:87%; float:left;}*/
|
---|
122 |
|
---|
123 | .limpar_div {
|
---|
124 | clear:both
|
---|
125 | }
|
---|
126 |
|
---|
127 |
|
---|
128 | .topo {width:100%; /*padding-left:10px;*/ background:#333; display:table }
|
---|
129 | .topo a{color:#FFF; text-decoration:underline; float:right; margin:4px 20px 0 0 }
|
---|
130 |
|
---|
131 | .rodape{ padding-top:4px; height:16px; text-align:center; font-size:50%; background-color:#F6F6F6; color:#333333;}
|
---|
132 | .btn-generico{color:#FFFFFF; background-color:#434343; border:none; min-width:60px;}
|
---|
133 | .contagem { }
|
---|
134 | .nome-item{float:left;width:74%;font-size:small; color:#3E3E3D}
|
---|
135 | .nome-item-telefone{margin-left:21px}
|
---|
136 | .bg-branco{background:#FFF}
|
---|
137 |
|
---|
138 | .menu-contexto {/*padding-left:16px;*/ padding-top:6px; font-size:x-small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:35px;}
|
---|
139 | .btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none; min-height:30px; padding:5px }
|
---|
140 | .menor {min-height:20px !important}
|
---|
141 | .btn-generico {padding:6px 4px; }
|
---|
142 |
|
---|
143 | /*novo*/
|
---|
144 | .btn-busca {padding:4px; font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none; min-height:20px;}
|
---|
145 | #voltar {margin:0; padding:0}
|
---|
146 |
|
---|
147 |
|
---|
148 | #titulo {width:100%; }
|
---|
149 | .titulo_mensagem {font-size:small; font-weight:bold; overflow: hidden; padding:15px 15px 5px 10px;}
|
---|
150 | .titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: x-small; color:#3E3E3D; }
|
---|
151 |
|
---|
152 |
|
---|
153 | .menu-diverso{ height:35px;}
|
---|
154 | .menu-diverso a{ margin-right:3px; padding:5px; font-size:x-small; background-color:#EEF7FA; color:#434343;}
|
---|
155 | .menu-diverso a:hover,.menu-diverso a.letter-contact-selected {color:#FFFFFF;background-color:#3399CC;}
|
---|
156 | dt.menu-diverso div {margin-top:8px;}
|
---|
157 |
|
---|
158 | .reset-dt {background-color:#ffffff; width:98%; /*padding:10px 3px 3px 10px;*/}
|
---|
159 | .reset-dt1 {width:98%; /*padding:3px 3px 3px 10px;*/}
|
---|
160 | .dd-mensagem {height:30px;overflow: hidden;padding:3px 0px 15px 10px;}
|
---|
161 | .btn-anexo {padding:2px; font-size: x-small; background-color:#FAD364;}
|
---|
162 | .btn-anexo a {padding:3px; font-size: x-small; background-color:#FAD364; }
|
---|
163 | .sobre-mensagem {float:left;}
|
---|
164 |
|
---|
165 |
|
---|
166 | #ver-detalhes {float:left;padding:2px; background-color:#FAD364;}
|
---|
167 | #ver-detalhes a {padding:3px;color:#666;font-size:x-small;}
|
---|
168 |
|
---|
169 |
|
---|
170 |
|
---|
171 | .alerta{ font-style:italic; color:#FF3300;}
|
---|
172 | .sinal-alerta{padding:1px 5px 1px 5px; background-color:#FF3300; color:#ffffff;}
|
---|
173 | .titulo-secao{padding:0px 10px 0px 10px; font-size:120%; color:#ffffff; font-weight:bold;}
|
---|
174 |
|
---|
175 | .label-normal{font-style:italic;}
|
---|
176 |
|
---|
177 | #campos {width:99%; height:auto;background-color:#CEE5EF;}
|
---|
178 | .campos-entrada{ font-size:70%; background-color:#CEE5EF;height:auto;}
|
---|
179 | .campos-correspondencia {font-size:x-small; padding:5px;}
|
---|
180 | .campos-correspondencia input {height:17px; float:left;}
|
---|
181 | .campos-correspondencia p { }
|
---|
182 | .campos-correspondencia p label {float:left;width:100%;}
|
---|
183 | .campos-entrada input {height:15px; }
|
---|
184 | .campos-correspondencia, .campos-entrada { }
|
---|
185 |
|
---|
186 | .login{ background-color:#EEF7FA;}
|
---|
187 | .login p{padding:3px;}
|
---|
188 | .avisos{background-color:#FAE1E1;}
|
---|
189 | .aviso-positivo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; }
|
---|
190 | .aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#FAE1E1; }
|
---|
191 | .aviso-positivo a,.aviso-negativo a{text-decoration:underline; color:#333333;}
|
---|
192 |
|
---|
193 |
|
---|
194 | .bg-neutro{padding:5px; background-color:#EEF7FA;}
|
---|
195 |
|
---|
196 | .rotulo-complementar{font-size:x-small; text-decoration:underline; padding:3px;}
|
---|
197 |
|
---|
198 | .mes_corrente { padding: 0 10px }
|
---|
199 |
|
---|
200 | #pre-calendario { padding: 10px; background: #eef7fa }
|
---|
201 | #semanal { border: none; margin-bottom: 5px }
|
---|
202 |
|
---|
203 | #calendario thead tr th { color: #333; font-size:small; font-weight:bold;}
|
---|
204 | #calendario thead tr th, #calendario tbody tr td { text-align: center }
|
---|
205 | .semana { color:#333;font-size:small; width:100%; font-weight:bold; width: 14%; }
|
---|
206 | .dias { border: none }
|
---|
207 | .dias a {
|
---|
208 | color: #444;
|
---|
209 | font-size: 11px;
|
---|
210 | cursor: pointer;
|
---|
211 | text-decoration: none;
|
---|
212 | text-align: center;
|
---|
213 | display: block;
|
---|
214 | border: 1px solid #CACACA;
|
---|
215 | width: 27px;
|
---|
216 | height:16px;
|
---|
217 | margin: 0px;
|
---|
218 | padding: 3px 1px 0 0;
|
---|
219 | position: relative;
|
---|
220 | }
|
---|
221 | .dias a .qtd_commitment {
|
---|
222 | font-size: 8px;
|
---|
223 | position: absolute;
|
---|
224 | top: 0;
|
---|
225 | right: 0.5px;
|
---|
226 | color: red;
|
---|
227 | }
|
---|
228 | .dias a:hover { color:#999; text-decoration: none }
|
---|
229 | a.hoje { background: #FC0; color: #fff }
|
---|
230 | a.dia_branco { background: #FFF }
|
---|
231 | a.outro_mes { background: #E1E1E1; color: #8B8B8B }
|
---|
232 |
|
---|
233 | .btn_off a { margin: 0 1px; display: inline; padding: 0 6px }
|
---|
234 |
|
---|
235 |
|
---|
236 |
|
---|
237 | /*---------------------------------------- MODIFICAÇÕES ---------------------------------------------*/
|
---|
238 |
|
---|
239 |
|
---|
240 | .email-item{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; vertical-align:middle}
|
---|
241 | .email-campos{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; text-decoration:underline !important}
|
---|
242 |
|
---|
243 |
|
---|
244 | .campos-email {width:100%; clear:both; margin-left:10px}
|
---|
245 | .campos-email input {width:99%; clear:both}
|
---|
246 | .campos-email a{float:left; text-align:right; margin-bottom:5px;}
|
---|