inicial.css

21/04/2010

/*Inicial.CSS*/

/*Contém o css da página incial do site*/

/********** Coluna do Meio **********/

/*Posiciona a coluna do meio*/
#coluna_meio { float:left; margin:0 1.5em; width:52em; }

/*Define tamanho da seção ‘Destaques’*/
#destaques { height:29.5em; }

/*Posiciona a numeração do banner rotativo*/
#indice_banner { float:right; width:15em; }

/*Formata cada número do indice do banner rotativo*/
#indice_banner li {
cursor:pointer;
color:#efe5d1;
float: left;
height: 3em;
line-height: 3em;
list-style-type:none;
margin: 0.7em 0;
padding-left: 0.8em;
width: 1.5em
}

#indice_banner li:hover { color:#923b21; }

#indice_banner li.current { background-color:#efe5d1; color:#923b21; }

/*Define o tamanho de cada banner rotativo*/
.destaque_item {
background-color:#efe5d1;
height:23.5em;
margin-top:1em;
width:52em;
}

/*Formata o bloco de texto de cada banner rotativo*/
.destaque_texto { float:left; padding:0.5em; width:19.5em; }

/*Formata o título do banner rotativo*/
.destaque_pageTitle { text-align:center; }

.destaque_pageTitle a { color:#000; }

/*Formata o texto do banner rotativo*/
.destaque_introText { color:#000; line-height:1.5em; text-align:justify; }

/*Formata a imagem de cada banner rotativo*/
.destaque_imagem {
float:right;
height:22.5em;
margin:0.5em;
overflow:hidden;
width:30em;
}

/*Define o tamanho da seção ‘Acontece’*/
#acontece { height:32.6em; }

/*Formata as barras de título das seções ‘Acontece’ e ‘Multimidia’*/
#barra_acontece, #barra_multimidia {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/bg_title_verde.png) repeat-x;
height:5em;
}

#destaques_acontece {
margin-top:1em;
width:52em;
}

/*Formata os quadros da seção ‘Multimídia’*/
#destaque_fotos, #destaque_videos {
background-color:#efe5d1;
height:20em;
margin-top:1em;
}

/*Posiciona o texto das galerias de ‘Fotos’ e ‘Vídeos’*/
.posiciona_texto { float:left; text-align:center; width:24em; }

/*Formata o título da galeria de ‘Fotos’*/
#destaque_fotos h2 {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_foto.png) center left no-repeat;
margin-left:1em;
padding:1em 1em 1em 2.2em;
}

/*Formata o título da galeria de ‘Vídeos’*/
#destaque_videos h2 {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/icone_filme.png) center left no-repeat;
margin-left:1em;
padding:1em 1em 1em 2.5em;
}

/*Formata o texto das galerias de ‘Fotos’ e ‘Vídeos’*/
#destaque_fotos h3, #destaque_videos h3 { line-height:1.5em; }

/*Posiciona as imagens das galerias de ‘Fotos’ e ‘Vídeos’*/
.posiciona_galeria { float:right; margin:1em 0; width:27em; }

/*Posiciona os botões de avançar e retroceder da galeria de ‘Fotos’*/
.showPrevious, .showNext { display:block; float:left; padding:3em 0.5em; }

/*Envolve as imagens de cada galeria de fotos*/
.childscontainer { float:left; height:18em; margin:0 !important; width:20em; }

/*Formata as legendas das galerias de fotos*/
#thumbs_inicial p {
font-size: 1em;
font-weight:bold;
line-height:1.5em;
margin:0.5em 0em;
text-align:center;
}

/*Posiciona a tag ‘object’ do player de vídeo da página inicial*/
#player_home { display:block; margin:auto; }

/*Formata a legenda do vídeo na página inicial*/
.legenda_video {
font-weight:bold;
line-height:1.5em;
margin:0.5em 0px;
text-align:center;
}

/*Mostra a linha de pontilhados marrom que divide cada seção da página inicial*/
.divisoria {
background:url(https://manuelzao.ufmg.br/wp-content/uploads/images/manuelzao/layout/dot.png) 0 2.2em repeat-x;
height:0.8em;
padding:2em 0 2em 0;
}

/********************************** Coluna Direita *****************************/

#coluna_direita { float:right; margin:0; text-align:center; width:21em; }

.barra_col_direita {
background-color:#efe5d1;
height:3.1em;
}

.titulo_col_direita h3 {
margin:0;
padding:0.5em 0;
}

#revista, #radio, #manu_informa, #enquete { margin-bottom:2em; }