Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- THEME BASE EXPLICATIVO POR FCKRAW.TUMBLR.COM
- RECOMENDO QUE VOCÊ ANTES DE ADAPTAR COLOQUE NO CUSTOMIZE,
- PORQUE ELE É COLORIDINHO E TE AJUDA A ENCONTRAR AS COISAS MAIS FÁCIL
- SE VOCE PEGAR ESSA BASE ME MANDE UMA ASK AVISANDO -->
- <html><head>
- <meta name="color:background" content="#fff" />
- <meta name="color:posts" content="#000000" />
- <meta name="color:scrollbar" content="#f8f8f8" />
- <meta name="color:textos" content="#000000" />
- <meta name="color:info" content="#000000"/>
- <meta name="color:border" content="#ffffff" />
- <meta name="color:links" content="#000000" />
- <meta name="if:Rolagem Infinita" content="1"/>
- <meta name="image:sidebar" content="http://static.tumblr.com/89ea422ad90f26ef21768fb6a2c59aa7/xjqx5xm/Xion92v09/tumblr_static_8rb8geqkpm8sk40k0wgc0ksog.jpg"/>
- <meta name="image:background" content=""/>
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="UM" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="DOIS" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="TRÊS" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="QUATRO" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="CINCO" />
- <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <script src="http://static.tumblr.com/kcrxiw3/LDBlqq9ia/jquerry.js"></script> <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script> <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
- <style type="text/css">
- /*** CORPO BÁSICO
- jamais exclua os px (exemplo:220px)
- todas as cores precisam ser em código,
- tem várias opções nesse site aqui:
- http://www.color-hex.com/color/000000
- - background-color é a cor do fundo do theme
- - background-image é a imagem de fundo. se vc quiser colocar um bg, pegue a url (www) e coloque entre os apostrofos
- - color é a cor dos textos
- ***/
- body {background-color: #fff; background-image:url('http://assets.tumblr.com/images/x.gif'); color: #666;}
- a {color: #666; text-decoration: none; text-transform: none;}
- a:hover {color: #666;}
- p {margin: 6px 0 0 0}
- blockquote {margin: 0px; padding-left: 0px; }
- blockquote img{width: 400px!important; text-align:justify;}
- /*** CONFIGURAÇÕES DOS POSTS
- - todos os width que tem nessa parte correspondem ao tamanho dos posts, no caso, 400px
- - margin-top: 35px indica que a distancia do topo até os posts é 35 pixels
- - margin-left: 480px indica que a distancia da lateral esquerd até os posts é 480px;
- ***/
- #container {width: 400px; margin:70px auto: 70px auto;}
- #entry {float:left; margin-top:35px; margin-bottom:-25px; margin-left:480px; width:400px;}
- .posts {width: 400px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
- .source {display: none;}
- #captt {width: 400px; margin-top: -2px; text-align: center;}
- /*** CONFIGURAÇÕES DAS FONTES
- - h1 é a fonte do títulos
- - h2 é a fonte dos textos
- - font-family é a fonte
- - font-size é o tamanho
- - letter-spacing é a distancia das letras
- - line-height é a distancia de uma linha pra outr
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - color é a cor
- ***/
- h1 {font-family: calibri; font-size: 14px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color: #696969; margin-bottom:-15px;}
- h1 a {color: #696969;}
- h2 {font-family: arial; font-size: 9px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #696969; margin-bottom:3px;}
- h2 a {color: #696969;}
- /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS
- - width é o tamanho da imagem, então se os seus posts são 400px, o width da imagem tem que ser 400px
- - opacity:0.9 é a transparencia da imagem. coloque um numero de 0 a 1 e veja o resultado (não separe com virgula e sim com ponto)
- - 40% é a escala preto e branco, quanto maior o número, mais preto e branco é
- ***/
- .image {text-align: left;}
- .image img {width: 400px; opacity:0.9; -webkit-filter: grayscale(40%)}
- .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(40%)}
- /*** CONFIGURAÇÕES DOS QUOTES
- - quote é a citação
- - sorc é quem escreveu
- - font-family é a fonte
- - font-size é o tamanho
- - letter-spacing é a distancia entre as letras
- - line-height é a distancia entre as linhas
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - color é a cor
- - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
- ***/
- .quote {font-family: arial; font-size: 9px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #696969; margin-bottom:5px;}
- .sorc {font-family: arial; font-size: 9px; line-height: 9px; padding:3px; text-align: right; font-weight: normal;color: #696969; text-transform: uppercase; background-color: transparent; }
- .sorc a {text-transform: uppercase; color:#696969}
- /*** CONFIGURAÇÕES DOS CHATS
- - label é o nome da pessoa
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - font-size é o tamanho da fonte
- - line-height é a distancia entre as linhas
- - list-style é o que vai deixar com marcadores (none é nenhum marcador; disc é a bolinha; square é o quadradinho)
- - font-family é a fonte
- - font-style:italic é o que define se será ou não italico. para tirar é só substituir italic por none
- - color é a cor
- ***/
- .chat {text-align: justify; margin-top:-15px; margin-bottom:-15px; font-size: 12px; line-height: 12px; list-style: none;font-family: arial; font-size: 9px; }
- .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
- .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
- .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
- .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
- .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
- /*** CONFIGURAÇÕES DOS AUDIOS
- - font-family é a fonte
- ***/
- .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
- .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
- .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
- .audioinfo {margin-left:110px; line-height:155%; font-family: arial; font-size:9px!important;}
- .audiocaption {margin-left:162px;}
- .audiocaption img {width:130px!important}
- .audiocaption blockquote img {max-width:320px!important}
- .audiocaption blockquote blockquote img {max-width:310px!important}
- /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
- - asker é a pergunta
- - answer é a resposta
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - background-color é a cor do fundo
- - color é a cor da fonte
- - line-height é a distancia entre uma linha e outra
- - font-size é o tamanho da fonte
- - font-family é a fonte
- - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
- - max-width define o tamanho da imagem quando você mandar uma como resposta, então se os seus posts forem 400px, você deixa como 400px
- ***/
- #asker {padding: 3px; text-align: justify; background-color: #fff; color:#666; line-height: 10px; font-size:10px; font-family:arial; text-transform:lowercase;}
- .answer {line-height: 10px; padding: 2px;color:#666; font-size:9px; font-family:arial; line-height:9px; text-align: left; margin-top:-5px; margin-bottom:0px; font-size:9px;}
- .answer img {max-width: 400px; }
- /*** INFORMAÇOES DOS POSTS
- - essas informações aparecem quando voce passa o mouse por cima dos posts. é a data, os notes, o reblog e etc. existem outros tipos de informaçoes, se você quiser outro, me fala como quer que eu posso te ajudar a por, se quiser.
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - font-size é o tamanho da fonte
- - fonte family é a fonte
- - letter-spacing é a distancia entre as letras
- - width: 400px é o tamanho dos posts
- - color é a cor
- ***/
- #info {text-align: right; margin-top:0px; font-size: 9px; font-family: arial; z-index: 11; letter-spacing:0px; margin-left:0px; width: 400px; margin-bottom: -19px; color:#666;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:0;}
- #info a {font-size:9px; text-transform: lowercase; color:#666; -webkit-transition-duration: 0.4s;}
- #info:hover {color:#666}
- .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
- /*** BARRA DE ROLAGEM
- - o primeiro width é a grossura da barra de rolagem
- - o primeiro height é a grossura da barra de rolagem
- - o primeiro background-color é a cor do fundo do theme
- - o segundo e o terceiro background-color é a cor da barra
- ***/
- ::-webkit-scrollbar{width:5px;height:5px;}
- ::-webkit-scrollbar-button:start:decrement
- ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
- ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
- ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
- ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
- iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
- .tumblrAutoPager_page_separator,
- .tumblrAutoPager_page_info {display: none;}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- #tumblr_controls{position: fixed!important}
- /*** SIDEBAR
- - sidebar é o todo: links, foto e descrição
- - margin-left:355px corresponde a distancia entre a lateral e a sidebar
- - margin-top:48px corresponde a distancia entre o topo e a sidebar
- ***/
- #sidebar {position:fixed; width: auto; height:auto; margin-left:290px;margin-top:48px;}
- /*** IMAGEM DA SIDEBAR
- - frufru é a imagem
- - width é a largura da imagem
- - height é a altura da imagem
- - opacity:0.9 é a transparencia da imagem. coloque um numero de 0 a 1 e veja o resultado (não separe com virgula e sim com ponto)
- - 40% é a escala preto e branco, quanto maior o número, mais preto e branco é
- ***/
- #frufru {height:auto; margin-top:0px; position:fixed; text-align:left;}
- #frufru img { width:125px; height:173px; opacity:0.9; -webkit-filter: grayscale(40%)}
- /*** DESCRIÇÃO DA SIDEBAR
- - descryp é a descrição
- - background é a cor do fundo
- - margin-top é a distancia entre o inicio da sidebar e a descrição
- - margin-left é a distancia entre o inicio da lateral esquerda da sidebar e a descrição
- - text-align é o alinhamento do text (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - font-family é a fonte da descrição
- - font-size é o tamanho da fonte da descrição
- - color é a cor da fonte da descrição
- - width é o tamanho da descrição
- ***/
- #descryp {z-index:9;background:#;padding:2px; margin-top:175px; margin-left:0px; padding:2px; text-align:center; position:fixed; font-family:arial; font-size:12px; color:#9c9c9c; width:122px;}
- /*** LINKS DA SIDEBAR
- - links são os links (nosfa q incrivel)
- - width:126px é o tamanho da caixa dos links
- - margin-top:225px é a distancia entre o topo da sidebar até os links
- - margin-left:0px é a distancia entre a lateral da sidebar até os links
- - font-family é a fonte dos links
- - text-align é o alinhamento dos links (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - background-color é a cor do fundo da caixa dos links
- - line-height é o tamanho vertical dos links
- - text-align é o alinhamento do texto dos links (podem ser left que deixa o texto pra esquerda; center que deixa o texto no centro; right que deix o texto na direita; justify que deixa o texto justificado)
- - background-color é a cor do fundo dos links
- - border: 1px solid #eee; é a borda. para deixar mais grossa é só mudar o número, e para mudar a cor é só mudar o #eee para outro código
- - font-size é o tamanho da fonte dos links
- ***/
- #links {width: 126px; height:24px; margin-top:156px; margin-left:0px; position:fixed; font-family:arial; text-align:center;background-color:#;}
- #links a {line-height:20px; text-align: center; padding:2px; background-color:#; border: 1px solid #; color:#FFFAFA; font-size:8px; }
- </style><body>
- <div id="sidebar">
- <div id="frufru"><img src="{image:sidebar}"></div>
- <div id="descryp">Estilo mandona.</div>
- <div id=descryp">{text:descryp}</div>
- <div id="links">
- <a href="{text:Link1}">{text:Link1 Title}</a>
- <a href="{text:Link2}">{text:Link2 Title}</a>
- <a href="{text:Link3}">{text:Link3 Title}</a>
- <a href="{text:Link4}">{text:Link4 Title}</a>
- <a href="{text:Link5}">{text:Link5 Title}</a>
- </div>
- </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita} <div id="entry"> <div class="autopagerize_page_element">{block:Posts}<div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
- {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
- {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
- {block:Audio}<div class="audio">{block:AlbumArt}<img src="{AlbumArtURL}" width="85px" height="85px" align="left" style="margin-left:0px; -webkit-filter: grayscale(40%); opacity: 0.8; border: 1px solid #ededed; padding: 3px;" />{/block:AlbumArt}
- <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
- <div class="audioinfo">
- {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
- {block:Artist}Artist: {Artist}{/block:Artist}<br>
- {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
- {block:Video}{Video-400}{/block:Video}
- {block:Answer}<div id="asker"><b>{Asker} asked:</b> {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
- <div id="captt">
- <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br>
- {block:Date}<div id="info"><left> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:Date}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Date}</div>
- {/block:Posts}</div></div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement