Changeset 3731 for branches/2.2/mobile/templates/css/mobile.css

Timestamp:

02/03/11 17:13:42 (13 years ago)

Author:

eduardoalex

Message:

Ticket #1523 - Criado o layout do Expresso Mini para navegadores desktop

File:

• branches/2.2/mobile/templates/css/mobile.css (modified) (19 diffs)

branches/2.2/mobile/templates/css/mobile.css

@@ -17 +17 @@
 table {border-collapse:separate;border-spacing:0;}
 
-
 #busca table { width:100%;}
 .gd {width:90%; padding:2px 0;}
 .pq {width:10%; padding-left:5px; padding-right:5px; text-align:center;}
 .bt {width:10%; padding-left:10px; }
-
 
 caption, th, td {text-align:left;}
@@ -32 +30 @@
 li {list-style:none;}
 
-
-
-
-
 /***************Elementos******************/
 
 h1{ padding-top: 5px; height:20px; font-size:small; padding-left:5px; color:#FFFFFF; float:left;  }
-/*dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}*/
 dt {font-size:small; color:#3E3E3D; background:#CEE5EF; width:100%;}
 .dt-titulo, .dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table;  width:100%;  }
@@ -49 +42 @@
 .espacamento, .espacamento_contato_search{padding:5px 0 5px 25px; margin:0 0 5px 0 }
 .espacamento_contato_search{padding-left:5px;}
-#palavra-procurada {background:#C0DCE9; height:22px; padding-top:4px; width:100%}
+#palavra-procurada {background:#C0DCE9; height:22px; padding: 6px 0 0 4px; width:auto}
 #editando{font-size:120%; color:#666; margin-left:5px}
 div > p.dt-azul > strong{ margin-left:8px; float:left }
@@ -68 +61 @@
 .busca-email-texto {margin-left:25px !important}
 
-
-
-
-
 /*ALTERADOS*/
 /*#text_area{width:98%; margin-top:10px; margin:auto }*/
@@ -93 +82 @@
 .posiciona-esquerda input[type="checkbox"]{ vertical-align:baseline}
 
-/*07/01/2011*/
-/*.posiciona-esquerda p{ margin:5px 0 5px 5px;}
-.posiciona-direita-busca { font-weight:normal; padding-top:8px; text-align:right; width:56px; float:right; margin-right:6px}
-.posiciona-direita {font-size:x-small; float:left; font-weight:normal; text-align:left; width:20%; padding-top:8px}
-.posiciona-direita p { margin-bottom:3px}
-.posiciona-direita span{ margin:6px 0 ; padding:8px 0; font-size:x-small !important; font-weight:normal;  float:right }
-.posiciona-direita span a{ color:#666;   padding:8px 9px }*/
-
-
-
 .posiciona-esquerda p{ margin:5px 0 5px 5px}
 .posiciona-direita-busca { font-weight:normal; padding-top:8px; text-align:right; width:56px; float:right; margin-right:6px}
@@ -110 +89 @@
 .posiciona-direita a{height:22px; color:#666;   padding:4px; font-size: x-small; }
 
-
 #lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; }
 #lista_miolo dd {background:#FFFFFF; width:100%; display:table  }
@@ -118 +96 @@
 #lista_miolo #contagem {font-size:x-small; width:20%; float:left; font-weight:normal; text-align:left;}
 
-
-
-
 /***************Classes******************/
 
@@ -132 +107 @@
 .limpar_div {
         clear:both
-        }
-
+}
 
 .resultado-titulo{background:#D4E7F0; min-height:18px; padding:4px 0; font-weight:bold}
@@ -141 +115 @@
 p.urgente {color:#F00; font-style:italic; font-size:x-small }
 div.urgente {width:14px; height:12px; background:#F00; margin-left:5px; text-align:center; vertical-align:middle;color:#FFF; float:left;font-size:xx-small; padding-top:1px}
-
 
 .topo {width:100%; background:#333; display:table }
@@ -155 +128 @@
 .nome-item-telefone{margin-left:21px}
 
-.menu-contexto {font-size:small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:18px; padding:4px 0}
+.menu-contexto {font-size:small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:18px; padding:4px 2px}
 .menu-contexto span{margin-left:5px }
 .btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none; margin-left:5px }
@@ -163 +136 @@
 .btn-busca {padding:4px; font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:20px;}
 #voltar {margin:0; padding:0}
-
 
 #titulo {width:100%; margin:2px 0; padding:20px 0; background-color:#CEE5EF;  }
@@ -171 +143 @@
 .titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: x-small; color:#3E3E3D; }
 
-
 .menu-diverso{ height:22px; padding-top:4px}
 .margin-geral{margin:0 0 5px 5px}
@@ -181 +152 @@
 .menu-diverso a:hover,.menu-diverso a.letter-contact-selected {color:#FFFFFF;background-color:#3399CC; padding:3px 9px }
 .btn_off a { margin: 0 1px; display: inline;  }
-
 
 .reset-dt {background-color:#ffffff; width:98%; /*padding:10px 3px 3px 10px;*/}
@@ -191 +161 @@
 .sobre-mensagem {float:left;}
 
-
 #ver-detalhes {float:left;padding:2px; background-color:#FAD364; width:10%  } /*mudança*/
 #ver-detalhes a {padding:3px;color:#666;font-size:x-small; width:20px}
-
-
 
 .alerta{ font-style:italic; color:#FF3300;}
@@ -219 +186 @@
 #bg-aviso{background:#EFF8FB; padding-top:20px;}
 .avisos{background-color:#FAE1E1;}
-.aviso-positivo, .aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; width:80%; margin:auto  }
+.aviso-positivo, .aviso-negativo{ padding:5px; font-size:x-small; color:#333333; background-color:#CEE5EF; margin:auto; width:98%;padding-left:1%;padding-right:1%;  }
 .aviso-negativo{ background-color:#FAE1E1 }
 .aviso-positivo a,.aviso-negativo a{text-decoration:underline; color:#333333;}
-
 
 .bg-neutro{padding:5px; background-color:#EEF7FA;} 
@@ -263 +229 @@
 a.outro_mes { background: #E1E1E1; color: #8B8B8B }
 
-
-
-
-
-
-
 /*---------------------------------------- CONTATO ÚNICO ---------------------------------------------*/
 
@@ -282 +242 @@
 #block-dados{float: left; width:78%; margin-left:5px; font-size:small; font-weight:normal }
 #block-label a {color:#666}
-                
-
-
 
 /*---------------------------------------- EMAIL ---------------------------------------------*/
@@ -290 +247 @@
 .email-geral{width:100%; padding:5px 0}
 .email-cabecalho,.contato-cabecalho{overflow: hidden; width:74%; height:22px; float:left;}
-.email-cabecalho p,.email-cabecalho a,.email-cabecalho a:visited{font-size:medium; color:#000}
+.email-cabecalho p.email-cabecalho a.email-cabecalho a:visited{font-size:medium; color:#000}
 .contato-cabecalho{font-size:medium}
 .email-anexo{width:16px; height:16px; float:left;  margin-top:5px}
@@ -313 +270 @@
 /*---------------------------------------- MODIFICAÇÕES ---------------------------------------------*/
 
-
 .email-item{color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; vertical-align:text-bottom}
 .email-campos, .assunto {color:#3E3E3D; font:bold small Arial, Helvetica, sans-serif; text-decoration:underline !important}