<data:blog.pageTitle/> 000- Pode mudar as fontes, cores, espaçamentos, enfim, pode mudar este layout base COMPLETAMENTE, eu só montei para ser fácil a todas as pessoas criarem os seus próprios layouts e compreenderem o que estão a fazer, com muitas explicações para o caso de serem principiantes em html ou não reconhecerem algum dos códigos. Boa sorte e divirta-se! 1- onde diz "border-radius", são os cantos arredondados, retire a linha se não quiser ou marque como 0, e aumente o valor dos px se quiser. À frente verá como. Quando tem 4 vezes, por exemplo, "1px 1px 1px 1px", o primeiro é para o canto superior esquerdo, depois canto superior direito, canto inferior direito, canto inferir esquerdo. Rotação para a direita, viu? 2- Pode retirar todas as linhas que dizem "outline", são o tracejado interior em imagens ou caixinhas, bordas internas 3- Se em alguma linha estiver escrito "none", não retire 4- Onde disser "shadow", é obviamente sombra. Se disser "shadow:inset" é sombra interna, se não tiver "inset", é externa. Coloque os valores de px como 0 se não quiser, repare que eu coloco sempre um seguimento de 3 pixels. "0px 0px 0px". Os dois primeiros definem a direção da sombra (direita ou esquerda, cima ou baixo), trabalhando com valores negativos, o último serve para a esbater, desfocar 5- "padding" é espaçamento interno entre as letras e o limite da caixa. Quando tem 4 pixels seguidos, por exemplo "2px 2px 2px 2px", a ordem é topo direita baixo esquerda. 6- "margin" é o espaçamento externo, entre os limites da caixa ou imagem e o resto, servindo para posicionar ou deslocar a imagem. Quando tem 4 pixels seguidos, a ordem é a mesma que no padding. 7- "border" refere-se a bordas externas, aumente o valor px para aumentar a espessura delas 8- Onde diz "letter-spacing" é o espaçamento entre letras, retire a linha se não quiser ou aumente o valor se quiser espaçar mais 9- Se quiser a fonte de algo em maiúsculas pequenas, adicione na área apropriada a linha "font-variant: small-caps;" 10- Saiba colocar o menu no gadget: http://chuvadehtml.blogspot.pt/2014/10/menu-ganhando-vida.html ----------------------------------------------- */ /*----Área desconhecida----*/ /* Variable definitions ==================== */ /*----Fundo, corpo e cabeçalho----*/ body, html { height: 250px; /*troque pela altura de um possível cabeçalho com largura total*/ margin: 0px; padding: 0px; } body { font: $(body.font); color: $(body.text.color); background: url(URL do possível cabeçalho com largura total) repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } html { background: #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 10px; padding-right: 10px; } .Header h1 { /*título do blog */ font-family: Fredericka The Great; font-size: 50px; color: #5e5e5e; text-shadow: 1px 1px 0px #fff; } .Header h1 a { /*título do blog */ font-family: Fredericka The Great; font-size: 50px; color: #5e5e5e; text-shadow: 1px 1px 0px #fff; } .Header .description { /*quem usa descrições hoje em dia? */ font-size: 130%; } #header-inner { /*serve para mover/alinhar o cabeçalho como imagem*/ margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } #navbar-iframe { display: none !important; } body .navbar { height:0px; } .content-outer .content-cap-top { height: $(content.imageBorder.top.space); background: transparent $(content.imageBorder.top) repeat-x scroll top center; } .content-outer { margin: 0px auto; padding-top: $(content.margin); } .content-inner { /*sinceramente, esta área não faz diferença nenhuma :/ ...*/ background: $(content.background); background-position: left -$(content.imageBorder.top.space); background-color: $(content.background.color); padding: $(content.padding); } .main-inner { /*área que ficaria por trás da side e das postagens */ padding: $(content.padding) 0px; background: transparent; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } body.mobile { background-size: 100% auto; } body.mobile .AdSense { margin: 0 -10px; } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile-post-outer a { color: $(post.title.text.color); } .mobile-index-contents { color: $(body.text.color); } .mobile .tabs-inner .PageList .widget-content { background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center; color: $(tabs.selected.text.color); } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.selected.text.color); } /*----Área de post----*/ h3.post-title { /* título dos posts */ text-align: center; font-family: Fredericka The Great; font-size: 20px; color: #6e6e6e; text-shadow: 0px 0px 0px #8f8f8f; letter-spacing: 1px; background: #ffffff; padding: 5px; margin: -10px -10px 0px -10px; outline-offset: -5px; outline: 1px dashed #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } h3.post-title a { /* título dos posts - fonte */ text-align: center; font-family: Fredericka The Great; font-size: 20px; color: #6e6e6e; text-shadow: 0px 0px 0px #8f8f8f; letter-spacing: 1px; padding: 5px; margin: -10px -10px 0px -10px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } h3.post-title a:hover { /* título dos posts - ao passar o mouse */ text-decoration: line-through; letter-spacing: 1px; color: #cccccc; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-outer { /* postagens */ font-family: muli; font-size: 13px; color: $(widget.text.color); text-shadow: 1px 1px 1px #e6e6e6; background: #ffffff; padding: 10px; border-radius: 2px 2px 2px 2px; box-shadow: 2px 2px 0px #d6d6d6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-body { text-align: justify; line-height: 1.4; position: relative; } .post-header { margin: 0px 0px 1em; line-height: 1.5; } .main-inner .column-center-inner { /*área que ficaria por detrás da área de post */ padding: $(content.posts.padding) 0px; background: transparent; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .main-inner .column-center-inner .section { /*fundo do fundo (leu bem) das postagens. Serviria para unir os posts */ margin: 0 $(content.posts.padding); background: transparent; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } /*----Sidebar----*/ h2 { font-family: Fredericka The Great; font-size: 16px; color: #7d7d7d; text-shadow: 0px 0px 0px #8f8f8f; letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .footer-inner .widget h2 { padding-bottom: .5em; } .sidebar .widget h2 { text-align: center; font-family: Fredericka The Great; font-size: 16px; color: #737373; text-shadow: 1px 1px 1px #fff; letter-spacing: 0px; background: #c2c2c2; box-shadow: 0px 2px 0px #e3e3e3; padding: 5px; margin: -10px -10px 4px -10px; outline-offset: -5px; outline: 1px dashed #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget h2:hover { letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .main-inner .column-right-inner { margin-top: 10px; margin-left: $(content.padding); } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { /*zona por trás da sidebar direita */ margin-left: $(content.padding); background: transparent; } .main-inner .column-left-inner { margin-top: 10px; margin-left: 35px; margin-right: -15px; } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { /*zona por trás da sidebar esquerda */ margin-right: $(content.padding); background: transparent; } .main-inner .column-left-inner, .main-inner .column-right-inner { /*"altura" das sides */ padding: 0px 0px; } .sidebar .widget { /*personalização dos gadgets */ font-famiy: muli; font-size: 11ppx; line-height: 1.3; text-align: justify; text-shadow: 1px 1px 1px #e6e6e6; background: #ffffff; padding: 10px; border-radius: 3px; box-shadow: 2px 2px 0px #d6d6d6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget:first-child { /*primeiro gadget da sidebar, pode torná-lo diferente dos outros facilmente */ margin-top: 0px; } .sidebar .widget:last-child { /*último gadget da sidebar, pode torná-lo diferente dos outros facilmente */ margin-top: 0px; } .footer-inner { height: 50px; background: #cccccc; } .widget .zippy { color: $(widget.alternate.text.color); } .footer-inner { background: transparent $(footer.background.gradient) repeat scroll top center; } /*----Comentários----*/ #comments {background: transparent;padding: 15px;} #comments .comment-author {padding-top: 1.5em;} #comments h4, #comments .comment-author a, #comments .comment-timestamp a {color: $(post.title.text.color);} #comments .comment-author:first-child {padding-top: 0;border-top: none;} .avatar-image-container {margin: .2em 0 0;} #comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/ color: #707070!important; text-shadow: 1px 1px 1px #ffffff; font-family: Fredericka The Great; font-size: 18px; text-align: center; margin-bottom: -13px; margin-top: 5px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #comments h4:hover, #comments .comment-author a:hover, #comments .comment-timestamp a:hover { letter-spacing: 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #comments a { /* fonte em geral*/ color: #bdbdbd; text-align: center; font-family: Fredericka The Great; font-size: 13px; } .comments .comment-thread.inline-thread { /*enquadramento dos comentários de resposta*/ background: transparent; } .comments .continue { /*borda a separar os comentários*/ border-top: 0px solid #cccccc; } #comments { margin-top: 30px; background: url(http://1.bp.blogspot.com/-nLp2AM1fXIk/VcXCnRTtWcI/AAAAAAAAgWk/ZA7bh2Ix8V8/s1600/bhj2.png) repeat #ebebeb; padding: 5px; border-radius: 0px; } .comments .comments-content { margin-bottom: 0px; font-weight: normal; text-align: justify; font-color: #cccccc; } .comments .comment .comment-actions a,.comments .comment .continue a { /*fonte do botão reply*/ display: inline-block; font-family: muli!important; font-size: 10px!important; text-align: center; color: #adadad!important; text-shadow: 1px 1px 1px #fff; background: rgba(0,0,0,0.03); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.15), 0px 1px 1px rgba(255,255,255,0.35); margin: 6px 10px 0px 10px; padding: 2px 3px 2px 3px; border-bottom: 3px solid #b3b3b3; opacity: 0.6; text-decoration: none; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { /*fonte do botão reply em hover*/ letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0px; text-align:none;} .comments .comments-content .inline-thread {padding: 0px;} .comments .comments-content .comment-thread { margin: 8px 0px;} .comments .comments-content .comment-thread:empty { display: none;} .comment-replies{ margin-top: 1em; margin-left: 15px; } .comments .comments-content .comment{ margin-bottom: 0px; padding-bottom: 0px; } .comments .comments-content .comment:first-child{ padding-top: 16px; } .comments .comments-content .comment:last-child{ border-bottom:0px; padding-bottom: 0px; } .comments .comments-content .comment-body{ position: relative; } .comments .comments-content .user{ font-style: normal; font-weight: normal; } .comments .comments-content .user a{ font-weight: normal; text-decoration: none; } .comments .comments-content .datetime a { /*data do comentário*/ font-size: 10px!important; float: right; font-family: muli!important; text-decoration: none; color: #fff!important; text-shadow: 1px 1px 1px #8a8a8a; margin-top: 3px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .comments-content .datetime a:hover { /*data do comentário em hover*/ letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comment-content { margin: 0px 0px 8px; padding: 0px 5px;} .comments .comment-block { /*caixa do comentário*/ margin-left: 55px; position: relative; border-radius: 0px 0px 2px 2px; background: #ffffff; box-shadow: 0px 0px 5px #7e999e; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comment-header { /*nome do autor do comentário*/ background: #999999; outline-offset: -3px; outline: 1px dashed #fff; font-size: 12px; padding: 5px 5px 5px 8px; margin-bottom: 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comment-header a { /*fonte do nome do autor*/ font-family: Fredericka The Great!important; font-size: 16px!important; color: #fff!important; text-shadow: 1px 1px 1px #8a8a8a!important; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comment-header a:hover { /*fonte do nome do autor*/ text-shadow: 1px 1px 00px #fff!important; color: #7a7a7a; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .comments-content .owner-actions {position:absolute;right:0;top:0} .comments .comments-replybox {border:none;height:200px;width:100%} .comments .comment-replybox-thread {margin-top:0} .comments .comment-replybox-single {margin-top:5px;margin-left:48px} .comments .comments-content .loadmore a {display:block;padding:10px 16px;text-align:center} .comments .thread-toggle {cursor:pointer;display:inline-block} .comments .comments-content .loadmore {cursor:pointer;max-height:3em;margin-top:0} .comments .comments-content .loadmore.loaded {max-height:0;opacity:0;overflow:hidden} .comments .thread-chrome.thread-collapsed {display:none} .comments .thread-toggle {display:inline-block} .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.4em; padding-right: 4px; } .comments .thread-expanded .thread-arrow{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent; } .avatar-image-container { /*enquadramento do avatar*/ margin: 5px 3px 5px 5px; border-radius: 3px; padding: 5px; background: #c9d3d4; box-shadow: inset 0px 0px 3px #707070, 0px 0px 3px #fff; max-width: 50px; max-height: 50px; min-height: 50px; min-width: 50px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .avatar-image-container img { /*avatar também*/ border-radius: 3px; box-shadow: 0px 0px 1px #707070; max-width: 50px; max-height: 50px; min-height: 50px; min-width: 50px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .avatar-image-container:hover { /*enquadramento do avatar*/ margin: 5px 3px 5px 5px; border-radius: 10px; background: #7d7d7d; box-shadow: inset 0px 0px 3px #707070, 0px 0px 3px #fff; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .comments .avatar-image-container img:hover { /*avatar também*/ border-radius: 10px; box-shadow: 0px 0px 1px #707070; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } /*----Efeitos e menus----*/ #zooming { margin-right: 5px; width: 223px; height: 127px; display: inline-block; position:relative; } #zooming img { position: absolute; width: 223px; height: 127px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #zooming:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0.1; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .zoomingout { float: center; width: 223px; height: 127px; padding: 2px; border: 1px solid #7d7d7d; overflow: hidden; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .zoomingout:hover { float: center; width: 223px; height: 127px; padding: 2px; border: 1px solid #616161; overflow: hidden; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #palavras a.header { width: 223px; height: 127px; background: #696969; opacity: 1; margin-left: -1px; text-align: center; color: #fff; text-shadow: 1px 1px 1px #595959; font-size: 10px; padding: 2px 5px 2px 5px; } #palavras { width: 221px; height: 127px; opacity: 1; margin-left: -1px; text-align: center; color: #544346; font-size: 10px; padding: 5px 5px 10px 2px; } .flor { -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .flor:hover{ -webkit-transform: rotate(360deg); -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } menu { /*saiba usar o menu aqui: http://chuvadehtml.blogspot.pt/2014/10/menu-ganhando-vida.html */ display: inline-block; width: 45px!important; font-family: muli; font-size: 10px; text-align: center; color: #9c8aa6; text-shadow: 1px 1px 1px #fff; background: rgba(0,0,0,0.03); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.15), 0px 1px 1px rgba(255,255,255,0.35); margin: 0px 1px 1px 0px; padding: 2px 3px 2px 3px; border-bottom: 3px solid #a1a1a1; opacity: 0.6; -webkit-filter: grayscale(100%); -webkit-transition-duration: .60s; -moz-filter: grayscale(100%); -moz-transition-duration: .60s; filter: grayscale(100%); transition-duration: .60s; } menu:hover { opacity: 1; background: #c9c9c9; box-shadow: inset 0px 1px 1px #bfbfbf, 0px 1px 1px #e0e0e0; border-radius: 3px 3px 0px 0px; -webkit-filter: grayscale(0%); -webkit-transition-duration: .60s; -moz-filter: grayscale(0%); -moz-transition-duration: .60s; filter: grayscale(0%); transition-duration: .60s; } .post img { border-radius: 2px; opacity: 0.80; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post img:hover { opacity: 1.0; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .postagem { width: 718px; margin: -2px 0px 0px -12px; padding: 4px; border-radius: 0px!important; border: 0px solid #ffffff; background: #fff; box-shadow: 0px 0px 3px #ddcee0; outline: solid 13px rgba(255, 255, 255, .5); outline-offset: -13px; -webkit-transition-duration: .60s; } .postagem:hover { background: transparent; opacity: 0.70; outline-offset: -5px; outline: 1px dashed #8f8f8f; border-radius: 1px; box-shadow: 0px 0px 3px #c8d5e0; -webkit-transition-duration: .60s; } .anns { background: #e1edf0; border-left: 3px solid #99bac4; border-radius: 5px 0px 0px 5px; margin: 2px 0px 2px 0px; width: 45px; height: 10px; padding: 2px 4px 4px 4px; font-family: muli; font-size: 11px; color: #99bac4!important; text-shadow: 1px 1px 1px #ffffff!important; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .anns:hover { border-radius: 0px; background: #bda9a4; border-left: 3px solid #5285a1; color: #8a706a!important; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .swap2 { margin: 1px 1px 1px 2px; outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .swap2:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .swap { margin: 1px 2px 1px 1px; outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .swap:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } /*----Ajustes e outras personalizações----*/ markers { background: #8f8f8f; box-shadow: 2px 2px 0px #fff; color: #ffffff; text-shadow: 1px 1px 1px #808080; font-family: muli; font-size: 9px; padding: 1px 4px 1px 4px; border-radius: 2px 2px 2px 2px; margin-bottom: -2px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } markers:hover { background: #fff; box-shadow: 2px 2px 0px #8f8f8f; color: #8f8f8f; text-shadow: 1px 1px 0px #f8f8f8; -webkit-transition: all 0.5s ease-out; } a:link { /*personalização nos links*/ text-decoration: none; color: #b8b8b8; text-shadow: 0px 0px 5px #f8f8f8, 2px -2px 3px #f8f8f8, -2px 2px 3px #f8f8f8, 1px 1px 1px #f8f8f8, -1px -1px 1px #f8f8f8; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } a:visited { /*personalização nos links - visitados*/ text-decoration: none; color: #8f8f8f; text-shadow: 0px 0px 0px #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } a:hover { /*personalização nos links - ao passar o mouse*/ text-decoration: line-through; color: #b8b8b8; text-shadow: 1px 1px 1px #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .main-inner h2.date-header { /*data do post*/ font-family: muli; font-size: 10px!important; color: #666666; text-shadow: 1px 1px 1px #f8f8f8; letter-spacing: 0px; text-align: center; padding: 2px 2px 2px 2px; background: #b8b8b8; border-radius: 0px 2px 2px 0px; box-shadow: 2px 2px 0px #f8f8f8, inset 0px 0px 0px #666666; float: right; margin: 0px -64px 0px 64px; width: 60px; height: 45px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .main-inner h2.date-header:hover { /*data do post - ao passar o mouse*/ box-shadow: none; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-footer { /* rodapé das postagens */ background: #f8f8f8; padding: 10px; margin: 8px -10px -10px -10px; outline-offset: -5px; outline: 1px dashed #e6e6e6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-footer:hover { /* rodapé das postagens - ao passar o mouse */ letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #blog-pager { /* mensagens antigas, home, recentes */ font-size: 12px; font-family: muli; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #blog-pager::after { /* troque o símbolo da chaveta da terceira linha se quiser*/ margin-left: 2px; content: '}'; -webkit-transform: translatex(-20px); -moz-transform: translatex(-20px); transform: translatex(-20px); } #blog-pager:hover::before,#blog-pager:hover::after,#blog-pager:focus::before,#blog-pager:focus::after { opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px); } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ background: #787878; border-top: 1px dashed #e6e6e6; box-shadow: 0px -3px 0px #595959; z-index: 1000; height: 25px; font-family: muli; font-size: 11px; color: #fff; text-shadow: 1px 1px 1px #696969; text-align: center; padding: 5px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .widget ul, .widget #ArchiveList ul.flat { /*marcadores personalizados - modelo do Adolescente Nerd*/ list-style: none; padding: 5px; } .widget ul li, .widget #ArchiveList ul.flat li { text-align: justify; border-bottom: dotted 1px #d5d5d5; margin-right: -32px; margin-left: -32px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .widget ul li:hover { background: #f4f2f4; text-shadow: 1px 1px 0px #fff; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post blockquote { border-radius: 3px; color: #ffffff; text-shadow: 1px 1px 0px #c7c7c7; margin-left: -0px; margin-right: -0px; padding: 5px; background: #b8b8b8; box-shadow: inset 0 0 0 0px #8f8f8f; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .post blockquote:hover { background: #b8b8b8; box-shadow: inset 400px 0 0 0 #8f8f8f, inset -400px 0 0 0 #8f8f8f; text-shadow: 1px 1px 0px #808080; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .tr-caption { /legenda/ font-size: 10px; font-family: muli; text-align: center; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .jump-link { /*leia mais*/ text-align: center; float: right; background: #b8b8b8; border-left: 4px solid #d4d4d4; padding: 12px 10px 0px 10px; margin: 12px -5px -28px 200px; width: 60px; height: 40px; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } .jump-link:hover { background: #b8b8b8; box-shadow: inset 200px 0 0 0 #e6e6e6, inset -200px 0 0 0 #e6e6e6; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } .jump-link a { text-align: center; color: #ffffff!important; text-shadow: 1px 1px 1px #666666; font-family: muli; font-size: 12px; font-weight: normal; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .jump-link a:hover { color: #ffffff!important; text-shadow: 1px 1px 1px #666666; text-decoration: none; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #e6e6e6; color: #b8b8b8; text-shadow: 1px 1px 1px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #e6e6e6; color: #b8b8b8; text-shadow: 1px 1px 1px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: #8f8f8f; border-radius: 0px; /*aumente o número para arredondar os cantos */ } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 10px; background: #b8b8b8; } div#qTip { /*tooltip*/ margin: 2px; padding: 4px 8px; border: 1px solid #666666; border-right-width: 1px; border-bottom-width: 1px; display: none; color: #3b3b3b; text-shadow: 1px 1px 0px #b8b8b8; background: #8f8f8f; box-shadow: inset 0px 0px 5px #666666, 1px 3px 3px #666666, inset 0px 0px 2px rgba(243,243,243,1.0);; border-radius: 3px; font-family: muli; font-size: 10px; position: absolute; } .caixa {background: url(http://1.bp.blogspot.com/-xVFo0jd4EEU/VIdXwv6FyEI/AAAAAAAAaUQ/OMyI1T4tMJ8/s1600/fundo.png) repeat; overflow:auto; border: 1px dashed #8f8f8f; padding: 3px; width: 705px; height: 80px; text-align: justify; } b {color: #3b3b3b; text-decoration: none;} /*Negrito */ b:hover { cursor: help; color: #8f8f8f;} i {color: #8f8f8f; text-decoration: none;} /* Itálico */ i:hover { cursor: help; color: #3b3b3b;} u {color: #3b3b3b; text-decoration: none; border-bottom: 1px dashed #3b3b3b;} /* Sublinhado */ u:hover {cursor: help; color: #8f8f8f; border-bottom: dashed 1px #8f8f8f; text-decoration: none; } strike {color: #8f8f8f; text-decoration: strike;} /* Tachado */ strike:hover {cursor: help; color: #3b3b3b; text-decoration: strike;} /*fim da edição*/ ]]>