<data:blog.pageTitle/> */ /*----Outros acréscimos (como fontface)----*/ @font-face { font-family: "lobster";src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); } @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); } @-webkit-keyframes wheel-wheel { from {opacity: .70; -webkit-transform:rotate(100deg); -o-transform:rotate(100deg); -moz-transform: rotate(100deg);} to {opacity: .70; -webkit-transform:rotate(180deg); -o-transform:rotate(10deg); -moz-transform: rotate(10deg);}} /*----Fundo, corpo e cabeçalho----*/ body, html { height: 300px; /*troque pela altura de um possível cabeçalho com largura total*/ margin: 0px; padding: 0px; } body { font: $(body.font); color: #594645; background: url(URL do possível cabeçalho com largura total) repeat; -webkit-transition-duration: .60s; } html { background: url(http://2.bp.blogspot.com/-ktHU3ORyBl0/Uz8hDBy1xGI/AAAAAAAAS5I/gGYv-Px62Ak/s1600/Background+2+-+CdK.png) repeat; -webkit-transition-duration: .60s; } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding: 50px 10px 0px 10px; } .Header h1 { /*título do blog */ font-family: Fredericka the Great; font-size: 50px; color: #6d94a8; text-shadow: 1px 1px 1px #ffffff; } .Header h1 a { /*título do blog */ font-family: Fredericka the Great; font-size: 50px; color: #6d94a8; text-shadow: 1px 1px 1px #ffffff; } .Header .description { /*quem usa descrições hoje em dia? */ font-size: 130%; } 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: -webkit-gradient(linear, left top, right bottom, from(#74a1b3 ), to(#a5c9d1)); border-radius: 10px; border-left: 1px solid #e4eff0; border-right: 1px solid #6896ad; border-bottom: 1px solid #6896ad; } .footer-inner { /*rodapé da área de postagem*/ height: 20px; background: url(http://3.bp.blogspot.com/-fuYoLi7TWkI/U1fzFjBRgKI/AAAAAAAATI8/PUTMrHlg2jA/s1600/rodap%C3%A9%C3%A1rea.PNG) no-repeat; } .widget .zippy { color: $(widget.alternate.text.color); } 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: #594645; text-shadow: 1px 1px 1px #eddfdd; letter-spacing: 1px; padding: 35px 5px 0px 5px; background: url(http://1.bp.blogspot.com/-dg2L5YjESRA/U1ANECVlVvI/AAAAAAAATEk/4XVfer-E6lI/s1600/titulopost2.png) repeat; height: 25px; width: 710px; margin: -30px -10px 10px -10px; -webkit-transition-duration: .50s; } h3.post-title a { /* título dos posts - fonte */ text-align: center; font-family: Fredericka the Great; font-size: 20px; color: #5285a1; text-shadow: 1px 1px 1px #eddfdd; letter-spacing: 1px; -webkit-transition-duration: .50s; } h3.post-title a:hover { /* título dos posts - ao passar o mouse */ text-decoration: line-through; letter-spacing: 2px; -webkit-transition-duration: .50s; } .post-outer { /* postagens */ font: $(widget.font); color: #8a736d; text-shadow: 1px 1px 1px #d9c7c3; background: #ffffff; padding: 10px; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 1px #5285a1; margin-bottom: 25px; margin-right: -2px; } .post-body { text-align: justify; line-height: 1.4; position: relative; } .post-header { margin: 0px 0px 1em; line-height: 1.6; } .main-inner .column-center-inner { /*área que ficaria por detrás da área de post */ padding: $(content.posts.padding) 0px; background: transparent; } .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; } /*----Sidebar----*/ h2 { font-family: Fredericka the Great; font-size: 16px; color: #3b3b3b; /* se quiser invisível, troque por transparent */ text-shadow: 0px 0px 0px #8f8f8f; /*troque o 0 por um valor menor que 5 se quiser sombra */ letter-spacing: 1px; /*se não quiser letras espaçadas, troque por 0 */ -webkit-transition-duration: .50s; } .footer-inner .widget h2 { padding-bottom: .5em; } .sidebar .widget h2 { /*título dos gadgets*/ text-align: center; font-family: Fredericka the Great; font-size: 16px; color: #a38a84; text-shadow: 1px 1px 1px #ffffff; letter-spacing: 1px; padding: 20px 5px 10px 5px; background: url(http://1.bp.blogspot.com/-MAO73dPkgRU/U1AVgvKz-uI/AAAAAAAATFQ/KzjAc4e-nIM/s1600/ribbon2.3.png) no-repeat; width: 275px; height: 67px; margin: -35px -20px -30px -30px; -webkit-transition-duration: .50s; } .sidebar .widget h2:hover { color: #5285a1; letter-spacing: 2px; background: url(http://2.bp.blogspot.com/-gOLcuuUIV0g/U1AakNgs_BI/AAAAAAAATFg/o64FK-ZHasE/s1600/ribbon1.2.png) no-repeat; -webkit-transition-duration: .50s; } .main-inner .column-right-inner { margin-top: 12px; 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: 12px; margin-right: $(content.padding); } .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-family: Cabin Sketch; color: #8a736d; text-shadow: 1px 1px 1px #d9c7c3; background: #ffffff; padding: 8px; border-radius: 0px 3px 3px 0px; box-shadow: 1px 1px 1px #5285a1; border-left: 5px solid #2e3957; margin: 0px 20px 50px -20px; -webkit-transition-duration: .60s; } .sidebar .widget:hover { /*gadgets hover */ background: url(http://3.bp.blogspot.com/-X283qTCPvBY/U1AcUB5uptI/AAAAAAAATFs/2SBTioX0vo4/s1600/fundoside.png) repeat #fff; box-shadow: 2px 2px 0px #e4eff0; border-left: 5px solid #5285a1; color: #2e3957; text-shadow: 1px 1px 1px #a5c9d1; -webkit-transition-duration: .60s; } .sidebar .widget:first-child { /*primeiro gadget da sidebar, pode torná-lo diferente dos outros facilmente */ background: -webkit-gradient(linear, left top, right bottom, from(#f0f0f0 ), to(#e6f1f2)); border-radius: 1px 8px 1px 8px; margin: 25px 20px 20px 0px; border: 1px solid #5285a1; outline-offset: 3px; outline: 1px dashed #a5c9d1; box-shadow: inset 0px 0px 5px #a1bbbf; text-shadow: 1px 1px 1px #ffffff; color: #7190a8; padding: 5px; -webkit-transition-duration: .60s; } .sidebar .widget:first-child:hover { /*primeiro gadget da sidebar, pode torná-lo diferente dos outros facilmente */ background: -webkit-gradient(linear, left top, right bottom, from(#e6f1f2 ), to(#f0f0f0)); border-radius: 8px 1px 8px 1px; box-shadow: inset 0px 0px 5px #7a697d; text-shadow: 1px 1px 1px #ffffff; color: #8a736d; -webkit-transition-duration: .60s; } .sidebar .widget:first-child h2 { /*título do primeiro gadget*/ text-align: center; font-family: Fredericka the Great; font-size: 16px; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; letter-spacing: 1px; padding: 25px 5px 5px 5px; background: url(http://1.bp.blogspot.com/-ao-TRwwhGTw/U1f6BV_x2QI/AAAAAAAATJM/seuPGUsJ2xw/s1600/ribbon3.PNG) no-repeat; width: 270px; height: 74px; margin: -70px -20px -30px -30px; -webkit-transition-duration: .50s; } .sidebar .widget:first-child h2:hover { letter-spacing: 2px; background: url(http://1.bp.blogspot.com/-F11a4274nYg/U1f6CCLU_QI/AAAAAAAATJQ/OsacN1MouIc/s1600/ribbon4.png) no-repeat; -webkit-transition-duration: .50s; } .sidebar .widget:last-child { /*ultimo gadget da sidebar, pode torná-lo diferente dos outros facilmente */ background: -webkit-gradient(linear, left top, right bottom, from(#f0f0f0 ), to(#e6f1f2)); border-radius: 1px 8px 1px 8px; margin: 25px 20px 50px 0px; border: 1px solid #5285a1; outline-offset: 3px; outline: 1px dashed #e4eff0; box-shadow: inset 0px 0px 5px #a1bbbf; text-shadow: 1px 1px 1px #ffffff; color: #7190a8; padding: 5px; -webkit-transition-duration: .60s; } .sidebar .widget:last-child:hover { /*ultimo gadget da sidebar, pode torná-lo diferente dos outros facilmente */ background: -webkit-gradient(linear, left top, right bottom, from(#e6f1f2 ), to(#f0f0f0)); border-radius: 8px 1px 8px 1px; box-shadow: inset 0px 0px 5px #7a697d; text-shadow: 1px 1px 1px #ffffff; color: #8a736d; -webkit-transition-duration: .60s; } .sidebar .widget:last-child h2 { /*título do primeiro gadget*/ text-align: center; font-family: Fredericka the Great; font-size: 16px; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; letter-spacing: 1px; padding: 25px 5px 5px 5px; background: url(http://1.bp.blogspot.com/-ao-TRwwhGTw/U1f6BV_x2QI/AAAAAAAATJM/seuPGUsJ2xw/s1600/ribbon3.PNG) no-repeat; width: 270px; height: 74px; margin: -70px -20px -30px -30px; -webkit-transition-duration: .50s; } .sidebar .widget:last-child h2:hover { letter-spacing: 2px; background: url(http://1.bp.blogspot.com/-F11a4274nYg/U1f6CCLU_QI/AAAAAAAATJQ/OsacN1MouIc/s1600/ribbon4.png) no-repeat; -webkit-transition-duration: .50s; } #Followers1 { background: url(http://1.bp.blogspot.com/-gZ39_H4O1sI/U1gITiH7PTI/AAAAAAAATJs/SyQ-lCTpgMk/s1600/followers.PNG) no-repeat; height: 280px; width: 250px; border-radius: 0px; border: 0px solid transparent; box-shadow: inset 0px 0px 0px transparent, 0px 0px 0px transparent; margin: 10px 10px 30px 0px; opacity: 0.8; -webkit-transition-duration: .50s; } #Followers1:hover { margin: 10px 10px 30px 0px; opacity: 1; -webkit-transition-duration: .50s; } #Followers1 h2 { background: url(http://4.bp.blogspot.com/-WDPSKBnzN9Y/U1gNc64xxBI/AAAAAAAATKE/-zIwGdfa1mc/s1600/ribbon5.2.png) no-repeat; height: 25px; width: 200px; margin: 0px 0px 20px 10px; font-family: Special Elite; font-size: 14px; padding: 5px 5px 5px 30px; text-align: left; -webkit-transition-duration: .50s; } #Followers1 h2:hover { background: url(http://1.bp.blogspot.com/-1_aV9itNgms/U1gNcAoHs1I/AAAAAAAATJ8/7mI5WSDBSMI/s1600/ribbon5.PNG) no-repeat; padding: 5px 5px 5px 25px; -webkit-transition-duration: .50s; } /*----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: #2e3957!important; text-shadow: 1px 1px 1px #ffffff; font-family: Fredericka the Great; font-size: 18px; text-align: center; -webkit-transition-duration: .60s; } #comments h4:hover, #comments .comment-author a:hover, #comments .comment-timestamp a:hover { letter-spacing: 2px; -webkit-transition-duration: .60s; } #comments a { /* fonte em geral*/ color: #666666; text-align: center; font-family: Muli; font-size: 10px; } .comments .comments-content .icon.blog-author { /*icon que aparece nos comentários do dono do blog*/ position: absolute; margin: -2px 120px 2px 0px; background: url(http://i11.photobucket.com/albums/a168/evelynregly/minigifs/minitolaxaum.gif) no-repeat; width: 20px; height: 20px -webkit-transition-duration: .60s; } .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: 15px; background: url(http://3.bp.blogspot.com/-T-nyPldTk7M/UnldkGggw5I/AAAAAAAAO2M/MaAO4SkF944/s1600/back.png) repeat; padding: 5px; border-radius: 3px; } .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: outline-block; margin: 21px 10px 10px 10px; text-align: center; text-decoration: none; border-radius: 2px 2px 0px 0px; border-bottom: 1px dashed #bda9a4; background: #5a6582; box-shadow: inset 0px 0px 5px #2e3957, 1px 1px 2px #2e3957; padding: 1px 5px 1px 5px; color: #e4eff0!important; text-shadow: 1px 1px 1px #2e3957; text-decoration: none; -webkit-transition-duration: .60s; } .comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { /*fonte do botão reply em hover*/ margin: 17px 10px 10px 10px; border-radius: 0px; border-bottom: 4px solid #5285a1; background: #bda9a4; box-shadow: inset 0px 0px 0px #2e3957, 0px 0px 0px #2e3957; color: #5285a1!important; text-shadow: 1px 1px 1px #ffffff; -webkit-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: 8px!important; float: right; font-family: Muli!important; text-decoration: none; color: #ffffff!important; text-shadow: 1px 1px 1px #5285a1!important; padding: 10px 5px 8px 10px; margin: -5px -5px 0px 0px; border-radius: 0px; border-bottom: 4px solid #5285a1; background: #bda9a4; box-shadow: inset 0px 0px 0px #2e3957, 0px 0px 0px #2e3957; -webkit-transition-duration: .60s; } .comments .comments-content .datetime a:hover { /*data do comentário em hover*/ border-radius: 0px 0px 0px 5px; letter-spacing: 1px; -webkit-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: 20px 0px 20px 20px; border: 15px solid #5285a1; background: #ffffff; box-shadow: 0px 0px 5px #29566b; -webkit-transition-duration: .60s; } .comments .comment-block:hover { background: url(http://3.bp.blogspot.com/-4AYKFJcHfsE/U1uj7P0NfyI/AAAAAAAATSQ/r37bGNLS6bE/s1600/linhas.png) repeat #fff; border: 15px solid #bda9a4; box-shadow: 0px 0px 5px #8f7b77; -webkit-transition-duration: .60s; } .comment-header { /*nome do autor do comentário*/ background: url(http://2.bp.blogspot.com/-ZNsmpWtI394/U0AKMSAs2ZI/AAAAAAAAS7s/cX-IZhl2LLk/s1600/tags.PNG) no-repeat transparent; font-family: Fredericka the Great; font-size: 18px; padding: 5px 5px 5px 40px; margin-bottom: 2px; border-bottom: 1px dashed #a5c9d1; border-radius: 10px 0px 0px 0px; -webkit-transition-duration: .60s; } .comment-header:hover { /*nome do autor em hover*/ background: url(http://2.bp.blogspot.com/-ZNsmpWtI394/U0AKMSAs2ZI/AAAAAAAAS7s/cX-IZhl2LLk/s1600/tags.PNG) no-repeat #f2f0f0; border-bottom: 1px dashed #bda9a4; -webkit-transition-duration: .60s; } .comment-header a { /*fonte do nome do autor*/ font-family: Fredericka the Great!important; font-size: 18px!important; color: #a5c9d1!important; text-shadow: 1px 1px 1px #e4eff0!important; -webkit-transition-duration: .50s; } .comment-header a:hover { font-family: Fredericka the Great!important; font-size: 18px!important; color: #bda9a4!important; text-shadow: 1px 1px 1px #ffffff!important; -webkit-transition-duration: .50s; } .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 15px 5px 5px; border-radius: 1px; padding: 5px; background: #a5c9d1; box-shadow: inset 0px 0px 5px #87a9b0, 1px 1px 2px #5285a1; max-width: 80px; max-height: 80px; min-height: 50px; min-width: 50px; -webkit-transition-duration: .60s; } .comments .avatar-image-container img { /*avatar também*/ border-radius: 1px; max-width: 80px; max-height: 80px; min-height: 50px; min-width: 50px; -webkit-transition-duration: .60s; } /*----Efeitos e menus----*/ .gray { margin: 1px; text-align: center; font-size: 9px; font-family: Muli; text-transform: uppercase; display: inline-block; position: relative; color: #968480!important; text-shadow: 1px 1px 1px #ffffff; width: 45px; padding: 3px; text-decoration: none; background: #bda9a4; box-shadow: inset 0px 0px 5px #968480; border-top: 2px solid #968480; border-bottom: 2px solid #968480; border-radius: 0px; -webkit-transition-duration: .60s; } .gray:hover { background: #d1dee0; border-radius: 2px; border-top: 2px solid #7fa8b5; border-bottom: 2px solid #7fa8b5; box-shadow: 0px 0px 5px #a5c9d1, 2px 2px 4px #a5c9d1; color: #7fa8b5!important; -webkit-animation-name: wheel-wheel; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-transition-duration: .60s; } .gray:hover:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #7fa8b5 transparent; -webkit-animation-name: wheel-wheel; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-transition-duration: .60s; } .post img { opacity: 0.80; -webkit-transition-duration: .60s; } .post img:hover { opacity: 1.0; -webkit-transition-duration: .60s; } .bordas { margin: 5px 10px -5px -5px; opacity: 0.70; border: 6px solid #ffffff; border-radius: 3px; box-shadow: 0px 0px 5px #cccccc, inset 0px 0px 5px #cccccc; -webkit-transition-duration: .60s; } .bordas:hover { opacity: 1.0; -webkit-transition-duration: .60s; } .swap { outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; -webkit-transition-duration: .60s; } .swap:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; opacity: .80; -webkit-transition-duration: .60s; } .swap2 { outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; -webkit-transition-duration: .60s; } .swap2:hover { margin-right: 5px; outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; border-radius: 10px; -webkit-filter: blur(2px); -webkit-transform: rotate(5deg); -webkit-transition-duration: .60s; } .swap3 { margin-right: 5px; outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; border-radius: 1px; -webkit-transition-duration: .60s; } .swap3:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; opacity: .80; -webkit-transform: scale(0.7) rotate(-10deg); -webkit-transition-duration: .60s; } .moldura { padding: 4px; border: 1px solid #ffffff; max-width: 600px; height: auto; border-radius: 1px; outline: solid 15px rgba(255, 255, 255, .5); outline-offset: -15px; -webkit-transition-duration: .60s; } .moldura:hover { opacity: 0.70; outline-offset: -5px; outline: 1px dashed #bda9a4; box-shadow: 0px 0px 3px #5285a1; -webkit-transition-duration: .60s; } .heart { -webkit-mask-image: url(http://3.bp.blogspot.com/-ICF4hr8P0oM/Uq2jIQKpsqI/AAAAAAAAQZw/a0iOpNKti18/s200/Sem+t%C3%ADtulo.png); border-radius: 10px 10px 0px 0px; height: 140px; width: 228px; margin-bottom: -5px; -webkit-transition-duration: .60s; } .heart:hover { -webkit-filter: sepia(0) saturate(0); -webkit-mask-image: url(http://1.bp.blogspot.com/-gIIAFdtx6C4/Uq2hy58WQuI/AAAAAAAAQZk/ZVvmgM0NLY4/s1600/teste.png); -webkit-transition-duration: .60s; } .confused { /*dados da imagem - para fazer afiliados numa só imagem, reduzi a border-bottom e right*/ width: 38px; height: 28px; margin-bottom: -6px; margin-right: -4px; text-align: center; } .confused:hover { /*repetição do primeiro código, mas em hover*/ width: 38px; height: 28px; margin-bottom: -6px; margin-right: -4px; text-align: center; } .efeito img { /*dimensões da imagem*/ width: 38px; height: 28px; -webkit-transition-duration: .45s; } .efeito:hover img { /*imagens em hover - as que não estão com o rato*/ opacity: 0.50; -webkit-transform: rotate(360deg); -webkit-filter: sepia(0.3) hue-rotate(350deg) saturate(1); -webkit-transition-duration: .45s; } .efeito img:hover { /*o que muda ao passar o rato*/ -webkit-transition-duration: .45s; opacity: 1.0; } .postagem { margin: 0px 0px 0px -8px; opacity: 0.70; border: 6px solid #ffffff; border-radius: 2px; box-shadow: 0px 0px 5px #cccccc, inset 0px 0px 5px #cccccc; -webkit-transition-duration: .60s; } .postagem:hover { opacity: 1.0; -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: 4px; font-family: Muli; font-size: 9px; color: #99bac4!important; text-shadow: 1px 1px 1px #ffffff!important; -webkit-transition-duration: .5s; } .anns:hover { border-radius: 0px; background: #bda9a4; border-left: 3px solid #5285a1; color: #8a706a!important; -webkit-transition-duration: .5s; } /*----Ajustes e outras personalizações----*/ a:link { /*personalização nos links*/ text-decoration: none; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .50s; } a:visited { /*personalização nos links - visitados*/ text-decoration: none; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .50s; } a:hover { /*personalização nos links - ao passar o mouse*/ text-decoration: line-through; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .50s; } .main-inner h2.date-header { /*data do post*/ font-family: Muli; font-size: 10px!important; color: #000000; text-shadow: 1px 1px 1px #a3aec7; letter-spacing: 0px; text-align: center; padding: 20px 2px 5px 2px; background: url(http://4.bp.blogspot.com/-GniFFzKa390/Uz_WVYHTFtI/AAAAAAAAS6U/bjyB6Kbq7pE/s1600/database1pronto2.png) no-repeat; width: 60px; height: 180px; margin: 50px 0px -250px 720px; -webkit-transition-duration: .50s; } .main-inner h2.date-header:hover { /*data do post - ao passar o mouse*/ color: #8fb1ba; text-shadow: 1px 1px 1px #ffffff; letter-spacing: 1px; background: url(http://1.bp.blogspot.com/-DLuRQGJbVkY/Uz_WV2aYHuI/AAAAAAAAS6c/4h7oU--g_-Y/s1600/database2pronto2.png) no-repeat; -webkit-transition-duration: .50s; } .post-footer { /* rodapé das postagens */ color: #998885; background: url(http://3.bp.blogspot.com/-Q7OdRcbmprg/Uz_3-O9yoMI/AAAAAAAAS7U/k6G6apCsuMY/s1600/rodap%C3%A9.PNG) no-repeat; padding: 10px; margin: 0px -10px -10px -10px; border-radius: 0px 0px 3px 3px; -webkit-transition-duration: .50s; } .post-footer:hover { /* rodapé das postagens - ao passar o mouse */ background: url(http://4.bp.blogspot.com/-W0TxIXaT_EQ/Uz_3-gNbVjI/AAAAAAAAS7Y/XsdpGNq2KQc/s1600/rodap%C3%A92.png) no-repeat; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .50s; } #blog-pager { /* mensagens antigas, home, recentes */ font-size: 10px; font-family: Muli; color: #2e3957!important; text-shadow: 1px 1px 1px #ffffff; } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ background: url(http://1.bp.blogspot.com/-ASKHaREIq-U/Uz_XvMBTGEI/AAAAAAAAS6o/Ptea_1hn78s/s1600/titulopost.PNG) repeat; z-index: 1000; height: 20px; font-family: Muli; font-size: 11px; color: #968280; text-shadow: 1px 1px 1px #ffffff; text-align: center; padding: 5px; } .widget ul, .widget #ArchiveList ul.flat { /*marcadores personalizados */ list-style: none; padding: 5px 5px 5px 30px; } .widget ul li, .widget #ArchiveList ul.flat li { padding: 5px 5px 5px 30px; background: url(http://2.bp.blogspot.com/-ZNsmpWtI394/U0AKMSAs2ZI/AAAAAAAAS7s/cX-IZhl2LLk/s1600/tags.PNG) no-repeat #ffffff; text-align: justify; text-shadow: 1px 1px 1px #ffffff; color: #bda9a4; border-bottom: dotted 1px #d5d5d5; margin-right: -33px; margin-left: -33px; -webkit-transition-duration: .50s; } .widget ul li:hover { background: url(http://2.bp.blogspot.com/-ZNsmpWtI394/U0AKMSAs2ZI/AAAAAAAAS7s/cX-IZhl2LLk/s1600/tags.PNG) no-repeat #f4f2f4; color: #5285a1; -webkit-transition-duration: .50s; } .post blockquote { outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; margin: 5px 0px 0px 0px; border-radius: 3px 3px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #5285a1; padding: 5px 10px 5px 10px; background: #d1e4e8; border-bottom: 3px double #658ca1; border-right: 3px double #658ca1; -webkit-transition-duration: 3s; } .post blockquote:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; background: #d1e4e8; box-shadow: inset 500px 0 0 0 #b4d4de, inset -500px 0 0 0 #b4d4de; text-shadow: 1px 1px 1px #ffffff; color: #5285a1; border-bottom: 3px solid #658ca1; border-right: 3px solid #658ca1; -webkit-transition-duration: 3s; } .jump-link { /*leia mais*/ text-align: center; float: right; border-top: 6px solid #2e3957; background: #a5c9d1; border-radius: 0px 0px 3px 3px; outline-offset: -3px; padding: 2px 10px 10px 10px; margin: -5px 40px 0px 150px; width: 50px; height: 40px; -webkit-transition-duration: 5s; } .jump-link:hover { background: #a5c9d1; box-shadow: inset 200px 0 0 0 #e4eff0, inset -200px 0 0 0 #e4eff0; -webkit-transition-duration: 5s; } .jump-link a { text-align: center; color: #ffffff!important; text-shadow: 1px 1px 1px #5285a1; font-family: Muli; font-size: 10px; font-weight: normal; -webkit-transition-duration: .60s; } .jump-link a:hover { color: #ffffff!important; text-shadow: 1px 1px 1px #a5c9d1; text-decoration: none; -webkit-transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #e1edf0; color: #99bac4; text-shadow: 1px 1px 1px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #e1edf0; color: #99bac4; text-shadow: 1px 1px 1px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: #bda9a4; border-radius: 0px; border-bottom: 3px solid #5285a1; border-top: 3px solid #5285a1; } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 10px; background: #a5c9d1; } div#qTip { /*tooltip*/ display: none; z-index: 1000; position: absolute; margin: 5px; background: #dfeaed; box-shadow: inset 1px 1px 0px #f6f6f6, 1px 1px 2px #bda9a4; border: 3px double #a5c6d1; color: #5285a1; text-shadow: 1px 1px 1px #ffffff; font-family: Muli; font-size: 8px; padding: 2px 5px 2px 5px; } b { /*Negrito */ color: #bda9a4; text-decoration: none; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } b:hover { cursor: help; color: #a5c9d1; background: #e4eff0; border-radius: 3px; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } i { /* Itálico */ color: #5285a1; text-decoration: none; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } i:hover { cursor: help; color: #a5c9d1; background: #e4eff0; border-radius: 3px; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } u {/* Sublinhado */ color: #5285a1; text-decoration: none; border-bottom: 1px dashed #5285a1; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } u:hover { cursor: help; color: #a5c9d1; background: #e4eff0; border-radius: 3px; border-bottom: dashed 1px #a5c9d1; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } strike { /* Tachado */ color: #bda9a4; text-decoration: strike; text-shadow: 1px 1px 1px #ffffff; -webkit-transition-duration: .60s; } strike:hover { cursor: help; color: #a5c9d1; background: #e4eff0; border-radius: 3px; text-shadow: 1px 1px 1px #ffffff; text-decoration: strike; -webkit-transition-duration: .60s; } /*fim da edição*/ ]]>