<data:blog.pageTitle/> */ /* Content ----------------------------------------------- */ body { font: $(body.font); color: $(body.text.color); background: $(body.background); } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:none; color: $(link.hover.color); } .content-outer .content-cap-top { height: background: #ffffff } .content-outer { margin: 0 auto; } .content-inner { backgroundcolor: #ffffff } .main-inner .date-outer { margin-bottom: 2em; } /* Header ----------------------------------------------- */ .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 10px; padding-right: 10px; } .Header h1 { font: $(header.font); color: $(header.text.color); } .Header h1 a { color: $(header.text.color); } .Header .description { font-size: 130%; } /* Tabs ----------------------------------------------- */ .tabs-inner { margin: 1em 0 0; padding: 0; } .tabs-inner .section { margin: 0; } .tabs-inner .widget ul { padding: 0; background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center; } .tabs-inner .widget li { border: none; } .tabs-inner .widget li a { display: inline-block; padding: 1em 1.5em; color: $(tabs.text.color); font: $(tabs.font); } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index: 1; background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center; color: $(tabs.selected.text.color); } /* Headings ----------------------------------------------- */ h2 { font: $(widget.title.font); color: $(widget.title.text.color); } .main-inner h2.date-header { font: georgia; color: #fff; /* Cor da fonte */ margin-left: -62px; /* Espaço entre data e área do post, altere até ficar do tamanho certo */ background: #FF69B4; /* Cor do fundo */ float: left; /* Posicionamento, caso a sua barra lateral seja do lado esquerdo, mude para left */ font-size: 11px; /* Tamanho da fonte */ padding: 4px; border-bottom-left-radius: 10px; border-left: 5px solid #FFFACD; border-top-right-radius: 10px; border-right: 5px solid #FFFACD; -webkit-transition-duration: .50s; } .main-inner h2.date-header:hover { background: #FF82AB; /* Cor do fundo quando passa o mouse */ border-top-left-radius: 10px; border-left: 5px solid #FFFACD; border-bottom-right-radius: 10px; border-right: 5px solid #FFFACD; -webkit-transition-duration: .50s; } .footer-inner .widget h2, .sidebar .widget h2 { padding-bottom: .5em; } /* Main ----------------------------------------------- */ .main-inner { padding: $(content.padding) 0; } .main-inner .column-center-inner { padding: $(content.posts.padding) 0; } .main-inner .column-center-inner .section { margin: 0 $(content.posts.padding); } .main-inner .column-right-inner { margin-left: $(content.padding); } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { margin-left: $(content.padding); background: transparent } .main-inner .column-left-inner { margin-right: $(content.padding); } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { margin-right: $(content.padding); background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; } .main-inner .column-left-inner, .main-inner .column-right-inner { padding: 15px 0; } /* Posts ----------------------------------------------- */ h3.post-title { text-align: center; margin-top: 20px; } h3.post-title a { font: $(post.title.font); color: $(post.title.text.color); } h3.post-title a:hover { text-decoration: none; } .post-outer { margin: 3px 8px 15px; background:#fff; padding: 2px 2px; padding: 2px; box-shadow: 0px 1px 1px 1px #ccc; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-left: 3px solid #FFC0CB; } .post-body { line-height: 1.4; position: relative; } .post-header { margin: 0 0 1em; line-height: 1.6; } .post-footer { margin: .5em 0; line-height: 1.6; } #blog-pager { font-size: 140%; } #comments { background: url(http://2.bp.blogspot.com/-tNXmWjpazW0/UbDQBomgBLI/AAAAAAAAJxg/YJ4xrcQ3OCk/s1600/fundo-coracao_large.jpg) repeat; $(comments.background); 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 ----------------------------------------------- */ #comments a { color: $(post.title.text.color); } .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px} .comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:left} .comments .comment .comment-actions a,.comments .comment .continue a{ display:inline-block; margin:0 0 10px 10px; padding:0 15px; color:#999 !important; /*--- Color de la fuente del boton de Responder--- */ text-align:center; text-decoration:none; background: #FFF8DC; /*--- color del fondo del boton de responder--- */ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #FFFAF0) ); /*--- color del fondo del gradiente--- */ background: -moz-linear-gradient( center top, white 20%, #FFFACD 100% );/*--- color del fondo del gradiente--- */ border:1px solid #FFE4B5; /*---color borde boton responder--- */ border-radius:5px; -moz-border-radius:5px; height:26px; line-height:28px; font-weight:normal; cursor:pointer; } .comments .comment .comment-actions a:hover,.comments .comment .continue a:hover { text-decoration: none; background:#FFFFF0; /*--- Color fondo boton responder hover--- */ border:1px solid #FFDEAD; /*--- color borde boton responder hover--- */ } .comments .comments-content .comment-thread ol{ list-style-type:none;padding:0;text-align:none} .comments .comments-content .inline-thread{padding:0} .comments .comments-content .comment-thread{margin:8px 0} .comments .comments-content .comment-thread:empty{display:none} .comment-replies{margin-top:1em;margin-left:40px;} .comments .comments-content .comment{margin-bottom:0;padding-bottom:0} .comments .comments-content .comment:first-child{padding-top:16px} .comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0} .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 .icon.blog-author{ background-repeat: no-repeat; background-image: url(http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/minigifsbyannyzblog218.gif); width:20px; height:20px; display:inline-block; margin:0 0 -4px 6px; float:right; } .comments .comments-content .datetime a{ font-size:11px; float:right; text-decoration:none; color:#DB7093; /* -- color del link de la fecha de comentario-- */ } .comment-content{margin:0 0 8px;padding:0 5px; } .comments .comment-block{ margin-left:65px; position:relative; background:#fff; /* -- color de fondo de la caja de comentario-- */ border:3px solid #FFE4E1; /* --- color de borde de la caja de comentario---*/ border-radius:8px; -moz-border-radius:8px; } .comment-header{ /*--- Link o nombre del autor de los comentarios--- */ background-color:#FFF0F5; /*--- color de fondo--- */ font-size:18px; border-bottom:1px solid #DB7093; /*--- color de borde --- */ padding:5px; } .comment-header a{ color: $(link.color); /*--- color de link de nombre del autor comentarios--- */ } .comments .comments-content .owner-actions{position:absolute;right:0;top:0} .comments .comments-replybox{border:none;height:230px;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.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent; } .avatar-image-container{ background:url(http://3.bp.blogspot.com/-uyq6qUMgZY4/T9hNk34hREI/AAAAAAAAAK0/l7bMt9LUPTE/s1600/imagem-arrow.png) top right no-repeat; /*--- imagen flechita---*/ float:left vertical-align:middle; overflow:hidden; width:65px !important; height:51px !important; max-width:65px !important; max-height:51px !important} .comments .avatar-image-container img{ padding:2px; border:1px double #FFFAF0; width:45px !important; height:45px !important ;max-width:45px !important; max-height:45px !important; } /* Widgets ----------------------------------------------- */ .sidebar .widget { padding-bottom: 10px; margin: 10px 0; background: #FFFFFF; box-shadow: 0px 1px 1px 1px #ccc; border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-right: 3px solid #FFC0CB; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget:hover { -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; } .sidebar .widget:first-child { BACKGROUND: TRANSPARENT; BORDER-TOP: TRANSPARENT; BORDER-BOTTOM: TRANSPARENT; border-right: transparent; box-shadow: 0px 0px 0px 0px; margin-top: 0; } .sidebar .widget:first-child:hover { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .sidebar .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .footer-inner .widget, .sidebar .widget { font: $(widget.font); color: $(widget.text.color); } .sidebar .widget a:link { color: $(widget.link.color); text-decoration: none; } .sidebar .widget a:visited { color: $(widget.link.visited.color); } .sidebar .widget a:hover { color: $(widget.link.color); text-decoration: none; } .footer-inner .widget a:link { color: $(link.color); text-decoration: none; } .footer-inner .widget a:visited { color: $(link.visited.color); } .footer-inner .widget a:hover { color: $(link.color); text-decoration: underline; } .widget .zippy { color: $(widget.alternate.text.color); } .footer-inner { background: transparent $(footer.background.gradient) repeat scroll top center; } /* Mobile ----------------------------------------------- */ .sidebar .widget h2{background: url(http://1.bp.blogspot.com/-gVfIsDpfTtU/UbDQ2em2Y-I/AAAAAAAAJzw/6DKLrcPq6cY/s1600/bw1.PNG) no-repeat left; margin-top:-2px; margin-left:0px; margin-bottom:0px; padding:15px; width:150%;overflow:hidden;} body.mobile { background-size: 100% auto; } body.mobile .AdSense { margin: 0 -10px; } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile .footer-inner .widget a:link { color: $(widget.link.color); text-decoration: none; } .mobile .footer-inner .widget a:visited { color: $(widget.link.visited.color); } .mobile-post-outer a { color: $(post.title.text.color); } .mobile-link-button { background-color: $(link.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.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); } .feed-links { height:0px; visibility:hidden; display:none} #footer-wrapper { background: #FF69B4 ; /*** cor do fundo ***/ background-repeat: no-repeat; z-index: 1000; height: 20px; /*** Altura da barra ***/ clear: both; font-size: 90%; /*** tamanho da fonte ***/ color: #fff; /*** cor da fonte ***/ text-align: center; /*** alinhamento da fonte ***/ padding: 5px; } ::-moz-selection { background:#FFE4E1; /*Cor do fundo*/ color:#FFFFFF; /*Cor da fonte*/ } ::selection { background:#FFE4E1;/*Cor do fundo*/ color:#FFFFFF; /*Cor da fonte*/ } blockquote { background: #F5ECED; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 5px solid #FFFACD; font-size: 13px; text-align:center; padding: 10px; -webkit-transition-duration: .50s; } blockquote:hover { background: #FFF0F5; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-right: 5px solid #FFDEAD; font-size: 13px; text-align:center; padding: 10px; -webkit-transition-duration: .50s; } .widget ul, .widget #ArchiveList ul.flat { list-style: none; padding: 5px; } .widget ul li, .widget #ArchiveList ul.flat li { text-align: center; border-bottom: dotted 1px #d5d5d5; -webkit-transition-duration: .50s; } .widget ul li:hover { background: #f4f2f4; -webkit-transition-duration: .50s; } .post img { -moz-border-radius: 10px; -webkit-boder-radius: 10px; border-radius: 10px; -webkit-transition-duration: .50s; } .post img:hover { -moz-border-radius: 15px; -webkit-boder-radius: 15px; border-radius: 15px; -webkit-transition-duration: .50s; } .main img { filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82; } .main img:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; duration: 50s; } .gud { -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s; font-variant: small-caps; font-size: 12px; margin-bottom: 2px; cursor: normal; } .gud:hover { -webkit-transform: scale(0.7) rotate(-10deg); -moz-transform: scale(0.7) rotate(-10deg); -o-transform: scale(0.7) rotate(-10deg); -ms-transform: scale(0.7) rotate(-10deg); transform: scale(0.7) rotate(-10deg); } .sd { width: 200px; height: 196px; margin: 10px; float: center; border: 5px solid #fff; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 4px #ccc; cursor: default; } .sd .luv, .sd .content { width: 200px; height: 196px; position: absolute; overflow: hidden; top: 0; left: 0; } .sd img { display: block; position: relative; } .efeito img { opacity:1; -webkit-transition: all 0.3s ease-in; margin-top: 0; -webkit-transition-duration: .60s; } .efeito .luv { cursor:pointer; opacity:0.7; visibility:visible; border:85px solid #FFFACD; box-sizing:border-box; -webkit-transition-duration: .60s; } .efeito:hover .luv { border:0px double #fff; opacity:0; visibility:hidden; -webkit-transition: all 0.5s cubic-bezier(0.940, 0.850, 0.100, 0.620); -webkit-transition-duration: .60s; } .efeito:hover img { opacity:1; -webkit-transition-duration: .80s; } .image_shine{ width: 161px; height: 210px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; } .hover_shine{ width:161px; height: 210px; background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png); position: absolute; background-position: -265px 0; left:0px; top:0px; background-repeat:no-repeat; } .hover_shine:hover{ background-position: 10px 0; -webkit-transition: background-position .9s ease; -moz-transition: background-position .9s ease; -o-transition: background-position .9s ease; transition: background-position .9s ease; } .efeitopisca1{ padding:2px; } .efeitopisca1:hover{ -webkit-animation-name: pisca; -moz-animation-name: pisca; -o-animation-name: pisca; animation-name: pisca; -webkit-animation-duration: 1s; } .efeitowow{ } .efeitowow:hover{ -webkit-animation-name: wow; -moz-animation-name: wow; -o-animation-name: wow; animation-name: wow; -webkit-animation-duration: 1s; } .view { cursor: pointer; height: 108px; margin: 1px; overflow: hidden; position: relative; text-align: center; width: 113px; display: inline-block; } .view img { /* a imagem */ display: inline-block; position: relative; -moz-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; opacity: 1; filter: alpha(opacity=100); } .view:hover img { /* se "anima quando passamos o mouse em cima */ -moz-transform: rotate(620deg) scale(0); -webkit-transform: rotate(620deg) scale(0); -o-transform: rotate(620deg) scale(0); -ms-transform: rotate(620deg) scale(0); transform: rotate(620deg) scale(0); opacity: 0; filter: alpha(opacity=0); } .view .mask { background-color: #FFB6C1; height: 108px; left: 0; position: absolute; overflow: hidden; top: 0; width: 113px; -moz-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 0; filter: alpha(opacity=0); } .view:hover .mask { -moz-transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -moz-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; filter: alpha(opacity=100);} .view h4 { background-color: #EEE0E5; opacity: 0.8; color: #CDC1C5; text-align: center; position: relative; font-family: muli; text-transform: uppercase; font-size: 9px; margin: 9px 0 0 0; padding: 5px 0; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view:hover h4 { /* título é mostrado */ -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .view p { /* o texto permanece oculto */ color: #fd0505; font-family: pf arma five; font-size: 8px; margin: 0; padding: 15px; position: relative; text-align: center; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view:hover p { /* texto é mostrado */ -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .view a.info { /* o link permanece oculto */ background-color: #FFFFF0; border-radius: 5px; box-shadow: 0 0 2px #e4e2e5, 0 0 5px #e4e2e5 inset; color: #FFF; display: inline-block; padding: 2px 10px; text-decoration: none; margin-top: 8px; font-family: muli; font-size: 9px; -moz-transform: translateY(-200px); -webkit-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view a.info:hover { box-shadow: 0 0 5px #968ca3; } .view:hover a.info { /* link é mostrado */ -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } /*** Rolagem da Vertical da Página ***/ ::-webkit-scrollbar-thumb:vertical { background: #FFB6C1; /*Cor da barrinha que se move*/ border: 0px solid #DB7093; /*Coloque borda se quiser*/} /*** Parte fixa da rolagem (fundo que não se move) ***/ ::-webkit-scrollbar { width:10px; /*Largura da barra de rolagem*/ background: #FFF8DC; /*Cor da parte fixa, que fica no mundo*/ border: 0px solid #bgh; /*Coloque borda se quiser*/ }]]>