/* Theme Name: Portal UFV Theme URI: http://www.portal.ufv.br/themes/twentyeleven Author: Edson Ney Author URI: http://www.portal.ufv.br Description: Tema desenvolvido para o portal institucional da Universidade Federal de Viçosa. Version: 1.2 License: GNU General Public License License URI: license.txt Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready */ /* =Global ----------------------------------------------- */ /* clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ body { background: #fff url(images/estrutura/bg.jpg) repeat-x; padding: 0px; margin: 0px; font: 1.0em Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.625; color: #444444; background-position: 0 10px;} input, textarea, li { color: #494949; font: 1.0em Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.625; } h1, h2, h3, h4, h5 { margin:0; padding: 0; font-weight: normal; clear: both } h1 { color: #D31715; font-size: 1.6em; line-height: 48px; margin: 0 0 0.7em 0; padding: 0} h2 { border-bottom: 1px solid #bbb; font-size: 1.3em; line-height: 32px; margin: 0 0 5px 0; padding-left: 26px; text-transform: uppercase; background: url("images/estrutura/icone-h2.png") no-repeat scroll left top transparent; } h3 { margin: 15px 0; color: #D31715; font-size: 1.2em; text-transform: uppercase} h3 a { color: #D31715 !important } strong { font-weight: bold; } p { text-align: justify; color: #494949; font: normal 0.8em/1.6em Arial, Helvetica, sans-serif; line-height: 1.625; } ol, ul { list-style: none; margin: 0; padding: 0 } li { margin: 0px; padding: 0px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; } a { color: #1982d1; text-decoration: none; cursor: pointer; } /*a:hover { color: #0E5384 !important }*/ a:focus, a:active, a:hover { text-decoration: none; outline: none } a:visited, a:visited strong { color: #1982d1; } input[type="submit"]:hover, input[type="button"]:hover { cursor: pointer } input { font-size: 0.7em; } /* ------------------- @font-face ---------------------- */ @font-face { font-family: 'voltaireregular'; src: url('inc/fonts/voltaire-regular-webfont.eot'); src: url('inc/fonts/voltaire-regular-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/voltaire-regular-webfont.woff') format('woff'), url('inc/fonts/voltaire-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } h1, h2, h3, ul.tabs li a, #Abas a, #AcessoRapido .Titulo, #Geral #Acessibilidade, #Breadcrumb, #Breadcrumb a, .noticias, .noticias-gerais, .post-meta-key { font-family: 'voltaireregular', sans-serif !important; } /* ------------------- @font-face ---------------------- */ #Geral { max-width: 1000px; margin: 0 auto -6em; background: none; padding: 0 1.5em; } #Geral ul#Informacao { width: 507px; height: 28px; display: block; float: right; list-style: none; margin: 0px; } #Geral ul#Informacao li a.Acesso { width: 161px; height: 23px; display: block; background: url(images/estrutura/acesso.png) no-repeat bottom left; float: right; margin: 4px 0 0 0 } #Geral ul#Informacao li a.Brasil { width: 108px; height: 23px; display: block; background: url(images/estrutura/brasil.png) no-repeat bottom left; float: right; margin: 4px 0 0 0 } #Geral #AcessoRapido { width: 340px; float:right; text-align: left; background: #fff; margin: 15px 6px 0 0; } #Geral #AcessoRapido .Titulo { text-align: right; padding: 0; height: 29px; float: left; margin: 9px 0.7em 0; color: #444; font-size: 0.94em } #Geral #AcessoRapido img { height: 0.7em; } #Geral #AcessoRapido form { margin-top: 2px } #Geral #AcessoRapido form input { background: #eee; border: 0px; border: 3px solid #eee; box-shadow: none; line-height: 1.1em; font-size: 0.9em; width: 225px; margin: 6px 5px 8px 0; padding: 0 !important; } #Geral #AcessoRapido ul#list { position: absolute; width: 229px; z-index: -1; box-shadow: 0 0 6px #A8A8A8; background: #fff; margin: 0; right: 15px; } #Geral #AcessoRapido ul#list a { color: #373737; font-size: 0.8em; } #Geral #AcessoRapido ul#list a:hover { color: #D31614; text-decoration: none } #Geral #AcessoRapido ul#list li { display:none } /*iniciar com as ul's escondidas */ #Geral #AcessoRapido ul#list li { list-style: none; text-transform: uppercase; font-size: 0.9em; margin: 4px 6px; background: #eee; padding: 1px 3px; } #Geral #Acessibilidade { width: 280px; float:right; margin: 7px 5px 0 0 } #Geral #Acessibilidade ul { float: right; margin: 3px 0 0 0; } #Geral #Acessibilidade ul li { float: left; font: 300 0.9em/0.9em 'voltaireregular',sans-serif !important } #Geral #Acessibilidade ul li a { color: #494949; margin-left: 5px; height: 16px; display: block; background: #E2E2E2; border: 3px solid #E2E2E2; border-radius: 2px; } #Geral #Acessibilidade ul li a:hover { background-color: #807C7C !important; color: #fff; border-color: #807C7C } #Geral #Acessibilidade ul li.Titulo { font: normal 0.9em/1.5em 'voltaireregular',sans-serif !important; } #Geral #Acessibilidade .Idioma { float: left; border-right: 1px solid #bbb; padding: 0 10px 0 0; float: left; } #Geral #Acessibilidade .Idioma a { height: 24px; font-size: 13px; color: #494949; } #Geral #Acessibilidade .Idioma a:hover { color: #d31715; } /* #Geral #Acessibilidade .Idioma { float: left; border-right: 1px solid #bbb; padding: 0 10px 0 0; float: left; } #Geral #Acessibilidade .Idioma a { width: 24px; height: 24px; display: block; text-indent: -5000px; border-bottom: 1px solid #f0f0f0; } #Geral #Acessibilidade .Idioma a.Ingles { background: url(images/estrutura/en.png) no-repeat top left; } #Geral #Acessibilidade .Idioma a:hover { background-position: bottom left; cursor: pointer; border-bottom: 1px solid #999;} */ .a11y-toolbar { display: none } #Geral #Topo { float: left; padding-bottom: 4px; position: relative; width: 100%; z-index: 2; margin-top: 5px } #Geral #Topo #Logo { width: 30em; float: left; height: 64px; text-indent: -2000px; margin-top: 30px } #Geral #Topo #Logo h1 { margin: 0px; } #Geral #Topo #Logo h1 a{ width: 508px; height: 61px; display: block; float: left; background: url(images/estrutura/brasao.png) no-repeat top left !important; } #Geral #Topo #Logo h1 a:hover { background: url(images/estrutura/brasao.png) no-repeat bottom left;} #Geral #Topo #Logo h2 { display: none } #Abas { width: 100%; height: 36px; } #Abas ul { width: 380px; float: right; height: 36px; list-style: none; margin: 0; } #Abas ul li a { background: url(images/estrutura/bg-abas-superiores.png) repeat top left; font-size: 0.9em; border: 5px solid #FFFFFF; color: #444; float: right; height: 30px; margin: 4px 5px 0 0; padding-top: 2px; text-align: center; width: 100px; } #Abas ul li a.Selecionado { color: #d31715; margin-top: 0; font-size: 1em; } #Abas ul li a:hover { margin-top: 0; text-decoration: none; } #Conteudo { background: none repeat scroll 0 0 #FFFFFF; border: 0.9em solid #FFFFFF; box-shadow: 0 0 8px #999999; clear: both; overflow: hidden; position: relative; } #Conteudo #Esquerdo { width: 30%; float:left } /* =Menu -------------------------------------------------------------- */ #Conteudo #Esquerdo #Menu a { color: #d31715; display: block; text-decoration: none; font-size: 1.7em; text-transform:uppercase; } #Conteudo #Esquerdo #Menu a:hover { color: #333; } #Conteudo #Esquerdo #Menu { width: 100%; float: left; background: #EDEDED; clear: both; display: block; margin: 0 auto 6px; margin-bottom: 1.5em; padding-bottom: 15px; } #Conteudo #Esquerdo #Menu ul { font-size: 0.7em; list-style: none; margin: 0; padding-left: 0; margin: 0} #Conteudo #Esquerdo #Menu ul li { float: left; clear: both; display: block; } #Conteudo #Esquerdo #Menu ul li:hover > a { } /* formatação para o hover do link principal */ #Conteudo #Esquerdo #Menu ul ul :hover > a, #Conteudo #Esquerdo #Menu a:focus { color: #d31715; background-color:transparent } /* formatação para o hover dos sublinks */ #Conteudo #Esquerdo #Menu ul li { width: 100%; border-bottom: 1px solid #dcdcdc; } #Conteudo #Esquerdo #Menu ul li ul li { border: 0px; } #Conteudo #Esquerdo #Menu ul#menu-menu-destaque { background: #EDEDED; overflow:auto; padding: 0 3%; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC } #Conteudo #Esquerdo #Menu ul#menu-menu-destaque > li { margin-top: 3%; padding-bottom: 15px } #Conteudo #Esquerdo #Menu ul#menu-menu-principal { border-top: 15px solid #fff; padding: 0 3%; } #Conteudo #Esquerdo #Menu ul#menu-menu-principal > li { margin-top: 3%;} #Conteudo #Esquerdo #Menu ul ul { margin: 0; left: 0; width: auto; z-index: 99999; } #Conteudo #Esquerdo #Menu ul ul a { float: left; color: #444; text-shadow: 1px 1px 2px #fff; height: auto; font: normal 12px Arial,Helvetica,sans-serif; padding: 2px 15px 2px 0; width: auto; } #Conteudo #Esquerdo #Menu ul ul ul { left: 100%; top: 0; } #Conteudo #Esquerdo #Menu ul li:hover > ul { display: block; } #Conteudo #Esquerdo #Menu > .menu > ul > li > a { font-family: 'voltaireregular', sans-serif; /*font-size: 14px*/ } #Conteudo #Esquerdo #Menu > .menu-menu-destaque-container > ul > li > a { font-family: 'voltaireregular', sans-serif; /*font-size: 20px;*/ } #Conteudo #Esquerdo #Menu > .menu-menu-principal-container > ul > li > a { font-family: 'voltaireregular', sans-serif; } #Conteudo #Esquerdo #Menu > .menu-menu-principal-container > ul > li > a:nth-last-child(2) { font-family: 'voltaireregular', sans-serif; background: url(images/estrutura/bg-seta-vermelha.png) no-repeat center right; /*font-size: 20px*/ } #Conteudo #Esquerdo #Menu > .menu-menu-principal-container > ul > li > a:nth-last-child(2):hover { background: url(images/estrutura/bg-seta-preta.png) no-repeat center right; } #Conteudo #Esquerdo #Menu select { display: none; } /* =Busca -------------------------------------------------------------- */ #Conteudo #Esquerdo #Busca { width: 100%; max-width: 380px; overflow:auto; clear: both; background-color: #ba1512; padding: 0.7em 0; border-radius: 5px } #Conteudo #Esquerdo #Busca form { margin-left: 3%; } #Conteudo #Esquerdo #Busca h3 { margin: 0 0.4em 0px; color: #fff; font-size: 1.1em } #Conteudo #Esquerdo #Busca input[type="text"]{ border: 5px solid #fff; background: #fff; width: 80%; margin-right: 1%; } #Conteudo #Esquerdo #Busca input[type="text"]:focus { font-weight: bold } #Conteudo #Esquerdo #Busca input[type="submit"]{ border: 5px solid #fff; background: #fff; width: 12%; border-radius: 3px; font-size: 0.7em; font-weight: bold } #Conteudo #Esquerdo #Busca input[type="submit"]:hover { background: #d34800; border: 5px solid #d34800; color: #fff; } #Conteudo #ConteudoDireito .ResultadoBusca { border-bottom: 1px dotted #bbb; margin-top: 25px; } #Conteudo #ConteudoDireito .ResultadoBusca h3 { margin: 0px; line-height: 25px; } #Conteudo #ConteudoDireito .ResultadoBusca p { margin-top: 5px; } #Conteudo #Esquerdo #SistemasAdministrativos { width: 100%; max-width: 288px; margin: 0.9em 0 0 0.1em; overflow: auto; border: 1px solid #dcdcdc; border-radius: 5px; } #Conteudo #Esquerdo #SistemasAdministrativos ul { margin: 0.45em; border-radius: 4px; overflow: auto; text-shadow: 1px 1px 2px #C0C0C0; font-size: 1.0em; line-height: 30px; background: #ededed; } #Conteudo #Esquerdo #SistemasAdministrativos ul li { width: 100%; list-style: none; display: inline; max-width: 273px; } #Conteudo #Esquerdo #SistemasAdministrativos ul li a { width: 83%; color: #494949; text-shadow: none; font-family: 'voltaireregular',sans-serif; list-style: none; display: block; margin: 0.5em; padding-left: 28px; font-size: 1em; line-height: 20px; background: transparent url("images/estrutura/icone-sistemas.png") no-repeat top left } #Conteudo #Esquerdo #SistemasAdministrativos ul li a:hover { color: #BA1512; } /* =Fale com a UFV, Webmail e Ouvidoria -------------------------------------------------------------- */ #Conteudo #Esquerdo #FaleOuvidoria { width: 100%; max-width: 288px; margin: 0.9em 0 0 0.1em; overflow: auto; border: 1px solid #dcdcdc; border-radius: 5px; } #Conteudo #Esquerdo #FaleOuvidoria ul { margin: 0.45em; border-radius: 4px; overflow: auto; text-shadow: 1px 1px 2px #C0C0C0; font-size: 1.0em; line-height: 30px; background: #ededed; } #Conteudo #Esquerdo #FaleOuvidoria ul li { width: 100%; list-style: none; display: inline; max-width: 273px; } #Conteudo #Esquerdo #FaleOuvidoria ul li a { width: 83%; list-style: none; display: inline; margin: 0.5em 0.5em 0 0.5em; padding-left: 22px; font-size: 0.75em; line-height: 16px; border: 6px solid #fff; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Webmail { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Webmail a { display: block; color: #373737; background: #fff url("images/estrutura/icone-webmail.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.TvVicosa { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.TvVicosa a { display: block; color: #373737; background: #fff url("images/estrutura/icone-tv.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.Consulta { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Consulta a { display: block; color: #373737; background: #fff url("images/estrutura/icone-consulta.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.Envio { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Envio a { display: block; color: #373737; background: #fff url("images/estrutura/icone-envio.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.Fale { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Fale a { display: block; color: #373737; background: #fff url("images/estrutura/icone-fale.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.Ouvidoria { float: left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Ouvidoria a { display: block; color: #373737; margin: 0.5em; background: #fff url("images/estrutura/icone-ouvidoria.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li.Sugestoes { float:left; } #Conteudo #Esquerdo #FaleOuvidoria ul li.Sugestoes a { display: block; color: #373737; background: #fff url("images/estrutura/icone-ouvidoria.png") no-repeat center left } #Conteudo #Esquerdo #FaleOuvidoria ul li a:hover { margin-left: 0.7em; } #Conteudo #Direito { width: 69%; float:right; } /* =Breadcrumb -------------------------------------------------------------- */ #Conteudo #Direito #Breadcrumb { border-bottom: 1px solid #f26632; padding-bottom:5px; margin-bottom: 5px } #Conteudo #Direito #Breadcrumb a { color: #1982D1 } #Conteudo #Direito #Breadcrumb { border-bottom: 1px solid #f26632; padding-bottom:5px; margin-bottom: 5px; font-size: 0.9em } #Conteudo #Direito #Breadcrumb a { color: #1982D1; font-size: 0.9em } #Conteudo #ConteudoDireito { padding: 0 0 0; clear: both; background: #f5f5f5 url(images/estrutura/bg-article.gif) repeat-x; border-bottom: 3px solid #f26632; padding-bottom: 1.8em; } .home #Conteudo #ConteudoDireito { background: #fff } #Conteudo #ConteudoDireito .SeparacaoNoticias { clear:both; width: 100%; height: 13px; display: block; } #Conteudo #ConteudoDireito .SeparacaoNoticiasRodape { clear:both; padding-bottom: 0.7em; } /* Alterações 12/08/2014 Exibição de notícias e destaque */ /* =Fale com a UFV, Webmail e Ouvidoria -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Noticias { clear: both; background: url(images/estrutura/bg-noticias.jpg) repeat; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #Conteudo #ConteudoDireito #Noticias #Interno { border-top: 8px solid #fff; border-bottom: 8px solid #fff; overflow: hidden; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaque { background-color: #eee; border-top: 1px solid #cdcdcd; height: 290px; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 { margin: 10px; padding: 0 0 5px 0; line-height: normal; border-bottom: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Facebook { width: 22px; height: 21px; float: right } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Facebook a { width: 22px; height: 21px; display: block; background: url(images/estrutura/facebook-noticias.png) no-repeat bottom left; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Facebook a:hover { background-position: top left } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Twitter { width: 22px; height: 21px; float: right; margin: 0 0 0 5px; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Twitter a { width: 22px; height: 21px; display: block; background: url(images/estrutura/twitter-noticias.png) no-repeat bottom left; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 span.Twitter a:hover { background-position: top left } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia { width: 315px; margin: 10px; background: #fff; float: left; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia h3 { margin: 10px 10px 20px 10px; padding: 0 0 5px 0; line-height: normal; border-bottom: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia h3 span { float: right; width: 56px; height: 17px; display: block; margin-top: 2px; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia h3 span a { display: block; width: 56px; height: 17px; text-indent: -4000px; background: url(images/estrutura/videos.png) no-repeat top left; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia h3 span a:hover { background-position: bottom left } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques { overflow: hidden; margin: 10px 10px 0 10px; background: #fff; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li { float: left; margin: 5px 3px 5px 7px; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc} #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li img { height: 60px; float: left; width: 85px; margin: 0 10px 0 5px; display: block; border-radius: 3px; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li a { color: #444; margin: 0px; float: left; width: 171px; min-height: 60px; display: block; font-size: 0.8em; line-height: 16px; font-weight: bold; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li a:hover { color: #D31715; text-decoration: none; border-color: #ccc } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li .Data { color: #757575; font-size: 0.8em; margin-bottom: 5px; display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques h3 { margin: 10px; padding: 0 0 5px 0; line-height: normal; border-bottom: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque { float: left; width: 350px; height: 237px; border-bottom: 0px; border-right: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque img { width: 150px; height: auto; float: left; border-radius: 3px; margin: 0 7px; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque .Data { display: none; background: #ccc; height: 20px; width: 172px; color: #757575; font-size: 0.8em; margin: 6px 10px 5px 0; float: left; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque a { width: 167px; float: left; border: 0px; font-size: 0.8em; font-weight: bold; margin: 10px 10px 0 5px } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque a.Resumo { clear: both; font-weight: normal; width: 340px; margin: 15px 0 0 5px; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi { margin: 0 10px 10px 10px; background: #fff; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi ul.tabs { margin: 0 10px 15px; padding: 20px 0 0 0; height: 29px; border-bottom: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi ul.tabs li { display: inline; list-style: none outside none; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi ul.tabs li a { color: #333; border-right: 1px solid #ccc; padding: 0px 8px; text-decoration: none; text-transform: uppercase; font-size: 1em; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi ul.tabs li a:hover { color: #d31715; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi ul.tabs li a.active { color: #d31715; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content { margin: 0 10px; border-bottom: 1px solid #ccc; padding: 0 0 15px 0; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content ul.Itens { height: 145px; overflow: auto; font-size: 0.9em; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content ul.Itens li img.Seta { float: left; margin: 8px 5px 0 0; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content ul.Itens li .Data { float: left; margin: 0 5px 0 0; font: 0.8em/2em Arial,Helvetica,sans-serif } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content ul.Itens a { color: #444; font: normal 0.8em/2em Arial,Helvetica,sans-serif; display: block; border-bottom: 1px dotted #dcdcdc; margin-left: 5px; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi .content ul.Itens a:hover { color: #D31715; text-decoration: none; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Noticias_2 { display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Noticias_3 { display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Outros { margin: 0 10px; height: 40px; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Outros .Envio { float: left; font-weight: bold; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Outros .Mais { float: right; font-weight: bold; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Outros a { color: #d31715; font-size: 0.7em; } #Conteudo #ConteudoDireito #Noticias #Interno #NoticiasCampi #Outros a:hover { color: #333 } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia { width: 46%; margin: 10px; background: #fff; float: left; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia h3 { margin: 10px 10px 20px 10px; padding: 0 0 5px 0; line-height: normal; border-bottom: 1px solid #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens { margin: 10px } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li { clear: both; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; border-bottom: 1px dotted #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li:nth-child(3) { display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li:nth-child(4) { display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li img { width: 27%; height: 60px; float: left; margin: 0 10px 0 0; border-radius: 5px; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li a { width: 67%; float: left; color: #444; font: normal 0.8em/normal Arial,Helvetica,sans-serif; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia .VejaMais { text-align: right; margin: 0 10px 10px 10px; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia .VejaMais a { color: #d31715; font-size: 0.7em; font-weight: bold } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia .VejaMais a:hover { color: #333; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos { width: 46%; margin: 10px; background: #fff; float: left; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos h3 { margin: 10px 10px 20px 10px; padding: 0 0 5px 0; line-height: normal; border-bottom: 1px solid #ccc;} #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos #ListaConteudoCursosEventos { overflow: auto; height: 298px; width: 94%; padding: 0 10px; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos #ListaConteudoCursosEventos ul.Itens { width: 100% } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos #ListaConteudoCursosEventos ul.Itens li { clear: both; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: auto; border-bottom: 1px dotted #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos #ListaConteudoCursosEventos ul.Itens li img { display: none; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos #ListaConteudoCursosEventos ul.Itens li a { float: left; color: #444; font: normal 0.8em/normal Arial,Helvetica,sans-serif; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos .VejaMais { text-align: right; margin: 0 10px 10px 10px; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos .VejaMais a { color: #d31715; font-size: 0.7em; font-weight: bold; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos .VejaMais a:hover { color: #333; } #Conteudo #ConteudoDireito #Noticias #Interno #Eventos { width: 310px; margin: 10px; background: #fff; float: right; } #Conteudo #ConteudoDireito #Noticias a.noticias { font-size: 1.8em; padding: 0 0.7em 0 0.7em; color: #D31715; border: 5px solid #eee; margin-left: 0.7em; background-color: #eee; display: inline; text-decoration: none; } #Conteudo #ConteudoDireito #Noticias a.noticias:hover { background-color: #ececec; border: 5px solid #ececec } #Conteudo #ConteudoDireito #Noticias a.noticias-gerais { font-size: 1.8em; padding: 0 0.7em 0 0.7em; color: #D31715; border: 5px solid #f3f5f9; background-color: #f3f5f9; display: inline; text-decoration: none; } #Conteudo #ConteudoDireito #Noticias a.noticias-gerais:hover { background-color: #ececec; border: 5px solid #ececec } .wpTextResizeControls { height: 30px; text-align: right; } .wpTextResizeControls a { font-size: 0.9em !important; margin: 0 1px; background: #fff; border: 3px solid #fff; border-radius: 3px; color: #D31614; } .wpTextResizeControls a:hover { color: #3D3D3D } .wpTextResizeControls .increaseFont { } .wpTextResizeControls .resetFont { display: none; } .wpTextResizeControls .decreaseFont { } /* =Pagina link e Sublink -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Link { margin: 5px 0.7em; padding-top: 5px; } #Conteudo #ConteudoDireito #Link h2 { display: none } #Conteudo #ConteudoDireito #Link .meta { margin-left: 4px; } #Conteudo #ConteudoDireito #Link .meta ul.post-meta { list-style: none; margin: 1.8em 0 0 0; padding: 0px; } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li { width: 190px; height: 300px; padding: 0.9em 8px; font-size: 0.8em; display: block; float: left; background: url(images/estrutura/bg-meta.png) no-repeat top left; margin: 5px 0.6em 30px 0; line-height:normal } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li:hover { background: url(images/estrutura/bg-meta-hover.png) no-repeat top left; cursor: pointer; } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li .post-meta-key { text-transform: uppercase; padding: 2px 0 2px 22px; font-size: 18px; margin-bottom: 5px; display: block; background: #fff url(images/estrutura/icone-meta.png) no-repeat top left } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li a { color: #68696B; line-height: 1.5em; } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li a img { display: block; height: auto; margin-bottom: 0.7em; max-width: 198px; width: 100%; border-radius: 3px; } #Conteudo #ConteudoDireito #Sublink { margin: 5px 0.7em; padding-top: 5px; overflow: hidden; } #Conteudo #ConteudoDireito #Sublink ul li { font: 0.8em/1.625 Arial,Helvetica,sans-serif } #Conteudo #ConteudoDireito #Sublink ul li a { font-size: 1em } #Conteudo #ConteudoDireito #Sublink img { max-width: 648px; } /* =Banners Público -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Sublink #Publico dl, dt { display: block; } #Conteudo #ConteudoDireito #Sublink #Publico #container { margin: auto; padding: 10px; width: 800px; height: 400px; overflow: hidden; border: 1px solid #fff; border-radius: 5px; background: rgba( 255 , 255 , 255 , .5 ); position: relative; } #Conteudo #ConteudoDireito #Sublink #Publico .box-1, #box-2, #box-3 { width: 800px; height: 400px; } #Conteudo #ConteudoDireito #Sublink #Publico #box-1{ background: red; } #Conteudo #ConteudoDireito #Sublink #Publico #box-2 { background: green; } #Conteudo #ConteudoDireito #Sublink #Publico #box-3 { background: blue; } /* =Tabelas -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Sublink table { width: 99%; margin: 1.8em 0; background: #E7EBEF; border-radius: 5px; border: 2px solid #E7EBEF } #Conteudo #ConteudoDireito #Sublink table tr td { vertical-align: top; font-size: 0.8em; color: #494949 } #Conteudo #ConteudoDireito #Sublink table tr td strong a { border-bottom: 1px solid #D2D9E0; margin: 5px; padding: 0; width: 98%; } /* =Publico -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Sublink #Publico ul li { width: 100%; overflow: hidden; float: left; margin: 0 5px 5px 0; width: 49%;} #Conteudo #ConteudoDireito #Sublink #Publico ul li a { font: normal 1.1em/2.1em 'voltaireregular',sans-serif; color: #4B4B4B; width: 92%; display: block; background: #fff url(images/pagina-estudante/marcador.png) no-repeat scroll left 5px; padding-left: 22px; } #Conteudo #ConteudoDireito #Sublink #Publico ul li a:hover { color: #CC1A18 } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 648px; height: 19.5em; margin-top: 1.8em; border-radius: 5px; } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens a { color: #fff; border-right: 1px solid #656870; font: normal 16px/1.8em 'voltaireregular',sans-serif; padding: 3px 8px; text-decoration:none } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens a:hover { background: #CC1A18; border-radius: 3px 0 0 3px; } #Conteudo #ConteudoDireito #Sublink #Publico .slider { margin-top: 20px; margin-bottom: 20px; } #Conteudo #ConteudoDireito #Sublink #Publico .slider .item { background: #fff; min-height: 198px; height: auto } /* =Sistemas Disponíveis -------------------------------------------------------------- */ #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table { width: 100%; background: #F5F5F5; border: 0px; margin: 0px; } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td { border: 3px solid #F5F5F5; padding-bottom: 0.7em } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td a { margin: 0px; border: 0px; padding: 0 0 0 5px; display: inherit; font-size: 1.2em } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td table tr td { border: 0px !important; padding: 0 !important; background: #fff; } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td table tr td strong { width: 98%; font-size: 1.2em; padding: 0 0 0 2%; display: block; background: #E7EBEF; line-height: 30px; margin: 0 0 5px; } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td table tr td strong img { display: none; } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td table tr td br { display: none; border: 0px; } #Conteudo #ConteudoDireito #Sublink #SistemasDisponiveis table tr td table tr td font img { height: 0.7em; width: 0.7em; float: right; border: 0px; padding: 0 5px 0 0; display: block; background: url(https://www2.dti.ufv.br/cpd_site/images/mail2.jpg) no-repeat top left; } /* =Jornal -------------------------------------------------------------- */ #Jornal a { color: #444444; text-shadow: 1px 1px 2px #C0C0C0; } #Jornal ul, #Jornal li { margin: 0px; list-style: none; padding: 0px } #Jornal .data { color: #757575; font-size: 0.8em; margin: 0px 7px 0 0; text-align: right } #Jornal #Destaques { margin: 1.8em 0.7em 0px 0.7em } #Jornal #Destaques ul { padding: 0.7em 0; overflow: hidden } #Jornal #Destaques ul li { display: block; overflow: none; border-radius: 5px; padding: 5px; float: left; width: 46%; height: 160px; background: #eaeaea; margin: 5px } #Jornal #Destaques ul li:hover { background: #e2e2e2; } #Jornal #Destaques img { max-width: 97%; height: auto; margin: 5px 0.7em 0px 5px; border-radius: 5px; } #Jornal #Destaques span { font-weight: bold; text-transform: uppercase; margin: 0 4px; display: block; line-height: 16px; height: 34px; clear: both } #Jornal #Destaques p { clear: both; display: block; margin-left: 5px; padding-top: 5px; } #Jornal #Destaques a { display: block } #Jornal #Destaques a.leia-mais { color: #D31614 } #Jornal #Noticias-Campus { width: 47%; margin: 2% 0 2% 15px; float:left; margin-left: 15px; background: #eaeaea; border-radius: 5px; } #Jornal #Noticias-Campus h2 { margin: 3%; width: 84% } #Jornal #Noticias-Campus ul { margin: 3%; max-height: 250px; overflow: auto; } #Jornal #Noticias-Campus ul li { display: block; overflow: auto; padding: 5px; border-bottom: 1px dotted #bbb } #Jornal #Noticias-Campus ul li:hover { color: #D31715 !important } #Jornal #Noticias-Gerais { width: 47%; margin: 2% 0% 2% 2%; float:left; background: #eaeaea; border-radius: 5px; } #Jornal #Noticias-Gerais h2 { margin: 3%; width: 84% } #Jornal #Noticias-Gerais ul { margin: 3%; max-height: 250px; overflow: auto; } #Jornal #Noticias-Gerais ul li { display: block; overflow: auto; padding: 5px; border-bottom: 1px dotted #bbb; } #Jornal #Noticias-Gerais ul li:hover { color: #D31715 !important } #Jornal #Ufv-na-Midia { margin: 1.8em 0.7em 0px 0.7em} #Jornal #Ufv-na-Midia h2 { margin: 1%; width: 94%; } #Jornal #Ufv-na-Midia .item { width: 23%; margin: 1%; float: left; background: #eaeaea } #Jornal #Ufv-na-Midia .item img { width: 97%; } #Jornal #Ufv-na-Midia ul li { display: block; overflow: none; border-radius: 5px; padding: 5px; float: left; width: 47%; height: 160px; background: #eaeaea; margin: 5px} #Jornal #Ufv-na-Midia ul li:hover { background: #e2e2e2;} #Jornal #Ufv-na-Midia img { max-width: 100%; margin: 0%; height: auto; border-radius: 5px; } #Jornal #Ufv-na-Midia span { font-weight: bold; text-transform: uppercase; margin: 0 4px; display: block; line-height: 16px; height: 34px; clear: both } #Jornal #Ufv-na-Midia p { clear: both; display: block; margin-left: 5px; padding-top: 5px; } #Jornal #Ufv-na-Midia a { display: block; margin: 6%; line-height: 18px; } /* =IFrame Endereços -------------------------------------------------------------- */ #iframe { margin: 1%; background: url("images/estrutura/fundo-eventos.jpg") repeat; padding: 8px 0; border-bottom: 1px solid #D31715 } #iframe h3 { font-family: 'voltaireregular',sans-serif; text-transform: uppercase; background: #fff url("images/estrutura/icone-enderecos.jpg") no-repeat top left; padding-left: 40px; font-size: 1.8em; margin: 0 0.7em; line-height: 32px } #iframe #conteudo { background: #fff; margin: 0.7em; overflow: auto; box-shadow: none; } #iframe #conteudo h4 { font: normal 18px/1.8em 'voltaireregular',sans-serif; color: #555; text-transform: uppercase; margin: 0.7em 0 30px 0; display: block; padding-left: 25px; background: url("images/estrutura/marcador-enderecos.png") no-repeat center left; cursor: pointer; } #iframe #conteudo #esquerdo { float: left; max-width: 280px; } #iframe #conteudo #esquerdo p { margin: 0 0.7em } #iframe #conteudo #direito { float: left; width: 500px; margin-bottom: 0.7em; margin-top: 1.8em; } #iframe #conteudo #direito img { border: 5px solid #ddd } #iframe #conteudo #form { margin: 0.7em; } #iframe #conteudo #form table tr td { vertical-align: top; padding-right: 1.8em; padding-bottom: 5px; } #iframe #conteudo #form table tr td .obrigatorio { background: #E5E8EA; border: 3px solid #E5E8EA; border-radius: 2px; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; color: #555; box-shadow: none } #iframe #conteudo #form table tr td .obrigatorio:focus { background: #EDF0F2; border: 3px solid #EDF0F2 } #iframe #conteudo #form table tr td input[type="button"] { background: #555; border: 3px solid #555; border-radius: 3px; color: #fff; font-size: 0.9em; } #iframe #conteudo #form table tr td input[type="button"]:hover { background: #D31612; border: 3px solid #D31612; cursor: pointer } #iframe #conteudo #form table tr td input[type="reset"] { background: #8C8C8C; border: 3px solid #8C8C8C; border-radius: 3px; color: #fff; font-size: 0.9em; margin-left: 90px} #iframe #conteudo #form table tr td input[type="reset"]:hover { background: #A5A5A5; border: 3px solid #A5A5A5; cursor: pointer } #iframe #conteudo #form table tr td a { margin: 0 0 0 90px; } /* =Rodape -------------------------------------------------------------- */ #Rodape { clear: both; background: #53090A url(images/estrutura/background-rodape.jpg) repeat-x top center; overflow: hidden; min-height: 500px; width: 100%; } #Rodape #ConteudoRodape { max-width: 1000px; margin: 60px auto 50px; overflow: hidden; } #Rodape #ConteudoRodape #Enderecos { width: 300px; float: left; overflow: hidden; margin: 60px 0 0 0.9em; padding: 0.7em 0; } #Rodape #ConteudoRodape #Enderecos h3 { color: #fff; background: transparent url("images/estrutura/icone-enderecos.jpg") no-repeat top left; text-shadow: 1px 1px 2px #000000; padding-left: 40px; font-size: 1.4em; margin: 0 0.5em; line-height: 30px } #Rodape #ConteudoRodape #Enderecos ul { margin: 0.7em 7px 0px; text-shadow: 1px 1px 2px #000; overflow: hidden; } #Rodape #ConteudoRodape #Enderecos ul li { width: 48%; list-style: none; float: left; } #Rodape #ConteudoRodape #Enderecos ul li a { display: block; color: #fff; font-size: 0.78em; margin: 0; padding: 0 5px; cursor: pointer; } #Rodape #ConteudoRodape #Enderecos ul li a:hover { color: #fff; text-decoration:none; background-color: #D31614 } #Rodape #ConteudoRodape #Banners { width: 100%; overflow: hidden; margin: 60px 0.9em 0 0; } #Rodape #ConteudoRodape #Banners ul { margin: 15px 0 0 15px; padding: 0px; } #Rodape #ConteudoRodape #Banners ul li { display: block; float: left; background-color: #fff; margin: 0px 6px 15px 5px; border: 4px solid #fff; height: 42px; } #Rodape #ConteudoRodape #Banners ul li:hover { border: 4px solid #999999 } #Rodape #ConteudoRodape #Banners ul li img { border: 1px solid #fff } #Rodape #ConteudoRodape #Outros { width: 58%; float: left; overflow: hidden; margin: 68px 0 0 0; border-left: 2px solid #830906 } #Rodape #ConteudoRodape #Outros ul { text-shadow: 1px 1px 2px #000; overflow: hidden; } #Rodape #ConteudoRodape #Outros ul li { width: 90%; float: left; list-style: none; padding-left: 35px; } #Rodape #ConteudoRodape #Outros ul li a { display: inline-block; color: #fff; padding: 0 0.7em 0 28px; width: auto; font-size: 0.78em; line-height: 22px; margin: 4px; text-transform: uppercase; background: transparent url("images/estrutura/seta-outros.jpg") no-repeat top left; cursor: pointer; } #Rodape #ConteudoRodape #Outros ul li a:hover { color: #fff; text-decoration:none; background-color: #D31614 } #Rodape #ConteudoRodape #Outros ul li.AutoAvaliacao { margin-top: 10px; } #Rodape #ConteudoRodape #Outros ul li.Planejamento { margin-bottom: 10px; } #Rodape #ConteudoRodape #MidiasSociais { width: 8%; float: left; margin: 68px 0 0 0} #Rodape #ConteudoRodape #MidiasSociais ul { width: 100px; list-style: none; } #Rodape #ConteudoRodape #MidiasSociais ul li { display: block; float: left } #Rodape #ConteudoRodape #MidiasSociais ul li.Facebook a { background: url(images/estrutura/icone-facebook.png) no-repeat top left; width: 33px; height: 33px; display: block; text-indent: -3000px; } #Rodape #ConteudoRodape #MidiasSociais ul li.Facebook a:hover { background-position: bottom left } #Rodape #ConteudoRodape #MidiasSociais ul li.Twitter a { background: url(images/estrutura/icone-twitter.png) no-repeat top left; width: 33px; height: 33px; margin-left: 0.7em; display: block; text-indent: -3000px; } #Rodape #ConteudoRodape #MidiasSociais ul li.Twitter a:hover { background-position: bottom left } #Rodape #ConteudoRodape #Wordpress { max-width: 1000px; } #Rodape #ConteudoRodape #Wordpress p { text-align: right; color: #BF4648} #Rodape #ConteudoRodape #Wordpress p a { color: #BF4648; margin-right: 22px; } #Rodape #ConteudoRodape #Wordpress p a:hover { color: #fff; } /* =Editar -------------------------------------------------------------- */ #Editar { width: 100%; clear: both } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 0.7em; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 0; text-align: center; position: relative; } /*.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 1.1em; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 0.7em; top: 7px; }*/ #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 0.7em; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Responsive Structure */ /* = 191.8em ----------------------------------------------- */ @media (max-width: 191.8em) { } /* = 1052px ----------------------------------------------- */ @media (max-width: 1052px) { #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li { width: 100%; height: auto; border-bottom: 1px dotted #ccc; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li a { width: 60%; min-height: 10px !important; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li img { height: 60px; width: 14%; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque img { width: 27%; height: auto; margin-bottom: 5px; } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul li.destaque a.Resumo { width: 60%; margin: 5px 0 10px 5px; clear: none; } } /* = 1024px ----------------------------------------------- */ @media (max-width: 1024px) { #Conteudo #ConteudoDireito #Link .meta ul.post-meta li { width: 178px; } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 630px; height: 304px; background-size: 100% 100% !important } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV .item { width: 151px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 149px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { margin: 5px 3px; width: 149px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 135px; height: 96px; } } /* = 960px ----------------------------------------------- */ @media (max-width: 960px) { #Geral #AcessoRapido { margin: 0.7em 6px 1.8em 0} #Conteudo #ConteudoDireito #Link .meta ul.post-meta li { width: 150px; } #Conteudo #Esquerdo #Busca input[type="text"] { width: 68%; } #Conteudo #Esquerdo #Busca input[type="submit"] { width: 18% } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia { width: 100%; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li img { width: 15%; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li a { width: 75%; } #Conteudo #ConteudoDireito #Noticias #Interno #CursosEventos { width: 100%; } #Rodape #ConteudoRodape #Enderecos { width: 280px; } #Rodape #ConteudoRodape #Outros { width: 290px; } #Conteudo #ConteudoDireito #Sublink p img { margin: 0 0 0.7em 0.7em; width: 96%; float: right } #Conteudo #ConteudoDireito #Sublink #Publico ul li { width: 100% } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 355px; height: 171px; background-size: 100% 100% !important } #iframe #conteudo #direito { max-width: 96% } #iframe #conteudo #direito img { width: 98%} } /* = 800px ----------------------------------------------- */ @media (max-width: 800px) { #Geral #AcessoRapido { margin: 0.7em 6px 12px 0 } #Conteudo #ConteudoDireito #Link .meta ul.post-meta li { width: 150px; } #Conteudo #Esquerdo #Busca input[type="text"] { width: 68%; } #Conteudo #Esquerdo #Busca input[type="submit"] { width: 18% } #Rodape #ConteudoRodape #Enderecos { width: 280px; } #Rodape #ConteudoRodape #Outros { width: 290px; } #Conteudo #ConteudoDireito #Sublink p img { margin: 0 0 0.7em 0.7em; max-width: 96%; width: auto; float: right } #Conteudo #ConteudoDireito #Sublink h3 img { margin: 0 0 0.7em 0.7em; width: 50%; float: right } #Conteudo #ConteudoDireito #Sublink #Publico ul li { float: left; margin: 0 5px 5px 0; overflow: auto; width: 48%; } #Conteudo #ConteudoDireito #Sublink #Publico ul li a { width: 87%; } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 460px; height: 222px; background-size: 100% 100% !important } #iframe #conteudo #esquerdo { width: 100% } #iframe #conteudo #direito { width: 100% } #iframe #conteudo #direito img { width: 96%} #Rodape #ConteudoRodape #Banners ul li { height: 40px; } #Rodape #ConteudoRodape #Banners ul li img { width: 162px; } #Conteudo #ConteudoDireito #Sublink table tr td { font-size: 0.8em; } #Conteudo #ConteudoDireito #Sublink table tr td img { max-width: 10.7em; } } /* = 768px ----------------------------------------------- */ @media (max-width: 768px) { #iframe #conteudo #esquerdo { width: 100% } #Geral #Topo #Logo { width: 380px; } #Geral #Topo #Logo h1 a { width: 380px; } #Geral #Acessibilidade { width: 250px; margin: 30px 5px 0 0 } #Conteudo #Esquerdo #Menu ul { display: none; } #Conteudo #Esquerdo #Menu select { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; background: url('images/select-arrows.png') no-repeat scroll right center #c21413; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 5px 10px; margin: 10px auto; border: 1px solid #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; border: none; } #Conteudo #Esquerdo #Menu select:focus { background: #ddd; color: #000; } #Conteudo #Esquerdo { width: 100%; } #Conteudo #Esquerdo #Menu { background: none; padding: 0; margin: 0; } #Conteudo #Direito { width: 100%; } #Conteudo #Esquerdo #Busca, #FaleOuvidoria { display: none; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 450px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 450px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 440px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { float: left; width: 305px; min-height: 65px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia { width: 450px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens { width: 450px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 440px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { float: left; width: 305px; min-height: 65px } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus { margin-bottom: 10px } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus ul.Itens li { line-height: 1.3em; } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus ul.Itens li .Data { font: 0.75em/1.5em Arial,Helvetica,sans-serif; margin: 0.35em 0.5em } .slider { width: 99% !important } #Rodape #ConteudoRodape #Outros { width: 330px; } #Rodape #ConteudoRodape #Outros ul li { padding-left: 15px; } #Rodape #ConteudoRodape #MidiasSociais { display: none;} #Rodape #ConteudoRodape #Wordpress p { font-size: 0.8em; text-align: center; } } /* = 685px ----------------------------------------------- */ @media (max-width: 685px) { #Geral #Acessibilidade { margin: -25px 5px 0 0 } #Conteudo #ConteudoDireito #Noticias_3 .item { width: 90%; } #Conteudo #ConteudoDireito #Noticias_3 a { font-size: 0.9em; } #Conteudo #ConteudoDireito .mais { float: right; margin-right: 12px } #Conteudo #ConteudoDireito .envio { margin-left: 11px } #Conteudo #ConteudoDireito .envio a { width: 223px } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 400px; height: 193px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 395px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 385px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 380px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { float: left; width: 250px; min-height: 58px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia { width: 380px} #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens { width: 380px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 380px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { float: left; width: 250px; min-height: 58px } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus { width: 380px} #Conteudo #ConteudoDireito #Noticias_3 a { font: 0.8em } #Rodape #ConteudoRodape { width: 665px } #Rodape #ConteudoRodape #Enderecos { width: 254px; } #Rodape #ConteudoRodape #Outros { width: 294px } #Rodape #ConteudoRodape #Outros ul li { padding-left: 0px; width: 95% } #Rodape #ConteudoRodape #Banners { width: 580px; margin: 60px 0 0 } } /* = 650px ----------------------------------------------- */ @media (max-width: 650px) { /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ body, input, textarea { font-size: 1.0em; color: #444444; } .inicio #primary { width: 59%;} .inicio #esquerdo { float: left; width: 39%; } .inicio #busca #s { width: 57%; } .link #primary { width: 61%;} .link #esquerdo { float: left; width: 38%; } .link #busca #s { width: 51%; } .sublink #primary { width: 65%;} .sublink #esquerdo { float: left; width: 34%; } .sublink #busca #s { width: 52%; } .meta ul.post-meta li { margin: 0 3px 15px 52px; } .sublink .meta ul.post-meta li { margin: 0 } .sliderArrows a { margin-top: 25px;} #site-title a, #site-title { width: 400px; min-width: 400px} #site-title span, #site-title span:hover { background-size: 370px 115px; height: 57px; width: 370px; margin: 25px 0 1.8em 0;} /* busca rapida */ #AcessoRapido { width: 262px; margin-top: -142px } #AcessoRapido h3 { padding: 0 40px 0 0; color: #fff; height: 29px; } #AcessoRapido form input { width: 127px; margin: 0.7em;} #AcessoRapido ul#list { width: 158px; z-index: 0 } /* #busca rapida */ .sublink .meta { float: right; width: 247px; margin: 3px 0px 0px 1.8em; } .sublink .meta ul.post-meta li { width: 218px; margin-bottom: 15px; } #site-title a { font-size: 24px; } #site-description { font-size: 0.9em; } article.intro .entry-content { font-size: 0.9em; } .entry-title { font-size: 1.5em; } .featured-post .entry-title { font-size: 1.1em; } .singular .entry-title { font-size: 28px; } .entry-meta { font-size: 0.9em; } blockquote { margin: 0; } blockquote.pull { font-size: 17px; } /* Reposition the site title and description slightly */ #site-title { padding: 0; } #site-title, #site-description { margin-right: 0; } /* Make sure the logo and search form don't collide */ #branding #searchform { top: 1.625em !important; } /* Floated content doesn't work well at this size */ .alignleft, .alignright { float: none; margin-left: 0; margin-right: 0; } /* Make sure the post-post navigation doesn't collide with anything */ #nav-single { display: block; position: static; } .singular .hentry { padding: 1.625em 0 0; } .singular.page .hentry { padding: 1.625em 0 0; } /* Talking avatars take up too much room at this size */ .commentlist > li.comment, .commentlist > li.pingback { margin-left: 0 !important; } .commentlist .avatar { background: transparent; display: block; padding: 0; position: static; } .commentlist .children .avatar { background: none; left: 2.2em; padding: 0; position: absolute; top: 2.2em; } /* Use the available space in the smaller comment form */ #respond input[type="text"] { width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { left: 95%; } #content .gallery-columns-3 .gallery-item { width: 31%; padding-right: 2%; } #content .gallery-columns-3 .gallery-item img { width: 100%; height: auto; } } /* = 640px ----------------------------------------------- */ @media (max-width: 640px) { #Conteudo #ConteudoDireito #Noticias_1 .envio a { width: 250px; font-size: 0.8em; } #Rodape #ConteudoRodape #Banners ul li { margin: 0 1.8em 1.8em 5px } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 330px; height: 159px; background-size: 100% 100% !important } #Geral #Topo { margin-top: 25px; } #Geral #Topo #Logo { width: 385px; margin: 0 0 1.8em 25px; } #Geral #Topo #Logo h1 a { background-size: 100% 200%; height: 61px; width: 385px; } #Geral #Topo #Logo h1 a:hover { background-size: 100% 200%; height: 61px; width: 385px; } } /* = 600px ----------------------------------------------- */ @media (max-width: 600px) { #Geral #Topo #Logo { margin: 0 0 1.8em 0px !important } #Rodape #ConteudoRodape { width: 580px; } #Rodape #ConteudoRodape #Enderecos { width: 260px; } #Rodape #ConteudoRodape #Enderecos ul li a { font-size: 0.72em; } #Rodape #ConteudoRodape #Outros { width: 288px; } #Rodape #ConteudoRodape #Outros ul li a { font-size: 0.72em } #Rodape #ConteudoRodape #Banners { width: 400px; margin: 60px 0 20px 90px } #Rodape #ConteudoRodape #Banners ul li { margin: 0 7px 15px 5px !important } #Rodape #ConteudoRodape #MidiasSociais { width: 115px; margin: 20px 0 15px 250px } #Conteudo #ConteudoDireito #Sublink table tr td { font-size: 0.8em; } #Conteudo #ConteudoDireito #Sublink table tr td img { max-width: 100px; } #Conteudo #ConteudoDireito #Sublink #Publico ul li { width: 100% !important; } #Conteudo #ConteudoDireito #Sublink #Publico ul li a { width: 90% !important; } #Rodape #ConteudoRodape #Wordpress { width: 512px } #iframe #conteudo #esquerdo { width: 100% } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 340px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 340px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 325px; margin: 5px 0px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { float: left; width: 190px; min-height: 66px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia { width: 340px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens { width: 340px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 325px; margin: 5px 0px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 100px; height: auto; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { float: left; width: 195px; min-height: 66px } #Conteudo #ConteudoDireito #Noticias_3 .envio a { width: 150px; font-size: 0.75em; } #Conteudo #ConteudoDireito #Noticias_3 .mais a { font-size: 0.75em; } #Conteudo #ConteudoDireito #Noticias_2 .envio a { width: 150px; } #Conteudo #ConteudoDireito #Noticias_1 .envio a { width: 150px; } } /* = 568px ----------------------------------------------- */ @media (max-width: 568px) { p { font: normal 0.8em/1.8em Arial, Helvetica, sans-serif; } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 315px; height: 152px; } #Conteudo #ConteudoDireito #Noticias #Interno #NaMidia ul.Itens li img { width: 20%; } #Geral #Acessibilidade { margin: 0 5px 0 0 } #Conteudo #ConteudoDireito #Noticias #Interno #Destaques ul.Itens li img { height: auto; width: 27%; } #Rodape #ConteudoRodape #Enderecos { width: 240px; } #Rodape #ConteudoRodape #Outros { width: 257px; margin: 58px 0 0 0; padding: 0 0 0 14px; } #Rodape #ConteudoRodape #Outros ul li { padding-left: 0px; } #Rodape #ConteudoRodape #Outros ul li a { font-size: 0.71em } #Rodape #ConteudoRodape #Banners { width: 550px; } #Rodape #ConteudoRodape #Banners ul { margin: 15px 0 0 90px } #Rodape #ConteudoRodape #MidiasSociais { margin: 10px 0 10px 236px; float: left; width: 90px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 315px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 315px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 308px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { width: 175px; margin: 6px 7px 7px; min-height: 67px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 100px; height: 71px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 305px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 100px; height: 71px; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { width: 175px; margin: 6px 7px 7px; min-height: 67px; float: left } #Conteudo #ConteudoDireito #Noticias_1 .envio a { width: 150px; } #Rodape #ConteudoRodape #Wordpress { width: 550px } #Rodape #ConteudoRodape #Banners { margin: 0px; } #Rodape #ConteudoRodape #Enderecos ul li a { font-size: 0.71em; } } /* = 480px ----------------------------------------------- */ @media (max-width: 480px) { #Geral #Acessibilidade { margin: 0px 5px 15px 0 } #Rodape #ConteudoRodape #Banners { width: 99%; } #Rodape #ConteudoRodape #Banners ul { margin: 0; width: 370px } #Rodape #ConteudoRodape #Banners ul li { margin: 0 1.8em 1.8em 5px } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 250px !important; height: 11.5em; background-size: 100% 100% !important } #Rodape #ConteudoRodape #Enderecos { width: 422px; } #Rodape #ConteudoRodape #Enderecos ul li { width: 33% } #Rodape #ConteudoRodape #Outros { margin: 1.8em 5px 0.7em 0 !important; width: 20em; float: left } #Rodape #ConteudoRodape #Outros ul li { padding-left: 20px; width: 94% } #Rodape #ConteudoRodape #MidiasSociais { margin: 45px 0 0; } #Rodape #ConteudoRodape #Wordpress { width: 400px; margin-left: 30px } #Rodape #ConteudoRodape #Wordpress p { text-align: center; font-size: 0.75em; } p { font-size: 0.8em } table tr td a img { width: 50px; } #Conteudo #ConteudoDireito #Sublink table tr td { font-size: 0.8em; } #Conteudo #ConteudoDireito #Sublink table tr td img { max-width: 100px; } #iframe #conteudo #esquerdo { width: 100% } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 365px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 365px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 90px; height: 64px; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { float: left; width: 240px; padding-bottom: 10px; margin-top: 5px; padding-bottom: 0px } #Conteudo #ConteudoDireito .envio a { width: 205px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 363px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 90px; height: 64px; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { float: left; width: 240px; padding-bottom: 10px; margin-top: 5px; padding-bottom: 0px; min-height: 61px } #Conteudo #ConteudoDireito .mais { float: left; font-size: 0.8em } #Conteudo #ConteudoDireito .envio { font-size: 0.8em } #Rodape #ConteudoRodape #Banners { margin: 0 0 0 38px; width: 410px; } } /* = 450px ----------------------------------------------- */ @media (max-width: 450px) { .inicio #primary { width: 61%;} .inicio #esquerdo { float: left; width: 38%; } .link #primary { width: 61%;} .link #esquerdo { float: left; width: 38%; } .sublink #primary { width: 61%;} .sublink #esquerdo { float: left; width: 38%; } .sliderArrows a { margin-top: 15px;} #content .gallery-columns-2 .gallery-item { width: 45%; padding-right: 4%; } #content .gallery-columns-2 .gallery-item img { width: 100%; height: auto; } .sublink .meta { float: right; width: 247px; margin: 3px 0px 0px 1.8em; } .sublink .meta ul.post-meta li { width: 218px; margin-bottom: 15px; } } /* = 380px ----------------------------------------------- */ @media (max-width: 380px) { #Geral #Topo #Logo { width: 310px; margin: 0 0 10px 10px !important } #Geral #Topo #Logo h1 a, #Geral #Topo #Logo h1 a:hover { width: 310px; height: 49px; background-size: 100% 200% !important } #Geral #AcessoRapido { width: 300px; } #Geral #AcessoRapido form input { width: 183px; margin: 20px 6px 12px 0 } #Abas ul li a { width: 90px; } .sliderArrows a { margin-top: 6%} #Conteudo #Direito { width: 100% } #Rodape #ConteudoRodape #Enderecos { width: 340px; } #Rodape #ConteudoRodape #Enderecos ul li { width: 49% } #Rodape #ConteudoRodape #Outros { width: 340px; margin: 5px 5px 0.7em 0 !important } #Rodape #ConteudoRodape #Banners { margin: 0px; width: 363px; } #Rodape #ConteudoRodape #Banners ul { width: 342px; margin: 10px } #Rodape #ConteudoRodape #Banners ul li { height: 36px; } #Rodape #ConteudoRodape #Banners ul li img { width: 149px !important; } #Conteudo #ConteudoDireito .mais a { font-size: 0.8em } #Conteudo #ConteudoDireito #Noticias_1 .envio a { margin-left: 10px; text-align: left; } #Rodape #ConteudoRodape #MidiasSociais { margin: 5px 0 15px 140px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 267px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 267px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 50px !important; height: auto !important; float: left } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { float: left; width: 187px; min-height: 80px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia { width: 275px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens { width: 270px } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 267px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 50px !important; height: auto !important; float: left } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { float: left; width: 188px; min-height: 80px } #Conteudo #ConteudoDireito #Noticias_2 .envio a { width: 115px; } #Rodape #ConteudoRodape #Wordpress { width: 298px } #Rodape #ConteudoRodape #Outros ul li { padding-left: 6px; } } /* = 320px ----------------------------------------------- */ @media (max-width: 320px) { #Geral #Topo { margin-top: 1.8em } #Geral #Topo #Logo { width: 255px !important; float: left; height: 30px; margin-top: 0px; } #Geral #Topo #Logo h1 a { background-size: 100% 200% !important; height: 42px; width: 255px; } #Geral #Topo #Logo h1 a:hover { background-size: 100% 200%; height: 42px; width: 255px; } #Geral #AcessoRapido { width: 240px; margin: 0.7em 6px 12px 0 } #Geral #Acessibilidade { width: 240px; margin: 28px 17px 10px 0; } #Geral #Acessibilidade ul li.Titulo { font-size: 0.8em; } #Geral #Acessibilidade ul li a i{ font-size: 0.8em; } #Conteudo #ConteudoDireito { width: 226px; } #Abas ul li a { font-size: 0.75em; width: 70px } .slider p { font-size: 0.75em; } ul.tabs li a { font-size: 0.9em !important; width: 70px } #Geral #AcessoRapido .Titulo { font-size: 0.8em } #Geral #AcessoRapido form input { width: 140px; margin: 4px 6px 6px 0; } h1 { font-size: 30px; line-height: 1.8em } h2 { font-size: 18px; margin-bottom: 15px; } h3 { font-size: 18px; } .singular.page .hentry { padding: 0px; } #Rodape #ConteudoRodape #Enderecos { width: 250px; } #Rodape #ConteudoRodape #Enderecos ul li { width: 50% } #Rodape #ConteudoRodape #Outros { width: 278px; } #Rodape #ConteudoRodape #Outros ul li { padding-left: 0px; } #Rodape #ConteudoRodape #Outros ul li a { font-size: 0.75em !important; } #Rodape #ConteudoRodape #MidiasSociais { margin: 10px 0 15px 100px; width: 190px; float: left; } #Rodape #ConteudoRodape #Enderecos ul li a { font-size: 0.75em } #Rodape #ConteudoRodape #Wordpress { width: 250px; } #Rodape #ConteudoRodape #Wordpress { text-align: center } #Rodape #ConteudoRodape #Banners { margin: 60px 0.9em 0 36px; width: 250px; } #Rodape #ConteudoRodape #Banners ul { margin: 15px 0 0 26px; width: 180px; } #Conteudo #ConteudoDireito #Sublink table tr td { font-size: 0.8em; } #Conteudo #ConteudoDireito #Sublink table tr td img { max-width: 100px; } #Conteudo #ConteudoDireito #Sublink #Publico #Imagens { width: 21.8em !important; height: 106px; background-size: 100% 100% !important } #Conteudo #ConteudoDireito #Noticias_3 img { width: 50px; } #Conteudo #ConteudoDireito #Noticias_3 .item { width: 21.8em; } .sliderArrows a { margin-top: 7% !important ; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV { width: 210px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens { width: 210px } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li { width: 200px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li img { width: 80px; height: 60px; float: left; margin-bottom: 8px; } #Conteudo #ConteudoDireito #Noticias_1 .ConteudoUFV ul.Itens li a { width: 120px; margin: 4px 7px 7px; min-height: 75px; padding-bottom: 10px; font-size: 0.75em } #Conteudo #ConteudoDireito #Noticias_1 .mais { float: left; margin-left: 42px; } #Conteudo #ConteudoDireito #Noticias_1 .mais a { font-size: 0.7em; } #Conteudo #ConteudoDireito #Noticias_1 .envio a { width: 160px; text-align: center } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li { width: 200px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li img { width: 80px; height: 60px; float: left; margin-bottom: 8px; } #Conteudo #ConteudoDireito #Noticias_2 .ConteudoNaMidia ul.Itens li a { width: 120px; margin: 4px 7px 7px; min-height: 75px; padding-bottom: 10px; font-size: 0.75em } #Conteudo #ConteudoDireito #Noticias_2 .mais { float: left; } #Conteudo #ConteudoDireito #Noticias_2 .mais a { font-size: 0.7em; } #Conteudo #ConteudoDireito #Noticias_2 .envio a { width: 160px; text-align: center } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus ul.Itens li .Data { font: 0.75em/0.5em Arial,Helvetica,sans-serif; margin: 0.9em 0.5em 0; } #Conteudo #ConteudoDireito #Noticias_3 .ConteudoNoCampus ul.Itens li a { font-size: 0.75em; font: 0.7em/1.5em Arial,Helvetica,sans-serif } #Conteudo #ConteudoDireito #Noticias_3 .mais { float: left; margin-left: 42px; } #Conteudo #ConteudoDireito #Noticias_3 .mais a { font-size: 0.75em; } #Conteudo #ConteudoDireito #Noticias_3 .envio a { width: 180px; text-align: center; font-size: 0.85em } #Conteudo #ConteudoDireito #Sublink h3 img { width: 93% } } /* = 240px ----------------------------------------------- */ @media (max-width: 240px) { #Geral #Topo #Logo h1 a { width: 200px; height: 33px; } #Geral #Topo #Logo h1 a:hover { width: 200px; height: 33px; } } @media only screen and (min-device-width: 31.8em) and (max-device-width: 480px) { body { padding: 0; } #page { margin-top: 0; } #branding { border-top: none; } .sliderArrows a { margin-top: 15px;} } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10pt; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } #page { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } #branding { border-top: none !important; padding: 0; } #branding hgroup { margin: 0; } #site-title a { font-size: 21pt; } #site-description { font-size: 10pt; } #branding #searchform { display: none; } #branding img { display: none; } #Conteudo #Esquerdo { display: none; } #main { border-top: none; box-shadow: none; } #primary { float: left; margin: 0; width: 100%; } #content { margin: 0; width: auto; } .singular #content { margin: 0; width: 100%; } .singular .entry-header .entry-meta { position: static; } .entry-meta .edit-link a { display: none; } #content nav { display: none; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; } .singular .hentry { padding: 0; } .entry-title, .singular .entry-title { font-size: 21pt; } .entry-meta { font-size: 10pt; } .entry-header .comments-link { display: none; } .page-link { display: none; } .singular #author-info { background: none; border-bottom: none; border-top: none; margin: 2.2em 0 0; padding: 0; } #respond { display: none; } .widget-area { display: none; } #colophon { display: none; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; }