Advertisement
dezarezende

29

Apr 29th, 2014
427
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.09 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  6. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  7.  
  8.  
  9. <meta name="color:links" content="#000000" />
  10. <meta name="image:background" content="" />
  11. <meta name="image:sidebar" content="http://static.tumblr.com/4ksxprn/1FNn4jzpn/avatar_37fce9080517_128.png" />
  12.  
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:bgask" content="eee" />
  15.  
  16. <meta name="text:Link1 Url" content="/" />
  17. <meta name="text:Link1 Title" content="link1" />
  18. <meta name="text:Link2 Url" content="/" />
  19. <meta name="text:Link2 Title" content="link2" />
  20. <meta name="text:Link3 Url" content="/" />
  21. <meta name="text:Link3 Title" content="link3" />
  22. <meta name="text:Link4 Url" content="/" />
  23. <meta name="text:Link4 Title" content="link4" />
  24. <meta name="text:Link5 Url" content="/" />
  25. <meta name="text:Link5 Title" content="link5" />
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  28.  
  29.  
  30. <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'> <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script><script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script> <style type="text/css">
  33.  
  34.  
  35.  
  36.  
  37. body {font-family:century gothic; color:{color:text}
  38. ;font-size: 11px; background-attachment: fixed;background:{color:background};background-image:url('{image:background}');background-attachment: fixed; background-repeat: no-repeat; background-position: fixed;background-size:100% 100%; }
  39.  
  40. a {color: {color:links}; text-decoration: none; text-transform: none;}
  41. a:hover {color: {color:links};}
  42. p {margin: 6px 0 0 0}
  43.  
  44. blockquote {margin: 0px; padding-left: 0px; }
  45. blockquote img{width: 400px!important; text-align:justify;}
  46.  
  47.  
  48. #entryys {position:absolute; margin:auto; margin-top:0px; margin-bottom:0px; margin-left:495px; width:540px;}
  49.  
  50. #everytg {margin:0px auto 20px auto; width:auto;}
  51.  
  52. .posts { width: 250px; overflow: hidden; float:left; position:relative; margin:7px; margin-bottom:5px; {block:PermalinkPage} width:500px;{/block:PermalinkPage};}
  53. .posts:hover {width:250px;opacity:1; {block:PermalinkPage} width:500px;{/block:PermalinkPage}; }
  54.  
  55.  
  56. .postbox {overflow: hidden; float:left; position:relative; width: 250px; {block:PermalinkPage} width:500px;{/block:PermalinkPage}; }
  57. .postbox:hover {width:250px; opacity:9; {block:PermalinkPage} width:500px;{/block:PermalinkPage}; }
  58.  
  59.  
  60. h1 {font-family:century gothic;text-align:center; font-size: 12px; font-weight: bold; line-height: 14px;color: {color:text};}
  61. h1 a {text-align: center;color: {color:links}; }
  62.  
  63.  
  64. .quote {text-align:justify; font-family:century gothic; line-height:21px; font-size:11px; }
  65. .sc {font-family:century gothic;text-align:right; font-size:11px; margin-top:1px; font-weight: normal;}
  66.  
  67.  
  68.  
  69. .chat {font-size:11px; font-family:century gothic;background:transparent;margin:0}
  70. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; }
  71. .chat .lines span{font-style: italic;}
  72. .person1 {color: {color:text}; padding: 2px; }
  73. .person1 .label {color:}
  74. .person2 {color:; padding: 2px; }
  75. .person2 .label {color:}
  76. .player {background-color: #000; text-align: left; display:block;}
  77.  
  78.  
  79.  
  80. .perguntou {font-size: 11px; font-family: century gothic; line-height:15px}
  81.  
  82. .resposta {width:98%; line-height:15px}
  83.  
  84.  
  85.  
  86. .notes {font-family:century gothic; margin-left:-20px; opacity:0; font-size:11px; text-transform: lowercase; text-align:left; color:{color:links}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-bottom:0px; }
  87. .posts:hover .notes {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:11px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-left:2px;}
  88.  
  89.  
  90. .source {display: none;} .vsanna{display: none;}
  91.  
  92. /* notes por envolvendo-se */
  93.  
  94. .reblogao {position:absolute;overflow:hidden;margin-left:140px; margin-top:2px; opacity:0; display:inline; padding:2px; z-index:9999; transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s;}
  95. .reblogao img {border-radius:2px;}
  96.  
  97. .numero {position:absolute;background: url("http://static.tumblr.com/q8fckve/nfon4jqjm/haha.png"); font-size:10px;font-family:arial;overflow:hidden;right:190px;margin-top:2px;width:40px; height:14px;line-height:14px; opacity:0; display:inline; text-align:center; padding:2px;z-index:999999; transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s;border-radius:2px;}
  98. .numero a {color:#fff;opacity:1;}
  99.  
  100. .postbox:hover .reblogao {opacity:1;margin-left:5px;margin-top:2;transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s;}
  101.  
  102. .postbox:hover .numero {opacity:1;right:10px;margin-top:4px;; transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s;}
  103.  
  104. /* side por socialid */
  105. #side { width:148px; margin-left:275px; position:fixed; background-color:transparent; margin-top:0px; opacity:1.8; padding:5px; height:295px; border:1px solid #eee; padding: 8 8 8 13px; box-shadow: 1px 2px 50px #eee;}
  106. .foto img {margin-right:0px;margin-left: -8px; margin-top: -2px; height: auto; width:159px; text-align:center; border-radius:5px;}
  107.  
  108. .border {height:100%; margin-left:470px; margin-top:-10px; border-left:8px solid #eee; position:fixed; }
  109.  
  110. #desc {width:155px; margin-left:-8px; margin-top:17px;font-family: century gothic; font-size:11px; text-align:right; line-height:17px; color: #747474;}
  111.  
  112.  
  113. #links {width:160px; line-height:17px; text-align:center; margin-left:-7px; margin-top:4px; word-spacing:1px;}
  114. #links a{ font-family: century gothic; font-size:11px; color: #747474;}
  115.  
  116.  
  117.  
  118.  
  119. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  120.  
  121. .tumblrAutoPager_page_separator,
  122. .tumblrAutoPager_page_info {display: none;}
  123.  
  124. #tumblr_controls{position: fixed!important}
  125. #tumblr_controls{position: fixed!important}
  126. #tumblr_controls{position: fixed!important}
  127. #tumblr_controls{position: fixed!important}
  128.  
  129.  
  130.  
  131. .cred {color:{color:links}; position:fixed;bottom:40px;left:10px;font-size:9px;font-family:century gothic; padding:5px; border:0px solid #fff; border-radius:10px;}
  132.  
  133.  
  134. </style><body>
  135.  
  136. <div class="border"></div>
  137. <div id="side">
  138. <div class="foto"><img class="top shadow" src="{image:sidebar}">
  139.  
  140.  
  141. <div id="desc">{description} </div>
  142.  
  143. <div id="links">
  144. <a href="{text:Link1 Url}" >{text:link1 title}</a>
  145. <a href="{text:Link2 Url}" >{text:link2 title}</a>
  146. <a href="{text:Link3 Url}" >{text:link3 title}</a>
  147. <a href="{text:Link4 Url}" >{text:link4 title}</a>
  148. <a href="{text:Link5 Url}" >{text:link5 title}</a>
  149.  
  150. </div></div></div></div>
  151.  
  152.  
  153.  
  154. <div id="entryys">{block:Posts}<div class="posts"><div class="postbox">
  155.  
  156. {block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  157. <div class="notes">{block:IndexPage}<a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}">{/block:RebloggedFrom} {block:ContentSource} {/block:ContentSource}{block:IndexPage} <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:Text}
  158.  
  159. <div id="cap">{block:Photo}<span class="reblogao">
  160. <a href="{ReblogURL}"target="_blank" title="reblog"><img src="http://static.tumblr.com/q8fckve/W7Sn4jqkq/reblog.png" width="22px"></a></a>
  161. </span><span class="numero">
  162. <a href="{Permalink}">{NoteCount}</a>
  163. </span>
  164. {block:IndexPage}<div class="imagem"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250"/></div>{/block:IndexPage}{block:PermalinkPage}<div class="foto"><img src="{PhotoURL-500}" width="500"/></div>{/block:PermalinkPage}{/block:Photo}
  165.  
  166.  
  167. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Photoset}
  168.  
  169. {block:Quote}<div class="quote">{Quote}</div><div class="sc"> {Source}</div>{block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  170.  
  171. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">{/block:RebloggedFrom} {block:ContentSource} {/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  172.  
  173. {block:chat}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:chat}
  174.  
  175. {block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  176.  
  177. {block:Video}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  178. {block:IndexPage}<div class="notes"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> / {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> / <a href="{ReblogUrl}" target="_blank">compartilhe</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Video}
  179.  
  180. {block:Answer}
  181. <div class="perguntou"><b>{Asker} disse: </b>{Question}</div>
  182. <div class="resposta">{Answer}</div>
  183.  
  184.  
  185. {block:IndexPage}<div class="notes">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> </div>{/block:IndexPage}
  186. {/block:answer}</div>
  187.  
  188. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  189. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  190.  
  191.  
  192.  
  193.  
  194. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  195. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  196. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  197. <script type="text/javascript">
  198. $(window).load(function(){
  199. var $wall = $('#entryys');
  200. $wall.imagesLoaded(function(){
  201. $wall.masonry({
  202. itemSelector: '.posts',
  203. isAnimated : true
  204. });
  205. });
  206. $wall.infinitescroll({
  207. navSelector : "div#navigation",
  208. nextSelector : "div#navigation a#nextPage",
  209. itemSelector : '.posts',
  210. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  211. loadingText : "",
  212. donetext : " ",
  213. extraScrollPx : 1000,
  214. bufferPx : 10100,
  215. debug : false,
  216. errorCallback: function() {
  217. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  218. }},
  219. function( newElements ) {
  220. var $newElems = $( newElements );
  221. $newElems.hide();
  222. $newElems.imagesLoaded(function(){
  223. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  224. });
  225. }); $('#entryys').show(500);
  226. });
  227. </script>
  228. <div class="column navigation" id="navigation">
  229. {block:Pagination}
  230. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  231. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  232. </div>
  233. {/block:IndexPage}
  234.  
  235. </div></div></div></div></div>
  236. </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>
  237.  
  238. <div class="cred"><a href="http://romanceais.tumblr.com/" title="Theme por: romanceais"> theme por: <b>romanceais</b></a></div>
  239.  
  240.  
  241. </body>
  242. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement