<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/-wIdPXXAMnAo/U4oS_GDWbnI/AAAAAAAATgg/e_qsOx7AJWw/s1600/fundo2.png) repeat; -webkit-transition-duration: .60s; } html { background: url(http://2.bp.blogspot.com/-GF37gETkXe4/U4oS-j0TdiI/AAAAAAAATgU/CiWt35MPXkk/s1600/fundo1.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: -50px 145px -85px -145px; width: 720px; } .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: 20px; color: #cfc6cf; text-shadow: 0px 0px 0px #8f8f8f; letter-spacing: 1px; background: url(http://2.bp.blogspot.com/-NV2Xmw3BWQk/U4oVf9jCAxI/AAAAAAAATgw/Kw2Ku-hrN_E/s1600/titulopost.PNG) no-repeat; padding: 10px 5px 10px 5px; margin: -10px -10px 0px -10px; -webkit-transition-duration: .50s; } h3.post-title:hover { background: url(http://2.bp.blogspot.com/-aenbfMTUMKQ/U4oVgnfmvDI/AAAAAAAATg0/ubBzvJKlrFk/s1600/titulopost2.png) no-repeat; color: #ebcba0; } h3.post-title a { /* título dos posts - fonte */ text-align: center; font-family: Special Elite; font-size: 20px; color: #cfc6cf; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; padding: 10px 5px 10px 5px; 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: #ebcba0; -webkit-transition-duration: .50s; } .post-outer { /* postagens */ font: $(widget.font); color: #947f94; text-shadow: 1px 1px 1px #cfc6cf; background: #ffffff; padding: 10px; border-radius: 0px 3px 3px 3px; box-shadow: 1px 1px 1px #bfb8bf; margin: 0px 0px 15px 0px; -webkit-transition-duration: .50s; } .post-outer:hover { box-shadow: 5px 5px 0px #cfc6cf; color: #b59fb5; text-shadow: 1px 1px 1px #cfc6cf; -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: Special Elite; font-size: 16px; color: #3b3b3b; -webkit-transition-duration: .50s; } .footer-inner .widget h2 { padding-bottom: .5em; } .sidebar .widget h2 { text-align: center; font-family: Special Elite; font-size: 15px; color: #b5a8b5; text-shadow: 1px 1px 1px #fae4d9; letter-spacing: 1px; padding: 5px; margin: -35px -10px 10px -10px; -webkit-transition-duration: .50s; } .sidebar .widget h2:hover { letter-spacing: 2px; -webkit-transition-duration: .50s; } .main-inner .column-right-inner { margin-top: -190px; margin-left: $(content.padding); } .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { /*zona por trás da sidebar direita */ margin-left: $(content.padding); background: transparent; } .main-inner .column-left-inner { margin-top: 12px; margin-right: $(content.padding); } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { /*zona por trás da sidebar esquerda */ margin-right: $(content.padding); background: transparent; } .main-inner .column-left-inner, .main-inner .column-right-inner { /*"altura" das sides */ padding: 0px 0px; } .sidebar .widget { /*personalização dos gadgets */ font: $(widget.font); color: #bfb8bf; text-shadow: 1px 1px 1px #fff; background: #fafafa; padding: 10px 5px 10px 5px; border-radius: 1px; box-shadow: 1px 1px 1px #bfb8bf, -1px -1px 0px #fff; outline-offset: 5px; outline: 1px dashed #c4b9c4; margin: 50px 0px 15px 0px; } .sidebar .widget:first-child { /*primeiro gadget da sidebar, pode torná-lo diferente dos outros facilmente */ margin-top: 0px; } #Followers1 { outline-offset: 0px; outline: 0px solid #fff; border-radius: 0px 10px 10px 0px; border-right: 6px solid #ebcba0; box-shadow: 1px 1px 1px #bfb8bf, -1px -1px 0px transparent; } #Followers1 h2 { background: url(http://2.bp.blogspot.com/-G4kHxm5EZpI/U4ou-RoIPmI/AAAAAAAAThY/uVtMpqZYO1A/s1600/tituloside.PNG) no-repeat; border-radius: 0px 10px 10px 0px; margin: -10px -15px 0px -5px; width: 230px; height: 30px; color: #b2a0b8; -webkit-transition-duration: .50s; } #Followers1 h2:hover { background: url(http://2.bp.blogspot.com/-z9hXTFbBgVo/U4ou-61D8XI/AAAAAAAAThc/YurYXtLm-V4/s1600/tituloside2.png) no-repeat; -webkit-transition-duration: .50s; } .footer-inner { height: 0px; background: transparent $(footer.background.gradient) repeat scroll top center; } .widget .zippy { color: $(widget.alternate.text.color); } /*----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: #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 { background: url(http://3.bp.blogspot.com/-wiGs3OfcFfc/VRMXCeYrSzI/AAAAAAAAcns/r8jzTFjFyBQ/s1600/galaxy.png) repeat; padding: 5px; border-radius: 3px; } .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----*/ .pisca { border: 1px solid #dcdbdb; padding: 2px; } .pisca:hover { -webkit-animation-name: pisca; -moz-animation-name: pisca; -o-animation-name: pisca; animation-name: pisca; -webkit-animation-duration: 1s; } .afi { width: 60px; height: 60px; border-radius: 25px 25px 0px 25px; border: 1px solid #dcdbdb; padding: 2px; -webkit-transition-duration: .5s; } .afi:hover { border-radius: 0px; -webkit-animation-name: pisca; -moz-animation-name: pisca; -o-animation-name: pisca; animation-name: pisca; -webkit-animation-duration: 1s; -webkit-transition-duration: .5s; } .anns { font: normal 11px 'muli'; color: #f5b9ab; text-shadow: 1px 1px 1px #ffffff; padding: 4px; float: left; margin: 2px; background: #fae0d4; border-right: 3px solid #ebcba0; border-radius: 0px 5px 5px 0px; width: 10px; height: 11px; overflow: hidden; -webkit-transition-duration: .5s; } .anns:hover { color: #d4bad4; background: #f0e4f0; border-right: 3px solid #cfc6cf; width: 65px; -webkit-transition-duration: .5s; } .cap { text-align: center; font: normal 11px 'muli'; color: #f5b9ab; text-shadow: 1px 1px 1px #ffffff; padding: 2px 5px 2px 5px; margin: 2px 15px 2px 15px; background: #fae0d4; border-bottom: 1px solid #ebcba0; overflow: hidden; -webkit-transition-duration: .5s; } .cap:hover { color: #d4bad4; background: #f0e4f0; border-bottom: 1px solid #cfc6cf; margin: 2px 10px 2px 20px; -webkit-transition-duration: .5s; } .post img { border-radius: 3px; opacity: 0.80; outline: solid 10px rgba(255, 255, 255, .5); outline-offset: -10px; -webkit-transition-duration: .60s; } .post img:hover { opacity: 1.0; outline: solid 0px rgba(255, 255, 255, .5); outline-offset: 0px; -webkit-transition-duration: .60s; } .bordas { margin: 5px 10px -5px -5px; opacity: 0.70; border: 6px solid #ffffff; border-radius: 3px; box-shadow: 0px 0px 5px #cccccc, inset 0px 0px 5px #cccccc; -webkit-transition-duration: .60s; } .bordas:hover { opacity: 1.0; -webkit-transition-duration: .60s; } /*----Ajustes e outras personalizações----*/ a:link { /*personalização nos links*/ text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } a:visited { /*personalização nos links - visitados*/ text-decoration: none; color: #a88ca8; 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: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:link { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:visited { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .sidebar .widget a:hover { text-decoration: line-through; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:link { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:visited { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .footer-inner .widget a:hover { text-decoration: line-through; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile-link-button { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile-link-button a:link, .mobile-link-button a:visited { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile .footer-inner .widget a:link { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .mobile .footer-inner .widget a:visited { text-decoration: none; color: #a88ca8; text-shadow: 1px 1px 1px #fff; -webkit-transition-duration: .50s; } .main-inner h2.date-header { /*data do post*/ font-family: muli; font-size: 10px!important; color: #f5e9f5; text-align: center; padding: 10px 10px 5px 10px; background: #cfc6cf; border-radius: 100px; box-shadow: 5px 5px 0px #fcf7fc, inset 0px 0px 5px #bfb2bf; width: 35px; height: 40px; margin: 80px 80px -80px -80px; -webkit-transition-duration: .50s; } .main-inner h2.date-header:hover { /*data do post - ao passar o mouse*/ color: #d99e4c; text-shadow: 1px 1px 1px #fff; background: #ebcba0; box-shadow: 2px 2px 2px #fcf7fc, inset 0px 0px 0px #bfb2bf; -webkit-transition-duration: .50s; } .post-footer { /* rodapé das postagens */ font-family: muli; font-size: 12px; color: #eba198; text-shadow: 1px 1px 1px #fff; background: #fae0d4; padding: 5px 10px 3px 10px; margin: 0px -10px 0px -10px; outline-offset: -5px; outline: 1px dashed #eba198; -webkit-transition-duration: .50s; } .post-footer:hover { /* rodapé das postagens - ao passar o mouse */ letter-spacing: 1px; color: #bd8a44; background: #ebcfa9; -webkit-transition-duration: .50s; } .post-footer-line-2 {margin-top: -2px; padding-bottom: 1px;} #blog-pager { /* mensagens antigas, home, recentes */ font-size: 12px; font-family: muli!important; } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ background: url(http://3.bp.blogspot.com/-O-BJnHrh_zg/U4ogZWPtCVI/AAAAAAAAThI/mf8kYcBysZI/s1600/fundo.png) repeat; border-top: 5px solid #ebcba0; z-index: 1000; height: 25px; padding: 10px 5px 5px 5px; font-family: Special Elite; font-size: 15px; color: #b5a7b5; text-shadow: 1px 1px 1px #ffffff; text-align: center; -webkit-transition-duration: .50s; } #footer-wrapper:hover { border-top: 5px solid #fae0d4; -webkit-transition-duration: .50s; } .widget ul, .widget #ArchiveList ul.flat { /*marcadores personalizados */ list-style: none; padding: 5px; } .widget ul li, .widget #ArchiveList ul.flat li { text-align: center; color: #d99e4c; text-shadow: 1px 1px 3px #ebcba0; border-bottom: dashed 1px #d5d5d5; -webkit-transition-duration: .50s; } .widget ul li:hover { color: #c7b3c7; text-shadow: 1px 1px 1px #fff; background: #f4f2f4; -webkit-transition-duration: .50s; } .post blockquote { padding: 5px 5px 5px 5px; text-align: justify; color: #a697a6!important; text-shadow: 1px 1px 1px #fff; font-family: special elite; font-size: 12px; font-weight: normal; background: url(http://3.bp.blogspot.com/-O-BJnHrh_zg/U4ogZWPtCVI/AAAAAAAAThI/mf8kYcBysZI/s1600/fundo.png) repeat; border: 1px dashed #a697a6; margin: 10px -5px 5px -5px; -webkit-transition-duration: 3s; } .post blockquote:hover { color: #ffffff!important; text-shadow: 1px 1px 1px #a697a6; text-decoration: none; background: url(http://3.bp.blogspot.com/-O-BJnHrh_zg/U4ogZWPtCVI/AAAAAAAAThI/mf8kYcBysZI/s1600/fundo.png) repeat #cfc6cf; box-shadow: inset 500px 0 0 0 #cfc6cf, inset -500px 0 0 0 #cfc6cf; -webkit-transition-duration: 3s; } .jump-link { /*leia mais*/ text-align: center; float: right; padding: 8px 10px 3px 10px; background: #cfc6cf; border-left: 5px solid #a697a6; margin: 4px -5px -20px 200px; width: 100px; height: 25px; -webkit-transition-duration: 5s; } .jump-link:hover { background: #ebdfeb; box-shadow: inset 200px 0 0 0 #ebdfeb, inset -200px 0 0 0 #ebdfeb; -webkit-transition-duration: 5s; } .jump-link a { text-align: center; color: #ffffff!important; text-shadow: 1px 1px 1px #a697a6; font-family: special elite; font-size: 15px; font-weight: normal; -webkit-transition-duration: .60s; } .jump-link a:hover { color: #d4bad4!important; text-shadow: 1px 1px 1px #fff; text-decoration: none; -webkit-transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #f9edfa; color: #d4bad4; text-shadow: 1px 1px 1px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #f9edfa; color: #d4bad4; text-shadow: 1px 1px 1px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: #e6d8e6; border-top: 4px solid #cfc6cf; border-bottom: 4px solid #cfc6cf; border-left: 1px dashed #ebcba0; } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 10px; background: #fae0d4; border-left: 1px dashed #ebcba0; } div#qTip { /*tooltip*/ margin: 2px; padding: 2px 8px; border: 3px double #f5bcab; display: none; color: #f5bcab; text-shadow: 1px 1px 0px #fff; background: #fae4d9; border-radius: 3px; font-family: muli; font-size: 10px; position: absolute; } b {color: #3b3b3b; text-decoration: none;} /*Negrito */ b:hover { cursor: help; color: #d99e4c; text-shadow: 1px 1px 3px #ebcba0;} i {color: #8f8f8f; text-decoration: none;} /* Itálico */ i:hover { cursor: help; color: #edaaa4; text-shadow: 1px 1px 3px #f2c0bb;} u {color: #3b3b3b; text-decoration: none; border-bottom: 1px dashed #3b3b3b;} /* Sublinhado */ u:hover {cursor: help; color: #a697a6; text-shadow: 1px 1px 3px #cfc6cf; border-bottom: dashed 1px #a697a6; text-decoration: none; } strike {color: #8f8f8f; text-decoration: strike;} /* Tachado */ strike:hover {cursor: help; color: #d4bad4; text-shadow: 1px 1px 3px #e6d8e6; text-decoration: strike;} .search{ float: none; } .searchbar{ margin-left: -25px; border: 0px solid #cccccc; height: 15px; width: 200px; border-radius: 0px 2px 2px 0px; background: #FFE4E1; box-shadow: inset 0 0 15px #f0b0b1, 0 0 3px #eec1c2; text-align: center; color: #8B658B; font: 13px trebuchet; -webkit-transition-duration: .60s; } .searchbar:hover{ border: 0px solid #cccccc; border-radius: 0px 5px 5px 0px; background: #EED2EE; box-shadow: inset 0 0 15px #c9b0ad, 0 0 3px #dec1be; text-align: center; color: #8B658B; -webkit-transition-duration: .60s; } .searchbut{ background: url('http://1.bp.blogspot.com/-vPvBWWOA1Ps/UeVxOqhAJOI/AAAAAAAAFec/XiPN04oJSrE/s1600/259.png'); width: 30px; height: 33px; border: 0; padding: 2px; -webkit-transition-duration: .50s; } .searchbut:hover{ background: url('http://static.tumblr.com/dlelfro/ebRmm72j3/1562.png'); width: 30px; /*Largura do botão*/ height: 33px; /*altura do botão*/ border: 0; padding: 2px; -webkit-transition-duration: .50s; } /*fim da edição*/ ]]>