Advertisement
de-pres-si-vo

theme 60

Jul 15th, 2013
4,866
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 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="#fdfcfc" />
  11.  
  12. <meta name="color:sidebg" content="#f3f1f1" />
  13.  
  14. <meta name="color:sidetxt" content="#161616" />
  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. <meta name="image:sideimg" content="http://static.tumblr.com/0d38fdad3d0b05604d8a7c196da6f8ad/eo5oqsr/UAvmpfy6z/tumblr_static_tumblr_mpbhzrlwec1qghg8jo1_500.jpg" />
  23. <meta name="if:Scrollinfinito" content="1"/>
  24. <meta name="if:Trescolunas" content="1"/>
  25. <meta name="if:Mostrartags" content="1"/>
  26. <meta name="if:Legendas das fotos" content="0"/>
  27.  
  28. <meta name="text:Facebook" content="http://" />
  29. <meta name="text:Twitter" content="http://" />
  30. <meta name="text:Instagram" content="http://" />
  31. <meta name="text:Link1" content="/" />
  32. <meta name="text:Link1 Title" content="refresh" />
  33. <meta name="text:Link2" content="/ask" />
  34. <meta name="text:Link2 Title" content="ask me" />
  35. <meta name="text:Link3" content="/submit" />
  36. <meta name="text:Link3 Title" content="submit" />
  37. <meta name="text:Link4" content="" />
  38. <meta name="text:Link4 Title" content="" />
  39. <meta name="text:Link5" content="" />
  40. <meta name="text:Link5 Title" content="" />
  41. <meta name="text:Link6" content="" />
  42. <meta name="text:Link6 Title" content="" />
  43. <meta name="text:Link7" content="" />
  44. <meta name="text:Link7 Title" content="" />
  45. <meta name="text:Link8" content="" />
  46. <meta name="text:Link8 Title" content="" />
  47.  
  48.  
  49. <title>{Title}</title>
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. 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; }
  59.  
  60. 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;}
  61.  
  62. a:hover {opacity:0.5;}
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {background-color: {color:posttxt}; height: 50px;}
  65.  
  66. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:posttxt}; height: 10px;}
  67.  
  68. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:bg}; }
  69.  
  70. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  71.  
  72. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  73.  
  74. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  75.  
  76. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  77.  
  78.  
  79.  
  80. blockquote img{max-width: 370px!important}
  81.  
  82. blockquote blockquote img{max-width: 350px!important}
  83.  
  84. blockquote blockquote blockquote img{max-width: 330px!important}
  85.  
  86. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  87.  
  88. #content {}
  89.  
  90. @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');
  91. }
  92.  
  93. .credits {position:fixed; bottom:3px; left:290px; padding:5px; font-family:cambria; color:{color:sidetxt}; background-color:{color:sidebg}; font-size:11px; z-index:999999}
  94. .credits a {color:{color:sidetxt}; opacity:1}
  95.  
  96.  
  97. #posts {position:relative; left:50%; left:355px; top:2px; border-top:0px solid transparent; z-index:2; width:800px;{block:ifTrescolunas} width:792px; {/block:ifTrescolunas} display:inline; float:left;min-height:1200px}
  98.  
  99.  
  100.  
  101.  
  102. .post {width:400px; {block:IndexPage}{block:ifTrescolunas}width:250px;{/block:ifTrescolunas}{/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:ifTrescolunas}max-width:250px;{/block:ifTrescolunas}{/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. .quote small {font-size:10px;}
  122. .quote big {font-size:12px;}
  123.  
  124.  
  125. .sourcequote {text-align:right;}
  126.  
  127. .title {font-size:16px; text-align:center; font-family:cambria; font-weight:bold;}
  128.  
  129. .person1, .person2, .person {padding:3px;}
  130.  
  131.  
  132. .date2 {position:absolute; top:0px; left:0px; width:490px; {block:IndexPage}{block:ifTrescolunas} width:240px; {/block:ifTrescolunas}{/block:IndexPage}opacity:0; background-color:{color:posttxt}; -webkit-transition: all 0.5s ease-out; color:{color:postbg}; padding:5px; margin:5px;}
  133. .date2 a {color:{color:postbg};}
  134.  
  135. .date {font-size:9px; overflow:hidden;font-family:calibri; text-align:left; opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; margin-top:-1px; background-color:{color:postbg}; color:{color:posttxt}; padding:5px; }
  136.  
  137. .post:hover .date {opacity:0.9; }
  138.  
  139. .post:hover .date2 {opacity:0.8; }
  140.  
  141. .date a {color:{color:posttxt}; opacity:1; text-transform:uppercase; font-family:calibri; font-size:8px;}
  142. .date a:hover {opacity:1;}
  143.  
  144. .notecount {font-family:verdana;}
  145.  
  146. .tags {margin:3px; margin-bottom:0px; margin-left:0px; line-height:8px;}
  147.  
  148.  
  149.  
  150.  
  151. .tags a { color:{color:posttxt}; float:center;}
  152.  
  153. #notess {margin-left: 0px; width:400px;font-size:7px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999; text-align:right;}
  154.  
  155. #notess img {display: none; border:0px; height:0px; width:0px; overflow:hidden;}
  156.  
  157. #notess a {color:{color:posttxt};}
  158.  
  159. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  160.  
  161. ol.notes li {background-color:{color:bg}; border-bottom: 1px solid {color:postbg}; padding: 5px; font-size:10px;}
  162.  
  163. #cap {position:relative;}
  164.  
  165. .source {display: none; position:absolute;}
  166.  
  167.  
  168.  
  169.  
  170. #sside {position:fixed; left:150px; top:90px; color:{color:sidetxt}; width:200px; ; color:{color:sidetxt}; background-color:{color:sidebg}; z-index:99; border-left:5px solid {color:postbg} }
  171. .tudo {margin:5px;}
  172.  
  173. .desc {font-family:georgia; font-size:12px; letter-spacing:0px; text-align:center; line-height:11px; margin:5px; padding-top:0px; padding-bottom:0px}
  174. .desc a {color:{color:sidetxt};}
  175.  
  176. .linkss { font-size:10px; font-family:century; text-align:center;}
  177. .bull{margin:0px 5px 0px 7px;}
  178.  
  179. .paginationss {text-align:right; font-size:9px;}
  180. .paginationss a {color:{color:sidetxt};}
  181.  
  182. .cruz {font-size:180px; font-family:arial; position:absolute; top:10px; left:50px; opacity:0; color:{color:sidetxt};}
  183. .imagem:hover .imggg {opacity:0.8}
  184. .imagem:hover .cruz {opacity:0.4}
  185. .pags {margin-bottom:3px; margin-right:5px;}
  186. #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;}
  187.  
  188. #taget {position:absolute; top:5px; left:0px; margin-left:20px; font-family:century; font-family:10px; padding-top:5px; }
  189.  
  190. .pictos {font-family:PictosRegular; font-size:14px;}
  191.  
  192.  
  193. #tumblrcontrols2 {position:fixed; top:25px; right:5px; z-index:999;}
  194. #tumblrcontrols2 a {opacity:1;}
  195. #tumblrcontrols2 a:hover {opacity:1;}
  196.  
  197.  
  198. iframe#tumblr_controls {right:3px !important; position: fixed !important; z-index:99; z-index:999;}
  199.  
  200.  
  201.  
  202. #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;}
  203.  
  204. #pagination a {color:{color:posttxt};}
  205.  
  206.  
  207. a.instalar:hover {
  208. background: rgba(0, 0, 0, 0.30);
  209. opacity: 1;
  210. color: white;
  211. }
  212.  
  213. a.instalar {
  214. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.39);
  215. border: 1px solid rgba(0, 0, 0, 0.15);
  216. border-radius: 2px 2px 2px 2px;
  217. color: white;
  218. cursor: pointer;
  219. height: 11px;
  220. padding: 3px 6px;
  221. right: 3px;
  222. text-decoration: none;
  223. text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  224. top: 48px;
  225. z-index: 3333;
  226. position: fixed;
  227. font: 600 10px/20px Segoe UI;
  228. line-height: 11px;
  229. -webkit-transition: none;
  230. -moz-transition: none;
  231. }
  232. #closee {display:none}
  233.  
  234. .vsanna{display: none;}
  235. .caixasm{top:20%;position:fixed;right:-3px;-webkit-transition-duration: .89s; }
  236. .navsm:hover img{opacity:1;}
  237. .navsm img{width:15px;margin-left:0px;
  238. -webkit-transition:all .3s linear;opacity:0.6;
  239. -moz-transition:all .3s linear;transition:all .3s linear;
  240. -webkit-transition-duration: .80s;}
  241. .navsm{line-height:5px;width:15px;;margin: 1px;font-size:9px;color:#fff; text-transform:uppercase;padding: 4px 4px 4px 4px;display:block;background:#e0dfdf;border-radius:4px;}
  242. .my-like {background-image: url(http://static.tumblr.com/zvqacv0/YCami4471/1like.png) !important;height:10px;width:10px;cursor:pointer;display:inline-block;vertical-align:top;}
  243.  
  244. </style>
  245.  
  246.  
  247. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  248.  
  249. <script type="text/javascript"
  250. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  251.  
  252. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  253.  
  254.  
  255. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  256.  
  257. <script type="text/javascript">
  258. $(window).load(function () {
  259. $('#posts').masonry(),
  260. $('.masonryWrap').infinitescroll({
  261. navSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  262. // selector for the paged navigation (it will be hidden)
  263. nextSelector : "{block:ifScrollinfinito}#pagination a{/block:ifScrollinfinito}",
  264. // selector for the NEXT link (to page 2)
  265. itemSelector : "{block:ifScrollinfinito}.post{/block:ifScrollinfinito}",
  266. // selector for all items you'll retrieve
  267. bufferPx : 10000,
  268. extraScrollPx: 10,
  269. loadingImg : "",
  270. loadingText : "<em></em>",
  271. },
  272. // call masonry as a callback.
  273. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  274. );
  275. });
  276. </script>
  277.  
  278.  
  279.  
  280.  
  281. <link rel="shortcut icon" href="{Favicon}">
  282. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  283. {block:Description}
  284. <meta name="description" content="{MetaDescription}" />
  285. {/block:Description}
  286. </head>
  287.  
  288. <body>
  289.  
  290. <div class="caixasm">
  291.  
  292. {block:ifFacebook}
  293. <a href="{text:Facebook}" title="Facebook"><div class="navsm"><img src="http://cdn5.iconfinder.com/data/icons/Helveticons_Social/128/facebook.png"></a></div>
  294. {/block:ifFacebook}
  295. {block:ifTwitter}
  296. <a href="{text:Twitter}" title="Twitter"><div class="navsm"><img src="http://cdn3.iconfinder.com/data/icons/picons-social/57/03-twitter-128.png"></a></div>
  297. {/block:ifTwitter}
  298.  
  299. {block:ifInstagram}
  300.  
  301. <a href="{text:Instagram}" title="Instagram"><div class="navsm"><img src="http://www.pop.arq.br/images/imagens/icones_sociais/instagram.png"></a></div></div>
  302. {/block:ifInstagram}
  303.  
  304.  
  305. <div class="credits">
  306. <a href="http://intercalado.tumblr.com/themess">my themes</a>
  307. </div>
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314. <div id="tumblrcontrols2">
  315. <a href="http://intercalado.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png"/></a>
  316. </div>
  317.  
  318. <div id="content">
  319.  
  320. <div id="pagination">
  321. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  322.  
  323. {block:NextPage}<a href="{NextPage}">»</a>{block:NextPage}
  324.  
  325. </div>
  326. <div id="sside">
  327. <div class="tudo">
  328.  
  329. <div class="imagem">
  330. <img src="{image:sideimg}" width="100%" class="imggg" />
  331. <div class="cruz">†</div>
  332. </div>
  333. <div class="desc">
  334. {Description}
  335. </div>
  336. <div class="linkss">
  337. <select style="font-family:georgia; width:100%; padding:2px; border:0px solid transparent; margin-bottom:5px; text-align:right;" onChange="location.href=this.options[this.selectedIndex].value;">
  338. <option value="#">navigation</option>
  339. {block:ifLink1}<option value="{text:Link1}">{text:Link1 Title}</option> {/block:ifLink1}
  340. {block:ifLink2}<option value="{text:Link2}">{text:Link2 Title}</option>{/block:ifLink2}
  341. {block:ifLink3}<option value="{text:Link3}">{text:Link3 Title}</option>{/block:ifLink3}
  342. {block:ifLink4}<option value="{text:Link4}">{text:Link4 Title}</option>{/block:ifLink4}
  343. {block:ifLink5}<option value="{text:Link5}">{text:Link5 Title}</option>{/block:ifLink5}
  344. {block:ifLink6}<option value="{text:Link6}">{text:Link6 Title}</option>{/block:ifLink6}
  345. {block:ifLink7}<option value="{text:Link7}">{text:Link7 Title}</option>{/block:ifLink7}
  346. {block:ifLink8}<option value="{text:Link8}">{text:Link8 Title}</option>{/block:ifLink8}
  347. <option value="http://intercalado.tumblr.com">theme credit</option>
  348. </select>
  349.  
  350. </div>
  351. <div class="paginationss">
  352. <div class="pags">
  353. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  354.  
  355. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  356. </div>
  357. </div>
  358. </div>
  359.  
  360. </div>
  361.  
  362. <div id="posts">
  363. {block:Posts}
  364. <div class="post">
  365. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  366. {block:Quote}
  367. <div class="quote"><font class="smbluc">“</font>{Quote}”</div>
  368. {block:Source}<div class="sourcequote">{Source}</div>
  369. {/block:Source}
  370. {/block:Quote}
  371. {block:Link}
  372. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  373. {block:Description}{Description}{/block:Description}
  374. {/block:Link}
  375. {block:Chat}
  376. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  377. <div class="chat">{block:Lines}
  378. <div class="person{UserNumber}">{block:Label}
  379. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  380. {/block:Chat}
  381. {block:Audio}
  382. <div class="player">{AudioPlayerBlack}</div>
  383. {block:Caption}{Caption}{/block:Caption}
  384. {/block:Audio}
  385.  
  386.  
  387. {block:Photo}{LinkOpenTag}<div class="image"><img src="{block:IndexPage}{block:ifTrescolunas}{PhotoURL-250}{/block:ifTrescolunas}{block:ifnotTrescolunas}{PhotoURL-400}{/block:ifnotTrescolunas}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-400}{/block:PermalinkPage}"></div>{LinkCloseTag}{/block:Photo}
  388. {block:Photoset}{block:IndexPage}{block:ifTrescolunas}{Photoset-250}{/block:ifTrescolunas}{block:ifnotTrescolunas}{Photoset-400}{/block:ifnotTrescolunas}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:Photoset}
  389. {block:Video}{block:IndexPage}{block:ifTrescolunas}{Video-250}{/block:ifTrescolunas}{block:ifnotTrescolunas}{Video-400}{/block:ifnotTrescolunas}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:Video}
  390.  
  391. {block:Answer}
  392.  
  393. <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">
  394. {Answer}</td>
  395. </tr>
  396. </table>
  397. {/block:Answer}
  398. {block:ifLegendasDasFotos}{block:IndexPage}{block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  399. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  400. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}{/block:IndexPage}{/block:ifLegendasDasFotos}
  401. {block:PermalinkPage}
  402. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  403. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  404. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  405. {/block:PermalinkPage}
  406. <div class="source">
  407. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  408. </div>
  409.  
  410. {block:PermalinkPage}
  411. {block:Date}
  412. <div class="date">
  413.  
  414. <div><a href="{Permalink}">posted {TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a> {/block:NoteCount}
  415.  
  416.  
  417. {block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}<a href="{ReblogUrl}" target="_blank"> · <strong>reblog</strong></a>
  418.  
  419.  
  420. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  421. </div></div>
  422.  
  423. {/block:Date}
  424. {/block:PermalinkPage}
  425. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  426. {block:IndexPage}
  427. {block:Date}
  428. <div class="date2">
  429.  
  430. <div><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} · <a href="{Permalink}"><strong>{NoteCount}</strong></a> {/block:NoteCount}
  431. · <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a>
  432.  
  433.  
  434. </div></div>
  435.  
  436. {/block:Date}
  437. {/block:IndexPage}
  438. </div>
  439.  
  440. {/block:Posts}
  441.  
  442. </div>
  443.  
  444. </div>
  445.  
  446.  
  447.  
  448. <div style="display:none">
  449.  
  450. </div>
  451. </div>
  452. </body>
  453.  
  454. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement