Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SP

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 7 280 281 284 285 289 294 610
1.1.4 Presença de CSS(s) interno 2 16 70
1.1.6 Presença de javascript(s) interno 3 57 433 788
1.1.8 Não foram respeitados os Padrões Web CSS 22 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
280 <![CDATA[<div id="faixaGoverno" style="border:1px solid black; margin: 2px auto; margin-botton:1px; justify-content: center; width:990px; height:55px !important; vertical-align:baseline;"> <iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe> </div>]]>
281 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
284 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/cultura.jpg&#39;) no-repeat center 0px;"> <div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
285 <![CDATA[<div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div>]]>
289 <![CDATA[<div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div>]]>
294 <![CDATA[<div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div>]]>
610 <![CDATA[<img style="margin-top: 0px;" src="/images/logo-horizontal.png" alt="GOVERNO DO ESTADO DE SÃO PAULO" />]]>
16 <![CDATA[<style> #compartilheTop2{ color:#e3e3e3; font-size:22px; } #compartilheTop2 li{ color:#e3e3e3; } #compartilheTop2 i{ color:#e3e3e3; } #compartilheTop2 li i{ color:#e3e3e3; } </style>]]>
70 <![CDATA[<style type="text/css"> #imgLogoGaleria { float:right; margin-top:-20px; } #tituloGaleria, #autorGaleria{ color: #000000; font-size: 16px; } #autorGaleria { font-weight: bold } #tituloPrincipal { margin-bottom: 20px; } /* CSS PADRÃO PARA AS SUBHOMES */ #ampliada a { color:#fff; } .jspPane #lupa { position:absolute; left: 50%; top: 303px; margin: -55px 0 0 -44px; z-index:100; width:88px; height:110px; display: none; background: url('/cultura/galeria-virtual/exposicoes/images/lupa.png') no-repeat scroll 0 0; } .jspPane:hover #lupa { display: block; } #scroll .jspPane { margin: 0 auto; } #ampliada { overflow: hidden; margin: 0 auto; text-align: center; } #ampliada img { width:649px; } #imgAmpliada { z-index:110; width: 800px; text-align: center; } #imgAmpliada img { width: 800px; } #conteudoPagina .hover { overflow:hidden; width:620px!important; padding: 25px 15px; background-color: #3D618F; min-height: 57px; } #conteudoPagina .hover .hover-content .texto span { color:#fff; font-weight:bold; height:40px; font-size:16px!important; line-height:19px!important; float:left; } #conteudoPagina .hover .hover-content .texto div { clear:both; color:#fff; font-size:14px!important; line-height:17px!important; } /*#conteudoPagina .hover{top:-170px;}*/ #scroll { background-color: #f4f2f3; width: 650px; } #thumbs { width:110px; float:left; } #setaBottom, #setaTop { cursor: pointer; display: block; margin: 0 auto; } #wrapperGaleria { float:left; width:110px; float:left; overflow:hidden; position:relative; height:566px; margin: 10px 0; } #wrapperGaleria ul li { margin-top: 8px; cursor:pointer; position:relative; } #wrapperGaleria li:first-child { margin: 0; } #outrasGalerias { clear: both; padding-top: 60px; overflow: hidden; } #containerThumbs { position:absolute; left:0px; } .galeria { float:left; border-bottom:1px solid #D5D5D5; padding-bottom:5px; width:756px; margin-bottom:15px; } .galeria .descricaoGaleria { float:left; width:160px; float:left; } .galeria .descricaoGaleria .textCurador { color:#A1A1A1; font-size:10px; font-weight:bold; } .galeria .descricaoGaleria .textNome { font-weight:bold; color:#000; display:block; } .galeria .descricaoGaleria .textDescricao { color:#000; display:block; } .imagensGalerias { float:left; width:480px; height:56px; overflow:hidden; } .imagensGalerias ul, .imagensGalerias ul li, .imagensGalerias ul li img { float:left; } .imagensGalerias ul li { margin:0 0 10px 10px; cursor:pointer; } .btnVerTodas { width:96px; float:right; background:url('/cultura/galeria-virtual/exposicoes/images/bullet-seta-cima.gif') no-repeat right 0; font-weight:bold; margin-top:20px; cursor:pointer; } .carregando { position: absolute; top:250px;left:250px; width:100px; height:100px; background:#FFF; text-align:center; padding:25px; } .carregando img { width:32px!important; height:32px!important; margin:0 auto; margin:34px 0px 0px 34px; } .marcado { background:url('/cultura/galeria-virtual/exposicoes/images/moldura.png') no-repeat 0 0; position:absolute; top:0;left:0; width:110px; height:92px; z-index:20; display:block; margin:0; padding:0; } #guardaImgMaior, #guardaTxtMaior { float:right; width: 650px; } #scroll:hover {cursor: pointer;} /* BACKGROUND */ #fundo, #imgAmpliada, #fechar { position:absolute; top:50%;left:50%; display:none; } #fundo { position: fixed; top:0!important; left:0; width: 100%; height: 100%; background:url('/images/cor-box.png') repeat 0px 0px; z-index:100; } #fechar { z-index:110; position: absolute; } #fechar a { color:#fff; } </style>]]>
57 <![CDATA[<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-145274-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>]]>
433 <![CDATA[<script type="text/javascript"> window.onload = function() { if (new Date() > new Date('2019-10-14T08:59:59-03:00')) { document.getElementById('aparecer').style.display = 'block'; document.getElementById('apagar').style.display = 'none'; }else{ document.getElementById('aparecer').style.display = 'none'; document.getElementById('apagar').style.display = 'block'; } } </script>]]>
788 <![CDATA[<script type="text/javascript"> /* ========================================================================== FUNÇÃO PARA AMPLIAR IMAGEM ========================================================================== */ $(function () { var tamanhoHeight, qtdeLis = 0; $('#lupa').live('click', function () { window.scrollTo(0,0); qtdeLis = $(this).siblings("#ampliada").siblings('#guardaImgMaior').find('#ampliada').length; } ); $("#lupa").click(function () { imagem.src = $(this).siblings("#ampliada").find("img").attr("src").split("/grandes/").join("/grandes/"); if (imagem.complete) { fazFuncao(); } else { imagem.onload = function () { fazFuncao(); } } }); $('#ampliada').live('click', function () { window.scrollTo(0,0); qtdeLis = $(this).siblings('#guardaImgMaior').find('#ampliada').length; /*if (qtdeLis <= 12) { tamanhoHeight = 145; } else { tamanhoHeight = 220; } if ($(this).css("background-image").indexOf('cima') > -1) { $(this).siblings('#ampliada').animate({ height: tamanhoHeight + 'px' }, 800); $(this).css("background-image", "url(/cultura/galeria-virtual/images/bullet-seta-baixo.gif)"); } else { $(this).siblings('#ampliada').animate({ height: 75 + 'px' }, 800); $(this).css("background-image", "url(/cultura/galeria-virtual/images/bullet-seta-cima.gif)"); }*/ }); var imagem = new Image(); var widthImg, heightImg; $("#ampliada").click(function () { imagem.src = $(this).find("img").attr("src").split("/grandes/").join("/grandes/"); if (imagem.complete) { fazFuncao(); defineScroll(); } else { imagem.onload = function () { fazFuncao(); } } }); function fazFuncao() { /* Antigo pega o tamanho original da imagem*/ /*widthImg = (-1 * parseInt((imagem.width / 2))); heightImg = (-1 * parseInt((imagem.height / 2)));*/ widthImg = (-1 * parseInt((800 / 2))); heightImg = (-1 * parseInt((614 / 2))); $("#imgAmpliada").html("<img src='" + imagem.src + "' alt='' width='800' />") $("#imgAmpliada").css({ display: "block", marginLeft: widthImg + "px", marginTop: heightImg + "px" }); $("#fundo").css("display", "block"); $("#fechar").css({ display: "block", marginLeft: ((-1 * widthImg) - 45) + "px", marginTop: (heightImg - 20) + "px" }); } $(document).keydown(function (event) { if (event.keyCode == 27) { fechaAmpliada(); } }); $("#fechar, #imgAmpliada, #fundo").click(function () { fechaAmpliada(); }); function fechaAmpliada() { $("#imgAmpliada").css("display", "none"); $("#fechar").css("display", "none"); $("#fundo").css("display", "none"); } }); /* ========================================================================== SETAS DA GALERIA COM ZOOM ========================================================================== */ $(document).keydown(function (e) { var keyCode = e.keyCode || e.which, arrow = { left: 37, right: 39 }; switch (keyCode) { case arrow.left: mudaEsquerda(); break; case arrow.right: mudarDireta(); break; default: return; break; } }); /* ========================================================================== CARREGAMETO DA GALERIA VIA AJAX ========================================================================== */ /*$(document).ready(function () { $.ajax ({ url: 'galeria.js', datatype: "script", success: function () { $.getScript("/js/jquery.jscrollpane.min.js", function(data, textStatus, jqxhr) { console.log(data); console.log(textStatus); console.log(jqxhr.status); console.log('Load was performed.'); defineScroll(); }); } }); });*/ /* ========================================================================== CHAMADA DO SCROLLPANE ========================================================================== */ function defineScroll () { setTimeout(function () { $("#scroll").jScrollPane(); $("#scroll .jspVerticalBar").css("display","none"); $('.jspPane').css("width","650px"); $("#ampliada").css("max-width", "650px"); if (parseInt($("#ampliada img").height()) > 530) { $("#ampliada").css("max-width","640px"); $("#scroll .jspVerticalBar").css("display","block"); $('#scroll').jScrollPaneRemove(); } }, 300); } </script>]]>
0 Não há código fonte a ser exibido.