Advertisement
de-pres-si-vo

theme 35

Jul 22nd, 2012
2,796
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.76 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--— ALL THEME BY intercalado, DONT COPY ANYTHING, PLEASE! -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT, CONFIGURE SEU TUMBLR PARA MOSTRAR 15 POSTS POR PÁGINA, SENÃO FICA UM POUCO ESTRANHO. (Customize > Advanced, lá tem) -->
  8.  
  9. <meta name="font:text" content="geneva" />
  10. <meta name="color:bg" content="#eeeeee" />
  11. <meta name="color:posttxt" content="#000000" />
  12. <meta name="color:post" content="#ffffff" />
  13. <meta name="color:sidebg" content="#ffffff" />
  14. <meta name="color:sidetxt" content="#000000" />
  15. <meta name="color:scrollbar" content="#ffffff" />
  16. <meta name="color:scrollbarbg" content="#000000" />
  17. <meta name="image:bg" content="" />
  18. <meta name="image:sidebarimg" content="http://static.tumblr.com/eo5oqsr/JBUm70vx0/oi.jpg" />
  19. <meta name="if:Mostrar tags" content="1"/>
  20.  
  21. <meta name="text:frase" content="i am a bad boy, anyway." />
  22.  
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 Title" content="refresh" />
  25. <meta name="text:Link2" content="/ask" />
  26. <meta name="text:Link2 Title" content="ask me" />
  27. <meta name="text:Link3" content="/submit" />
  28. <meta name="text:Link3 Title" content="submit a post" />
  29. <meta name="text:Link4" content="" />
  30. <meta name="text:Link4 Title" content="" />
  31. <meta name="text:Link5" content="" />
  32. <meta name="text:Link5 Title" content="" />
  33. <meta name="text:Link6" content="" />
  34. <meta name="text:Link6 Title" content="" />
  35.  
  36.  
  37. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  38.  
  39.  
  40. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  41.  
  42.  
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  45.  
  46.  
  47. <script type="text/javascript">
  48.  
  49. $(window).load(function(){
  50. var $wall = $('#posts');
  51. $wall.imagesLoaded(function(){
  52. $wall.masonry({
  53. itemSelector: '.post',
  54. isAnimated : true
  55. });
  56. });
  57. $wall.infinitescroll({
  58. navSelector : "div#navigation",
  59. nextSelector : "div#navigation a#nextPage",
  60. itemSelector : '.postt',
  61. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  62. loadingText : " ",
  63. donetext : " ",
  64. extraScrollPx : 9000,
  65. bufferPx : 10000,
  66. debug : false,
  67. errorCallback: function() {
  68. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  69. }},
  70. function( newElements ) {
  71. var $newElems = $( newElements );
  72. $newElems.hide();
  73. $newElems.imagesLoaded(function(){
  74. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  75. });
  76. }); $('#postss').show(500);
  77. });
  78. </script>
  79.  
  80. <title>{Title}</title>
  81.  
  82. <style type="text/css">
  83.  
  84. body {background-color:{color:bg}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  85.  
  86. a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  87.  
  88. a:hover {opacity:0.5;}
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  91.  
  92. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  93.  
  94. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  95.  
  96. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  97.  
  98. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  99.  
  100. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  101.  
  102. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  103.  
  104.  
  105.  
  106. blockquote img{max-width: 370px!important}
  107.  
  108. blockquote blockquote img{max-width: 350px!important}
  109.  
  110. blockquote blockquote blockquote img{max-width: 330px!important}
  111.  
  112. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  113.  
  114. #content {}
  115.  
  116. @font-face {font-family: 'Homenaje'; font-style: normal; font-weight: 400; src: local('Homenaje'), local('Homenaje-Regular'), url('http://themes.googleusercontent.com/static/fonts/homenaje/v1/jYyetuCOSxcVAexXms8sf_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
  117. }
  118.  
  119. #posts {position:relative; left:480px; top:0px; width:524px; border-top:0px solid transparent; }
  120.  
  121. .post {width: 250px; padding: 5px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; color:{color:posttxt}; z-index:100; background-color:{color:post}; position:relative; overflow:hidden; float:left; margin-right:1px; margin-bottom:1px;}
  122.  
  123. .post img {opacity:1; max-width:300px;}
  124.  
  125. .title {font-family:Homenaje; text-transform:uppercase;}
  126.  
  127. .chat {line-height: 12px; list-style: none; }
  128.  
  129. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  130.  
  131. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  132.  
  133. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  134.  
  135.  
  136. .quote {font-size:16px; text-align:justify; font-family:georgia; position:relative; left:17px; width:230px;}
  137.  
  138. .quote small {font-size:14px;}
  139.  
  140. .smbluc {position:absolute; top:-6px; left:-20px; font-size:50px;}
  141.  
  142. .sourcequote {text-align:right;}
  143.  
  144. .title {font-size:16px; text-align:center; font-weight:bold;}
  145.  
  146. .person1, .person2, .person {padding:3px;}
  147.  
  148.  
  149. .date {font-size:9px; overflow:hidden;font-family:calibri; text-align:center; width:250px; margin:3px; margin-bottom:0px; opacity:0.3; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  150.  
  151. .post:hover .date {opacity:0.99;}
  152. .date a {color:{color:posttxt}; text-transform:uppercase; opacity:1; font-family:Homenaje;}
  153. .date a:hover {opacity:1;}
  154.  
  155. .notecount {font-family:verdana;}
  156.  
  157. .tags {margin:3px;}
  158.  
  159. .post:hover .date {bottom:0px; position:relative;}
  160.  
  161.  
  162. .tags a {padding:2px; margin-top:2px; margin-left:2px; background-color:{color:posttxt}; color:{color:post}; display:inline; float:center;}
  163.  
  164. #notess {margin-left: 0px; width:250px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:right;}
  165.  
  166. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  167.  
  168. #notess a {color:{color:posttxt};}
  169.  
  170. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  171.  
  172. ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  173.  
  174.  
  175.  
  176. #ng {padding:10px; opacity:1; text-align:justify; color:{color:bg}; background-color:{color:posttxt}; border-radius:5px; font-size:12px;}
  177.  
  178. .ng2 {width:10px; height:10px; -webkit-transform:rotate(45deg); background-color:{color:posttxt}; color:{color:post}; position:absolute; bottom:-5px; left:50px;}
  179.  
  180. .ngs {color:{color:posttxt}; font-size:30px; position:relative; top:-18px; left:8px; opacity:1; height:4px; z-index:1;}
  181.  
  182. #cap {position:relative;}
  183.  
  184. .source {display: none; position:absolute;}
  185.  
  186.  
  187.  
  188. #sidebar {position:fixed; left:285px; top:8px; background-color:{color:sidebg}; color:{color:sidetxt}; width:202px; }
  189.  
  190.  
  191.  
  192. .pag1 {position:absolute; bottom:10%; left:-28px; padding:5px; background-color:{color:sidebg}; color:{color:sidetxt}; text-align:center; width:17px;}
  193.  
  194. .pag2 {position:absolute; bottom:10%; left:725px; padding:5px; background-color:{color:sidebg}; color:{color:sidetxt}; text-align:center; width:17px;}
  195.  
  196. .pag1 a, .pag2 a {color:{color:sidetxt}; font-size:25px; display:block}
  197.  
  198. .frase {padding:7px; margin:0px;margin-bottom:0px; text-transform:uppercase; text-align:center; border-bottom:1px solid {color:bg}; font-size:18px; font-family:Homenaje;}
  199.  
  200. .frase a {color:{color:sidetxt};}
  201.  
  202. .desc {padding:8px; padding-top:4px; text-align:center; font-size:9px; border-top:1px solid {color:bg};}
  203.  
  204. .credit {position:absolute; bottom:-18px; font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; right:0px; font-size:10px; text-align:center; background-color:{color:sidebg}; padding:3px; border-bottom-left-radius:5px;}
  205.  
  206. .credit a {color:{color:sidetxt};}
  207.  
  208. #img {margin:3px; margin-bottom:0px;}
  209. #img img {opacity:1;}
  210. #img img:hover {opacity:0.8;}
  211.  
  212.  
  213. .links {position:relative; bottom:6px; left:0px; padding:5px; font-family:Homenaje; text-transform:uppercase; background-color:{color:sidetxt}; color:{color:sidebg}; width:192px; text-align:center; opacity:0.7; z-index:9999; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  214.  
  215. .links a {color:{color:sidebg};}
  216. .links:hover {opacity:0.9;}
  217.  
  218. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:99; z-index:19;}
  219.  
  220.  
  221.  
  222. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  223.  
  224.  
  225. #loading {background-color:{color:bg}; position:fixed; left:0px; top:0px; height:100%; width:100%; z-index:99998; line-height:100%; -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out; opacity:1;}
  226. </style>
  227. <script language="JavaScript">
  228.  
  229. function sumir1()
  230. {
  231. document.getElementById('loading').style.height = '0px';
  232. document.getElementById('loading').style.opacity = '0';
  233. document.getElementById('loading').style.marginTop = '-500px';
  234. }
  235. </script>
  236. <link rel="shortcut icon" href="{Favicon}">
  237. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  238. {block:Description}
  239. <meta name="description" content="{MetaDescription}" />
  240. {/block:Description}
  241. </head>
  242. <div id="loading">
  243. <center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><img src="http://search.nola.com/media/images/loading.gif" width="50"/></center>
  244. </div>
  245. <body onLoad="sumir1()">
  246.  
  247. <div id="content">
  248.  
  249. <div id="sidebar">
  250. {block:PreviousPage}<div class="pag1"><a href="{PreviousPage}">«</a></div>{/block:PreviousPage}
  251.  
  252. {block:NextPage}<div class="pag2"><a href="{NextPage}">»</a></div>{/block:NextPage}
  253.  
  254.  
  255. <div class="frase">
  256. <a href="#" title="back to top">{text:frase}</a>
  257. </div>
  258. <div id="img">
  259. <img src="{image:sidebarimg}" width="195" />
  260. </div>
  261. <div class="desc">
  262. {Description}
  263. </div>
  264. <div class="links">
  265. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  266. {block:ifLink2}· <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  267. {block:ifLink3}· <a href="{text:Link3}" >{text:Link3 Title}</a>{/block:ifLink3}
  268. {block:ifLink4}· <a href="{text:Link4}" >{text:Link4 Title}</a>{/block:ifLink4}
  269. {block:ifLink5}· <a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  270. {block:ifLink6}· <a href="{text:Link6}" >{text:Link6 Title}</a>{/block:ifLink6}
  271.  
  272. </div>
  273. <div class="credit">
  274. <a href="http://intercalado.tumblr.com" target="_blank"><strong>theme by intercalado</strong></a>
  275. </div>
  276. </div>
  277. <div id="posts">
  278. {block:Posts}
  279. <div class="post">
  280. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  281. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-250}"></div>{LinkCloseTag}{/block:Photo}
  282. {block:Photoset}{Photoset-250}{/block:Photoset}
  283. {block:Quote}
  284. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  285. {block:Source}<div class="sourcequote">{Source}</div>
  286. {/block:Source}
  287. {/block:Quote}
  288. {block:Link}
  289. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  290. {block:Description}{Description}{/block:Description}
  291. {/block:Link}
  292. {block:Chat}
  293. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  294. <div class="chat">{block:Lines}
  295. <div class="person{UserNumber}">{block:Label}
  296. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  297. {/block:Chat}
  298. {block:Audio}
  299. <div class="player">{AudioPlayerBlack}</div>
  300. {block:Caption}{Caption}{/block:Caption}
  301. {/block:Audio}
  302. {block:Video}{Video-250}{/block:Video}
  303. {block:Answer}
  304.  
  305.  
  306. <table id="asker"><tr><td width="24"><a href="{AskerURL}" target="_blank"><img width="24" src="{AskerPortraitURL-24}" style="position:absolute; top:5px; left:5px;"/></a></td><td><a href="{AskerURL}" target="_blank"><b>{Asker}</b></a> asked: {Question}</td></tr></table>
  307. <div class="answer">{Answer}</div>
  308. {/block:Answer}
  309. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  310. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  311. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  312. <div class="source">
  313. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  314. </div>
  315. {block:Date}
  316. <div class="date">
  317.  
  318. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  319.  
  320.  
  321. {block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"> · <strong>reblog</strong></a>
  322.  
  323.  
  324. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  325. </div></div>
  326.  
  327. {/block:Date}
  328. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  329. </div>
  330. {/block:Posts}
  331. </div>
  332. </div>
  333. <div style="display:none">
  334.  
  335. </div>
  336. </div>
  337. </body>
  338.  
  339. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement