Advertisement
liki

103

Apr 18th, 2015
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  6.  
  7. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  8.  
  9.  
  10. <!----THEME HORTLY AND OCUPY
  11. NÃO COPIA ESSA PORRA
  12. notes fuckinq/ insp. undoned---->
  13.  
  14.  
  15.  
  16. <head>
  17.  
  18. {block:IndexPage}
  19. <div class="column navigation" id="navigation">
  20. {block:Pagination}
  21. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  22. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  23. </div>
  24. {/block:IndexPage}
  25.  
  26. {block:IndexPage}
  27.  
  28. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  29.  
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  33.  
  34. <script type="text/javascript">
  35. $(window).load(function(){
  36. var $wall = $('#entry');
  37. $wall.imagesLoaded(function(){
  38. $wall.masonry({
  39. itemSelector: '.posts',
  40. isAnimated : true
  41. });
  42. });
  43. $wall.infinitescroll({
  44. navSelector : "div#navigation",
  45. nextSelector : "div#navigation a#nextPage",
  46. itemSelector : '.posts',
  47. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  48. loadingText : " ",
  49. donetext : " ",
  50. extraScrollPx : 9000,
  51. bufferPx : 10000,
  52. debug : false,
  53. errorCallback: function() {
  54. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  55. }},
  56. function( newElements ) {
  57. var $newElems = $( newElements );
  58. $newElems.hide();
  59. $newElems.imagesLoaded(function(){
  60. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  61. });
  62. }); $('#entry').show(500);
  63. });
  64. </script>
  65.  
  66. {/block:IndexPage}
  67.  
  68. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  69.  
  70.  
  71. <meta name="color:background" content="#FFF"/>
  72. <meta name="color:text" content="#808080"/>
  73. <meta name="color:link" content="#808080"/>
  74. <meta name="color:Scroll" content="#efefef"/>
  75. <meta name="color:borda" content="#d7d7d7"/>
  76. <meta name="color:hover" content="#f5ad58"/>
  77.  
  78.  
  79. <meta name="image:background" content=""/>
  80. <meta name="image:sidebar" content="https://secure.static.tumblr.com/2c15f32e8aab17c71f1ca6b52775cae8/91mqzmk/ywsnk5a7n/tumblr_static_bfetoeog7mgcco0skkos0koss.jpg"/>
  81.  
  82. <meta name="text:Link1" content="/" />
  83. <meta name="text:Link1 Title" content="link" />
  84. <meta name="text:Link2" content="/" />
  85. <meta name="text:Link2 Title" content="link" />
  86. <meta name="text:Link3" content="/" />
  87. <meta name="text:Link3 Title" content="link" />
  88. <meta name="text:frase" content="all that matters" />
  89.  
  90.  
  91.  
  92. </script>
  93.  
  94.  
  95.  
  96. <title>{Title}</title>
  97. <link rel="shortcut icon" href="{Favicon}">
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  99. {block:Description}
  100. <meta name="description" content="{MetaDescription}" />
  101. {/block:Description}
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  104. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  105. <link rel="shortcut icon" href="{Favicon}" />
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  107. <style type="text/css">
  108.  
  109.  
  110.  
  111.  
  112. #s-m-t-tooltip {
  113. display: block;
  114. background: #fff;
  115. font-size: 9px;
  116. font-family: arial;
  117.  
  118. letter-spacing: 0px;
  119. text-transform: normal;
  120. color:{color:text};
  121. text-align: center;
  122. margin-left: 18px;
  123. padding: 2px 5px 2px 5px;
  124. border: 1px solid {color:borda};
  125. min-width: 40px;
  126. max-width: 200px;
  127. z-index:9999999999999999;-webkit-transition: opacity 0.9s linear;-moz-transition: opacity 0.9s ;}
  128.  
  129.  
  130.  
  131.  
  132. body {background-color: #fff; background-image:url('{image:background}'); color: {color:text}; font:9px arial; text-align: center;background-repeat: no-repeat;}
  133.  
  134.  
  135. a {color: {color:text}; text-decoration: none; text-transform: none;}
  136. a:hover {color: ;}
  137.  
  138. p {margin: 6px 0 0 0}
  139.  
  140. blockquote {margin: 3px; border-left: 3px solid {color:background}; padding-left: 5px; }
  141. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid #fff;}
  142. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #fff; }
  143. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid #fff; }
  144.  
  145. blockquote img{max-width: 330px!important}
  146. blockquote blockquote img{max-width: 300px!important}
  147. blockquote blockquote blockquote img{max-width: 280px!important}
  148. blockquote blockquote blockquote blockquote img{max-width: 270px!important}
  149.  
  150.  
  151.  
  152.  
  153. #entry {margin-left: 450px; width: 400px;-webkit-transition: opacity 0.9s linear;-moz-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;margin-top:10px;}
  154.  
  155. .posts { width:370px;background-color:transparent ; text-align: justify; padding: 9px; float: left; position: relative; -webkit-transition: opacity 0.9s linear;-moz-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;float: left;margin-bottom:-33px;margin-right:-10px}
  156.  
  157.  
  158. h1 {font-family:Gloria Hallelujah;; font-size: 20px; line-height: 16px; text-align: center; font-weight: normal;}
  159.  
  160. h1 a {color: #808080;}
  161.  
  162. h1 a:hover {color: ;}
  163.  
  164. .quote {font-family: arial; text-align: left; font-size: 10px; line-height:15px; padding: 3px; }
  165.  
  166. .quotesource {text-align: right; text-transform: none; margin-bottom: 5px;font-family: arial; font-size: 10px;}
  167.  
  168.  
  169. .image {text-align: center; border:0px solid #eee;padding:0px;opacity:0.9;border:0px solid {color:borda};}
  170.  
  171. .image img {max-width: 400px; margin-bottom: 2px;opacity:0.9;}
  172.  
  173. .image:hover {opacity:0.9;-webkit-filter: grayscale(50%);border:0px solid {color:borda};}
  174.  
  175.  
  176.  
  177. .chat {line-height: 13px; list-style: none }
  178.  
  179. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  180.  
  181. .person1 {color: #808080; padding: 2px; }
  182.  
  183. .person1 .label {font-weight: bold; color:#808080}
  184.  
  185. .person2 {color: #808080; padding: 2px; }
  186.  
  187. .person2 .label {font-weight: bold; color:#808080}
  188.  
  189.  
  190.  
  191. .player {background-color: #000; text-align: left; display:block;}
  192.  
  193.  
  194. /*=== asked por unfixly ===*/
  195.  
  196.  
  197.  
  198.  
  199.  
  200. .pergunta{font-family:arial; font-size:9px;width:343px;padding:3px;border-bottom: 1px solid #efefef;border-top: 1px solid #efefef;}
  201.  
  202. .pergunta a{color:{color:text}; font-family:arial; font-size:9px;}
  203.  
  204. .resposta{background-color:#fff;font-family: arial; font-size: 9px;color:{color:text};text-align: left;padding-bottom:5px;}
  205.  
  206. .resposta a{color:{color:text};}
  207.  
  208. .askfoto {opacity: 0.8; border: 1px solid #fcfcfc;width: 40px;height: 40px;border-radius:30px;border:2px solid #efefef;}
  209.  
  210. .askfoto:hover {opacity: 9.0;-webkit-filter: grayscale(50%);border-radius:30px;border:2px solid #efefef;}
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217. /** notes por fuckinq / inspiração undoned **/
  218. .perms{
  219. position:absolute;
  220. text-transform:lowercase;
  221. width:;
  222. padding:9px;
  223. left:0px;
  224. background-image:url('http://static.tumblr.com/fd25cf263f97e81a3b403a06dae0013e/xt7sis3/kO1mvabeb/tumblr_static_tumblr_static_tumblr_static_cream_pixels.png');
  225. overflow:hidden;
  226. opacity:0.0;
  227. text-align:center;
  228. color:{color:text};
  229. letter-spacing:1px;
  230. text-align:center;
  231. font-size:8px;
  232. top:24px;
  233. z-index:8;
  234. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  235. border: 1px solid {color:borda};}
  236.  
  237. .posts:hover .perms{
  238. opacity:1;
  239. left:24px;
  240. }
  241.  
  242. .posts .perms a{
  243. color:{color:text};
  244. text-transform:lowercase;
  245. }
  246.  
  247. #cap {width: 370px; margin-top: -2px;}
  248.  
  249. .nts {text-align:right;font-family:arial;font-size:9px;width:370px;border-bottom:1px solid #f0f0f0;padding-bottom:2px;margin-top:10px;-webkit-transition: all 0.8s ease-out;}
  250.  
  251. .nts:hover {-webkit-transition: all 0.8s ease-out;}
  252.  
  253. .nts a{color:{color: text};text-align:right;font-family:arial;font-size:8px;}
  254.  
  255.  
  256. #notesavatar ol, .notes-bottom ul {margin: 0;padding: 0;list-style: none;}
  257. #notesavatar li {background:#f0f0f0;margin: 2px 2px 2px 09px;padding: 5px 0 10px 0;font-size: 11px; text-indent : 8px;-webkit-transition-duration: .50s; float: left; padding: 5px;width: 370px;margin-top:5px;margin-left:1px;text-align:left;color:{color:text};}
  258. #notesavatar li:hover {font-size: 10px;position: relative; text-indent : 15px;}
  259. #notesavatar li img.avatar {width: auto;padding: 2px; background: #fff; border: 1px solid #fff;display: block;float: left; margin: 0 5px 5px 0;border-radius: 30px;}
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266. ::-webkit-scrollbar{width:10px;height:10px;}
  267.  
  268. ::-webkit-scrollbar-button:start:decrement
  269.  
  270. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:{color:scroll};}
  271.  
  272. ::-webkit-scrollbar-track-piece{background-color: transparent ; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  273.  
  274. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scroll} ;-webkit-
  275.  
  276. border-radius:px;}
  277.  
  278. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: ;-webkit-border-radius:px;}
  279.  
  280.  
  281.  
  282. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  283.  
  284.  
  285.  
  286. .flavs{display: none;}
  287. #cap{display: none;}
  288.  
  289.  
  290.  
  291.  
  292. #top-link {position:fixed; bottom:20px; right:5px; margin:2px auto; font-size:26px;font-family:calibri; padding-top:3px; text-align:center; width:25px; height:20px; background: transparent; -webkit-border-radius:100px; -moz-border-radius:100px; color:#979797; z-index:3;}
  293.  
  294.  
  295. /*** sidebar ***/
  296.  
  297.  
  298. #sidebar {position:fixed; width: 120px; height:120px; margin-left:130px;margin-top:29px; -webkit-transition-duration: 0.4s;}
  299.  
  300. #menu {;position:fixed; width:225px;height:275px;z-index:999; margin-left:120px; margin-top:165px;background-color:#fff; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;padding-bottom:3px; opacity:1;border: 8px solid {color:borda}}
  301.  
  302.  
  303. #fotinha {height:140px; width: 140px;margin-top:185px; margin-left:190px; position:fixed; text-align:left; -webkit-transition-duration: 0.4s;z-index:999;}
  304. #fotinha img {width:80px; height:80px;border:0px solid #fff;padding:6px;opacity:0.9;border:1px solid {color:borda} ;}
  305. #fotinha img:hover{opacity:1; -webkit-transition-duration: 0.9s; -webkit-filter: grayscale(75%);opacity:0.9;border:1px solid {color:borda};}
  306.  
  307.  
  308.  
  309. /*---♥---Menu Simple por c4-pacitada pegar credite! [helpdesigns]---♥---*/
  310.  
  311.  
  312. #isinha {z-index:9999;position: fixed; width:200px; margin-left:150px; margin-top:415px; padding: 0px; text-align: center;}
  313.  
  314. #isinha a {float: left; display: block; letter-spacing:1px; font-size:11px; font-family:Gloria Hallelujah;; text-align: center; margin-bottom:2px; margin-left:2px; color:{color:text}; line-height:16px;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; height:20px;width:60px;text-transform:lowercase;}
  315.  
  316. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  317.  
  318.  
  319.  
  320. .descrip {position: fixed; background-color:transparent;width:175px;height: 55px; font-family: arial; font-size:9px; font-style:normal; line-height:10px; text-align:justify; color: {color:text}; height:none; padding: 5px;margin-top:330px; margin-left:150px;z-index:999;-moz-transition: .9s ease-in;transition: 1s ease-in;overflow: hidden;text-shadow: 0px 10px 1px transparent, 0px -10px 1px transparent;}
  321.  
  322.  
  323.  
  324. .frase {position:fixed;z-index:999; font-size:24px; margin-top:290px; text-align: center; font-family:Gloria Hallelujah; margin-left: 150px;padding: 0px; line-height:20px; width:185px; color: {color:text}; border-bottom: 0px solid #fff;opacity:1;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
  325. </style>
  326.  
  327.  
  328. </script>
  329.  
  330. <body>
  331.  
  332. <a onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );" href="javascript:void(0);"><div id="top-link">^</div></a>
  333.  
  334.  
  335. <div id="sidebar"></div>
  336. <div id="menu"></div>
  337.  
  338. <div class="descrip">{description}<big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}</big></div>
  339. <div class="frase">{text:frase}</div>
  340.  
  341. <div id="fotinha"><img src="{image:sidebar}"></div>
  342.  
  343.  
  344.  
  345. <div id="isinha">
  346. <a href="{text:link1}" >{text:link1 title}</a>
  347. <a href="{text:link2}" >{text:link2 title}</a>
  348. <a href="{text:link3}" >{text:link3 title}</a>
  349. </div>
  350. </div>
  351.  
  352. </div></div>
  353. <div style="display:block;top:600px;left:2px;font-size:9px;font-family:arial;position:fixed;background-color:merda; color: #696969; padding:3px;z-index:55554235555;"><a href="http://ocupy.tumblr.com/" title="theme por hortly and ocupy.">theme por <b>ocupy</b> and <b>hortly</b>.</a></div>
  354.  
  355. <div id="entry">
  356. {block:Posts}
  357.  
  358. <div class="posts">
  359. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  360.  
  361. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}" ></div>{LinkCloseTag}{/block:Photo}
  362.  
  363. {block:Photoset}{Photoset-400}{/block:Photoset}
  364.  
  365. {block:Quote}
  366. <div class="quote">“{Quote}”</div>
  367. {block:Source}<div class="quotesource"> — {Source}</div>
  368. {/block:Source}
  369. {/block:Quote}
  370.  
  371.  
  372. {block:Link}
  373. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  374. {block:Description}{Description}{/block:Description}
  375. {/block:Link}
  376.  
  377. {block:Chat}
  378. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  379. <div class="chat"><ul>{block:Lines}
  380. <li class="person{UserNumber}">{block:Label}
  381. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  382. {/block:Chat}
  383.  
  384. {block:Audio}
  385. <div class="player">{AudioPlayerBlack}</div>
  386. {block:Caption}{Caption}{/block:Caption}
  387. {/block:Audio}
  388.  
  389. {block:Video}{Video-400}{/block:Video}
  390.  
  391.  
  392. {block:Answer}
  393. <img src="{AskerPortraitURL-64}" align="left" class="askfoto">
  394. <div class="pergunta"><b>{Asker} whispered: </b>{Question}</div>
  395. <div class="resposta">{Answer}</div>
  396. {/block:Answer}
  397.  
  398.  
  399.  
  400.  
  401. <div id="cap">
  402. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  403. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  404. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  405.  
  406. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  407. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  408. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  409. {/block:ContentSource}</div></div>
  410. <br>
  411.  
  412. <br>
  413.  
  414.  
  415.  
  416.  
  417.  
  418. {block:Date}<div class="perms"><a href="{Permalink}">{Month}, {DayOfMonthWithZero}</a>. {block:Date}{block:IndexPage}<a href="{ReblogUrl}" target="_blank"><b>reblog.</b></a>{/block:IndexPage}</div>{/block:Date}</div>
  419.  
  420.  
  421.  
  422. <div class="flavs">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  423. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  424.  
  425. {block:PostNotes}
  426. <div class="nts">
  427. <b>Posted in:</b> {DayOfWeek}, {DayOfMonthWithZero} of {Month}, {Year}
  428. </div>
  429. <div class="nts">
  430. <b>Tags:</b> {block:HasTags}{/block:HasTags}
  431. {block:HasTags}
  432. {block:Tags}
  433. <a class="tag" href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}
  434. </div>
  435. <div class="nts">
  436. <b>With:</b> {NoteCount} notes.
  437. </div>
  438. <div id="notesavatar">{PostNotes}</div>{/block:PostNotes}
  439. {/block:Posts} {/block:Posts}
  440.  
  441.  
  442.  
  443. </div>
  444.  
  445. </div>
  446.  
  447. </body>
  448. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement