/* Theme Name: TEDx Sudeste Theme URI: http://www.tedxsudeste.com.br/ Description: Tema TEDx Sudeste Version: 1.0 Author: CSSMix Author URI: http://www.cssmix.com.br/ Tags: tedx, sudeste personalizado, colunas fixas, widgets */ /*====================INDICE==================== 1. Reset 2. Geral 3. Topo 4. Nav 5. Conteudo 6. Rodape 7. Single 8. Comentarios 9. Arquivos =============================================*/ /* 1. Reset (Setando Propriedades) */ * { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; outline:0; font:normal 13px Arial, Verdana, Helvetica, Sans-serif;} .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} html,body {height:100%;} em {font-style: italic;} strong {font-weight:bold;} .alignleft {float:left;} .alignright {float:right;} #contagem {background:#DA1B0A; text-align:center; } #contagem ul li {font-size:30px; padding:10px 0;} #contagem ul li span {color:#fff; font-size:30px;} /* 2. Geral */ body { background-color:#000; border-top:2px solid #da2010; } /* 3. Topo */ #pagina { width:980px; margin:10px auto; } #pagina #topo faixasu { background:url(images/faixa-su.png) left top no-repeat; width:316px; height:186px; position: absolute; z-index: 999; right: 0px; top: 0px; } #pagina #topo { background:url() right top no-repeat; } #pagina #topo h1 { background:url(images/tedx-sudoeste.jpg) left top no-repeat; } #pagina #topo h1 a { text-indent:-9999px; overflow:hidden; display:block; width:248px; height:51px; } #pagina #topo #titulo { margin:40px 0 40px 0; } /* 4. Nav */ #pagina #topo #menu {width:100%; height:22px; margin:10px 0 10px 0; } #pagina #topo #menu ul {width:100%; height:22px;} #pagina #topo #menu ul li {float:left; height:22px; background:url(images/div-menu.gif) 100% 75% no-repeat; padding:0 4px;} #pagina #topo #menu ul li a { height:16px; display:block; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; text-align:center; padding:3px 0; } #pagina #topo #menu ul li.home {width:53px;} #pagina #topo #menu ul li.home a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:0px 0px;} #pagina #topo #menu ul li.ted {width:95px; } #pagina #topo #menu ul li.ted a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-54px 0px;} #pagina #topo #menu ul li.tedxtalk {width:95px; } #pagina #topo #menu ul li.tedxtalk a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-54px 0px;} #pagina #topo #menu ul li.realizacao {width:103px;} #pagina #topo #menu ul li.realizacao a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-150px 0px;} #pagina #topo #menu ul li.palestrantes {width:135px;} #pagina #topo #menu ul li.palestrantes a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-588px 0px;} #pagina #topo #menu ul li.blog {width:53px;} #pagina #topo #menu ul li.blog a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-366px 0px;} #pagina #topo #menu ul li.livro {width:53px;} #pagina #topo #menu ul li.livro a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-366px 0px;} #pagina #topo #menu ul li.acoes {width:67px;} #pagina #topo #menu ul li.acoes a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-420px 0px;} #pagina #topo #menu ul li.apoie {width:67px;} #pagina #topo #menu ul li.apoie a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-420px 0px;} #pagina #topo #menu ul li.desafio {width:67px;} #pagina #topo #menu ul li.desafio a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-420px 0px;} #pagina #topo #menu ul li.inscrever {width:100px;} #pagina #topo #menu ul li.inscrever a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-488px 0px;} #pagina #topo #menu ul li.ondequando {width:135px;} #pagina #topo #menu ul li.ondequando a:hover {background:url(images/menu-sprite.jpg) no-repeat; background-position:-588px 0px;} /* 5. Conteudo */ #pagina #outdoor { border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #FFF; border-bottom-color: #F00; } #pagina #conteudo {padding:40px 20px 40px 20px; background:url(images/fundo-conteudo.gif) top left repeat; } #pagina #conteudo #content { background-color:#fff; } #pagina #conteudo #esquerda {float:left; width:650px;} #pagina #conteudo h2.blog { width:650px; border-bottom:1px solid #000; padding:0 0 5px 0; margin:0 0 6px 0; font-size:18px; font-weight:bold; color:#da2010; } #pagina #conteudo #esquerda h2 {border-bottom:1px solid #000; padding:0 0 5px 0; margin:0 0 6px 0; } #pagina #conteudo #esquerda h2 a {font-size:18px; font-weight:bold; color:#da2010;} #pagina #conteudo .post {width:100% !important; float:left; margin:0 2px 10px 0; overflow:hidden;} #pagina #conteudo .post .entry {margin:10px 0 3px 0;} #pagina #conteudo #esquerda .entry p { margin:10px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#666666; text-align:justify; line-height:1.5em; } #pagina #conteudo .post .entry p a {color:#da2010;} body.home #pagina #conteudo .post .entry p {display:inline; color:#666666;} #pagina #conteudo .post .entry a.readmore {display:inline; color:#da2010;} #pagina #conteudo .post p.postmetadata {color:#999999; } #pagina #conteudo .post p.postmetadata a {color:#da2010;} body.home #pagina #conteudo .secondpost { float:right; width:315px !important; margin:0 10px 10px 0; display:inline;} #pagina #conteudo #sidebar { width:280px; float:right;} #pagina #conteudo #sidebar div {float:left;} #pagina #conteudo #sidebar h2 {font-size:18px; font-weight:bold; color:#da2010; border-bottom:1px solid #000; padding:0 0 5px 0; margin:0 0 6px 0;F} #pagina #conteudo #sidebar h2 span {font-size:18px; color:#666666;} #pagina #conteudo #sidebar #social {width:100%; } #pagina #conteudo #sidebar #social ul {width:100%; height:93px; padding:10px 0 0 0; background:#EDEDED;} #pagina #conteudo #sidebar #social ul li {width:80px; height:20px; float:left; margin:0 0 8px 32px;} #pagina #conteudo #sidebar #social ul li.twitter {background:url(images/twitter.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.flickr {background:url(images/flickr.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.facebook {background:url(images/facebook.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.vimeo {background:url(images/vimeo.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.linkedin {background:url(images/linkedin.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.ning {background:url(images/ning.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li.rss {background:url(images/rss.jpg) center left no-repeat;} #pagina #conteudo #sidebar #social ul li a { display:block; color:#da2010; font-weight:bold; font-size:16px; padding:0 0 0 25px;} #pagina #conteudo #sidebar #hashtags {width:280px;} #pagina #conteudo #sidebar #hashtags ul {width:280px;} #pagina #conteudo #sidebar #hashtags ul li {width:280px; float:left; margin:0 0 15px 0;} #pagina #conteudo #sidebar #hashtags ul li p {width:212px; float:left; padding:5px 0 5px 10px; background:url(images/fundo-twitter.png) top left no-repeat;} #pagina #conteudo #sidebar #hashtags ul li p a.arroba {font-weight:bold;} #pagina #conteudo #sidebar #hashtags ul li a {color:#da2010;} #pagina #conteudo #sidebar #hashtags ul li a.avatar img {float:left; margin:0 10px 0 0; width:48px; height:48px;} #pagina #conteudo #sidebar #hashtags ul li.view-all {display:none;} #pagina #lasttweet {width:100%; height:335px; background:red; clear:both; background:url(images/pessoas-rodape.jpg) center left no-repeat;} #pagina #lasttweet #citacao {float:right; margin:100px 60px 0 0; width:469px; height:130px; padding:10px 0 0 25px; background:url(images/citacao.png) top left no-repeat;} #pagina #lasttweet #citacao p.tweet {width:450px; margin:0 0 5px 0; color:#fff; font:italic 17px Georgia, Garamond, Serif;} #pagina #lasttweet #citacao p {color:#000; font-weight:bold; font-size:16px; } /* 6. Rodape */ #footer {width:100%; clear:both; margin:40px 0 0 0;} #footer #tedlinks, #tedxworld, #conecte, #juntese {float:left; display:inline;} #tedlinks {width:200px;} #tedxworld {width:250px;} #conecte {width:225px;} #juntese {width:300px;} #footer #tedlinks h3, #footer #tedxworld h3, #footer #conecte h3 {font-size:14px; font-weight:bold; color:#da2010; margin:15px 0;} #footer #juntese h3 {font-size:14px; font-weight:bold; color:#da2010; margin:15px 0 5px 0;} #footer #tedlinks ul, #footer #tedxworld ul, #footer #conecte ul, #footer #juntese ul {} #footer #tedlinks ul li, #footer #tedxworld ul li, #footer #conecte ul li, #footer #juntese ul li {} #footer #tedlinks ul li a, #footer #tedxworld ul li a, #footer #conecte ul li a {color:#bfbfbf; font-weight:bold;} #footer #tedlinks ul li a:hover, #footer #tedxworld ul li a:hover, #footer #conecte ul li a:hover {color:#da2010;} #footer #juntese ul {margin:0 0 0 10px;} #footer #juntese ul li {width:120px; height:30px; float:left; margin:5px 25px 5px 0;} #footer #juntese ul li a {width:120px; height:30px; display:block;} #footer #juntese p {color:#bfbfbf; font-weight:bold; font-size:12px; margin:0 0 10px 0;} #footer-tedx {width:904px; float:left; background:url(images/tedx-marca.jpg) top left no-repeat; margin:80px 0 20px 0; padding:0 0 0 120px; color:#fff; font-size:14px;} #aviso {width:960px; height:28px; padding:15px 0 0 15px; margin:0 0 25px 0; float:left; background:url(images/fundo-rodape.jpg) top left no-repeat; } #aviso p {color:#8d8d8d; font-size:11px !important; font-weight:bold; text-transform:uppercase;} /* 7. Single */ .single #pagina #conteudo #content, .category #pagina #conteudo #content, .page #pagina #conteudo #content { width:610px; padding:20px; } .single #pagina #conteudo #content h2 { font:bold 20px Arial, Helvetica, sans-serif; color:#da2010; border:0px !important; padding:0px; margin:0px; } .single #pagina #conteudo #content p.data { color:#999; font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 20px 0; } /* 8. Comentarios */ #pagina #conteudo #content h3#comments {font-size:18px; font-weight:bold; color:#666; margin:0 0 30px 0;} #pagina #conteudo #content #respond {float:left;} #pagina #conteudo #content #respond h3 { color:#666; font:bold 18px Arial, Helvetica, sans-serif; margin:10px 0 10px 0; } #author, #email, #url { width:470px; height:21px; background-color:#EDEDED; margin: 0 0 0 30px; } #comment {width:468px; background-color:#EDEDED; height:75px; margin: 0 0 0 5px; } #commentform {background:url(images/add-comment.gif) left 4px no-repeat; margin:80px 0 0 0; padding:0 0 0 30px;} #commentform p { margin-bottom:10px; } #commentform p small { font:bold 13px Arial, Helvetica, sans-serif; color:#666;} #commentform #submit { background:url(images/enviar.gif) left top no-repeat; color:#fff; width:80px; height:25px; } #commentform p.enviar { width:553px; text-align:right; } ol.commentlist li {background:url(images/comment.gif) left 4px no-repeat; padding:0 0 0 30px; margin:0 0 20px 0;} ol.commentlist .comment-author { color:#da2010; font:bold 14px Arial, Helvetica, sans-serif; } ol.commentlist .comment-meta { color:#999; } ol.commentlist .comment-content p {overflow:hidden; text-align:justify; color:#666; margin:5px 0;} /* 9. Arquivos */ .archive #pagina #conteudo #content .post h3 a {font:bold 20px Arial, Helvetica, sans-serif; color:#da2010; border:0px !important; padding:0px; margin:0px;} /* 10. Menu Ativo */ .home #pagina #topo #menu ul li.home a {width:53px; background:url(images/menu-sprite.jpg) no-repeat; background-position:0px 0px;} .page-id-81 #pagina #topo #menu ul li.ted a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-54px 0px;} .page-id-83 #pagina #topo #menu ul li.realizacao a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-150px 0px;} .category-palestrantes #pagina #topo #menu ul li.palestrantes a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-588px 0px;} .category-blog #pagina #topo #menu ul li.blog a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-366px 0px;} .page-id-89 #pagina #topo #menu ul li.acoes a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-420px 0px;} .page-id-91 #pagina #topo #menu ul li.apoie a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-420px 0px;} .page-id-93 #pagina #topo #menu ul li.inscrever a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-488px 0px;} .page-id-533 #pagina #topo #menu ul li.ondequando a {background:url(images/menu-sprite.jpg) no-repeat; background-position:-588px 0px;} /* Videobar */ #videobar { width:280px; float:right; margin-bottom:20px;} #videobar h2 {font-size:16px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height:1;} #videobar .box {background-color:#FFF; border:solid 1px #ccc; padding-top: 10px; padding-bottom:10px; margin: 5px 0px;} #videobar .play{ float:left; height:30px; width: 30px; background:url(images/videoplay.gif) no-repeat; } #videobar a:hover{ font-weight: bold; color: #DA2010; text-decoration: none; } #videobar a{ font-weight: bold; color: #000; text-decoration: none; } #videobar .posttitle { margin-top: -15px; height-min: 70px; font-weight: bold; color: #F00; text-decoration: none; background-repeat: no-repeat; }