<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; margin: 0px; padding: 0px; } body { font: $(body.font); color: $(body.text.color); background: url(http://1.bp.blogspot.com/-dpNzhmOqdXY/U-D7MclQBII/AAAAAAAAVjQ/cbtKyE_gX6M/s1600/fundoheader2.2.png) repeat; -webkit-transition-duration: .60s; } body:hover { background: url(http://4.bp.blogspot.com/-QAW05LhcpNc/U-D7NBi4OQI/AAAAAAAAVjU/5t_og8D_0zI/s1600/fundoheader2.png) repeat; -webkit-transition-duration: .60s; } html { background: url(http://1.bp.blogspot.com/-xps--VpFrvA/U6A7byaz6OI/AAAAAAAATwY/qO8TjLaPAO4/s1600/fundo.png) repeat; -webkit-transition-duration: .60s; } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 10px; padding-right: 10px; } #header-inner { /*cabeçalho (em imagem)*/ margin: 0px -100px -78px 192px; } .Header h1 { /*título do blog */ font-family: Lobster; font-size: 50px; 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 */ } .Header h1 a { /*título do blog */ font-family: Lobster; font-size: 50px; 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 */ } .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: transparent; } 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: Special Elite; font-size: 15px; color: #c7b191; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; background: url(http://1.bp.blogspot.com/-FFG7wWetlZM/U6BMRrEH3RI/AAAAAAAATxM/7FrjQdn1XaI/s1600/ribbonpost.PNG) no-repeat #fcf5eb; padding: 5px 10px 2px 10px; margin: -10px -10px 0px -10px; border-bottom: 1px dashed #e6cfac; border-top: 1px solid #e6cfac; -webkit-transition-duration: .50s; } h3.post-title a { /* título dos posts - fonte */ text-align: center; font-family: Special Elite; font-size: 15px; color: #c7b191; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; padding: 5px 10px 0px 10px; margin: -10px -10px 0px -10px; -webkit-transition-duration: .50s; } h3.post-title a:hover { /* título dos posts - ao passar o mouse */ text-decoration: line-through; letter-spacing: 2px; color: #c3d690; -webkit-transition-duration: .50s; } .post-outer { /* postagens */ font: $(widget.font); color: #ba9873; text-shadow: 1px 1px 0px #fff7f0; padding: 10px; border-bottom: 4px solid #ed7b77; border-radius: 0px 3px 3px 3px; box-shadow: 1px 1px 1px #ba9873; background: #fff; margin-bottom: 10px; -webkit-transition-duration: .50s; } .post-outer:hover { /* postagens */ color: #9eb36f; text-shadow: 1px 1px 0px #f6f7f2; border-bottom: 4px solid #c3dedb; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 1px #9eb36f; -webkit-transition-duration: .50s; } .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: Lobster; 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 { width: 276px; height: 62px; text-align: center; font-family: Fredericka the Great; font-size: 18px; color: #519956; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; background: url(http://2.bp.blogspot.com/-QNtO7hIaZg4/U6BdPJ7RURI/AAAAAAAATyI/3q8ekwGueA0/s1600/ribbon1.PNG) no-repeat; padding: 20px 5px 5px 5px; margin: -20px -20px -15px -40px; -webkit-transition-duration: .50s; } .sidebar .widget h2:hover { letter-spacing: 2px; background: url(http://4.bp.blogspot.com/-AAh26q1-GRo/U6BdPpNDXKI/AAAAAAAATyM/0S-deGb6zs0/s1600/ribbon1.2.png) no-repeat; color: #71a1a8; -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 */ padding: 10px 10px 5px 5px; font: $(widget.font); color: #9eb36f; text-shadow: 1px 1px 0px #f6f7f2; border-bottom: 4px solid #c3dedb; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 1px #9eb36f; background: #fff; margin-bottom: 20px; -webkit-transition-duration: .50s; -moz-transition-duration: .50s; -o-transition-duration: .50s; transition-duration: .50s; } .sidebar .widget:hover { color: #ba9873; text-shadow: 1px 1px 0px #fff7f0; border-bottom: 4px solid #ed7b77; border-radius: 0px 3px 3px 3px; box-shadow: 1px 1px 1px #ba9873; -webkit-transform: rotate(-5deg); -webkit-transition-duration: .50s; -moz-transform: rotate(-5deg); -moz-transition-duration: .50s; -o-transform: rotate(-5deg); -o-transition-duration: .50s; transform: rotate(-5deg); transition-duration: .50s; } .sidebar .widget:first-child { /*primeiro gadget da sidebar */ margin-top: 45px; } .sidebar .widget:first-child h2 { /* título do primeiro gadget da sidebar */ width: 240px; height: 70px; margin: -35px -10px -10px -5px; background: url(http://3.bp.blogspot.com/-SkKLc7tjDx0/U6rQRUMnTnI/AAAAAAAAUFU/FnM81HBwJoU/s1600/ribbonwelcome1.png) no-repeat; color: #cc3e3b; font-size: 15px; padding: 15px 5px 0px 35px; text-align: left; -webkit-transition-duration: .50s; } .sidebar .widget:first-child h2:hover { /*título hover do primeiro gadget da sidebar */ background: url(http://3.bp.blogspot.com/-_8A2hBfusYI/U6rQSEwn4UI/AAAAAAAAUFY/3xE0iUg5J24/s1600/ribbonwelcome2.png) no-repeat; color: #71b0aa; -webkit-transition-duration: .50s; } .sidebar .widget:last-child { /*ultimo gadget da sidebar */ margin-top: 15px; -webkit-transition-duration: .50s; } .sidebar .widget:last-child:hover { /*ultimo gadget da sidebar */ margin-top: 15px; } .sidebar .widget:last-child h2 { /* título do ultimo gadget da sidebar */ width: 240px; height: 60px; margin: -25px 0px -25px -17px; background: url(http://1.bp.blogspot.com/-a5zkEeOp2UA/U6q-ZQUjVSI/AAAAAAAAUEo/VK8o5i9FEp4/s1600/ribbonjanee1.PNG) no-repeat; color: #cc3e3b; font-size: 15px; padding: 35px 5px 0px 30px; -webkit-transition-duration: .50s; } .sidebar .widget:last-child h2:hover { /*título hover do ultimo gadget da sidebar */ background: url(http://3.bp.blogspot.com/-Di4utJol-Gk/U6q-ac5U3RI/AAAAAAAAUEw/aqLy7W8AsrY/s1600/ribbonjanee2.png) no-repeat; color: #71b0aa; -webkit-transition-duration: .50s; } #HTML4 { /*primeiro gadget da sidebar, pode torná-lo diferente dos outros facilmente */ margin-top: -36px; background: transparent; border-bottom: 0px solid transparent; box-shadow: none; color: transparent; } #Followers1 h2 { background: transparent; text-align: left; padding: 10px 10px 2px 15px; margin: 0px 50px -22px -20px; } #Followers1 { margin: -5px 0px 40px 0px; box-shadow: 0px 0px 0px transparent; border-bottom: 0px solid transparent; border-radius: 0px; background: url(http://4.bp.blogspot.com/-cXHIvFuq0tc/U6F8xrvaY3I/AAAAAAAATzg/ElIr2en_AHc/s1600/fundofollow2.png) no-repeat; width: 250px; height: 350px; padding: 10px 30px 10px 20px; } .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: #3b3b3b!important; text-shadow: 1px 1px 1px #ffffff; /*apague a linha se não quiser sombra*/ font-family: Lobster; 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: silkscreen; 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 { background: url(http://3.bp.blogspot.com/-T-nyPldTk7M/UnldkGggw5I/AAAAAAAAO2M/MaAO4SkF944/s1600/back.png) repeat; padding: 5px; border-radius: 3px; /* apague a linha se não quiser cantos arreondados, aumente o número se quiser */ } .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: 20px 10px 10px 10px; text-align: center; text-decoration: none; border-radius: 2px; background: #666666; box-shadow: inset 0px 0px 0px #3b3b3b, 0px 0px 0px #3b3b3b; /*sombra interna e externa. Indico que coloque, na interna, 0px 0px 10px, e na externa, 0px 0px 5px */ padding: 1px 5px 1px 5px; color: #e6e6e6!important; text-shadow: 0px 0px 0px #ffffff; 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*/ 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: silkscreen!important; text-decoration: none; color: #666666!important; text-shadow: 1px 1px 1px #ffffff; margin-top: 3px; -webkit-transition-duration: .60s; } .comments .comments-content .datetime a:hover { /*data do comentário em hover*/ letter-spacing: 2px; -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: 0px 0px 2px 2px; background: #ffffff; box-shadow: 0px 0px 5px #666666; -webkit-transition-duration: .60s; } .comment-header { /*nome do autor do comentário*/ background: url(http://1.bp.blogspot.com/-PnPCO56rwI0/UnlmmTXDoAI/AAAAAAAAO2w/sloYGdrsSiQ/s1600/rib1.PNG) no-repeat; font-size: 12px; padding: 5px 5px 5px 40px; margin-bottom: 2px; -webkit-filter: grayscale(100%); -webkit-transition-duration: .60s; } .comment-header:hover { /*nome do autor em hover*/ background: url(http://3.bp.blogspot.com/-rqn-TeQ7GXM/UnlmnM5qzuI/AAAAAAAAO24/khlBEsqQzQg/s1600/rib2.PNG) no-repeat; -webkit-filter: grayscale(100%); -webkit-transition-duration: .60s; } .comment-header a { /*fonte do nome do autor*/ font-family: Lobster!important; font-size: 18px!important; color: #3b3b3b!important; text-shadow: 1px 1px 1px #ffffff; -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: 10px -10px 10px 10px; border-radius: 10px 0px 0px 10px; padding: 5px; background: #666666; box-shadow: inset 0px 0px 0px #3b3b3b, 0px 0px 0px #3b3b3b; /*indico que use a sombra do costume */ max-width: 50px; max-height: 65px; min-height: 65px; min-width: 50px; } .comments .avatar-image-container img { /*avatar também*/ border-radius: 10px 0px 0px 10px; max-width: 50px; max-height: 65px; min-height: 65px; min-width: 50px; -webkit-animation-name: pisca; -webkit-transition-duration: .60s; } /*----Efeitos e menus----*/ .flor { -webkit-transition-duration: .45s; } .flor:hover{ -webkit-transform: rotate(360deg); -webkit-transition-duration: .45s; } .confused { /*dados da imagem - para fazer afiliados numa só imagem, reduzi a border-bottom e right*/ width: 71px; height: 47px; margin-bottom: -4px; margin-right: -4px; text-align: center; } .confused:hover { /*repetição do primeiro código, mas em hover*/ width: 71px; height: 47px; margin-bottom: -4px; margin-right: -4px; text-align: center; } .efeito img { /*dimensões da imagem*/ width: 71px; height: 47px; -webkit-transition-duration: .45s; } .efeito:hover img { /*imagens em hover - as que não estão com o rato*/ -webkit-transition-duration: .45s; -webkit-transform: rotate(360deg); -webkit-filter: sepia(0.3) hue-rotate(350deg) saturate(1); opacity: 0.50; } .efeito img:hover { /*o que muda ao passar o rato*/ -webkit-transition-duration: .45s; opacity: 1.0; } #zooming { width: 225px; height: 127px; display: inline-block; position:relative; } #zooming img { position: absolute; width: 225px; height: 127px; -webkit-transition-duration: .80s; } #zooming:hover img{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0.1; -webkit-transition-duration: .70s; } .zoomingout { float: center; width: 225px; height: 127px; padding: 2px; border: 1px solid #cfb999; overflow: hidden; -webkit-transition-duration: .59s; } .zoomingout:hover { float: center; width: 225px; height: 127px; padding: 2px; border: 1px solid #d7e6a1; overflow: hidden; -webkit-transition-duration: .59s; } #palavras a.header { width: 225px; height: 127px; opacity: 1; margin-left: -1px; text-align: center; color: #8dc994; font-size: 10px; padding: 5px 5px 10px 5px; } #palavras { width: 225px; height: 127px; opacity: 1; margin-left: -1px; text-align: center; color: #b0966f; font-size: 10px; padding: 5px 5px 10px 2px; } #zooming2 { width: 225px; height: 127px; display: inline-block; position:relative; } #zooming2 img { position: absolute; width: 225px; height: 127px; -webkit-transition-duration: .80s; } #zooming2:hover img{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0.1; -webkit-transition-duration: .70s; } .zoomingout2 { float: center; width: 225px; height: 127px; padding: 0px; border: 3px solid #cfb999; border-bottom: 3px solid #b59f81; border-right: 3px solid #b59f81; overflow: hidden; -webkit-transition-duration: .59s; } .zoomingout2:hover { float: center; width: 225px; height: 127px; padding: 0px; border: 3px solid #d7e6a1; border-radius: 5px; overflow: hidden; -webkit-transition-duration: .59s; } #palavras2 a.header { background: #d7e6a1; width: 225px; height: 127px; opacity: 1; margin: 0px -10px 0px -10px; text-align: center; color: #44914b; text-shadow: 1px 1px 1px #fff; font-size: 10px; font-family: special elite; padding: 2px 60px 0px 60px; } #palavras2 { width: 225px; height: 127px; opacity: 1; margin-left: -1px; text-align: center; color: #b0966f; font-size: 10px; padding: 5px 5px 10px 2px; } .crop-wrap { /*imagem que aparece na home substituindo os posts sem ilustração*/ width: 640px; height: 200px; overflow: hidden; margin: auto; position: relative; box-shadow: 0px 0px 1px #cccccc; border: 5px solid #ffffff; background: url(http://4.bp.blogspot.com/-bNVSM93joAg/U6A6em5kp3I/AAAAAAAATwQ/nCdlPmfmKw0/s1600/ilustra3.png) no-repeat center center; background-size: 100px; -webkit-transition-duration: .60s; } .crop { /*imagem que aparece na home substituindo os posts sem ilustração*/ width: 265px; height: auto; overflow: hidden; margin: auto; } .anns { font-family: Special elite; font-size: 10px!important; color: #ab8d63!important; text-shadow: 1px 1px 1px #fff; text-align: center; padding: 6px 2px 2px 2px; background: url(http://1.bp.blogspot.com/-U1ySqxw0Nc4/U6qzaF6OHpI/AAAAAAAAUEE/p5CkLKLjiSc/s1600/ribbonmenu1.png) no-repeat; width: 60px; height: 10px; margin: 2px; -webkit-transition-duration: .50s; } .anns:hover { letter-spacing: 1px; background: url(http://4.bp.blogspot.com/-aqLSDyKK05w/U6qzanWtAdI/AAAAAAAAUEM/bwf8Mixbm40/s1600/ribbonmenu2.png) no-repeat; -webkit-transition-duration: .50s; } .social { margin: 5px 3px 7px 2px; font-family: Special elite; font-size: 9px!important; color: #ab8d63!important; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; text-align: center; display: inline-block; position: relative; width: 14px; padding: 3px 1px 1px 2px; text-decoration: none; background: #e6cfac; border-bottom: 4px solid #f0807d; border-radius: 0px 0px 2px 2px; box-shadow: 1px 1px 1px #c7b193, inset 0px 0px 3px #c7b193; -webkit-transition-duration: .60s; } .social:hover { border-bottom: 4px solid #c3dedb; border-radius: 0px 0px 10px 10px; -webkit-animation-name: wheel-wheel; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-transition-duration: .60s; } .social: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 #c3dedb transparent; -webkit-animation-name: wheel-wheel; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-transition-duration: .60s; } .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; } .gray { margin: 1px; text-align: center; font-size: 9px; font-family: silkscreen; text-transform: uppercase; display: inline-block; position: relative; color: #666666!important; text-shadow: 1px 1px 1px #ffffff; width: 45px; padding: 3px; text-decoration: none; background: #8f8f8f; box-shadow: inset 0px 0px 5px #666666; border-top: 2px solid #666666; border-bottom: 2px solid #666666; border-radius: 2px; -webkit-transition-duration: .60s; } .gray:hover { background: #e6e6e6; border-top: 2px solid #b8b8b8; border-bottom: 2px solid #b8b8b8; box-shadow: 0px 0px 5px #b8b8b8, 2px 2px 4px #b8b8b8; color: #7396c7!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 #b8b8b8 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 { border-radius: 3px; opacity: 0.80; -webkit-transition-duration: .60s; } .post img:hover { opacity: 1.0; -webkit-transition-duration: .60s; } .swap { outline: solid 10px rgba(255, 255, 255, .5); outline-offset: -10px; -webkit-transition-duration: .60s; } .swap:hover { outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; -webkit-transition-duration: .60s; } /*----Ajustes e outras personalizações----*/ .agenda { padding: 5px 5px 2px 5px; background: #e6cfac; box-shadow: inset 0px 8px 0px 0px #d9c2a3; border: 1px solid #c7b091; outline: solid 1px #f0ebe4; outline-offset: -2px; margin: 0px -5px 1px 0px; color: #fff; font-family: Special Elite; font-size: 10px; text-shadow: 1px 1px #b39f84; -webkit-transition-duration: .50s; -moz-transition-duration: .50s; transition-duration: .50s; } .agenda:hover { background: #ecf2bd; box-shadow: inset 1px 1px 0px #fff; border: #dde8a9 1px solid; outline: none; padding-left: 50px; color: #c2d48e; text-shadow: 1px 1px 0 #fff; -webkit-transition-duration: .50s; -moz-transition-duration: .50s; transition-duration: .50s; } a:link { /*personalização nos links*/ text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } a:visited { /*personalização nos links - visitados*/ border-bottom: 1px dashed #b0946d; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } a:hover { /*personalização nos links - ao passar o mouse*/ text-decoration: line-through; color: #7d9c65; text-shadow: 1px 1px 0px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:link { text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:visited { border-bottom: 1px dashed #b0946d; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:hover { text-decoration: line-through; color: #7d9c65; text-shadow: 1px 1px 0px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:link { text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:visited { border-bottom: 1px dashed #b0946d; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:hover { text-decoration: line-through; color: #7d9c65; text-shadow: 1px 1px 0px #fff; -webkit-transition-duration: .50s; } .mobile-link-button { text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile-link-button a:link, .mobile-link-button a:visited { text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile .footer-inner .widget a:link { text-decoration: none; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile .footer-inner .widget a:visited { border-bottom: 1px dashed #b0946d; color: #b0946d; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .main-inner h2.date-header { /*data do post*/ font-family: Special elite; font-size: 10px!important; color: #ab8d63; text-shadow: 1px 1px 1px #fff; letter-spacing: 0px; text-align: center; padding: 5px 2px 2px 2px; background: #e6cfac; border-top: 4px solid #f0807d; border-radius: 2px 2px 0px 0px; width: 80px; height: 15px; box-shadow: 1px 1px 1px #c7b193, inset 0px 0px 3px #c7b193; margin: 80px -20px -80px 732px; -webkit-transform: rotate(90deg); -webkit-transition-duration: .50s; } .main-inner h2.date-header:hover { /*data do post - ao passar o mouse*/ letter-spacing: 1px; border-top: 4px solid #c3dedb; border-radius: 10px 10px 0px 0px; -webkit-transition-duration: .50s; } .post-footer { /* rodapé das postagens */ color: #c4af8b; font-size: 10px; font-family: Special Elite; text-shadow: 1px 1px 1px #fff; background: url(http://4.bp.blogspot.com/-mlqihHj2jWI/U6FqiYuZzsI/AAAAAAAATyg/wslVd3yhzLQ/s1600/ribbonfooter.PNG) no-repeat; padding: 20px 10px 5px 10px; margin: 0px -10px -10px -10px; -webkit-transition-duration: .50s; } .post-footer:hover { /* rodapé das postagens - ao passar o mouse */ background: url(http://1.bp.blogspot.com/-XLaL0BfkoBU/U6Fqi6EoonI/AAAAAAAATyk/5RC1gFqdrls/s1600/ribbonfooter2.png) no-repeat; color: #a6977e; -webkit-transition-duration: .50s; } #blog-pager { /* mensagens antigas, home, recentes */ font-size: 10px; font-family: Special Elite; } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ z-index: 1000; height: 25px; text-align: center; padding: 8px 5px 0px 5px; background: #e6cfac; box-shadow: inset 0px 13px 0px 0px #d9c2a3; border-top: 1px solid #c7b091; border-right: 1px solid #c7b091; border-left: 1px solid #c7b091; outline: solid 1px #f0ebe4; outline-offset: -2px; color: #fff; font-family: Special Elite; font-size: 13px; text-shadow: 1px 1px #b39f84; -webkit-transition-duration: .50s; -moz-transition-duration: .50s; transition-duration: .50s; } #footer-wrapper:hover { background: #ecf2bd; box-shadow: inset 1px 1px 0px #fff; border-top: #dde8a9 1px solid; border-right: #dde8a9 1px solid; border-left: #dde8a9 1px solid; outline: none; text-align: center; color: #c2d48e; text-shadow: 1px 1px 0 #fff; -webkit-transition-duration: .50s; -moz-transition-duration: .50s; transition-duration: .50s; } .widget ul, .widget #ArchiveList ul.flat { /*marcadores personalizados*/ list-style: none; padding: 5px; } .widget ul li, .widget #ArchiveList ul.flat li { padding: 0px 5px 0px 5px; text-align: justify; border-bottom: dotted 1px #dec7a6; background: #f2e5d0; color: #dec7a6; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .widget ul li:hover { background: url(http://3.bp.blogspot.com/-osYKCigqplk/U-DfK4p47wI/AAAAAAAAVig/kEl9MGR7Gho/s1600/bhj2.png) repeat #dce3b6; border-radius: 3px 3px 0px 0px; text-shadow: 1px 1px 1px #c9d99e; color: #fff; border-bottom: 1px dotted #c3d190; margin-left: -10px; -webkit-transition-duration: .50s; } .post blockquote { border-radius: 3px 3px 0px 3px; color: #ffffff; text-shadow: 1px 1px 0 #c75b5a; border-top: 0px solid #fff; border-left: 0px solid #fff; border-right: 4px solid #c75b5a; border-bottom: 4px solid #c75b5a; padding: 5px; background: #f0807d; box-shadow: inset 0 15px 0 0px #f7918f; -webkit-transition-duration: 3s; } .post blockquote:hover { border-top: 4px solid #b0cfce; border-left: 4px solid #b0cfce; border-right: 0px solid #fff; border-bottom: 0px solid #fff; border-radius: 0px 3px 3px 3px; background: #f0807d; box-shadow: inset 0px -15px 0 0 #daebe6, inset -900px 0 0 0 #cce0da; text-shadow: 1px 1px 1px #b0cfce; -webkit-transition-duration: 3s; } .jump-link { /*leia mais*/ text-align: center; float: right; background: url(http://2.bp.blogspot.com/-5GGEg9ju0F0/U6F2pgb3tbI/AAAAAAAATy4/pAH3n0VfLAw/s1600/lermais.png) no-repeat; padding: 10px 10px 10px 10px; margin: 20px -5px -10px 200px; width: 171px; height: 40px; -webkit-transition-duration: 5s; } .jump-link:hover { background: url(http://1.bp.blogspot.com/--KcN4Ui4a5U/U6F2qxtlJKI/AAAAAAAATzA/9H-RtlO1Qr0/s1600/lermais2.png) no-repeat; -webkit-transition-duration: 5s; } .jump-link a { text-align: center; color: transparent!important; text-shadow: 0px 0px 0px transparent!important; font-family: silkscreen; font-size: 25px; font-weight: normal; -webkit-transition-duration: .60s; } .jump-link a:hover { color: transparent!important; text-decoration: none; -webkit-transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #f7e9d2; color: #dec7a6; text-shadow: 1px 1px 1px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #f7e9d2; color: #dec7a6; text-shadow: 1px 1px 1px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: #e0ebae; border-top: 3px solid #f0807d; border-bottom: 3px solid #f0807d; border-left: 1px solid #d1bb9b; box-shadow: inset 6px 0px 0px 0px #d2e3a1; } ::-webkit-scrollbar-thumb:vertical:hover { /*barra vertical que se move, com o mouse*/ border-top: 3px solid #bad9d7; border-bottom: 3px solid #bad9d7; } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 12px; border-left: 1px solid #d1bb9b; background: url(http://3.bp.blogspot.com/-a_NMCCt7g2E/U6q3tCXfNyI/AAAAAAAAUEY/Dz53JPl9jwU/s1600/fundorolagem.png) repeat; } div#qTip { /*tooltip*/ border-right: 3px solid #cf403e; background: url(http://1.bp.blogspot.com/-U1ySqxw0Nc4/U6qzaF6OHpI/AAAAAAAAUEE/p5CkLKLjiSc/s1600/ribbonmenu1.png) repeat #f0a097; box-shadow: 1px 3px 3px #baa586; border-radius: 10px 3px 3px 0px; position: absolute; display: none; margin: 2px 2px 2px 5px; padding: 4px 8px; text-align: right; color: #cf403e; font-family: Special Elite; font-size: 9px; text-shadow: 1px 1px 1px #fff; } b { /*Negrito */ color: #dbc4a4; text-decoration: none; -webkit-transition-duration: .60s; } b:hover { cursor: help; color: #f07e7a; -webkit-transition-duration: .60s; } i { /* Itálico */ color: #c2d48e; text-decoration: none; -webkit-transition-duration: .60s; } i:hover { cursor: help; color: #8bc793; -webkit-transition-duration: .60s; } u { /* Sublinhado */ color: #dbc4a4; text-decoration: none; border-bottom: 1px dashed #dbc4a4; -webkit-transition-duration: .60s; } u:hover { cursor: help; color: #a7d4cf; border-bottom: 1px dashed #a7d4cf; text-decoration: none; -webkit-transition-duration: .60s; } strike { /* Tachado */ color: #c2d48e; text-decoration: strike; -webkit-transition-duration: .60s; } strike:hover { cursor: help; color: #8bc793; text-decoration: strike; -webkit-transition-duration: .60s; } /*fim da edição*/ ]]>