<data:blog.pageTitle/> */ /*----Outros acréscimos (como fontface)----*/ @font-face { font-family: "lobster";src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); } @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); } @-webkit-keyframes wheel-wheel { from {opacity: .70; -webkit-transform:rotate(100deg); -o-transform:rotate(100deg); -moz-transform: rotate(100deg);} to {opacity: .70; -webkit-transform:rotate(180deg); -o-transform:rotate(10deg); -moz-transform: rotate(10deg);}} /*----Fundo, corpo e cabeçalho----*/ body, html { height: 300px; /*troque pela altura de um possível cabeçalho com largura total*/ margin: 0px; padding: 0px; } body { font: $(body.font); color: $(body.text.color); background: url(URL do possível cabeçalho com largura total) repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } html { background: url(http://2.bp.blogspot.com/-ycuTfo40YvY/VVXsOZfzR6I/AAAAAAAAdbw/-VjsSzUpD1A/s1600/I2.png) repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } html:hover { background: url(http://3.bp.blogspot.com/-IXRmMIA8eIQ/VVXsVhE5c_I/AAAAAAAAdb4/Qjrj4tTIyg8/s1600/I3.png) repeat; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; 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: 0px; margin-bottom: -20px; margin-right: -134px; margin-left: 134px; } 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; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } 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: Amatic SC; font-size: 25px; color: #adb398; letter-spacing: 1px; padding: 1px; margin: 0px; -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: Amatic SC; font-size: 25px; color: #adb398; letter-spacing: 1px; padding: 1px; margin: 0px; border-top: 1px solid #c7b3a5; border-bottom: 1px solid #c7b3a5; -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 */ letter-spacing: 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-outer { /* postagens */ font: $(widget.font); color: #664c44; background: #ffffff; padding: 5px; border-bottom: 1px solid #c7b3a5; -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; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .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; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } /*----Sidebar----*/ h2 { font-family: Amatic SC; font-size: 25px; color: #664c44; -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: Amatic SC; font-size: 25px; color: #9ea387; text-shadow: 1px 1px 0px #fff; letter-spacing: 1px; background: url(http://3.bp.blogspot.com/-PDhzBK_Qubc/VVTb3U7CUXI/AAAAAAAAdaw/FWDx35IhK0g/s1600/E.PNG) repeat-X; padding: 6px 0px 0px 0px; margin: -5px -5px 0px -5px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget h2:hover { letter-spacing: 2px; /*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; } .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: -158px; margin-right: $(content.padding); } .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { /*zona por trás da sidebar esquerda */ margin-right: -10px; 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: #664c44; background: #ffffff; padding: 5px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .sidebar .widget:hover { /*personalização dos gadgets */ box-shadow: 4px 4px 0px #ded5c1; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #Followers1 { padding: 5px 5px 2px 5px; border-bottom: 4px solid #ced4b6; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } #Followers1:hover { border-bottom: 4px solid #c7b3a5; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .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 { /*fundo da área de comentários*/ background: url(http://3.bp.blogspot.com/-c6R5L7opQbk/VcUGd9F1GzI/AAAAAAAAgVg/BTIeN56VsPk/s1600/forumfundocorcinza20b.png) repeat; padding: 5px; } h4 { /*texto X comentários*/ padding: 5px; background: #ebe5da; text-align: center; font-size: 13px; outline-offset: -4px; outline: 1px dashed #c9bead; } .comments .comment-block { margin-left: 70px;} .comments .comments-content .comment-content { /*caixa de comentários*/ margin-top: -5px; position: relative; background: #edebc7; border: 1px solid #ffffff; padding: 10px; color: #9c985c; font-size: 11px; border-radius: 5px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .comments .comments-content .comment-content:hover { /*caixa de comentários*/ background: #f4f5e4; border-radius: 20px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .comment-header { /*título do autor*/ color: #807569; padding: 5px; background-image: url(http://3.bp.blogspot.com/-bN8gw95_oHI/VVX6sFOEKPI/AAAAAAAAddI/yVG-0VfK3uU/s1600/Have%2BThings.png); outline-offset: -4px; outline: 1px solid #fff; border: 1px solid #b0a496; } .comment-header a { color: #807569 !important; font-size: 20px; font-family: Amatic SC; font-weight: normal; text-shadow: 1px 1px 1px #fff; } .comment-header a:hover {color: #a89d76 !important;} .comments .comments-content .datetime a { font-size: 10px !important; float: right; line-height: 16px; font-family: muli; } .comments .comment .comment-actions a { /*botões de responder*/ padding-right: 5px; float: right; font-size: 14px; color: #b39794 !important; font-weight: normal; text-shadow: 1px 1px 1px #fff; background: #fff; padding: 1px 5px 1px 5px; } .comments .comment .comment-actions a:hover { font-style: normal !important; text-decoration: none; } .comments .continue a { /*botão de adicionar comentário*/ font-size: 12px; color: #cfcc93 !important; font-weight: normal; text-shadow: 1px 1px 1px #ffffff; -moz-text-shadow: 1px 1px 1px #ffffff; float:left; padding:3px !important; margin-right: 10px !important; } .comments .continue a:hover { font-style: normal !important; color: #c7b0ad !important; text-decoration: none; } .comments .avatar-image-container { /*avatar*/ max-width: 50px; max-height: 50px; min-height: 50px; min-width: 50px; background-image: url(http://3.bp.blogspot.com/-bN8gw95_oHI/VVX6sFOEKPI/AAAAAAAAddI/yVG-0VfK3uU/s1600/Have%2BThings.png); padding: 5px; outline-offset: -3px; outline: 1px dashed #c9bead; } .comments .avatar-image-container img{ max-width: 50px; max-height: 50px; min-height: 50px; min-width: 50px; } /*----Efeitos e menus----*/ .dd1{ width:30%; padding: 5px 0 4px 0; margin: 0 0 4px 4px; float: left; height: 17px; text-align: center; font-size: 13px; background: #edebc7; border: 1px solid #d4e4a6; outline: solid 1px #fff; outline-offset: -4px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd1:hover{ outline: solid 0px none; opacity: 0.5; outline-offset: -20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0 #514758; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd1 a{ color: #b8b78a; text-shadow: 1px 1px 0 #fff; text-decoration: none; } .dd2{ width:30%; padding: 5px 0 4px 0; margin: 0 0 4px 4px; float: left; height: 17px; text-align: center; font-size: 13px; background: #dde3c5; border: 1px solid #ced4b6; outline: solid 1px #fff; outline-offset: -4px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd2:hover{ outline: solid 0px none; opacity: 0.5; outline-offset: -20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0 #514758; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd2 a{ color: #ba9e96; text-shadow: 1px 1px 0 #fff; text-decoration: none; } .dd3{ width:30%; padding: 5px 0 4px 0; margin: 0 0 4px 4px; float: left; height: 17px; text-align: center; font-size: 13px; background: #e3d1c3; border: 1px solid #d4c2b4; outline: solid 1px #fff; outline-offset: -4px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd3:hover{ outline: solid 0px none; opacity: 0.5; outline-offset: -20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px 0 #514758; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .dd3 a{ color: #ba9e96; text-shadow: 1px 1px 0 #fff; text-decoration: none; } .flor { margin: 8px 2px 2px 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .flor:hover { margin: 2px 2px 8px 2px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post img { outline: solid 6px rgba(255, 255, 255, .5); outline-offset: -6px; margin-left: -13px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post img: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 10px rgba(255, 255, 255, .5); outline-offset: -10px; -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; } /*----Ajustes e outras personalizações----*/ a:link { /*personalização nos links*/ text-decoration: none; color: #998577; text-shadow: 1px 1px 1px #ebd9ce, -1px -1px 1px #ebd9ce; -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: #664c44; letter-spacing: 2px; -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: #d0d6b8; text-shadow: 1px 1px 1px #e6e6e6; -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: #664c44; text-shadow: 1px 1px 0px #ded1ca; letter-spacing: 0px; text-align: center; padding: 2px 2px 2px 2px; background: url(http://4.bp.blogspot.com/-IOBpzhXAHSI/VVTXOxkhCfI/AAAAAAAAdaU/N-W9cPYzGs4/s1600/C.PNG) no-repeat; width: 55px; height: 75px; margin: 0px -200px -80px 760px; -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*/ 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; } .post-footer { /* rodapé das postagens */ background: url(http://3.bp.blogspot.com/-s3y-D4Yenp0/VVTZkbu_phI/AAAAAAAAdak/VdlOkBKndY8/s1600/D2.png) repeat-X; text-shadow: 1px 1px 0px #ebd9ce; padding: 1px 5px; margin: 0px -5px 0px -5px; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post-footer-line-2 {padding-bottom: 10px;} .post-footer:hover { /* rodapé das postagens - ao passar o mouse */ 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; } #blog-pager { /* mensagens antigas, home, recentes */ font-size: 10px; font-family: silkscreen; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .feed-links { display: none; } #footer-wrapper { /* rodapé do blog */ background: url(http://3.bp.blogspot.com/-PDhzBK_Qubc/VVTb3U7CUXI/AAAAAAAAdaw/FWDx35IhK0g/s1600/E.PNG) repeat; z-index: 1000; height: 30px; text-align: center; font-family: Amatic SC; font-size: 23px; color: #8d9176; text-shadow: 1px 1px 0px #fff; letter-spacing: 1px; padding: 6px 0px 0px 0px; -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; padding: 2px 5px; } .widget ul li, .widget #ArchiveList ul.flat li { margin-right: -30px; margin-left: -30px; text-align: center; border-bottom: solid 1px #d0d6b8; color: #9ea387; background: url(http://3.bp.blogspot.com/-KcF7uuG40XU/VVTeNrZEVuI/AAAAAAAAdbA/ZUinDhXkYKI/s1600/F.png) no-repeat #fff; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .widget ul li:hover { background: url(http://2.bp.blogspot.com/-gbsqdt5ivrs/VVTeNgDxv_I/AAAAAAAAdbE/PrqgYwl0VIc/s1600/F2.png) no-repeat #f0efe9; border-bottom: 1px solid #cfbcb0; color: #9e8a7e; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } .post blockquote { color: #b3a892; text-shadow: 1px 1px 0 #fff; margin-left: -0px; margin-right: -0px; padding: 5px; border: 1px solid #bfb8a3; outline: solid 1px #fff; outline-offset: -4px; background: url(http://3.bp.blogspot.com/-bN8gw95_oHI/VVX6sFOEKPI/AAAAAAAAddI/yVG-0VfK3uU/s1600/Have%2BThings.png) repeat; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .post blockquote:hover { opacity: 0.8; outline: solid 0px #none; outline-offset: -100px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } .jump-link { /*leia mais*/ text-align: center; float: right; background: #ded8bf; padding: 1px 10px 6px 10px; margin: 0px -5px 0px 200px; width: 55px; height: 35px; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } .jump-link:hover { background: #ded8bf; box-shadow: inset 200px 0 0 0 #a8a185, inset -200px 0 0 0 #a8a185; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } .jump-link a { text-align: center; color: #b3a978!important; text-shadow: 1px 1px 0px #fff; font-family: Amatic SC; 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: #ffffff!important; text-shadow: 1px 1px 1px #b3a978; text-decoration: none; -webkit-transition-duration: .60s; -moz-transition-duration: .60s; -o-transition-duration: .60s; transition-duration: .60s; } ::-moz-selection { /*seleção colorida*/ background: #e9edd8; color: #adb396; text-shadow: 1px 1px 0px #ffffff; } ::selection { /*seleção colorida - coloque o mesmo que em cima!*/ background: #e9edd8; color: #adb396; text-shadow: 1px 1px 0px #ffffff; } ::-webkit-scrollbar-thumb:vertical { /*barra vertical que se move*/ background: #b8a497; border-left: 3px solid #a8958a; border-bottom: 3px solid #a8958a; } ::-webkit-scrollbar { /*barra vertical fixa*/ width: 10px; background: #cfbcb0; } div#qTip { /*tooltip*/ margin:10px; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 5px; display: none; no-repeat 5%; z-index: 1000; position: absolute; background: #ebebeb; box-shadow: inset 1px 1px 0px #f6f6f6; text-shadow: 1px 1px 0 #fff; border: 3px double #dadada; color: #9ea387; letter-spacing: 1px; font-size: 8px; font-family: muli; text-transform: uppercase; } b {color: #9ea387; text-decoration: none;} /*Negrito */ b:hover { cursor: help; color: #a89588;} i {color: #a89588; text-decoration: none;} /* Itálico */ i:hover { cursor: help; color: #9ea387;} u {color: #9ea387; text-decoration: none; border-bottom: 1px solid #9ea387;} /* Sublinhado */ u:hover {cursor: help; color: #a89588; border-bottom: solid 1px #a89588; text-decoration: none; } strike {color: #a89588; text-decoration: strike;} /* Tachado */ strike:hover {cursor: help; color: #9ea387; text-decoration: strike;} /*fim da edição*/ ]]>