API tools faq
paste
Advertisement
natashabartz

Themefamilia1

natashabartz
Jun 9th, 2015
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.46 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------------------------------------
  2. THEME TOTALMENTE CODIFICADA POR WARVADA - BASE PARA MODIFICAÇÃO
  3. MODIFICADA E ADAPTADA POR CAFAJESTIADA
  4. -----------------------------------------
  5.  
  6.  
  7.  
  8.  
  9. <!-- Appearance -->
  10. <!-- imagens-->
  11. <meta name="image:sidebar" content=""/>
  12.  
  13. <!-- cores-->
  14. <meta name="color:background" content="#fff"/>
  15. <meta name="color:text" content="#222"/>
  16. <meta name="color:links" content="#222"/>
  17. <meta name="color:links hover" content="#000"/>
  18. <meta name="color:ask" content="#ffc0cb"/>
  19. <meta name="color:barra de rolagem" content="#eee"/>
  20. <meta name="color:caixas" content="#222"/>
  21. <meta name="color:titulo 1" content="#27224e"/>
  22. <meta name="color:titulos" content="#fff"/>
  23. <meta name="color:imagens" content="#aaa"/>
  24. <meta name="color:links side" content="#fff"/>
  25. <meta name="color:links side hover" content="#000"/>
  26. <meta name="color:menu" content="#ccc"/>
  27.  
  28.  
  29. <!-- links e textos-->
  30. <meta name="text:nome da familia" content="" />
  31. <meta name="text:link1" content="" />
  32. <meta name="text:link1 titulo" content="" />
  33. <meta name="text:link2" content="" />
  34. <meta name="text:link2 titulo" content="" />
  35. <meta name="text:link3" content="" />
  36. <meta name="text:link3 titulo" content="" />
  37. <meta name="text:link4" content="" />
  38. <meta name="text:link4 titulo" content="" />
  39. <meta name="text:link5" content="" />
  40. <meta name="text:link5 titulo" content="" />
  41. <meta name="text:link6" content="" />
  42. <meta name="text:link6 titulo" content="" />
  43.  
  44.  
  45.  
  46.  
  47.  
  48. </head>
  49. <!-------------------------------------------------------------------------->
  50. <!-- BASE POR WARVADA - NÃO RETIRE OS CRÉDITOS -->
  51. <!-------------------------------------------------------------------------->
  52. <style type="text/css" media="screen">
  53.  
  54.  
  55.  
  56.  
  57.  
  58. /* Definições gerais, aqui fica todo o fundo do theme */
  59. body{background:{color:background}; color:{color:text}; font-family:Tahoma; font-size:10px; text-align:left;}
  60.  
  61. /* Links, normal e hover (na ordem) */
  62. a{color:{color:links}; text-decoration:none;}
  63. a:hover{color:{color:links hover};}
  64.  
  65. /* Barra de rolagem personalizada, esse "width:5px;" é a largura dela*/
  66. ::-webkit-scrollbar{height:1px; width:15px; background:transparent;}
  67. ::-webkit-scrollbar-thumb:vertical{background:{color:barra de rolagem};}
  68. ::-webkit-scrollbar-thumb:horizontal{background:{color:barra de rolagem};}
  69.  
  70.  
  71. /* Alinhamento dos posts*/
  72. #posts{float:left; margin-top:130px; margin-left:280px; width:1000px;
  73. padding-bottom:30px;/*Recomendo não tirar, esse codigo é para a skin nao ficar em cima dos códigos e impedir a visualização*/}
  74.  
  75. /* Caixa dos posts*/
  76. .caixa{position:relative; float:left; display:inline-block; width:250px; padding:3px; margin-left:24px;}
  77. .caixa img{max-width:250px;}
  78. .imgpost img{width:250px;}
  79. .vsanna{display:none;}titulo{text-decoration:none;}blockquote{margin:5px;}
  80.  
  81. /* Notes*/
  82. .caixa .notes {margin-top:0px; margin-left:0px; width:250px; height:13px; line-height:17px; text-align:center; color:{color:links}; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transition:1s;}
  83. .notes a{color:{color:links};}
  84. .notes a:hover{color:{color:links hover};}
  85. .caixa:hover .notes {opacity:1; transition:1s;}
  86.  
  87.  
  88. /* Alinhamento e definições da side que esta "deitada" (topo)*/
  89. .wside1{position:fixed; top:0px; left:270px; width:870px; height:120px; background:{color:caixas}; z-index:999;}
  90.  
  91.  
  92. /* Membros do tumblr*/
  93. .equipe{position:fixed; margin-top:20px; width:400px; margin-left:410px;}
  94. .equipe img{width:36px;height:36px; border:2px solid {color:imagens}; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); transition:1s;}
  95. .equipe img:hover{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); transition:1s;}
  96.  
  97.  
  98. /* Titulo do tumblr*/
  99. .wtitulo{position:fixed; margin-top:20px; margin-left:30px; text-align:center; width:375px; font-size:60px; font-family:'vladimir script', sans-serif; color:{color:titulo 1}; line-height:34px;}
  100.  
  101.  
  102. /* Menu principal (abaixo do titulo)*/
  103. .menu{position:fixed; margin-top:66px; margin-left:30px; width:360px; text-align:left;}
  104. .menu a{display:inline-block; width:115px; height:20px; line-height:20px; padding:1px; font-size:10px; color:{color:text}; text-align:center; text-transform:uppercase; background:{color:background}; box-shadow:inset 1 1 1 {color:background}; transition:.80s; margin-bottom:2px;}
  105. .menu a:hover{box-shadow:inset 0 100px 0 {color:menu}; color:{color:background}; letter-spacing:4px;}
  106.  
  107.  
  108.  
  109. /* Alinhamento e definições da side que esta "em pé" (esquerda)*/
  110. .wside2{position:fixed; top:0px; left:72px; width:200px; height:900px; background:{color:caixas};}
  111.  
  112. /* Div unica dos titulos da side, ou seja, qualquer modificação muda todos os titulos*/
  113. .t1{margin-bottom:3px; margin-left:60px; width:198px; font-size:20px; font-family:'Playball'; color:{color:titulos};}
  114.  
  115. /* Imagens da side (todas)*/
  116. .t1_imagens{margin-bottom:10px; margin-left:5px; width:190px;}
  117. .t1_imagens img{width:31px;height:31px; border:2px solid {color:imagens}; transition:1s;}
  118. .t1_imagens img:hover{transform:rotateZ(360deg); border-radius:100px; transition:1s;}
  119.  
  120. /* Links da side (todos)*/
  121. .t1_links{margin-bottom:1px; margin-left:5px; width:100px;}
  122. .t1_links a{display:block; padding:0; width:190px; height:15px; line-height:15px; border:1px solid {color:background}; margin-bottom:4px; text-align:center; color:{color:links side};}
  123. .t1_links a:hover{background:{color:background}; color:{color:links side hover};}
  124.  
  125.  
  126.  
  127.  
  128.  
  129. /*ESTILO DE ASK FEITO POR LUXUOSEI*/
  130.  
  131. .pergunta2{;color:{color:text};font-family:cambria;font-size:10px;padding:5px;background:;border:1px solid #eee;text-transform:lowercase;padding:px;outline-offset: 1px; outline: dotted 1px #eee;}
  132. .florz{color:{color:ask};font-family:sofia;position:absolute;margin-left:74px;margin-top:-10px;font-size:12px;text-decoration:none;text-decoration:lowercase;font-style:normal;text-shadow:0px 1px 0px #000;background:#fff;}
  133. </style>
  134.  
  135. <!-- Fonte do titulo -->
  136. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  137.  
  138. <div class="cred">
  139. <a href="http://cafajestiada.tumblr.com/"><font color={color:cor dos detalhes}>✿ </font> </a>
  140. </div></div>
  141. <body onkeydown="return false">
  142.  
  143.  
  144.  
  145.  
  146. <!-- Inicio da side do topo -->
  147. <div class="wside1">
  148.  
  149.  
  150. <!-- Membros do tumblr-->
  151. <div class="equipe">
  152. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  153. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  154. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  155. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  156. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  157.  
  158. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  159. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  160. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  161. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  162. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  163.  
  164. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  165. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  166. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  167. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  168. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  169.  
  170. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  171. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  172. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  173. </div>
  174.  
  175.  
  176.  
  177. <!-- Titulo (topo)-->
  178. <div class="wtitulo">{title}</div>
  179.  
  180. <!-- Menu-->
  181. <div class="menu">
  182. <a href="{text:link1}">{text:link1 titulo}</a>
  183. <a href="{text:link2}">{text:link2 titulo}</a>
  184. <a href="{text:link3}">{text:link3 titulo}</a>
  185. <a href="{text:link4}">{text:link4 titulo}</a>
  186. <a href="{text:link5}">{text:link5 titulo}</a>
  187. <a href="{text:link6}">{text:link6 titulo}</a>
  188. </div>
  189.  
  190.  
  191. </div><!-- Final da side do topo -->
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. <!-- Inicio da side da esquerda -->
  199. <div class="wside2">
  200.  
  201.  
  202. <!-- Titulo -->
  203. <div class="t1">Destaques</div>
  204.  
  205.  
  206. <!-- Imagens-->
  207. <div class="t1_imagens">
  208. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  209. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  210. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  211. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  212. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  213.  
  214. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  215. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  216. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  217. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  218. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  219.  
  220. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  221. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  222. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  223. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  224. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  225. </div>
  226.  
  227.  
  228. <!-- Titulo -->
  229. <div class="t1">Parceiros</div>
  230.  
  231.  
  232. <!-- Imagens-->
  233. <div class="t1_imagens">
  234. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  235. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  236. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  237. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  238. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  239.  
  240. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  241. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  242. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  243. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  244. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  245.  
  246. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  247. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  248. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  249. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  250. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  251.  
  252. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  253. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  254. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  255. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  256. <a href="LINK DO TUMBLR"><img src="http://api.tumblr.com/v2/blog/warvada.tumblr.com/avatar/96/"></a>
  257. </div>
  258.  
  259.  
  260. <!-- Titulo -->
  261. <div class="t1">Novidades</div>
  262.  
  263.  
  264. <!-- Links-->
  265. <div class="t1_links">
  266. <a href="">Um link grandinho aqui</a>
  267. <a href="">Um link grandinho aqui</a>
  268. <a href="">Um link grandinho aqui</a>
  269. <a href="">Um link grandinho aqui</a>
  270. <a href="">Um link grandinho aqui</a>
  271. <a href="">Um link grandinho aqui</a>
  272. <a href="">Um link grandinho aqui</a>
  273. <a href="">Um link grandinho aqui</a>
  274. <a href="">Um link grandinho aqui</a>
  275. <a href="">Um link grandinho aqui</a>
  276. </div>
  277.  
  278.  
  279.  
  280. </div><!-- Final da side da esquerda-->
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. <!--Inicio dos posts-->
  290. <div id="posts">
  291. {block:Posts}
  292. <div class="caixa">
  293.  
  294.  
  295. <!-------------------------------------------------------------------------->
  296. <!-- BASE POR WARVADA - NÃO RETIRE OS CRÉDITOS -->
  297. <!-------------------------------------------------------------------------->
  298.  
  299.  
  300. {block:Text}
  301. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  302. {body}
  303. {/block:Text}
  304.  
  305.  
  306.  
  307. {block:Photo}
  308. {LinkOpenTag}
  309. <div class="imgpost"><img src="{PhotoURL-400}"></div>
  310. {/block:Photo}
  311.  
  312.  
  313.  
  314. {block:Photoset}
  315. <div class="imgpost">{Photoset-250}</div>{LinkCloseTag}
  316. {/block:Photoset}
  317.  
  318.  
  319.  
  320. {block:Quote}
  321. {Quote}<br>
  322. <div style="margin-top:2px; border-top:1px dashed #ddd; font-family:Gabriola; font-size:10px; text-transform:uppercase; text-align:center;">{block:Source}{Source}{/block:Source}</div>
  323. {/block:Quote}
  324.  
  325.  
  326.  
  327. {block:Chat}
  328. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  329. {block:Lines}
  330. {block:Label}<span>{Label}</span>{/block:Label}
  331. {Line}
  332. {/block:Lines}
  333. {/block:Chat}
  334.  
  335.  
  336.  
  337. {block:Link}
  338. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  339. {block:Description}{Description}{/block:Description}
  340. {/block:Link}
  341.  
  342.  
  343.  
  344. {block:Audio}
  345. {AudioPlayer}
  346. {/block:Audio}
  347.  
  348.  
  349.  
  350. {block:Video}
  351. {block:Indexpage}{Video-250}{/block:IndexPage}
  352. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  353. {block:Caption}{Caption}{/block:Caption}
  354. {/block:Video}
  355.  
  356.  
  357.  
  358. {block:Answer}
  359. <div class="florz">✿<font color="#ddd"> ✿ </font>✿</div> <div class="pergunta2"> <b>{Asker}</b>: {Question}</div>
  360. <div class="resposta">{Answer}</div>
  361. {/block:Answer}
  362.  
  363.  
  364.  
  365.  
  366. <!--notes-->
  367. {block:indexpage}
  368. <div class="notes">
  369. <a href="{permalink}">{NoteCount} notes</a> -
  370. <a href="{ReblogURL}" target="_blank">Reblog, baby!</a>
  371. </div>
  372. {/block:indexpage}
  373.  
  374.  
  375.  
  376.  
  377. <!--bloqueio do via e source -->
  378. <div class="vsanna">
  379. {block:RebloggedFrom}
  380. <a href="{ReblogParentURL}">via</a>
  381. {/block:RebloggedFrom}
  382. {block:ContentSource}
  383. <a href="{SourceURL}">source</a>
  384. {/block:ContentSource}
  385. </div>
  386.  
  387.  
  388.  
  389.  
  390.  
  391. </div>
  392. {/block:Posts}
  393. </div>
  394. <!-- Final dos posts-->
  395.  
  396.  
  397.  
  398. <!-- Não retire isso, é das colunas do theme-->
  399. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script><script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script><script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#posts').masonry(),$('.masonryWrap').infinitescroll({navSelector : "div#navigation",nextSelector : "div#navigation a#nextPage",itemSelector:".caixa",bufferPx:10000,extraScrollPx:11000,loadingImg:"",loadingText:"<i> </i>",},function() { $('#posts').masonry({ appendedContent:$(this)});});});</script>
  400. <!-------------------------------------------------------------------------->
  401. <!-- BASE POR WARVADA - NÃO RETIRE OS CRÉDITOS -->
  402. <!-------------------------------------------------------------------------->
  403. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433. </body>
  434.  
  435.  
  436. <!-- BASE POR WARVADA - NÃO RETIRE OS CRÉDITOS -->
  437.  
  438. </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!