<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: 0px; /*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; } html { background: #f5f5f5; /* se quiser uma imagem, troque por» url(URL do fundo, se quiser uma imagem) repeat */ -webkit-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: Lobster; font-size: 50px; color: #3b3b3b; /* se quiser invisível, troque por transparent */ text-shadow: 0px 0px 0px #8f8f8f; /*troque os 0 por 1 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 os 0 por 1 se quiser sombra */ } .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: -30px; margin-bottom: -30px; margin-right: 33px; margin-left: -33px; } 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: Short stack; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #00175c; background: url(http://1.bp.blogspot.com/-6vcmFYChE8A/VM0wr0TYaNI/AAAAAAAAbgA/vw2AAMTzA1I/s1600/fundotitulo1.png) repeat; border: 1px dashed #798eb5; padding: 3px; margin: -10px -13px 0px -13px; -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: Short stack; font-size: 16px; color: #fff; text-shadow: 1px 1px 1px #00175c; padding: 3px; 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; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-outer { /* postagens */ color: #1b479e; font: $(widget.font); font-size: 12px; text-shadow: 1px 1px 1px #e6ebf0; background: #ffffff; border: 10px solid #fff; outline-offset: -8px; outline: 1px dashed #97b3c9; padding: 5px 10px 5px 10px; -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.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); } /*----Sidebar----*/ h2 { font-family: Short stack; font-size: 16px; color: #3b3b3b; /* se quiser invisível, troque por transparent */ text-shadow: 0px 0px 0px #8f8f8f; /*troque os 0 por 1 se quiser sombra */ letter-spacing: 1px; /*se não quiser letras espaçadas, troque por 0 */ -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: Short stack; font-size: 13px; color: #00175c; text-shadow: 1px 1px 1px #b7d0ed; background: #ffffff; border: 8px solid #fff; margin: -15px -6px 0px -6px; outline-offset: -5px; outline: 1px dashed #97b3c9; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget h2:hover { border: 5px solid #fff; background: url(http://4.bp.blogspot.com/-ptB8FKbbUWY/VM014qtK6GI/AAAAAAAAbhI/Nx19vZkbqPc/s1600/fundocortina.png) repeat; text-shadow: 1px 1px 1px #deadd4; color: #b550a9; outline: 1px dashed #c793c7; letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .main-inner .column-right-inner { } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { /*zona por trás da SIDEBAR direita */ } .main-inner .column-left-inner { } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { /*zona por trás da SIDEBAR esquerda */ background: transparent; } .main-inner .column-left-inner, .main-inner .column-right-inner { margin-top: 0px; } .sidebar .widget { /*personalização dos gadgets */ background: url(http://1.bp.blogspot.com/-4xztPIVUj4U/VM5eyvipnEI/AAAAAAAAbnA/0w66BLIsD3k/s1600/fundoside2.png) repeat; margin: 0px -40px -10px 80px; border-left: 1px solid #d1d5de; color: #6883a1; font: $(widget.font); font-size: 12px; text-shadow: 1px 1px 1px #e6ebf0; padding: 15px 16px 15px 6px; -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 */ } .sidebar .widget:last-child h2{ /*último gadget da sidebar, pode torná-lo diferente dos outros facilmente */ margin-bottom: 5px; } #Followers1 { background: url(http://2.bp.blogspot.com/-3290p6KZ9WQ/VM5mRiUJQoI/AAAAAAAAbno/FCCWElKYxUI/s1600/fundofollow.PNG) no-repeat; } #Followers1 h2 { padding: 6px 5px 8px 16px; background: transparent; border: 0px solid transparent; outline-offset: 0px; outline: 0px solid transparent; text-align: left; } .widget .zippy { color: $(widget.alternate.text.color); } /*----Comentários----*/ #comments { background: url(http://3.bp.blogspot.com/-wiGs3OfcFfc/VRMXCeYrSzI/AAAAAAAAcns/r8jzTFjFyBQ/s1600/galaxy.png) repeat; padding: 5px; margin-top: 15px; border-radius: 3px; } #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: #fff!important; text-shadow: 1px 1px 1px #00175c; font-family: Short Stack; 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: #264191; 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 .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 .comment-content { /*caixa de comentário*/ margin: -10px 10px -2px -40px; border-radius: 0px 0px 2px 2px; background: #e1e5e8; box-shadow: inset -3px -3px 0px #c8d5e0; padding: 5px 5px 8px 5px; -webkit-transition-duration: .60s; } .comments .comments-content { margin-bottom: 0px; font-weight: normal; text-align: justify; color: #637fab!important; text-shadow: 1px 1px 1px #b0c3d1; } .comments .comment .comment-actions a,.comments .comment .continue a { /*fonte do botão reply*/ text-align: center; font-size: 8px; text-decoration: none; border-radius: 0px 0px 5px 5px; background: #e7e1e8; box-shadow: inset 0px 0px 1px #ddcee0; padding: 3px 6px 3px 6px; color: #bda5c2!important; text-shadow: 0px 0px 0px #ffffff; text-decoration: none; margin: -3px 10px 0px 0px; -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; } .comment-header { /*nome do autor do comentário*/ display: outline-block; background: transparent; font-size: 12px; padding: 5px 5px 5px 10px; -webkit-transition-duration: .60s; } .comment-header:hover { /*nome do autor em hover*/ -webkit-transition-duration: .60s; } .comment-header a { /*fonte do nome do autor*/ font-family: Short stack!important; font-size: 16px!important; color: #fff!important; text-shadow: 1px 1px 1px #00175c!important; -webkit-transition-duration: .50s; } .comment-header a:hover { /*fonte do nome do autor em hover*/ text-shadow: 1px 1px 1px #b550a9!important; -webkit-transition-duration: .50s; } .comments .comments-content .datetime a { /*data do comentário*/ font-size: 10px!important; float: right; font-family: Muli!important; text-decoration: none; color: #2254a3!important; text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #ffffff, 0px 0px 5px #ffffff!important; margin-top: 3px; -webkit-transition-duration: .60s; } .comments .comments-content .datetime a:hover { /*data do comentário em hover*/ color: #b550a9!important; letter-spacing: 2px; -webkit-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: 0px -30px 0px 8px; border-radius: 8px 8px 0px 0px; padding: 4px 5px 4px 4px; background: #e1e5e8; max-width: 30px; max-height: 30px; min-height: 30px; min-width: 30px; } .comments .avatar-image-container img { /*avatar também*/ border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 3px #86a0bd; max-width: 30px; max-height: 30px; min-height: 30px; min-width: 30px; -webkit-transition-duration: .60s; } /*----Efeitos e menus----*/ bars { background: url(http://3.bp.blogspot.com/-uU7xsJdHmdA/VSjXYwRev7I/AAAAAAAAdGU/ck1Kh38SMdE/s200/0-a-escuro.png); box-shadow: inset 0px 0px 0px #ebd8d8; border: 2px solid #6a8fba; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff; display: inline-block; text-align: center; font-family: silkscreen; font-size: 8px; line-height: 10px; color: #305785; float:left; margin: 1px 3px 1px 1px; padding: 2px 1px 2px 1px; height: 10px; width: 22px; outline: solid 1px #ffffff; outline-offset: -2px; border-radius: 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars:hover { cursor:hand; box-shadow: inset -70px -20px #cf6dc2, inset 0px 0px 2px #a64298; border: 2px solid #cf6dc2; color: #fff; text-shadow: 1px 1px 0px #a64298; outline: solid 1px #fff; outline-offset: -2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars2 { background: url(http://1.bp.blogspot.com/-rchd0IfgDBc/VSjXY3sBUiI/AAAAAAAAdGc/0lBBhwhThiM/s200/36.gif); box-shadow: inset 0px 0px 0px #cedde0; border: 2px solid #4a5d85; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff; display: inline-block; text-align: center; font-family: Muli; font-size: 10px; line-height: 10px; color: #1d2f54; float:left; margin: 1px 3px 1px 1px; padding: 2px 1px 2px 1px; height: 10px; width: 22px; outline: solid 1px #ffffff; outline-offset: -2px; border-radius: 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars2:hover { cursor:hand; box-shadow: inset -70px -20px #2d4387, inset 0px 0px 2px #00175c; border: 2px solid #2d4387; color: #fff; text-shadow: 1px 1px 0px #00175c; outline: solid 1px #b4bedb; outline-offset: -2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars4 { box-shadow: inset 0px 0px 2px #fff, inset 0px 0px 5px #a64298; border: 1px solid #cf6dc2; background: #d690cd; border-bottom: 2px solid #cf6dc2; border-radius: 4px 4px 0px 0px; display: inline-block; text-align: center; font-family: Muli; font-size:10px; line-height: 10px; color: #fff; text-shadow: 1px 1px 0px #a64298; float: center; padding: 2px 1px 2px 1px; height: 10px; width: 34px; margin: 1px 2px 0px -1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars4:hover { cursor:hand; box-shadow: inset 0px 0px 2px #fff, inset 0px 0px 4px #00175c; border: 1px solid #2d4387; border-bottom: 2px solid #2d4387; background: #5a6fb0; text-shadow: 1px 1px 0px #00175c; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .confused { /*dados da imagem - para fazer AFILIADOS numa só imagem, reduzi a border-bottom e right*/ width: 57px; height: 21px; margin-bottom: -3px; margin-right: -4px; text-align: center; } .confused:hover { /*repetição do primeiro código, mas em hover*/ width: 57px; height: 21px; margin-bottom: -3px; margin-right: -4px; text-align: center; } .efeito img { /*dimensões da imagem*/ width: 57px; height: 21px; -webkit-transition-duration: 2s; } .efeito:hover img { /*imagens em hover - as que não estão com o rato*/ -webkit-transition-duration: 2s; -webkit-transform: rotateY(360deg); -webkit-filter: sepia(0.1) hue-rotate(100deg) saturate(1); opacity: 0.50; } .efeito img:hover { /*o que muda ao passar o rato*/ -webkit-transition-duration: 2s; opacity: 1.0; } .view { outline: 1px dashed #fff; outline-offset: -3px; border: 3px solid #7676de; cursor: pointer; height: 60px; width: 60px; margin: 5px 1px 1px 0px; overflow: hidden; position: relative; text-align: center; display: inline-block; } .view img { /* a imagem */ display: inline-block; position: relative; opacity: 1; filter: alpha(opacity=100); -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; } .view:hover img { /* se "anima quando passamos o mouse em cima */ opacity: 0; filter: alpha(opacity=0); -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); } .view .mask { background-color: #98abe3; height: 60px; width: 60px; left: 0; position: absolute; overflow: hidden; top: 0; -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: #e9daed; opacity: 0.8; color: #c195cf; text-align: center; position: relative; font-family: Muli; font-size: 10px; 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: #c195cf; 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: #f8f8f8; border-radius: 5px; box-shadow: 0 0 2px #fff, 0 0 5px #c8c9db inset; color: #95a6cf; display: inline-block; padding: 2px 10px; text-decoration: none; margin-top: 8px; font-family: Muli; font-size: 10px; -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; } .puxa { background-image: URL(http://4.bp.blogspot.com/-2m_2G8jPA-I/VNeAXM4I-aI/AAAAAAAAbqo/NMC_cX9MiBA/s1600/imgside1.png); width: 180px; height: 40px; outline: solid 4px rgba(255, 255, 255, .5); outline-offset: -4px; margin: 1px 0px -10px -6px; display: inline-block; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } .puxa:hover { background-position: 0 -40px; -webkit-transition: All 0.9s ease-in-out; -moz-transition: All 0.9s ease-in-out; -o-transition: All 0.9s ease-in-out; } #CIRCLE {IMPORTANT; WIDTH:160PX; BACKGROUND:WHITE; HEIGHT:160PX; PADDING:3PX; TEXT-ALIGN:CENTER; LINE-HEIGHT:8PX; Z-INDEX:999; BORDER-RADIUS:100PX; BORDER:1PX SOLID #FCFAFA; TRANSITION: ALL 0.7S EASE-OUT; -O-TRANSITION-TRANSITION: ALL 0.7S EASE-OUT; -WEBKIT-TRANSITION: ALL 0.7S EASE-OUT; -MOZ-TRANSITION: ALL 0.7S EASE-OUT; } #CIRCLE:HOVER{ OPACITY:1; -MOZ-TRANSFORM: ROTATE(-180DEG); -O-TRANSFORM: ROTATE(-180DEG); -WEBKIT-TRANSFORM: ROTATE(-180DEG); } #CIRCLEPIC{ OPACITY:1; BORDER-RADIUS:100PX; WIDTH:160PX; TRANSITION: ALL 0.7S EASE-OUT; -O-TRANSITION-TRANSITION: ALL 0.7S EASE-OUT; -WEBKIT-TRANSITION: ALL 0.7S EASE-OUT; -MOZ-TRANSITION: ALL 0.7S EASE-OUT; } #CIRCLEPIC IMG{ WIDTH:160PX; HEIGHT:160PX; BORDER-RADIUS:100PX; } #CIRCLE:HOVER #CIRCLEPIC {OPACITY:0.1;} #CINSIDE { OPACITY:0; Z-INDEX:1; POSITION:FIXED; WIDTH:160PX; HEIGHT:100PX; PADDING-TOP:60PX; LINE-HEIGHT:10PX; } #CINSIDE CTITULO { FONT-SIZE: 18PX; FONT-FAMILY: SHORT STACK; COLOR: #b550a9; TEXT-ALIGN:CENTER; DISPLAY: BLOCK; PADDING: 5PX; TEXT-SHADOW: 0PX 1PX 1PX #d7cae6; TEXT-TRANSFORM: LOWERCASE; BACKGROUND: #FFF; } #CINSIDE CDESC { FONT: 11PX MULI; COLOR: #00175c; TEXT-ALIGN:CENTER; PADDING: 5PX; TEXT-SHADOW: 0PX 1PX 1PX #deddeb; TEXT-TRANSFORM: LOWERCASE; DISPLAY: BLOCK; } #CIRCLE:HOVER #CINSIDE { OPACITY:1; -MOZ-TRANSFORM: ROTATE(180DEG); -O-TRANSFORM: ROTATE(180DEG); -WEBKIT-TRANSFORM: ROTATE(180DEG); } .postagem { width: 712px; margin: -5px 0px -5px -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 #99b8d1; border-radius: 1px; box-shadow: 0px 0px 3px #c8d5e0; -webkit-transition-duration: .60s; } bars3 { background: #cfd5e8; border-bottom: 1px solid #b0b9d4; text-shadow: 1px 1px 1px #fff; display: inline-block; text-align: center; font-family: Muli; font-size: 10px; line-height: 8px; color: #d4c6c3; float: center; padding: 1px 1px 1px 1px; height: 8px; width: 60px; margin: 0px 0px 0px 0px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } bars3:hover { background: #debada; border-bottom: 1px dotted #c995c3; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #zooming { width: 225px; height: 127px; display: inline-block; position:relative; } #zooming img { position: absolute; width: 225px; 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: 225px; height: 127px; padding: 2px; border: 1px solid #b06176; overflow: hidden; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .zoomingout:hover { float: center; width: 225px; height: 127px; padding: 2px; border: 1px solid #d4b068; overflow: hidden; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #palavras a.header { width: 225px; height: 127px; opacity: 1; margin-left: -1px; text-align: center; color: #ab3537; font-size: 10px; padding: 5px 5px 10px 5px; } #palavras { width: 225px; 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; } .gray { margin: 1px; text-align: center; font-size: 10px; font-family: muli; 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; -moz-transition-duration: .60s; -o-transition-duration: .60s; 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; -moz-transition-duration: .60s; -o-transition-duration: .60s; 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; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post img { border-radius: 3px; 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; } .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; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .bordas:hover { opacity: 1.0; -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; } /*----Rodapés----*/ .footer-inner { /*footer da área de postagem*/ background: url(http://4.bp.blogspot.com/-rg2I4k65Qv8/VSjwKQiEMjI/AAAAAAAAdIY/9xDPJdTBym4/s1600/fundorodape.PNG) no-repeat; height: 120px; margin: -30px 0px -90px 0px; } .post-footer { /* rodapé das postagens */ padding: 1px 8px 0px 8px; font-family: muli; font-size: 12px; color: #9fb7d4; text-shadow: 1px 1px 1px #fff; border-top: 0px solid #fff; border-left: 0px solid #fff; border-right: 3px solid #b4c6db; border-bottom: 3px solid #b4c6db; box-shadow: inset 0 15px 0 0px #dfe6ed; background: url(http://1.bp.blogspot.com/-hajGJXhvylw/VM5X8jOm2cI/AAAAAAAAbmk/1ub5KOy6g3A/s1600/fundoestrelas.png) repeat #ebf1f7; margin: 0px -12px -7px -12px; -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 */ border-top: 3px solid #c299bd; border-left: 3px solid #c299bd; border-right: 0px solid #fff; border-bottom: 0px solid #fff; background: url(http://1.bp.blogspot.com/-hajGJXhvylw/VM5X8jOm2cI/AAAAAAAAbmk/1ub5KOy6g3A/s1600/fundoestrelas.png) repeat #edddeb; box-shadow: inset 0px -15px 0 0 #e6d3e3; text-shadow: 1px 1px 1px #fff; color: #b079aa; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-footer-line-2 {margin-top: -3px; margin-bottom: -2px;} #blog-pager { /* mensagens antigas, home, recentes */ font-size:10px; padding: 5px; position: absolute; font-family: Muli; margin: -43px -350px 0px 950px; width: 150px; background: #fff; outline: 1px dashed #b2bbd4; outline-offset: -4px; } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ background: url(http://2.bp.blogspot.com/-kEAlPXHu2Os/VSjmWBm_TPI/AAAAAAAAdHI/izTuUD8gQT0/s1600/fundorodape2.png) repeat-X; z-index: 1000; height: 30px; font-family: muli; font-size: 15px; color: #e6e6e6; text-shadow: 1px 1px 1px #2f3f6e; text-align: center; padding: 40px 0px 0px 0px; margin-bottom: -5px; } /*----Ajustes e outras personalizações----*/ .tr-caption { /legenda/ opacity: 0.5; background: #e7e1e8; outline-offset: -2px; outline: 1px dashed #fff; position: relative; top: 10px; right: 20px; bottom: -5px; left: -5px; padding: 2px; font-family: muli; font-size: 10px!important; color: #c5adc9; text-shadow: 1px 1px 1px #fff; text-align: center; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .tr-caption:hover { color: #fff; background: #b679b8; text-shadow: 1px 1px 0px #a15aa3; letter-spacing: 1px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .search { /* Não apague, geral da caixinha */ float: center; margin-top: 3px; margin-bottom: 1px; } .searchbar { /*barrinha*/ width: 130px; padding: 3px 3px 3px 4px; font: normal 10px muli; letter-spacing: .1em; text-transform: lowercase; color: #628cbd; text-shadow: 1px 1px 1px #fff, 1px 1px 0px #fff, -3px -3px 1px #fff, 3px 3px 1px #fff; outline: none; border: 0px solid #fff; background: transparent; } .searchbar:hover { outline: none;} .searchbut { /* Botão da pesquisa */ margin: 3px -1px -3px -12px; background: #e1e5e8; border: #c8d5e0 1px solid; box-shadow: inset 0 9px 0 #ebeef0; font-family: Muli; font-size: 11px; letter-spacing: .1em; color: #fff; text-shadow: 1px 1px 0 #d0dbe4; padding: 2px 3px 2px 4px; border-radius: 0px; outline-offset: -2px; outline: 1px solid #f2f4f5; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .searchbut:hover { /* Botão da pesquisa */ background: #e7e1e8; border: #ddcee0 1px solid; box-shadow: inset 0 9px 0 #eeebf0; text-shadow: 1px 1px 0 #c8a9cf; border-radius: 3px; outline: 1px solid #f5f2f5; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } a:link { /*personalização nos links*/ text-decoration: none; color: #b550a9; text-shadow: 1px 1px 1px #fff; -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: #314685; text-shadow: 1px 1px 1px #fff; -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: #b550a9; text-shadow: 1px 1px 1px #deb4d8; -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: #b550a9; text-shadow: 1px 1px 1px #e6d1e3; text-align: center; padding: 4px 2px 2px 2px; background: url(http://2.bp.blogspot.com/-CAQfs6dTC54/VM5TdVqW2nI/AAAAAAAAbmQ/7S-_C4GRzvQ/s1600/fundodata.PNG) no-repeat; width: 65px; height: 73px; float: left; margin: 0px 70px -70px -70px; -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*/ color: #3c7dc7; text-shadow: 1px 1px 1px #e4ebf2; background: url(http://3.bp.blogspot.com/-DJXWbIc0hzM/VM5Td4CInDI/AAAAAAAAbmY/t8yQ8bKAV48/s1600/fundodata2.png) no-repeat; -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; } .widget ul li, .widget #ArchiveList ul.flat li { text-align: justify; margin-right: -30px; margin-left: -30px; padding: 2px 7px 2px 7px; color: #939dba; border-bottom: dotted 1px #d5d5d5; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .widget ul li:hover { color: #4a5d91; background: #f4f2f4; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post blockquote { border: 3px solid #fff; box-shadow: 0px 0px 3px #ddcee0; outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; color: #701d67; text-shadow: 1px 1px 1px #e6d1e3; margin-left: -0px; margin-right: -0px; padding: 5px; background: url(http://2.bp.blogspot.com/-c5mfDEoT0P4/VSjydfZCgMI/AAAAAAAAdIo/zznfbWmA-C4/s1600/fundoblock2.png) repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post blockquote:hover { background: url(http://4.bp.blogspot.com/-C2nVq4oKMCM/VSjycgPickI/AAAAAAAAdIk/438qTq6hDPM/s1600/fundoblock1.png) repeat; color: #fff; text-shadow: 1px 1px 0px #030d29; -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: url(http://1.bp.blogspot.com/-tBY9XgG-VLw/VM5O5RPi2pI/AAAAAAAAbl8/w1uFNOSikO8/s1600/fundomais1.png) no-repeat; padding: 0px; margin: 0px -12px -20px 200px; width: 180px; height: 34px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .jump-link:hover { background: url(http://1.bp.blogspot.com/-vwKI2vxWU54/VM5O5-2MZ8I/AAAAAAAAbmA/kTl6AN4m6fA/s1600/fundomais2.png) no-repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .jump-link a { text-align: center; color: transparent!important; text-shadow: 0px 0px 0px transparent; font-family: muli; font-size: 32px; font-weight: normal; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .jump-link a:hover { color: transparent!important; text-shadow: 0px 0px 0px transparent; text-decoration: none; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #dde1f0; color: #a3adcf; text-shadow: 1px 1px 1px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #dde1f0; color: #a3adcf; text-shadow: 1px 1px 1px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: url(http://1.bp.blogspot.com/-ucqsQgvV2B0/VNdVQtoFiII/AAAAAAAAbpw/2ybdMzTT-ak/s1600/fundorolagem2.png) repeat; } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 10px; background: url(http://2.bp.blogspot.com/-ZfgRERTpNz4/VM5hz6yzNhI/AAAAAAAAbnM/Gx6ayySGFbI/s1600/fundorolagem.png) repeat; } div#qTip { /*tooltip*/ margin: 2px; padding: 4px 10px 5px 12px; display: none; color: #4868a8; text-shadow: 1px 1px 1px #fff; background: url(http://3.bp.blogspot.com/-PxSyaMtUfTk/VSjhNLybZII/AAAAAAAAdG0/KK7prpjBzbU/s1600/fundotooltip.png); border-radius: 0px 3px 3px 0px; font-family: muli; font-size: 10px; position: absolute; } b {color: #3b3b3b; text-decoration: none;} /*Negrito */ b:hover { cursor: help; color: #0057ba;} i {color: #8f8f8f; text-decoration: none;} /* Itálico */ i:hover { cursor: help; color: #b550a9;} u {color: #3b3b3b; text-decoration: none; border-bottom: 1px dashed #3b3b3b;} /* Sublinhado */ u:hover {cursor: help; color: #0057ba; border-bottom: dotted 1px #0057ba; text-decoration: none; } strike {color: #8f8f8f; text-decoration: strike;} /* Tachado */ strike:hover {cursor: help; color: #b550a9; text-decoration: strike;} /*fim da edição*/ ]]>