| 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;}
|
|---|
