API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 31st, 2014
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.34 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME BASE EXPLICATIVO POR FCKRAW.TUMBLR.COM
  2.  
  3. RECOMENDO QUE VOCÊ ANTES DE ADAPTAR COLOQUE NO CUSTOMIZE,
  4. PORQUE ELE É COLORIDINHO E TE AJUDA A ENCONTRAR AS COISAS MAIS FÁCIL
  5. SE VOCE PEGAR ESSA BASE ME MANDE UMA ASK AVISANDO -->
  6.  
  7.  
  8.  
  9. <html><head>
  10. <meta name="color:background" content="#fff" />
  11. <meta name="color:posts" content="#000000" />
  12. <meta name="color:scrollbar" content="#f8f8f8" />
  13. <meta name="color:textos" content="#000000" />
  14. <meta name="color:info" content="#000000"/>
  15. <meta name="color:border" content="#ffffff" />
  16.  
  17.  
  18. <meta name="color:links" content="#000000" />
  19.  
  20.  
  21.  
  22.  
  23. <meta name="if:Rolagem Infinita" content="1"/>
  24.  
  25.  
  26. <meta name="image:sidebar" content="http://static.tumblr.com/89ea422ad90f26ef21768fb6a2c59aa7/xjqx5xm/Xion92v09/tumblr_static_8rb8geqkpm8sk40k0wgc0ksog.jpg"/>
  27. <meta name="image:background" content=""/>
  28.  
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="UM" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link2 Title" content="DOIS" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link3 Title" content="TRÊS" />
  36. <meta name="text:Link4" content="/" />
  37. <meta name="text:Link4 Title" content="QUATRO" />
  38. <meta name="text:Link5" content="/" />
  39. <meta name="text:Link5 Title" content="CINCO" />
  40.  
  41.  
  42. <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}
  43.  
  44. <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>
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50.  
  51. /*** CORPO BÁSICO
  52.  
  53. jamais exclua os px (exemplo:220px)
  54.  
  55. todas as cores precisam ser em código,
  56. tem várias opções nesse site aqui:
  57. http://www.color-hex.com/color/000000
  58.  
  59. - background-color é a cor do fundo do theme
  60. - background-image é a imagem de fundo. se vc quiser colocar um bg, pegue a url (www) e coloque entre os apostrofos
  61. - color é a cor dos textos
  62.  
  63. ***/
  64.  
  65. body {background-color: #fff; background-image:url('http://assets.tumblr.com/images/x.gif'); color: #666;}
  66.  
  67. a {color: #666; text-decoration: none; text-transform: none;}
  68. a:hover {color: #666;}
  69. p {margin: 6px 0 0 0}
  70.  
  71. blockquote {margin: 0px; padding-left: 0px; }
  72. blockquote img{width: 400px!important; text-align:justify;}
  73.  
  74.  
  75.  
  76.  
  77.  
  78. /*** CONFIGURAÇÕES DOS POSTS
  79.  
  80. - todos os width que tem nessa parte correspondem ao tamanho dos posts, no caso, 400px
  81. - margin-top: 35px indica que a distancia do topo até os posts é 35 pixels
  82. - margin-left: 480px indica que a distancia da lateral esquerd até os posts é 480px;
  83.  
  84. ***/
  85.  
  86. #container {width: 400px; margin:70px auto: 70px auto;}
  87. #entry {float:left; margin-top:35px; margin-bottom:-25px; margin-left:480px; width:400px;}
  88.  
  89. .posts {width: 400px; background-color: transparent; padding: 10px; text-align: justify; margin-bottom:0px; position: relative; font-size:0px;}
  90.  
  91. .source {display: none;}
  92. #captt {width: 400px; margin-top: -2px; text-align: center;}
  93.  
  94.  
  95.  
  96.  
  97.  
  98. /*** CONFIGURAÇÕES DAS FONTES
  99.  
  100. - h1 é a fonte do títulos
  101. - h2 é a fonte dos textos
  102.  
  103. - font-family é a fonte
  104. - font-size é o tamanho
  105. - letter-spacing é a distancia das letras
  106. - line-height é a distancia de uma linha pra outr
  107. - 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)
  108. - color é a cor
  109.  
  110. ***/
  111.  
  112. h1 {font-family: calibri; font-size: 14px; letter-spacing:0px; line-height: 12px; text-align: center; font-weight: normal;color: #696969; margin-bottom:-15px;}
  113. h1 a {color: #696969;}
  114.  
  115. h2 {font-family: arial; font-size: 9px; line-height: 13px; text-align: justify; margin-top:25px; font-weight: normal;color: #696969; margin-bottom:3px;}
  116. h2 a {color: #696969;}
  117.  
  118.  
  119.  
  120.  
  121.  
  122. /*** CONFIGURAÇÕES DAS IMAGENS E PHOTOSETS
  123.  
  124. - width é o tamanho da imagem, então se os seus posts são 400px, o width da imagem tem que ser 400px
  125. - 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)
  126. - 40% é a escala preto e branco, quanto maior o número, mais preto e branco é
  127.  
  128. ***/
  129.  
  130. .image {text-align: left;}
  131. .image img {width: 400px; opacity:0.9; -webkit-filter: grayscale(40%)}
  132. .photoset {width: 400px;opacity:0.9; -webkit-filter: grayscale(40%)}
  133.  
  134.  
  135.  
  136.  
  137.  
  138. /*** CONFIGURAÇÕES DOS QUOTES
  139.  
  140. - quote é a citação
  141. - sorc é quem escreveu
  142.  
  143. - font-family é a fonte
  144. - font-size é o tamanho
  145. - letter-spacing é a distancia entre as letras
  146. - line-height é a distancia entre as linhas
  147. - 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)
  148. - color é a cor
  149. - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
  150.  
  151. ***/
  152.  
  153. .quote {font-family: arial; font-size: 9px; letter-spacing:0px; line-height: 13px; text-align: justify; font-weight: normal;color: #696969; margin-bottom:5px;}
  154. .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; }
  155. .sorc a {text-transform: uppercase; color:#696969}
  156.  
  157.  
  158.  
  159.  
  160.  
  161. /*** CONFIGURAÇÕES DOS CHATS
  162.  
  163. - label é o nome da pessoa
  164.  
  165. - 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)
  166. - font-size é o tamanho da fonte
  167. - line-height é a distancia entre as linhas
  168. - list-style é o que vai deixar com marcadores (none é nenhum marcador; disc é a bolinha; square é o quadradinho)
  169. - font-family é a fonte
  170. - font-style:italic é o que define se será ou não italico. para tirar é só substituir italic por none
  171. - color é a cor
  172.  
  173. ***/
  174.  
  175. .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; }
  176. .chat ul { list-style: none; padding: 0px; line-height:12px;font-family: arial; font-size: 9px;}
  177. .person1 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  178. .person1 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  179. .person2 {color: #666; padding: 2px; font-family: arial; font-size: 9px;}
  180. .person2 .label {font-style:italic; color:#666;font-family: arial; font-size: 9px;}
  181.  
  182.  
  183.  
  184.  
  185.  
  186. /*** CONFIGURAÇÕES DOS AUDIOS
  187.  
  188. - font-family é a fonte
  189.  
  190. ***/
  191.  
  192. .audio {opacity: 1.0; position:relative; overflow:hidden; min-height:130px; font-size: 8px; margin-bottom:-45px;}
  193. .player {position:absolute; z-index:3; background:transparent; margin-top:45px; margin-left:0px;}
  194. .audioplayer {width:25px; height:18px; overflow:hidden; padding:5px; margin-right:11px}
  195. .audioinfo {margin-left:110px; line-height:155%; font-family: arial; font-size:9px!important;}
  196. .audiocaption {margin-left:162px;}
  197. .audiocaption img {width:130px!important}
  198. .audiocaption blockquote img {max-width:320px!important}
  199. .audiocaption blockquote blockquote img {max-width:310px!important}
  200.  
  201.  
  202.  
  203.  
  204.  
  205. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  206.  
  207. - asker é a pergunta
  208. - answer é a resposta
  209.  
  210. - 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)
  211. - background-color é a cor do fundo
  212. - color é a cor da fonte
  213. - line-height é a distancia entre uma linha e outra
  214. - font-size é o tamanho da fonte
  215. - font-family é a fonte
  216. - text-transform é o que define se as letras vão ser maiúsculas ou minúsculas. uppercase é maiuscula e lowercase, minuscula
  217. - 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
  218.  
  219. ***/
  220.  
  221. #asker {padding: 3px; text-align: justify; background-color: #fff; color:#666; line-height: 10px; font-size:10px; font-family:arial; text-transform:lowercase;}
  222. .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;}
  223. .answer img {max-width: 400px; }
  224.  
  225.  
  226.  
  227.  
  228.  
  229. /*** INFORMAÇOES DOS POSTS
  230.  
  231. - 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.
  232.  
  233. - 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)
  234. - font-size é o tamanho da fonte
  235. - fonte family é a fonte
  236. - letter-spacing é a distancia entre as letras
  237. - width: 400px é o tamanho dos posts
  238. - color é a cor
  239.  
  240. ***/
  241.  
  242. #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;}
  243. #info a {font-size:9px; text-transform: lowercase; color:#666; -webkit-transition-duration: 0.4s;}
  244. #info:hover {color:#666}
  245. .posts:hover #info {opacity:9; padding-top:4px; margin-bottom:0px;}
  246.  
  247.  
  248.  
  249.  
  250.  
  251. /*** BARRA DE ROLAGEM
  252.  
  253. - o primeiro width é a grossura da barra de rolagem
  254. - o primeiro height é a grossura da barra de rolagem
  255. - o primeiro background-color é a cor do fundo do theme
  256. - o segundo e o terceiro background-color é a cor da barra
  257.  
  258. ***/
  259.  
  260. ::-webkit-scrollbar{width:5px;height:5px;}
  261. ::-webkit-scrollbar-button:start:decrement
  262. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  263. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  264. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  265. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  266.  
  267. 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; }
  268.  
  269. .tumblrAutoPager_page_separator,
  270. .tumblrAutoPager_page_info {display: none;}
  271.  
  272. #tumblr_controls{position: fixed!important}
  273. #tumblr_controls{position: fixed!important}
  274. #tumblr_controls{position: fixed!important}
  275. #tumblr_controls{position: fixed!important}
  276.  
  277.  
  278.  
  279.  
  280.  
  281. /*** SIDEBAR
  282.  
  283. - sidebar é o todo: links, foto e descrição
  284. - margin-left:355px corresponde a distancia entre a lateral e a sidebar
  285. - margin-top:48px corresponde a distancia entre o topo e a sidebar
  286.  
  287. ***/
  288.  
  289. #sidebar {position:fixed; width: auto; height:auto; margin-left:290px;margin-top:48px;}
  290.  
  291.  
  292.  
  293.  
  294.  
  295. /*** IMAGEM DA SIDEBAR
  296.  
  297. - frufru é a imagem
  298. - width é a largura da imagem
  299. - height é a altura da imagem
  300. - 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)
  301. - 40% é a escala preto e branco, quanto maior o número, mais preto e branco é
  302.  
  303. ***/
  304.  
  305. #frufru {height:auto; margin-top:0px; position:fixed; text-align:left;}
  306. #frufru img { width:125px; height:173px; opacity:0.9; -webkit-filter: grayscale(40%)}
  307.  
  308.  
  309.  
  310.  
  311.  
  312. /*** DESCRIÇÃO DA SIDEBAR
  313.  
  314. - descryp é a descrição
  315. - background é a cor do fundo
  316. - margin-top é a distancia entre o inicio da sidebar e a descrição
  317. - margin-left é a distancia entre o inicio da lateral esquerda da sidebar e a descrição
  318. - 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)
  319. - font-family é a fonte da descrição
  320. - font-size é o tamanho da fonte da descrição
  321. - color é a cor da fonte da descrição
  322. - width é o tamanho da descrição
  323.  
  324. ***/
  325.  
  326. #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;}
  327.  
  328.  
  329.  
  330.  
  331.  
  332. /*** LINKS DA SIDEBAR
  333.  
  334. - links são os links (nosfa q incrivel)
  335. - width:126px é o tamanho da caixa dos links
  336. - margin-top:225px é a distancia entre o topo da sidebar até os links
  337. - margin-left:0px é a distancia entre a lateral da sidebar até os links
  338. - font-family é a fonte dos links
  339. - 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)
  340. - background-color é a cor do fundo da caixa dos links
  341. - line-height é o tamanho vertical dos links
  342. - 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)
  343. - background-color é a cor do fundo dos links
  344. - 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
  345. - font-size é o tamanho da fonte dos links
  346.  
  347. ***/
  348.  
  349. #links {width: 126px; height:24px; margin-top:156px; margin-left:0px; position:fixed; font-family:arial; text-align:center;background-color:#;}
  350. #links a {line-height:20px; text-align: center; padding:2px; background-color:#; border: 1px solid #; color:#FFFAFA; font-size:8px; }
  351.  
  352.  
  353.  
  354.  
  355. </style><body>
  356.  
  357.  
  358. <div id="sidebar">
  359.  
  360. <div id="frufru"><img src="{image:sidebar}"></div>
  361.  
  362.  
  363. <div id="descryp">Estilo mandona.</div>
  364.  
  365. <div id=descryp">{text:descryp}</div>
  366.  
  367. <div id="links">
  368. <a href="{text:Link1}">{text:Link1 Title}</a>&nbsp;
  369. <a href="{text:Link2}">{text:Link2 Title}</a>&nbsp;
  370. <a href="{text:Link3}">{text:Link3 Title}</a>&nbsp;
  371. <a href="{text:Link4}">{text:Link4 Title}</a>&nbsp;
  372. <a href="{text:Link5}">{text:Link5 Title}</a>
  373. </div>
  374.  
  375. </div>{block:IfRolagemInfinita}<div class="autopagerize_page_element">
  376. <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">
  377.  
  378. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<h2>{body}</h2>{/block:Text}
  379.  
  380. {block:Photo}<div class="image"><img src="{PhotoURL-400}"></div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photo}
  381.  
  382. {block:Photoset}<div class="photoset">{Photoset-400}</div>{block:Caption}<h2>{Caption}</h2>{/block:Caption}{/block:Photoset}
  383.  
  384. {block:Quote}<div class="quote">{Quote}</div><br><div class="sorc">{Source}</div>{/block:Quote}
  385.  
  386. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  387.  
  388. {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}
  389.  
  390.  
  391. {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}
  392. <div class="audioplayer" style="margin-left:50px;">{AudioPlayerWhite}</div>
  393. <div class="audioinfo">
  394. {block:TrackName}Song: {TrackName}{/block:TrackName}<br>
  395. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  396. {block:Album}Album: {Album}{/block:Album}</div></div>{/block:Audio}
  397.  
  398.  
  399. {block:Video}{Video-400}{/block:Video}
  400.  
  401. {block:Answer}<div id="asker"><b>{Asker} asked:</b> {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  402.  
  403. <div id="captt">
  404.  
  405. <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>
  406.  
  407. {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>
  408.  
  409. {/block:Posts}</div></div></div></div></div>
  410.  
  411.  
  412.  
  413. </body>
  414. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!