Advertisement
de-pres-si-vo

theme 57

Apr 20th, 2013
3,291
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.84 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. <!--— theme by intercalado -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT, ALTERE AS CONFIGURAÇÕES NO CUSTOMIZE -->
  8.  
  9.  
  10. <meta name="color:bg" content="#ffffff" />
  11.  
  12. <meta name="color:sidebg" content="#ffffff" />
  13.  
  14. <meta name="color:sidetxt" content="#000000" />
  15.  
  16. <meta name="color:postbg" content="#ffffff" />
  17. <meta name="color:posttxt" content="#000000" />
  18.  
  19.  
  20. <meta name="image:bg" content="" />
  21.  
  22.  
  23.  
  24. <meta name="if:Scrollinfinito" content="1"/>
  25. <meta name="if:Quatrocolunas" content="1"/>
  26. <meta name="if:Mostrartags" content="1"/>
  27. <meta name="if:Legendas das fotos" content="0"/>
  28.  
  29. <meta name="text:frase" content="title here" />
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="refresh" />
  32. <meta name="text:Link2" content="/ask" />
  33. <meta name="text:Link2 Title" content="ask me" />
  34. <meta name="text:Link3" content="/submit" />
  35. <meta name="text:Link3 Title" content="submit" />
  36. <meta name="text:Link4" content="" />
  37. <meta name="text:Link4 Title" content="" />
  38. <meta name="text:Link5" content="" />
  39. <meta name="text:Link5 Title" content="" />
  40. <meta name="text:Link6" content="" />
  41. <meta name="text:Link6 Title" content="" />
  42. <meta name="text:Link7" content="" />
  43. <meta name="text:Link7 Title" content="" />
  44. <meta name="text:Link8" content="" />
  45. <meta name="text:Link8 Title" content="" />
  46.  
  47.  
  48. <title>{Title}</title>
  49.  
  50.  
  51.  
  52. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. body {font-family: century; letter-spacing:0px; color: {color:posttxt}; background:url('{image:bg}'), {color:bg}; font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat; }
  58.  
  59. 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;}
  60.  
  61. a:hover {opacity:0.5;}
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {background-color: {color:posttxt}; height: 50px;}
  64.  
  65. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:posttxt}; height: 10px;}
  66.  
  67. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:bg}; }
  68.  
  69. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  70.  
  71. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  72.  
  73. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  74.  
  75. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  76.  
  77.  
  78.  
  79. blockquote img{max-width: 370px!important}
  80.  
  81. blockquote blockquote img{max-width: 350px!important}
  82.  
  83. blockquote blockquote blockquote img{max-width: 330px!important}
  84.  
  85. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  86.  
  87. #content {}
  88.  
  89. @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');
  90. }
  91.  
  92.  
  93. .credits {position:fixed; bottom:40px; left:30px; padding:5px; font-family:cambria; background-color:{color:posttxt}; color:{color:postbg}; font-size:11px; border-radius:4px;}
  94. .credits a {color:{color:postbg};}
  95.  
  96.  
  97. #posts {position:relative; left:50%; margin-left:-207px; top:140px; border-top:0px solid transparent; z-index:2; width:414px;{block:ifQuatrocolunas} width:1056px; margin-left:-528px; height:1200px;{/block:ifQuatrocolunas};{block:PermalinkPage}margin-left:-418px; width:836px; {/block:PermalinkPage}; display:inline; float:left;}
  98.  
  99.  
  100.  
  101.  
  102. .post {width:400px; {block:IndexPage}{block:ifQuatrocolunas}width:250px;{/block:ifQuatrocolunas}{/block:IndexPage}padding: 5px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; color:{color:posttxt}; z-index:100; position:relative; overflow:hidden; float:left; margin-bottom:2px; opacity:0.8; -webkit-transition: all 0.2s ease-out; background-color:{color:postbg}; margin:2px;}
  103.  
  104. .post a {color:{color:posttxt};}
  105. .post:hover {opacity:1;}
  106. .post img {max-width:400px;{block:IndexPage}{block:ifQuatrocolunas}max-width:250px;{/block:ifQuatrocolunas}{/block:IndexPage}; }
  107. .post img:hover {opacity:1;}
  108.  
  109. .post:hover .date {opacity:1;}
  110.  
  111. .chat {line-height: 12px; list-style: none; }
  112.  
  113. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  114.  
  115. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  116.  
  117. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  118.  
  119.  
  120. .quote {font-size:12px; text-align:justify; font-family:calibri; position:relative;}
  121.  
  122. .quote small {font-size:10px;}
  123. .quote big {font-size:12px;}
  124.  
  125.  
  126. .sourcequote {text-align:right;}
  127.  
  128. .title {font-size:16px; text-align:center; font-family:cambria; font-weight:bold;}
  129.  
  130. .person1, .person2, .person {padding:3px;}
  131.  
  132.  
  133. .permalink {position: absolute; width: 250px; background: #FFFFFF; text-align: right; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; font-size: 8px; text-transform: uppercase; font-family: tahoma; text-align: left; letter-spacing: 1px;
  134. }
  135.  
  136. .post:hover .permalink {opacity: 9;
  137. -webkit-transition: all .5s ease-in-out;
  138. -moz-transition: all .5s ease-in-out;}
  139.  
  140. .post-perma-a {opacity:0; filter:alpha(opacity = 100); position: absolute; -webkit-transition: all 0.3s ease-out; top:15px;
  141. -moz-transition: all 0.3s ease-out; margin-left:10px;
  142. }
  143.  
  144. .post:hover .post-perma-a {-webkit-transition: all 0.3s ease-out;
  145. -moz-transition: all 0.3s ease-out; opacity:1;filter:alpha(opacity = 100); margin-left: 10px;
  146. }
  147.  
  148. .reblog-button:hover,.like-button:hover,.note-perma:hover {opacity:1!important;filter:alpha(opacity = 100)!important
  149. }
  150.  
  151. .reblog-button {margin-left:3px; float:left; z-index:3333; display:inline-block; width:24px; height:20px; background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1864px 0 no-repeat;text-indent:-999em; overflow:hidden;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; opacity:.75;filter:alpha(opacity = 75)
  152. }
  153.  
  154. .like-button {float:left; z-index:3333; display:inline-block; right:10px; width:21px; background-position:-1898px 0; background:url('http://static.tumblr.com/tpqedpr/3n8m9zvjl/radar_sprite.png') -1898px 0 no-repeat;overflow:hidden;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;opacity:.75;filter:alpha(opacity = 75)
  155. }
  156.  
  157. .note-perma {float:left; z-index:3333; font-weight:bold; display:inline-block; margin-left:3px; color:#fff; background:#000; background:url('http://static.tumblr.com/tpqedpr/dLim9uidw/bg.png'); padding:0 5px; font:11px/20px arial,sans-serif;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); box-shadow:inset 0 0 1px rgba(0,0,0,0.5); opacity:.75;filter:alpha(opacity = 75)
  158. }
  159.  
  160. a.note-perma,a.note-perma:hover {color:white; font-weight:bold; text-decoration: none;
  161. }
  162.  
  163.  
  164.  
  165. .date {font-size:9px; overflow:hidden;font-family:calibri; text-align:left; opacity:0; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:-1px; position:absolute; top:15px; left:15px; background-color:{color:postbg}; color:{color:posttxt}; padding:5px; }
  166.  
  167. .post:hover .date {opacity:0.95; }
  168.  
  169. .date a {color:{color:posttxt}; opacity:1; text-transform:uppercase; font-family:calibri; font-size:8px;}
  170. .date a:hover {opacity:1;}
  171.  
  172. .notecount {font-family:verdana;}
  173.  
  174. .tags {margin:3px; margin-bottom:0px; margin-left:0px; line-height:8px;}
  175.  
  176.  
  177.  
  178.  
  179. .tags a { color:{color:posttxt}; float:center;}
  180.  
  181. #notess {margin-left: 5px; width:400px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:left; display:none;}
  182.  
  183. #notess img { border:0px; height:0px; width:0px; overflow:hidden;}
  184.  
  185. #notess a {color:{color:posttxt};}
  186.  
  187. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  188.  
  189. ol.notes li {background-color:{color:bg}; border-bottom: 1px solid {color:bg}; padding: 3px; font-size:10px; padding-left:12px;}
  190.  
  191. #cap {position:relative;}
  192.  
  193. .source {display: none; position:absolute;}
  194.  
  195.  
  196. #sside {position:fixed; left:0px; top:10px; color:{color:sidetxt}; width:100%; color:{color:sidetxt}; background-color:{color:sidebg}; z-index:99; height:130px;}
  197. .tudo {position:relative;left:50%; margin-left:-409px; width:818px;}
  198. .titlee {font-family:century; font-size:30px; text-align:center; margin-top:10px;}
  199.  
  200.  
  201. .desc {font-family:century; font-size:12px; letter-spacing:0px; text-align:center; line-height:9px; margin:12px; margin-top:5px; padding:30px; padding-top:0px; padding-bottom:0px}
  202.  
  203.  
  204. .linkss { font-size:10px; font-family:century; text-align:center; width:828px;}
  205. .bull{margin:0px 5px 0px 7px;}
  206.  
  207. .paginationss {text-align:center; font-size:15px;}
  208.  
  209.  
  210. #paginations {font-size: 10px; line-height:10px; font-family: calibri; width:240px; padding:6px; position:relative; letter-spacing:0px; margin:-10px; margin-top:12px; text-transform:uppercase; height:18px; overflow:hidden;}
  211.  
  212. #taget {position:absolute; top:5px; left:0px; margin-left:20px; font-family:century; font-family:10px; padding-top:5px; }
  213.  
  214. .pictos {font-family:PictosRegular; font-size:14px;}
  215.  
  216.  
  217. #tumblrcontrols2 {position:fixed; top:25px; right:5px; z-index:999;}
  218. #tumblrcontrols2 a {opacity:1;}
  219. #tumblrcontrols2 a:hover {opacity:1;}
  220.  
  221.  
  222. iframe#tumblr_controls {right:3px !important; position: fixed !important; z-index:99; z-index:999;}
  223.  
  224.  
  225.  
  226. #pagination {font-size:20px; font-family:calibri; text-align:right; position:fixed; right:-50px; bottom:2px; padding:5px; background-color:{color:bg}; color:{color:posttxt}; opacity:0.9; text-transform:uppercase;}
  227. #pagination a {color:{color:posttxt};}
  228.  
  229.  
  230. </style>
  231.  
  232.  
  233. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  234.  
  235. <script type="text/javascript"
  236. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  237.  
  238. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  239.  
  240.  
  241. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  242.  
  243.  
  244.  
  245.  
  246. <script type="text/javascript">
  247. $(window).load(function () {
  248. $('#posts').masonry(),
  249. $('.masonryWrap').infinitescroll({
  250. navSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  251. // selector for the paged navigation (it will be hidden)
  252. nextSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  253. // selector for the NEXT link (to page 2)
  254. itemSelector : "{block:ifScrollinfinito}.post{/block:ifScrollinfinito}",
  255. // selector for all items you'll retrieve
  256. bufferPx : 10000,
  257. extraScrollPx: 10,
  258. loadingImg : "",
  259. loadingText : "",
  260. },
  261. // call masonry as a callback.
  262. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  263. );
  264. });
  265. </script>
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272. <link rel="shortcut icon" href="{Favicon}">
  273. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  274. {block:Description}
  275. <meta name="description" content="{MetaDescription}" />
  276. {/block:Description}
  277. </head>
  278.  
  279. <body>
  280.  
  281. <div class="credits">
  282. <a href="http://intercalado.tumblr.com">© intercalado</a>
  283. </div>
  284.  
  285.  
  286. <div id="tumblrcontrols2">
  287. <a href="http://intercalado.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png"/></a>
  288. </div>
  289.  
  290. <div id="content">
  291.  
  292. <div id="pagination">
  293. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  294.  
  295. {block:NextPage}<a href="{NextPage}">»</a>{block:NextPage}
  296.  
  297. </div>
  298. <div id="sside">
  299. <div class="tudo">
  300. <div class="titlee">
  301. {text:frase}
  302. </div>
  303.  
  304. <div class="desc">
  305. {Description}
  306. </div>
  307. <div class="linkss">
  308. {block:ifLink1}<a href="{text:Link1}" class="link1">{text:Link1 Title}</a><span class="bull">&bull;</span>
  309. {/block:ifLink1}
  310. {block:ifLink2}<a href="{text:Link2}" class="link2">{text:Link2 Title}</a><span class="bull">&bull;</span>
  311. {/block:ifLink2}
  312. {block:ifLink3}<a href="{text:Link3}" class="link3">{text:Link3 Title}</a><span class="bull">&bull;</span>
  313. {/block:ifLink3}
  314. {block:ifLink4}<a href="{text:Link4}" class="link4">{text:Link4 Title}</a><span class="bull">&bull;</span>
  315. {/block:ifLink4}
  316. {block:ifLink5}<a href="{text:Link5}" class="link5">{text:Link5 Title}</a><span class="bull">&bull;</span>
  317. {/block:ifLink5}
  318. {block:ifLink6}<a href="{text:Link6}" class="link6">{text:Link6 Title}</a><span class="bull">&bull;</span>
  319. {/block:ifLink6}
  320. {block:ifLink7}<a href="{text:Link7}" class="link7">{text:Link7 Title}</a><span class="bull">&bull;</span>
  321. {/block:ifLink7}
  322. {block:ifLink8}<a href="{text:Link8}" class="link8">{text:Link8 Title}</a><span class="bull">&bull;</span>
  323. {/block:ifLink8}
  324. <a href="http://intercalado.tumblr.com" target="_blank">credit</a>
  325. </div>
  326. <div class="paginationss">
  327. <div class="pags">
  328. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  329.  
  330. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  331. </div>
  332. </div>
  333. <div id="paginations">
  334. <div style="color:{color:bg}">
  335. .</div>
  336.  
  337.  
  338.  
  339. </div></div>
  340.  
  341. </div>
  342.  
  343. <div id="posts">
  344. {block:Posts}
  345. <div class="post">
  346. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  347. {block:Quote}
  348. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  349. {block:Source}<div class="sourcequote">{Source}</div>
  350. {/block:Source}
  351. {/block:Quote}
  352. {block:Link}
  353. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  354. {block:Description}{Description}{/block:Description}
  355. {/block:Link}
  356. {block:Chat}
  357. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  358. <div class="chat">{block:Lines}
  359. <div class="person{UserNumber}">{block:Label}
  360. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  361. {/block:Chat}
  362. {block:Audio}
  363. <div class="player">{AudioPlayerBlack}</div>
  364. {block:Caption}{Caption}{/block:Caption}
  365. {/block:Audio}
  366.  
  367.  
  368. {block:Photo}{LinkOpenTag}<div class="image"><img src="{block:IndexPage}{block:ifQuatrocolunas}{PhotoURL-250}{/block:ifQuatrocolunas}{block:ifnotQuatrocolunas}{PhotoURL-400}{/block:ifnotQuatrocolunas}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-400}{/block:PermalinkPage}"></div>{LinkCloseTag}{/block:Photo}
  369. {block:Photoset}{block:IndexPage}{block:ifQuatrocolunas}{Photoset-250}{/block:ifQuatrocolunas}{block:ifnotQuatrocolunas}{Photoset-400}{/block:ifnotQuatrocolunas}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:Photoset}
  370. {block:Video}{block:IndexPage}{block:ifQuatrocolunas}{Video-250}{/block:ifQuatrocolunas}{block:ifnotQuatrocolunas}{Video-400}{/block:ifnotQuatrocolunas}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:Video}
  371.  
  372. {block:Answer}
  373.  
  374. <table id="asker"><tr><td width="48" style="height:48px;"><a href="{AskerURL}" target="_blank"><img width="48" src="{AskerPortraitURL-48}" style="position:absolute; top:10px; left:10px; border-radius:50%;"/></a></td><td style="padding:2px;"><a href="{AskerURL}" target="_blank"><b>{Asker}</b></a> asked: {Question}</td></tr><tr><td colspan="2">
  375. {Answer}</td>
  376. </tr>
  377. </table>
  378. {/block:Answer}
  379. {block:ifLegendasDasFotos}{block:IndexPage}{block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  380. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  381. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}{/block:IndexPage}{/block:ifLegendasDasFotos}
  382. {block:PermalinkPage}
  383. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  384. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  385. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  386. {/block:PermalinkPage}
  387. <div class="source">
  388. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  389. </div>
  390. {block:Date}
  391. <div class="post-perma-a"><a class="like-button" id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like" id="likeimage{PostID}"/></a>
  392. <a class="reblog-button" href="{ReblogUrl}" target="_blank"></a>
  393. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  394. <a class="note-perma" id="timeago{PostID}" href="{Permalink}">{TimeAgo}</a>
  395. </div>
  396.  
  397. {/block:Date}
  398. </div>
  399. {block:Date}
  400. {block:PermalinkPage}<div id="taget">
  401.  
  402. <div><font class="pictos">t</font>&nbsp;This was posted <a href="{Permalink}">{TimeAgo}</a><br>
  403. {block:NoteCount}<font class="pictos">k</font>&nbsp;This post has <a onclick="notess()" href="#"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  404. <div>
  405. {block:RebloggedFrom}<font class="pictos">r</font>&nbsp;from <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  406.  
  407. <div>
  408.  
  409.  
  410. </div>
  411.  
  412. </div>
  413. {block:IfMostrartags}{block:HasTags}<div class="tags"> <font class="pictos">z</font>&nbsp;{block:Tags}<a href="{TagURL}"><strong></strong>{Tag}</a>, {/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  414.  
  415. </div>
  416. {block:PostNotes}
  417. <font class="pictos">n</font>&nbsp;Log notes:</div>
  418. <div id="notess">{PostNotes}</div>
  419. </div>{/block:PostNotes}{/block:PermalinkPage}{/block:Date}
  420. {/block:Posts}
  421.  
  422. </div>
  423.  
  424. </div>
  425. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  426. <iframe id="likeiframe" style="width: 1px; height: 1px; " frameborder="0"></iframe>
  427.  
  428.  
  429. <div style="display:none">
  430.  
  431. </div>
  432. </div>
  433. </body>
  434.  
  435. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement