Sorry, no issue here. My mistake.
Closed this issue · 1 comments
Sorry, no issue here. My mistake.
Thanks for the bug report, this is really weird. We'll look into it !
Nico Prat
nicooprat@gmail.com
Le vendredi 31 août 2012 à 19:27, ErickXavier a écrit :
With this code below, the "vertical-align: middle" turns into "verti cal-align: middle" with a space inside the "vertical" word..
after the encode, the line is 222.
/* -------------------- ORIGINAL CODE -------------------- /
/ PADROES /
html, body { margin: 0; padding: 0; position: relative; width: 100%; height: 100%; }
body { font-family: "Trebuchet MS", Arial; color: #000000; font-size: 12px; background: url('../img/tripa.png') repeat-x #dedede; text-align: center; display: block; }
input, select, textarea { color: #666666; }
a { -webkit-transition: all 200ms ease-out; text-decoration: none; color: #000000; }
a:hover { -webkit-transition: all 200ms ease-out; color: #1387D5; }
a img { border: 0; -webkit-transition: all 200ms ease-out; }
a:hover img { -webkit-transition: all 200ms ease-out; }
ul, ul li{ list-style-type: none; padding: 0; margin: 0; }
h1, h2, h3 { padding: 0; margin: 0; }
.clear { clear: both; float: none; margin:0; padding:0; width:0; height:0; background: none; line-height:0; }
.left { float: left; }
.right { float: right; }
.box { border: 1px solid rgba(0,0,0,.15); padding: 10px 20px; background: #ffffff; margin-top: 20px; }
.box h2 { color: #1387d5; background: #ffffff; display: inline; padding-right: 10px; }
.box .box_title { background: url('../img/box_title_bg.png') center center repeat-x; margin-left: 10px; margin-bottom: 10px; }
.box .link { text-align: right; margin-top: 10px; }
.box .link a { -webkit-transition: all 200ms ease-out; font-size: 11px; font-weight: bold; text-align: right; margin: 20px 0; background: url('../img/bg_box_link.png') repeat-x; color: #ffffff; display: block-inline; padding: 1px 6px; text-shadow: 0 2px 3px #000000; }
.box.coluna .nano { display: block; width: 270px; height: 600px; overflow: hidden; }
.box.coluna .nano ul li a:hover, .box.coluna .nano ul li a:hover h3 { -webkit-transition: all 200ms ease-out; color: #1387D5; }
.box.coluna .nano ul li a:hover img { border: 2px solid #1387d5; }
.box.coluna { display: table-cell; width: 30%; padding: 15px; margin-top: 20px; }
.box.coluna.noborder { display: table-cell; width: 5px; border: 0; background: none; padding: 0; padding-left: 2px; margin: 0; }
.box.coluna .nano ul { padding: 12px; background: rgba(0,0,0,.05); }
.box.coluna .nano ul li { margin-bottom: 15px; padding-top: 15px; border-top: 1px dotted #c8c8c8; }
.box.coluna .nano ul li img { float: left; margin-right: 4px; border: 2px solid transparent; }
.box.coluna .nano ul li.destaque img { float: none; margin: 0; margin-bottom: 5px; }
.box.coluna .nano ul li p { display: block; clear: both; padding-top: 10px; }
.box.coluna .nano ul li small { color: #999999; }
.box.coluna .nano ul li.destaque { border: 0; padding: 0; }
.box.coluna .nano ul li:last-child { margin-bottom: 0; }
.box.coluna .nano ul li a { width: 100%; height: 100%; }
.colunas { margin-top: 20px; }
.sombra_1col { position: absolute; bottom: -11px; left: 0; }
.sombra_2col { position: absolute; bottom: -14px; left: 0; }
.sombra_3col { position: absolute; bottom: -13px; left: 0; }
.tablecell { display: table-cell; }
/ /PADROES /
/ HEADER /
#main, #header_ext, #top_bar_ext, #footer_ext { position: relative; text-align: center; display: block; }
.main, #header_int, #top_bar_int, #footer_int2 { position: relative; text-align: left; width: 960px; margin: 0 auto; }
#top_bar_ext { background: #ffffff; border-bottom: 1px solid #c9d7f1; }
#top_bar_int { padding: 0 10px; font-family: Arial; font-size: 13px; }
#top_bar_int .bar { margin: 0 10px; padding: 5px 0; vertical-align: middle; }
#top_bar_int .bar.left { width: 364px; }
#top_bar_int .bar.right { width: 540px; }
#top_bar_int .bar div { margin-right: 10px; height: 27px; line-height: 27px; vertical-align: middle; }
#top_bar_int .bar img { vertical-align: middle; margin-top: -3px; }
#top_bar_int .bar.left div { float: left;}
#top_bar_int .bar.left div.addthis_toolbox { margin-top: 5px; }
#top_bar_int .bar.right div { float: right; }
#top_bar_int .bar.right div.inner { vertical-align: middle; }
#top_bar_int .bar.right div.inner div { float: left; verti cal-align: middle; }
#top_bar_int .bar.right div form { clear: none; position: relative; }
#top_bar_int .bar.right div form .query { border: none; background: url('../img/bg_query.png') no-repeat; height: 27px; width: 105px; padding: 0 10px; padding-right: 35px; }
#top_bar_int .bar.right div form .lupa { position: absolute; top: 4px; right: 10px; }
#header_int { padding: 10px 0; background: url('../img/fundo_header.png') no-repeat; }
#header_int h1 { margin: 0 50px; }
#header_int h1 span { display: none; }
#header_int .titulo { position: absolute; top: 40px; left: 300px; }
#header_int .logo10anos { position: absolute; top: 10px; right: 60px; }
#header_int ul { float:right; margin: -10px 0 10px 0; padding: 0; font-family: Arial; font-size: 13px; font-weight: bold; }
#header_int ul li { float: left; margin-right: 20px; }
#header_int ul li a:hover { color: #299DF0; }
/ HOME /
#main .main #content { padding-top: 0; }
.main #banners_top { clear: both; }
.main #banners_top div { float: left; }
.main #banners_top #apresentacao { width: 300px; height: 178px; padding: 0px; background: url('../img/bg_apresentacao.png') repeat-x; font-family: Arial; color: #ffffff; position: relative; }
.main #banners_top #apresentacao a { float: right; color: #ffffff; background: url('../img/bg_apresentacao_link.png') repeat-x; padding: 3px 5px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; font-size: 14px; }
.main #banners_top #apresentacao h2 { padding: 0px; margin: 20px 20px 0px 20px; }
.main #banners_top #apresentacao p { margin: 20px; }
.main #banners_top #banners { width: 630px; height: 178px; float: right; font-family: Arial; color: #ffffff; position: relative; margin-left: 0; }
.main #banners_top #banners ul { padding: 0; overflow: hidden; width: 630px; height: 178px; }
.main #banners_top #banners ul li { float: left; position: relative; width: 630px; height: 178px; margin: 0; padding: 0; }
.main #banners_top #banners ul li img { position: absolute; top: 0; left: 0; }
.main #banners_top #banners ul li div { position: absolute; top: 0; right: 0; width: 300px; height: 100%; background: rgba(0,0,0,.7); margin: 0; }
.main #banners_top #banners ul li div h2 { padding: 0; margin: 20px 20px 10px 20px; }
.main #banners_top #banners ul li div h3 { padding: 0; margin: 0 20px 5px 20px; color: #6fb4e3; }
.main #banners_top #banners ul li div p { margin: 0 20px 0 20px; }
.main #banners_top #banners ul li a { color: #ffffff; }
.main #projetos , .main #projetos .box_title h2 { position: relative; background: #F9F9F9; }
.main #projetos.box ul li { font-family: Arial; width: 30%; display: table-cell; }
.main #projetos.box ul li.noborder { background: none; padding: 0; margin: 0; width: 5px; border: none; }
.main #projetos.box ul li a { background: #ffffff; border: 2px solid #E7E7E7; padding: 20px; display: block; }
.main #projetos.box ul li a:hover { border: 2px solid #78B9E5; }
.main #projetos.box ul li a img { float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 15px; }
.main #projetos.box ul li a p { font-size: 11px; }
#noticias_ideias.box, #noticias_cidades.box, #eventos_mes.box { position: relative; }
.main #parceiros { position: relative; }
.main #parceiros.box ul.carousel { overflow: hidden; width: 920px; }
.main #parceiros.box ul.carousel li { display: table-cell; vertical-align: middle; text-align: center; width: 145px; height: 130px; }
.main #parceiros.box ul.carousel li img { position: relative; vertical-align: middle; text-align: center; margin: auto 20px; }
.main #parceiros.box ul li.voltar, .main #parceiros.box ul li.avancar { position: absolute; top: 85px; width: 30px; height: 30px; cursor: pointer; }
.main #parceiros.box ul li.voltar { left: 10px; }
.main #parceiros.box ul li.avancar { right: -5px; }
/ PROJETOS /
.box_menu { position: relative; margin: 10px; margin-top: 0; margin-bottom: 0; z-index: 10 !important; }
.box_menu .box_menu_header { border: 1px solid #dddddd; border-bottom: 0; background: #FFFFFF; width: 350px !important; margin: 0; padding: 10px; z-index: 20 !important; }
.box_menu .box_menu_header img { margin: -5px; }
.box_menu .box_menu_header div { font-family: Arial; font-size: 13px; }
.box_menu .menu_suspenso { position: absolute; top: 0; left: 0; display: none; z-index: 30 !important; }
.box_menu .menu_suspenso .box_menu_header { background: #FFFFFF; border: 0; width: 352px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,.3); }
.box_menu .menu_suspenso ul { width: 100%; background: #FFFFFF; padding-bottom: 10px; box-shadow: 0 10px 20px rgba(0,0,0,.3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(242,242,242)) ); }
.box_menu .menu_suspenso ul li { width: 30%; margin-top: 5px !important; }
.box_menu .menu_suspenso ul li a { border: 0 !important; padding: 10px !important; background: transparent !important; }
.box_menu .menu_suspenso ul li a:hover, .box_menu .menu_suspenso ul li a.selected { border: 0 !important; background: #e0e0e0 !important; }
.main #projetos.projetos { padding: 20px; margin-top: 0; }
.main #projetos.projetos, .main #projetos.projetos .box_title h2 { background: #FFFFFF; }
.main #projetos.projetos ul { margin-bottom: 20px; }
.main #projetos.projetos ul li { width: 30%; float: left; margin-top: 25px; margin-left: 10px; margin-right: 20px; }
.main #projetos.projetos ul li.noborder { background: none; padding: 0; margin: 0; width: 5px; border: none; }
.main #projetos.projetos ul li a { padding: 20px; display: block; }
.main #projetos.projetos ul li a:hover { border: 2px solid #78B9E5; }
.main #projetos.projetos ul li a img { float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 15px; }
.main #projetos.projetos ul li a p { font-size: 11px; }
.paginacao { text-align: center; }
.paginacao a { display: inline-block; margin-right: 5px; width: 16px; height: 16px; background: url('../img/pag.png') no-repeat; }
.paginacao a:hover { -webkit-transform: scale(1.2); }
.paginacao a.sel { background: url('../img/pag_sel.png') no-repeat; }
.paginacao a span { display: none; }
.opcoes { float: right; z-index: 40 !important; }
.opcoes a { display: inline-block; padding: 5px 10px; margin-right: 10px; background: #299df0; color: #FFFFFF; }
.opcoes a:hover { background: #1386d6; }
.postagem { margin: 10px; width: 600px; }
.postagem h3 { font-family: "Trebuchet MS", Arial, Verdana; font-style: italic; font-size: 25px; color: #299df0; }
.postagem h4 { font-family: Arial, Verdana; font-size: 16px; color: #787878; font-weight: bold; margin: 0; padding-bottom: 20px; border-bottom: 1px solid #1387D5; }
.postagem small { font-family: "Trebuchet MS", Arial, Verdana; font-style: italic; font-size: 11px; color: #b0b0b0; margin-bottom: 10px; display: inline-block; }
.postagem p strong { font-size: 16px; display: block; }
.side_fotos { width: 290px; margin-top: 20px; }
.side_fotos .destaque { margin-bottom: 5px; padding: 5px; border: 1px solid #cecece; }
.side_fotos a img { border: 1px solid transparent; }
.side_fotos a:hover img { border: 1px solid #1387d5; }
.noticia a { color: #1387d5; }
.noticia a img { float: left; margin-right: 10px; margin-bottom: 5px; padding: 5px; border: 1px solid #cecece; }
.noticia a:hover img { border: 1px solid #1387d5; }
.side_noticias { width: 290px; margin-top: 20px; padding: 20 !important; }
.side_noticias .destaque { margin-bottom: 5px; padding: 5px; padding-top: 10px !important; border: 0 !important; }
.side_noticias .destaque a { margin: 10px !important; }
.side_noticias ul { background: rgba(0,0,0,.05); }
.side_noticias ul li { width: 90% !important; float: none !important; display: block !important; padding: 0 !important; border-top: 1px dotted #c8c8c8; }
.side_noticias ul li h3 { font-size: 13px; color: #353535; }
.side_noticias ul li small { color: #999999; }
.side_noticias ul li small span { color: #1387d5; }
.side_noticias ul li a img { border: 2px solid transparent; margin: 0 !important; padding: 0 !important; margin-right: 10px !important; }
.side_noticias ul li a { background: none !important; border: 0 !important; padding: 0 !important; margin-top: 20px !important; }
.side_noticias ul li:last-child a { margin-bottom: 0 !important; }
.side_noticias ul li a:hover img { border: 2px solid #1387d5; }
/ FOOTER */
#footer_ext { background: #FFFFFF; margin-top: 24px; padding-top: 2px; }
#footer_ext #footer_int { color: #999999; border: 1px solid #dddddd; padding-top: 30px; padding-bottom: 30px; }
#footer_ext #footer_int #footer_links { float: left; }
#footer_ext #footer_int #footer_links ul li { display: inline-block; color: #999999; }
#footer_ext #footer_int #footer_links #footer_menu li a { color: #777777; font-weight: bold; }
#footer_ext #footer_int #footer_links #copyright { margin: 20px 0; }
#footer_ext #footer_int #footer_links #marca { vertical-align: middle; }
#footer_ext #footer_int #footer_links #marca img { vertical-align: middle; margin-right: 7px; }
#footer_ext #footer_int #footer_links #marca span { color: #777777; font-weight: bold; }
#footer_ext #footer_int #footer_links #marca #download_marca { display: inline; }
#footer_ext #footer_int #footer_links #marca #download_marca li a { color: #1387d5; font-weight: bold; }
#footer_ext #footer_int #footer_brand { float: right; width: 380px; }
#footer_ext #footer_int #footer_brand img { float: left; margin-right: 20px; }
#footer_ext #footer_int #footer_brand a { color: #777777; font-weight: bold; }
#footer_ext #footer_int #footer_brand div span { display: inline-block; color: #777777; font-weight: bold; margin-top: 10px; }—
Reply to this email directly or view it on GitHub (#6).