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 130 131 134 145 850 855 1048
1.1.4 Presença de CSS(s) interno 3 16 69 871
1.1.6 Presença de javascript(s) interno 3 57 249 926
1.1.8 Não foram respeitados os Padrões Web CSS 45 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
130 <![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>]]>
131 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
134 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/en/your-trip.jpg&#39;) no-repeat center 0px;"> <div id="header"> <div id="faixaMenuTop"> <link rel="Stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> <div id="menuTop"> <div id="guardaMenuTop"> <div id="logoMetro"> <a href="/en/your-trip/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="float:rigth"> <ul> <li><a href="/index.aspx"><img src="/images/portugues.png" alt="Portuguese" title="Portuguese" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt=Accessibility" title="Accessibility"></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="/en/contact-us/index.aspx">Contact Us</a></li> <!-- <li><a href="/en/contact-us/index.aspx">Ombudsman</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="metro"> <a href="/en/metro/index.aspx" title="The Company"> <img src="/images/borda-esqueda-over-menu.gif" alt="The Company" /> <span>The Company</span> <img src="/images/borda-direita-over-menu.gif" alt="The Company" /> </a> </li> <li class="your-trip"> <a href="/en/your-trip/index.aspx" title="Your Trip"> <img src="/images/borda-esqueda-over-menu.gif" alt="Your Trip" /> <span>Your Trip</span> <img src="/images/borda-direita-over-menu.gif" alt="Your Trip" /> </a> </li> <li class="culture-recreation"> <a href="/en/culture/index.aspx" title="Culture"> <img src="/images/borda-esqueda-over-menu.gif" alt="Culture" /> <span>Culture</span> <img src="/images/borda-direita-over-menu.gif" alt="Culture" /> </a> </li> <!--li class="technology"> <a href="/en/technology/construction/index.aspx" title="Technology"> <img src="/images/borda-esqueda-over-menu.gif" alt="Technology" /> <span>Technology</span> <img src="/images/borda-direita-over-menu.gif" alt="Technology" /> </a> </li--> <li id="ultimaLiMenuSite" class="contact-us"> <a href="/en/contact-us/index.aspx" title="Contact Us"> <img src="/images/borda-esqueda-over-menu.gif" alt="Contact Us" /> <span>Contact Us</span> <img src="/images/borda-direita-over-menu.gif" alt="Contact Us" /> </a> </li> </ul> <div id="busca"> <!--<div id="search"> <div id="cse-search-form"></div> <script src="http://www.google.com.br/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1', { language: 'en' }); google.setOnLoadCallback(function () { var customSearchControl = new google.search.CustomSearchControl('009686020359282821251:pn-o2mrcuem'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.setAutoComplete(true); options.enableSearchboxOnly("/en/search/index.aspx"); customSearchControl.draw('cse-search-form', options); $("input.gsc-input").val('Search'); $("input.gsc-search-button").val(''); $("input.gsc-input").focus(function () { if ($(this).val() == 'Search') { $(this).val(''); } }); $("input.gsc-input").blur(function () { if ($(this).val() == '') { $(this).val('Search'); } }); }, true); </script> </div>--> </div> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
145 <![CDATA[<div id="compartilheTop2" style="float:rigth"> <ul> <li><a href="/index.aspx"><img src="/images/portugues.png" alt="Portuguese" title="Portuguese" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt=Accessibility" title="Accessibility"></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>]]>
850 <![CDATA[<div id="boxBackGroundBg" style="z-index: 10; position: fixed; filter: Alpha(Opacity=40); WIDTH: 100%; display: none; background: #000000; height: 100%; visibility: visible; top: 0px; left: 0px; opacity: 0.4;"></div>]]>
855 <![CDATA[<div id="TituloDiretoNoMetro" style="background:url('/images/destaque-diretometro-1.gif') no-repeat 0px 0px transparent;"> <span id="dataLinha" class="linhaStatus"></span> <br class="clear" /> <span class="linhaStatus" id="nomeLinha"></span> <span class="linhaStatus"><img id="imgStatus" height="17px" src="/images/home/normal.gif"></span> <span class="linhaStatus" id="msgStatus"></span> </div>]]>
1048 <![CDATA[<img style="margin-top: 30px;" 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>]]>
69 <![CDATA[<style type="text/css"> p{text-align:justify;} .containerCinza, ul.lista{width: 561px!important;} ul.lista li{margin-left:22px;} .guardaDestaque{float:left;width:287px;border-top:1px solid #f5f5f5;padding-top:20px;} .guardaDestaque.espaco{padding-right:10px;} .guardaDestaque.superior{border:none;min-height:210px;padding-top:0;} .guardaDestaque p{padding:10px 0px 0px 10px;float:left;} .quadrosIguais, .quadrosIguais .hover{width:287px!important;height:115px!important;} .quadrosIguais .hover .hover-content{width:257px!important;height:115px!important;} .quadrosIguais .texto span{font-size:14px!important;} .quadrosIguais.area .hover{top:-99px;} .quadrosIguais .hover .hover-content .texto span{padding-top: 6px!important;height: 28px!important;} .quadrosIguais{padding-right:10px;} #guardaViagem{width:578px;height:210px;} #guardaViagem #viagemEsq{width:274px;height:188px;float:left;padding-right:30px;} #viagemEsq p{text-align:justify;} #guardaViagem #viagemDir{width:274px;height:188px;float:left;} #viagemDir p{text-align:justify;} #containerBilhetes{float:left;width:628px;padding-top:10px;} #contentListaBilhete ul{width:258px;float:left;padding-right:20px;margin-right:30px;} #contentListaBilhete ul#ultimaItemLista{padding-right:0!important;} #contentListaBilhete ul li{float:left;background:#f1f1f1 url('/images/bg-lista-cinza.gif') repeat-y 0px 0px;width:277px;min-height:103px;margin-bottom:32px;padding:0 0 5px 0;} #contentListaBilhete ul li span{float:left;background:url('/images/metro-bullet-lista.jpg') no-repeat 0px 17px;width:25px;min-height:49px;padding:26px 0 0 15px;font-size:18px;font-weight:bold;color:#a1a1a1;} #contentListaBilhete ul li p{float:left;font-size:12px;line-height:15px;font-weight:bold;width:206px;padding:22px 0 0 10px!important;margin:0!important;} #guardaTarifa{width:610px;height:195px;} #tarifaEsq{float:left;text-align:justify;margin-right:20px;} #containerTarifa{float:left;width:249px;} #contentListaTarifa{float:left;} #contentListaTarifa ul{float:left;width:600px;} #contentListaTarifa ul #liDireita{float:left;background:#f1f1f1 url('/images/bg-lista-cinza.gif') repeat-y 0px 0px;width:248px;margin-bottom:10px;padding:0 0 5px 0;min-height:75px;margin-left:30px;} #contentListaTarifa ul li{float:left;background:#f1f1f1 url('/images/bg-lista-cinza.gif') repeat-y 0px 0px;width:248px;margin-bottom:10px;padding:0 0 5px 0;min-height:75px;margin-left:20px;} #contentListaTarifa ul li p{float:left;font-size:12px;line-height:15px;font-weight:bold;width:189px!important;padding:25px 0px 0px 10px;margin:0!important;} #contentListaTarifa ul li span{float:left;background:url('/images/metro-bullet-lista.jpg') no-repeat 0px 17px;width:25px;min-height:49px;padding:26px 0 0 15px;font-size:18px;font-weight:bold;color:#a1a1a1;} #guardaAquisicao{width:600px;height:120px;} #guardaImgCompras{float:left;margin-right:20px;} #guardaImgBilhete{float:right} #guardaMaisInfo{width:800px;height:150px;padding-top:20px;} #alinhaMaisInfo{padding-top:15px;} #maisInfoEsq{float:left;margin-right:20px} #maisInfoMeio{float:left;margin-right:58px;} .espacoImgBilheteIntegrado{ padding: 0px 0px 20px 0px} </style>]]>
871 <![CDATA[<style> #translationTrip{ float:left; margin-top:10px;padding-top:10px;border-top: 1px solid #e4e4e4;} #translationTrip span{padding-bottom:10px;float: left;} #translationTrip span strong{font-size: 11px!important;} #translationTrip ul {float: left;width: 100%;} #translationTrip ul li{ float:left; font-size:10px!important; padding-bottom:5px;} </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>]]>
249 <![CDATA[<script type="text/javascript"> $(function () { $("#utilidades_SiteMapPath span:first").css("display", "none"); }); </script>]]>
926 <![CDATA[<script type="text/javascript"> $(function () { var linha, estacao, estacaoLinha, xmlEstacao; var caminhoXml = '/app/trajeto/xt/estacoesTipoXML.asp'; $.ajax({ type: "GET", url: caminhoXml, dataType: "xml", success: function (xml) { $(xml).find("estacoes").each(function () { $(this).find("estacao").each(function () { linha = $(this).attr("tipo") + " - Linha " + $(this).attr("linha"); estacao = $(this).attr("nome"); estacaoId = $(this).attr("estacaoId"); xmlEstacao = this; $("#selectEmbarque")[0].options[$("#selectEmbarque")[0].options.length] = new Option(estacao + ' (' + linha + ')', estacaoId); $("#selectDesembarque")[0].options[$("#selectDesembarque")[0].options.length] = new Option(estacao + ' (' + linha + ')', estacaoId); }); }); $("#selectEmbarque").change(function () { estacaoLinha = $(this).val(); if (estacaoLinha != 0) { $(xml).find("linha").each(function () { $(this).find("estacao").each(function () { xmlEstacao = this; if (estacaoLinha == $(xmlEstacao).attr('estacaoId')) { selecionado(); } }); }); } }); $("#selectDesembarque").change(function () { estacaoLinha = $(this).val(); if (estacaoLinha != 0) { $(xml).find("linha").each(function () { $(this).find("estacao").each(function () { xmlEstacao = this; if (estacaoLinha == $(xmlEstacao).attr('estacaoId')) { selecionado(); } }); }); } }); } }); }); var alertaDisparado = false; function selecionado() { var embarque = document.getElementById('selectEmbarque'); var desembarque = document.getElementById('selectDesembarque'); if (desembarque.value != "0" && embarque.value != "0") { if (desembarque.value == embarque.value) { if (!alertaDisparado) { alert("The place of Arrival must be different from the place of boarding"); alertaDisparado = true; } else { alertaDisparado = false; } } else { window.location.href = "/en/your-trip/where-are-you-going/trajeto.aspx?origemId=" + embarque.value + "&destinoId=" + desembarque.value; } } } var slDesembarque = document.getElementById('selectDesembarque'); var slEmbarque = document.getElementById('selectEmbarque'); if (window.addEventListener) { slDesembarque.addEventListener('change', selecionado, false); slEmbarque.addEventListener('change', selecionado, false); } else { slDesembarque.attachEvent('onchange', selecionado); slEmbarque.attachEvent('onchange', selecionado); } </script>]]>
0 Não há código fonte a ser exibido.