API tools faq
paste
pamellabellegarde

Theme Tumblr: Tik Tok

pamellabellegarde
Aug 22nd, 2012
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.43 KB | None | 0 0
raw download clone embed print report
  1. <!-------
  2.  
  3. THEME BY SECRET-DIALOGUES.TUMBLR.COM
  4. DON'T COPY! BE ORIGINAL!
  5.  
  6. ------->
  7.  
  8.  
  9. <!DOCTYPE html>
  10.  
  11.  
  12. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  13. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  14. <script type="text/javascript">
  15. $(window).load(function () {
  16. $('#conteudo').masonry({
  17. itemSelector : ".box",
  18. },
  19. function() { $('#conteudo').masonry({ appendedContent: $(this) }); }
  20. );
  21. });
  22. </script>
  23.  
  24. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  25.  
  26. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  27.  
  28. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  29.  
  30. <title>{title}</title>
  31.  
  32.  
  33.  
  34. <link rel="shortcut icon" href="{favicon}" />
  35. <meta name="color:Postsbox" content="#fff"/>
  36. <meta name="color:background" content="#eee" />
  37. <meta name="image:background" content=""/>
  38.  
  39.  
  40. <meta name="color:bg menu" content="#000" />
  41. <meta name="color:bg menu hover" content="#eee" />
  42.  
  43. <meta name="color:links menu" content="#fff" />
  44. <meta name="color:links menu hover" content="#000" />
  45.  
  46. <meta name="color:scroll bar" content="#000" />
  47. <meta name="color:bg scroll bar" content="#fff" />
  48. <meta name="color:Links" content="#666" />
  49. <meta name="color:Links Hover" content="#dadada" />
  50. <meta name="color:Text" content="#000" />
  51. <meta name="text:Link1" content="/#" />
  52. <meta name="text:Link1 Title" content="link 1" />
  53. <meta name="text:Link2" content="/#" />
  54. <meta name="text:Link2 Title" content="link 2" />
  55. <meta name="text:Link3" content="/#" />
  56. <meta name="text:Link3 Title" content="link 3" />
  57. <meta name="text:Link4" content="/#" />
  58. <meta name="text:Link4 Title" content="link 4" />
  59. <meta name="text:Link5" content="/#" />
  60. <meta name="text:Link5 Title" content="link 5" />
  61. <meta name="text:Link6" content="/#" />
  62. <meta name="text:Link6 Title" content="link 6" />
  63. <meta name="text:Link7" content="/#" />
  64. <meta name="text:Link7 Title" content="link 7" />
  65. <meta name="text:Link8" content="/#" />
  66. <meta name="text:Link8 Title" content="link 8" />
  67.  
  68.  
  69.  
  70. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS -->
  71. <!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. -->
  72. <!-- Read more: http://ogp.me/ -->
  73. <meta property="fb:app_id" content="48119224995" />
  74. <meta property="og:title" content="Theme Grade Live Preview" />
  75. <meta property="og:url" content="http://testebielgh4.tumblr.com/" />
  76. <meta property="og:description" content="" />
  77. <meta property="og:type" content="tumblr-feed:tumblelog" />
  78. <meta property="og:image" content="http://assets.tumblr.com/images/default_avatar_128.gif" />
  79. <!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  80.  
  81.  
  82. <!-- TWITTER TAGS -->
  83. <meta charset="utf-8">
  84. <meta name="twitter:site" value="tumblr" />
  85.  
  86. <meta name="font:Title" content="georgia" />
  87. <meta name="font:body" content="verdana" />
  88. <meta name="if:Show Title" content="1"/>
  89. <meta name="if:bwimages" content="0"/>
  90.  
  91. <style>
  92.  
  93. nav1 {
  94. padding:3px;
  95. display: inline-block;
  96. font-family: "tinytots";
  97. font-size:8px;
  98. font-style:none;
  99. text-transform:uppercase;
  100. -webkit-transition-duration: 0.9s;
  101. margin:1px;
  102. background:{color:bg menu};
  103. color:{color:links menu};
  104.  
  105. }
  106.  
  107. nav1:hover {
  108. color:{color:links menu hover};
  109. background:{color:bg menu hover};
  110. }
  111.  
  112. body { background-attachment: fixed; font-size: 9px; background-repeat: repeat;font-family: {font:body};color: {color:Text};background:{color:background} url('{image:background}'); background-attachment: fixed;}
  113.  
  114. {block:Ifbwimages}
  115.  
  116. img {-webkit-filter: grayscale(100%);}
  117.  
  118. {/block:ifbwimages}
  119.  
  120. a:link, a:visited, a:active { -webkit-transition-duration: 0.9s;text-decoration: none;color: {color:Links};}
  121. a:hover {color:{color:Links Hover};}
  122.  
  123. .h1 { font-size: 17px;font-style:italic;font-family: {font:Title};color: {color:Text};}
  124.  
  125. .chat {background:#000;color:#fff;padding:3px;margin-bottom:-9px;}
  126.  
  127. #conteudo { margin-left: auto; margin-right: auto; margin-top: 10px; width: 880px; padding: 2px;
  128. }
  129.  
  130. #conteudo img {max-width: 400px;
  131. -webkit-transition-duration: 0.9s;
  132. }
  133.  
  134. /** QUOTE **/
  135. .aspas {position:relative; top:-10px;font-size:84px;opacity:0.4;filter: alpha (opacity=20);color: {color:Text}; font: normal 130px; font-family: georgia;text-align:left ; }
  136.  
  137. .quote {margin-left:20px;margin-top:-85px;line-height:20px; letter-spacing:0px;text-align:left ; }
  138.  
  139. .box {
  140. padding:5px;
  141. text-align:justify;
  142. margin-bottom:3px;
  143. font-size: 11px;
  144. width: 400px;
  145. margin-left: 8px;
  146. margin-top: 5px;
  147. background:{color:Postsbox};
  148. }
  149.  
  150.  
  151.  
  152. .box2 {width:820px;
  153. min-height:96px;
  154. text-align:justify;
  155. padding:4px;
  156. margin-left:-35px;
  157. background:{color:Postsbox};
  158. color: {color:Text};}
  159.  
  160.  
  161.  
  162.  
  163. /** BARRA ROLAGEM -- BY SECRET-DIALOGUES.TUMBLR.COM **/
  164.  
  165. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:bg scroll bar}}::-webkit-scrollbar-corner {background:{color:bg scroll bar}}
  166. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scroll bar}}
  167. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scroll bar}}
  168. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll bar}; border-top: 1px solid {color:bg scroll bar}; border-bottom: 1px solid {color:bg scroll bar}}
  169. ::-webkit-scrollbar-thumb:horizontal {background: {color:bg scroll bar}; border: 0px solid {color:bg scroll bar}}
  170. ::-webkit-scrollbar-thumb {background: {color:scroll bar}; border-top: 0pt solid {color:bg scroll bar}; border-bottom: 0pt solid {color:bg scroll bar}}
  171. ::-webkit-scrollbar-track-piece {background: {color:bg scroll bar}; border-top: 1pt solid {color:bg scroll bar}; border-bottom: 1pt solid {color:bg scroll bar}; width:4pt}
  172.  
  173.  
  174. .cre {padding:5px;bottom: 0px; right: 30px; z-index: 100; position: fixed;text-align:center;font-size:9px;height:20px;width:35px;-webkit-transition-duration: .50s;font-family:{font:body};background:{color:Postsbox};}
  175. .cre:hover {height:60px;}
  176.  
  177.  
  178.  
  179. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  180. blockquote {margin:0px;padding:0px;padding-left:4px;border-left: 1px solid {color:Text};}
  181.  
  182. .caixinha {opacity: 0; position: absolute; z-index: 999; display: inline-block; padding: 1px; font-size:8px; width: 400px; text-align: center;font-family:tinytots;text-transform:uppercase; -webkit-transition-duration: 0.9s;height:14px;top:-0px;background: {color:Postsbox};}
  183. .caixinha a {color: {color:Text};}
  184.  
  185.  
  186. .tt {-webkit-border-top-left-radius: 20px;
  187. -webkit-border-top-right-radius: 20px;
  188. -moz-border-radius-topleft: 20px;
  189. -moz-border-radius-topright: 20px;
  190. border-top-left-radius: 20px;
  191. border-top-right-radius: 20px;
  192. font-size:14pt;
  193. width:300px;
  194. background:{color:bg menu};
  195. color:{color:links menu};
  196. font-family:{font:Title};
  197. }
  198.  
  199.  
  200. nav3 a{font-size: 8px;line-height: 20px;font-family:tinytots;padding:0px;color: {color:Text};}
  201.  
  202. nav3:hover{color: {color:Text};}
  203.  
  204. nav4 {background: transparent;height: 0px;font-size: 0px;line-height: 0px;color: transparent;margin-top: 5px;-moz-border-radius: 2px;border-radius: 2px;font-family:arial;font-weight:bold;padding:2px;}
  205.  
  206.  
  207. .box3 {padding:5px;background:{color:background};}
  208.  
  209. .box:hover .caixinha {opacity: 1;}
  210.  
  211. .reblog {margin-bottom:-50px;opacity: 1;}
  212.  
  213. /********** personalização da paginação dos posts by: yasmin lira */
  214. .direita {bottom: 150px; z-index: 4; position: fixed;right:30px;}
  215. .esquerda {bottom: 150px; z-index: 4; position: fixed;left:30px;}
  216.  
  217. /********** paginação dos posts by: yasmin lira */
  218. a.page, a.page:visited, a.page:active {width: 50px; background:transparent; padding: 2px; display: block; text-decoration: none; text-align: center; font-family: arial;margin-top: 3px; font-size: 65px;}
  219.  
  220. </style><Center>
  221.  
  222. <body>
  223.  
  224. <div class="cre">theme by
  225.  
  226. <a href="http://secret-dialogues.tumblr.com/" target="_blank">s-d</a>
  227.  
  228. more:
  229.  
  230. <a href="http://goldhtml.tumblr.com/" target="_blank">help1</a> <br>
  231. <a href="http://amandaleocadio.tumblr.com/" target="_blank">help2</a><br>
  232.  
  233.  
  234. </div>
  235.  
  236. {block:IfShowTitle}<div class="tt"><a href="/"><font color="{color:Postsbox}">{title}</a></font></div>{/block:IfShowTitle}
  237. <div class="box2">
  238.  
  239. <img src="{PortraitURL-96}" align="right">
  240.  
  241.  
  242.  
  243. <div style="overflow: auto; height: 65px; text-align: justify; font-family: {font:body}; font-size:10px; background-color: transparent;margin-right:3px;">
  244. {block:Description} {Description} {/block:Description}
  245. </div>
  246.  
  247. <br>
  248. <center>
  249. {block:ifLink1}<a href="{text:Link1}"> <nav1>{text:Link1 Title} </a> </nav1>{/block:ifLink1}
  250.  
  251. {block:ifLink2}<a href="{text:Link2}"> <nav1>{text:Link2 Title} </a> </nav1>{/block:ifLink2}
  252.  
  253. {block:ifLink3}<a href="{text:Link3}"><nav1>{text:Link3 Title} </a> </nav1>{/block:ifLink3}
  254.  
  255. {block:ifLink4}<a href="{text:Link4}"><nav1>{text:Link4 Title} </a> </nav1>{/block:ifLink4}
  256.  
  257. {block:ifLink5}<a href="{text:Link5}"><nav1>{text:Link5 Title} </a> </nav1>{/block:ifLink5}
  258.  
  259. {block:ifLink6}<a href="{text:Link6}"><nav1>{text:Link6 Title} </a> </nav1>{/block:ifLink6}
  260.  
  261. {block:ifLink7}<a href="{text:Link7}"><nav1>{text:Link7 Title} </a> </nav1>{/block:ifLink7}
  262.  
  263. {block:ifLink8}<a href="{text:Link8}"><nav1>{text:Link8 Title} </a> </nav1>{/block:ifLink8}
  264. <a href="http://secret-dialogues.tumblr.com" target="_blank"><nav1>theme by</a></nav1>
  265.  
  266.  
  267. </div></center>
  268.  
  269. <div id="conteudo">
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  
  279. {block:Posts}
  280.  
  281.  
  282. {block:Text}
  283.  
  284. <div class="box"> <div class="caixinha">
  285.  
  286.  
  287. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  288. <a href="{ReblogURL}" target="_blank">reblog</a> |
  289. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  290. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  291.  
  292. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  293.  
  294.  
  295.  
  296. <div style="max-width: 499px;">
  297. <div class="h1">{block:Title}{Title}{/block:Title}</div>
  298. <div class="img">{Body}
  299. </div></div></div>
  300.  
  301.  
  302. {/block:Text}
  303.  
  304. {block:Quote}
  305. <div class="box"> <div class="caixinha">
  306. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  307. <a href="{ReblogURL}" target="_blank">reblog</a> |
  308. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  309. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  310.  
  311. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  312.  
  313.  
  314. <span class="aspas">“</span><div class="h1"><div class="quote">{Quote}
  315.  
  316. </span></div></div><br>
  317. <center>
  318. {block:Source}— {Source}{/block:Source}</center>
  319.  
  320.  
  321. </div>
  322. {/block:Quote}
  323.  
  324.  
  325. {block:Photo}
  326. <div class="box"> <div class="caixinha">
  327. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  328. <a href="{ReblogURL}" target="_blank">reblog</a> |
  329. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  330. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  331.  
  332. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  333.  
  334. <center>{LinkOpenTag}<div class="bordaimg"><img class="opacidade" src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</div></center>
  335. {block:Caption}{Caption}{/block:Caption}
  336.  
  337.  
  338. </div>
  339.  
  340. {/block:Photo}
  341.  
  342.  
  343. {block:Photoset}
  344. <div class="box"> <div class="caixinha">
  345. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  346. <a href="{ReblogURL}" target="_blank">reblog</a> |
  347. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  348. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  349.  
  350. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  351. <div class="opacidade">
  352. <center>{Photoset-400}</center></a></div>
  353. {block:Caption}{Caption}{/block:Caption}
  354.  
  355.  
  356. </div>
  357.  
  358. {/block:Photoset}
  359.  
  360.  
  361. {block:Chat}
  362.  
  363. <div class="box"> <div class="caixinha">
  364. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  365. <a href="{ReblogURL}" target="_blank">reblog</a> |
  366. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  367. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  368.  
  369. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  370.  
  371. {block:Title}<a href="{Permalink}"><h9>{Title}</h9></a>{/block:Title}
  372.  
  373.  
  374.  
  375. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label}
  376.  
  377. {Line}<p>
  378.  
  379. {/block:Lines}
  380.  
  381.  
  382.  
  383.  
  384. </div>
  385.  
  386. {/block:Chat}
  387.  
  388. {block:Audio}
  389.  
  390. <div class="box"> <div class="caixinha">
  391. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  392. <a href="{ReblogURL}" target="_blank">reblog</a> |
  393. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  394. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  395.  
  396. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  397.  
  398. {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}
  399. <center>{AudioPlayerGrey}</center>
  400. {block:Caption}{Caption}{/block:Caption}
  401.  
  402.  
  403. </div>
  404.  
  405. {/block:Audio}
  406.  
  407. <div class="opcms">
  408.  
  409. {block:Video}
  410.  
  411. <div class="box"> <div class="caixinha">
  412. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  413. <a href="{ReblogURL}" target="_blank">reblog</a> |
  414. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  415. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  416.  
  417. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  418.  
  419.  
  420. <center>{Video-250}</center>
  421. {block:Caption}{Caption}{/block:Caption}
  422.  
  423.  
  424. </div>
  425.  
  426. {/block:Video}
  427.  
  428. </div>
  429.  
  430. {block:Link}
  431.  
  432. <div class="box"> <div class="caixinha">
  433. <nav3><a href={Permalink}>{TimeAgo}</a></nav3> |
  434. <a href="{ReblogURL}" target="_blank">reblog</a> |
  435. <nav3><a href="{Permalink}">{NoteCount} notes</a></nav3>
  436. <nav4>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</nav4>
  437.  
  438. <nav4>{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}</nav4></div>
  439.  
  440. <div class="h1"><a href="{URL}">{Name}</a></div>
  441. {block:Description}{Description}{/block:Description}
  442. <br>
  443.  
  444.  
  445. </div>
  446.  
  447. {/block:Link}
  448.  
  449. {block:Answer}
  450.  
  451. <div class="box"> <div class="caixinha" style="width: 300px;">
  452. <nav3><a href={Permalink}>{TimeAgo}</a></nav3></b> </div>
  453. <center>
  454.  
  455.  
  456. <div class="box3"><i>{Asker}: {Question}</i></div></center>
  457.  
  458. <center><titllee>{Answer}</center>
  459. </div>
  460. {/block:Answer}
  461. {block:PostNotes}
  462.  
  463. {PostNotes}{/block:PostNotes}
  464. {/block:Posts}
  465.  
  466.  
  467. </div>
  468.  
  469. <center><div class="esquerda">{block:PreviousPage}<a href="{PreviousPage}" class="page">«</a>{/block:PreviousPage} </div> <div class="direita">{block:NextPage}<a href="{NextPage}" class="page">»</a>{/block:NextPage}</div></center>
  470.  
  471.  
  472.  
  473.  
  474. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  475.  
  476.  
  477. </div>
  478.  
  479.  
  480. <div style="top: 0px; right: 0px; position: fixed;">
  481.  
  482. <div style="top: 0px; right: 0px; position: fixed;">
  483. <div style="top: 0px; right: 0px; position: fixed;">
  484. <div style="top: 0px; right: 0px; position: fixed;">
  485. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!