API tools faq
paste
Advertisement
AMARGEDOM

Theme 42 - Amargedom

AMARGEDOM
Jul 15th, 2013
1,555
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5.  
  6.  
  7. <!--
  8.  
  9. Theme 42 by Igor Henrique (amargedom.tumblr.com).
  10.  
  11. Please, DON'T REMOVE THE CREDITS, RESPECT THIS SIMPLE RULE! I spent a lot of time to do these themes.
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16. <script type="text/javascript">
  17. $(window).load(function(){
  18. var $wall = $('#content');
  19. $wall.imagesLoaded(function(){
  20. $wall.masonry({
  21. itemSelector: '.entry',
  22. isAnimated : true
  23. });
  24. });
  25. $wall.infinitescroll({
  26. navSelector : "div#navigation",
  27. nextSelector : "div#navigation a#nextPage",
  28. itemSelector : '.entry',
  29. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  30. loadingText : " ",
  31. donetext : " ",
  32. extraScrollPx : 9000,
  33. bufferPx : 10000,
  34. debug : false,
  35. errorCallback: function() {
  36. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  37. }},
  38. function( newElements ) {
  39. var $newElems = $( newElements );
  40. $newElems.hide();
  41. $newElems.imagesLoaded(function(){
  42. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  43. });
  44. }); $('#content').show(500);
  45. });
  46. </script>
  47.  
  48. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  49.  
  50. <script type="text/javascript">
  51. $(document).ready(function() {
  52. $("body").css("display", "none");
  53. $("body").fadeIn(700);
  54. $("a.transition").click(function(event){
  55. event.preventDefault();
  56. linkLocation = this.href;
  57. $("body").fadeOut(1000, redirectPage);
  58. });
  59. function redirectPage() {
  60. window.location = linkLocation;
  61. }
  62. });
  63. </script>
  64. <!----------- INÍCIO DAS FONTES PERSONALIZADAS DO THEME ------------>
  65.  
  66. <!-- c a l i b r i -->
  67. <link href='http://fonts.googleapis.com/css?family=Calibri' rel='stylesheet' type='text/css'>
  68.  
  69. <!-- m e g r i m -->
  70. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  72.  
  73.  
  74. <!-- w i r e o n e -->
  75. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  76.  
  77. <!-- s a c r a m e n t o -->
  78. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  79.  
  80. <!-- r o b o t o c o n d e n s e d -->
  81. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
  82.  
  83. <!-- j u l i u s s a n s o n e -->
  84. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  85.  
  86. <!-- h o m e n a j e -->
  87. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Donegal+One' rel='stylesheet' type='text/css'>
  92. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  93. <!-- p o i r e t o n e -->
  94. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  95.  
  96. <link href='http://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
  97. <!--
  98. AQUI TEM VÁRIAS FONTES, OS NOMES ABAIXO \/
  99. font-family: 'Sue Ellen Francisco', cursive;
  100. font-family: 'Armata', sans-serif;
  101. font-family: 'Schoolbell', cursive;
  102. font-family: 'Just Me Again Down Here', cursive;
  103. font-family: 'Indie Flower', cursive;
  104. font-family: 'Rochester', cursive;
  105. font-family: 'Loved by the King', cursive; -->
  106. <link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco|Armata|Schoolbell|Just+Me+Again+Down+Here|Indie+Flower|Rochester|Loved+by+the+King' rel='stylesheet' type='text/css'>
  107.  
  108. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald" type="text/css">
  109. <link href='http://fonts.googleapis.com/css?family=Baumans|Pacifico|Orienta' rel='stylesheet' type='text/css'>
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  114. <script type="text/javascript" src="http://static.tumblr.com/0bh6uxs/jyQmnb1mv/js.txt"></script>
  115. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116.  
  117. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120.  
  121. $(document).ready(function(){
  122.  
  123. $("a[title]").style_my_tooltips({
  124.  
  125. tip_follows_cursor:true,
  126.  
  127. tip_delay_time:90,
  128.  
  129. tip_fade_speed:600,
  130.  
  131. attribute:"title"
  132.  
  133. });
  134. });
  135.  
  136. })(jQuery);
  137.  
  138. </script>
  139. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  140. <script type="text/javascript">
  141. $(document).ready(function() {
  142. $().UItoTop({ easingType: 'easeOutQuart' });
  143. });
  144. </script>
  145.  
  146. <link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  147. <meta name="color:Background" content="#FFFFFF"/>
  148. <meta name="color:Text" content="#444444"/>
  149. <meta name="color:Link" content="#646464"/>
  150. <meta name="color:Sidebar" content="#000000"/>
  151. <meta name="color:Title" content="#CACACA"/>
  152. <meta name="color:Description" content="#CACACA"/>
  153. <meta name="color:Sidebar Links" content="#CACACA"/>
  154. <meta name="color:Sidebar Borders" content="#444444"/>
  155. <meta name="color:Post" content="#FFFFFF"/>
  156. <meta name="if:1 coluna" content="">
  157. <meta name="image:Background" content=""/>
  158. <meta name="image:Sidebar" content=""/>
  159. <meta name="text:Custom Link One" content="\" />
  160. <meta name="text:Custom Link One Title" content="Link one" />
  161. <meta name="text:Custom Link Two" content="\" />
  162. <meta name="text:Custom Link Two Title" content="link two" />
  163. <meta name="text:Custom Link Three" content="\" />
  164. <meta name="text:Custom Link Three Title" content="link three" />
  165. <meta name="text:Custom Link Four" content="\" />
  166. <meta name="text:Custom Link Four Title" content=" link four" />
  167. <meta name="text:Custom Link Five" content="\" />
  168. <meta name="text:Custom Link Five Title" content="link five" />
  169. <meta name="text:Custom Link Six" content="/" />
  170. <meta name="text:Custom Link Six Title" content="ink six" />
  171. <meta name="text:Custom Link Seven" content="/" />
  172. <meta name="text:Custom Link Seven Title" content="link seven" />
  173.  
  174.  
  175. <meta name="if:black and white hover" content="1">
  176. <meta name="if:follow white" content="1">
  177. <meta name="if:To Top Button" content="1"/>
  178. <meta name="if:Show Captions" content=""/>
  179. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  180. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  181.  
  182. {PostSummary} - {/block:PostSummary}{Title}</title>
  183.  
  184. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  185. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  186. <script type="text/javascript" src="http://static.tumblr.com/zkivutz/RXEmnvl3u/minified.js"></script>
  187.  
  188.  
  189. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  190. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  191. <script type="text/javascript" src="http://static.tumblr.com/zkivutz/RXEmnvl3u/minified.js"></script>
  192.  
  193. <style type="text/css">
  194. body {
  195. color:{color:text};background-color:{color:background}; background-image: url('{image:Background}');
  196. font-family: Calibri;background-attachment:fixed;margin-left:10px;
  197. font-size: 12px; background-size:100% 100%; }
  198. ::-webkit-scrollbar {
  199. width: 7px;
  200. height: 5px;
  201. background-color:{color:scroll};
  202. border:3px solid {color:background};
  203. }
  204.  
  205. ::-webkit-scrollbar-thumb { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  206. border:1px solid {color:scroll};
  207. background-color: {color:scroll}; }
  208.  
  209.  
  210. div#side{
  211. background-color: {color:Sidebar};
  212. text-align: center;
  213. position: fixed;
  214. left: 0px;
  215. top: 0px;
  216. width: 180px;
  217. height: 100%;
  218. }
  219.  
  220. .title{
  221. font-size: {text:title font size}px;
  222. line-height: 24px;
  223. color: {color:Title};
  224. padding: 100px 10px 10px 10px;
  225. margin-top: 0px;
  226. border-bottom: 1px solid {color:Sidebar Borders};
  227. {block:IfItalicTitle}font-style: italic;{/block:IfItalicTitle}
  228. }
  229.  
  230. .info{padding: 10px; color: {color:Description}; border-bottom: 1px solid {color:Sidebar Borders};}
  231.  
  232. a.nav{
  233. display: inline-block;
  234. margin-left: -4px;
  235. width: 80px;
  236. padding: 5px;
  237. font-size: 10px;
  238. letter-spacing: 1px;
  239. text-transform: uppercase;
  240. color: {color:Sidebar Links};
  241. border-bottom: 1px solid {color:Sidebar Borders};
  242. border-left: 1px solid {color:Sidebar Borders};
  243. text-shadow:70px 0px transparent,-80px 0px transparent;
  244. color:{color:Sidebar Links};;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;
  245. }
  246.  
  247. a.nav:hover{;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out; text-shadow: 0px 0px {color:title}, 0px -0px {color:title}; color:transparent;}
  248.  
  249. a.nav2{
  250. display: block;
  251. padding: 5px;
  252. font-size: 10px;
  253. letter-spacing: 1px;
  254. text-transform: uppercase;
  255. color: {color:Sidebar Links};
  256. border-bottom: 1px solid {color:Sidebar Borders};
  257. Sidebar Borders};
  258. border-left: 1px solid {color:Sidebar Borders};
  259. text-shadow:70px 0px transparent,-80px 0px transparent;
  260. color:{color:Sidebar Links};;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;
  261. }
  262. a.nav2:hover{;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out; text-shadow: 0px 0px {color:title}, 0px -0px {color:title}; color:transparent;}
  263.  
  264.  
  265.  
  266. body, a:hover {cursor: url(http://static.tumblr.com/i8axhtw/359marh29/smallcursor.png), auto !important;}
  267.  
  268. body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  269.  
  270.  
  271.  
  272. p {margin:0 0 .75em 0} p:last-child {margin:0}
  273. a { color: {color:link};
  274. text-decoration:none;
  275. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  276.  
  277. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  278. line-height: 100%;border-left: solid 4px #EDEDED;
  279. }
  280.  
  281. /******
  282. <!--
  283. AQUI TEM VÁRIAS FONTES, OS NOMES ABAIXO \/
  284. font-family: 'Sue Ellen Francisco', cursive;
  285. font-family: 'Armata', sans-serif;
  286. font-family: 'Schoolbell', cursive;
  287. font-family: 'Just Me Again Down Here', cursive;
  288. font-family: 'Indie Flower', cursive;
  289. font-family: 'Rochester', cursive;
  290. font-family: 'Loved by the King', cursive; --> ****/
  291.  
  292.  
  293. .frase {margin-left:447px; ;width:198px; height:16px; margin-top:233px; position:fixed; overflow:hidden!important; text-align:center;
  294. font-family: 'Inconsolata'; z-index:99999; opacity:0.9;
  295. font-size: 16px; color:{color:titulo}; transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out}
  296. .frase:hover{;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out; text-shadow: -3px 0px #E86060, 3px 0px #54d2cb; color:{color:titulo};}
  297.  
  298. h1 {
  299. font-family: 'poiret one';text-transform:uppercase;
  300. font-size: 30px;color:{color:titulo};
  301. font-weight: normal;
  302. }
  303. ul {
  304. margin: 0px 1.5em .65em;}
  305. li {
  306. margin: .75em 0;
  307. list-style-type: square;
  308. }
  309. .box img {
  310. display: block;
  311. max-width: 100%;}.m-i {
  312. display: block;
  313. line-height: 1px!important;
  314. }
  315.  
  316.  
  317.  
  318. .porra {font-family: 'inconsolata'; text-align: center;font-size: 10px;text-transform: uppercase; ;position:fixed; ; margin-top: 346px; margin-left:43px; width: auto; opacity:1; z-index:999999999999999999; }
  319. .porra a {; opacity:0.9; padding:6px; width:176px; ;line-height:11px; margin-right:15px; text-align:center;display:block;background:none; text-transform: uppercase ; ;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;;
  320. ; color:{linksidebar}; border-bottom:1px solid {color:border} }
  321.  
  322. .porra a:hover {padding-top:11px;padding-bottom:11px ;color:{linksidebar} ;-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;;}
  323.  
  324.  
  325. .post-link{
  326. opacity:0; margin-bottom:-50px; margin-left:-120px;
  327. height:0px;;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
  328.  
  329. .post:hover .post-link{margin-left:2px; margin-bottom:2px;
  330. opacity:1; margin-top:0px; font-family: Verdana;
  331. font-size: 8px; padding:2px; text-transform:lowercase;
  332. line-height: 12px;;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
  333.  
  334. p.source{text-align: center; padding:5px; border-top: 1px solid {color:border};; line-height:15px;}
  335.  
  336.  
  337. #s-m-t-tooltip {
  338.  
  339. max-width:auto;
  340. margin:20px 20px 20px 20px;
  341. background: #FFFFFF;
  342. border:1px solid #bebebe;
  343. font-family:calibri;
  344. font-size:11px;
  345. letter-spacing:0px;
  346. text-transform: uppercase;
  347. color:#555;
  348. padding:5px;
  349. z-index:999999999999999999999999998999999999999999;
  350.  
  351. }
  352.  
  353.  
  354.  
  355.  
  356.  
  357. p.source{text-align: center; margin-bottom:-5px;}
  358.  
  359. h3 {line-height:25px;
  360. font-size: 16px; font-weight: normal;
  361. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  362. .text { padding: 5px; line-height:14px; }p.question {
  363. margin-bottom: .375em;
  364. }
  365. p.words {
  366. padding: 2px;
  367. line-height:15px;
  368.  
  369. }
  370. .response {
  371. background: #efefef;
  372. padding: 5px;color#555;
  373. margin-bottom: .75em;
  374. }.answer {
  375. text-align: center;
  376. }
  377. .post {z-index:1; ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;overflow:hidden;
  378. position: relative;margin-left:10px;
  379. {block:IndexPage}
  380. width:400px;
  381. {/block:IndexPage}
  382. {block:PermalinkPage}
  383. width:400px;
  384. {/block:PermalinkPage}
  385. float:left;
  386. {Block:if1Coluna}width:600px;margin:2px 2px 2px 2px{/Block:if1Coluna}
  387. background:{color:post};
  388. padding:5px;
  389. margin: 2px ;
  390. border: 1px solid {color:border};
  391. }.box {position: relative;overflow:hidden; ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
  392.  
  393. .pergunta {padding:6px; border-bottom:1px solid {color:border};opacity:1; text-align:center; display:block; overflow:auto; {block:PermalinkPage} max-width:500px;{/block:PermalinkPage} {block:IndexPage}max-width:265px;{/block:IndexPage} margin-top:0px; background-color:{color:Chat}; font-size:12px; font-family:calibri; border-bottom:1px solid {color:border};}
  394. .answer {text-align:left; overflow:hidden; padding:6px; font-size:12px; font-family:calibri; opacity:1;}
  395.  
  396. #sidee {;
  397. text-align: center;
  398. margin-top: -1px;margin-left:203px;
  399. overflow:hidden;
  400. position:fixed;
  401. background:none; z-index:999999; {block:if1coluna} margin-left:633px{/block:if1coluna}
  402. }
  403.  
  404.  
  405. ul {margin-bottom: .65em;}
  406. #contain {margin-left:00px;
  407. width:426px;float:left; {block:PermalinkPage}margin-left:403px;{/block:PermalinkPage}
  408.  
  409. }
  410. #content { margin-top:30px;
  411. width:900px; margin-left:200px;
  412. float: right; {block:if1coluna} margin-left:210px{/block:if1coluna}
  413. }
  414. {block:IfBlackAndWhiteHover}
  415. .post:hover {-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;}{/block:IfBlackAndWhiteHover}
  416.  
  417. .post:hover .photopermaholder2{width:246px;text-align:center;background:white; bottom:0px; opacity:1; font-size:10px; padding:7px;; color:#777; ;right:0px; filter:alpha(opacity = 100); ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;{Block:if1Coluna}width:396px{/Block:if1Coluna}}
  418.  
  419. .photopermaholder2{position:absolute; width:246px; right:-105px;bottom:0px; padding:7px; opacity:0; text-align:center; filter: alpha(opacity = 0); -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;;;background:none;}
  420.  
  421. .photopermaholder2 a {color:#777; font-family:'consolas'; text-transform:uppercase; font-size:10px;text-align:center; }
  422. .photopermaholder2 a:hover{ border-bottom:1px solid #777; color:#555}
  423.  
  424. #bordleft {position:fixed; top:0px; z-index:999; background:{color:border};padding:1px solid; height:100%; width:1px; margin-left:252px; }
  425. #bordright {position:fixed; top:0px; z-index:999; background:{color:border};padding:1px solid; height:100%; width:1px; margin-left:798px; }
  426.  
  427. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  428.  
  429.  
  430. .post-header-a{z-index:10;top:-25px;left:5px;position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);;-moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s}
  431.  
  432. .post:hover .post-header-a{;-moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s;opacity:1;filter:alpha(opacity = 100);top:5px;left:5px;}
  433.  
  434. .reblog-button:hover,.like-button:hover,.note-perma:hover{; opacity:1!important;filter:alpha(opacity = 100)!important}
  435.  
  436. .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:1;filter:alpha(opacity = 75)}
  437.  
  438. .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:1;filter:alpha(opacity = 75)}
  439.  
  440. .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:1;filter:alpha(opacity = 75)}
  441.  
  442. a.note-perma,a.note-perma:hover{color:white;font-weight:bold;}
  443.  
  444. .post-right { float: left; text-transform: uppercase; }
  445.  
  446. .post-left { float: right; text-transform: uppercase;}
  447.  
  448. #men ul{margin: 0 auto 0 -1px;width: 246px;display:inline-block;padding: 0;list-style: none;}#men ul li{display: block;position: relative;float: left;text-align: center;text-transform: uppercase;font-size: 8px;height: 18px;line-height: 18px;margin: 1px 0px 0px 1px;}#men li ul{display: none; margin: 0 auto 0 -1px;}#men ul li a{display: block;text-decoration: none;color: #ffffff;border-top: 0px solid #ffffff;padding: 0px;background: #666666;margin-left: 1px;white-space: nowrap;text-transform: uppercase;font-size: 8px;width: 80px; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#men ul li a:hover{background: #333333;letter-spacing: 1px;}#men li:hover ul{display: block;position: absolute;z-index: 999999999999;}#men li:hover li{float: none;font-size: 11px;}#s{width: 500px;margin: 10px auto;}#men{position: relative;margin-top: 4px;height: 22px;}iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%); opacity:.4;position:fixed!important}.box iframe {
  449. max-width: 100%;
  450. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  451. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  452.  
  453. #toTop{display:none;text-decoration:none;position:fixed;bottom:40px;right:40px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  454.  
  455. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  456.  
  457. #description {line-height:18px; position:fixed; z-index:1; opacity:0.9; ; width: 174px; padding:7px; font-size:13px;overflow:hidden!important; margin-left:453px; margin-top:255px; ;z-index:999999999; ;height:73px; ;font-family: "baumans"; background:none; text-align: center;;color:{color:description}; border-top:1px solid {color:border}; border-bottom:1px solid {color:border} }
  458.  
  459.  
  460. #a {width:1100px;left:200px;
  461. margin-left:auto;
  462. margin-right:auto;
  463. margin-bottom:auto;
  464. margin-top:auto;
  465. margin:auto;
  466. float:center;}
  467.  
  468. 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:1;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  469.  
  470. body, a:hover {cursor: url(http://static.tumblr.com/i8axhtw/359marh29/smallcursor.png), auto !important;}
  471.  
  472. body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  473.  
  474. ::-webkit-scrollbar {
  475. width: 7px;
  476. height: 5px;
  477. background-color:{color:scroll};
  478. border:3px solid {color:background};
  479. }
  480.  
  481. ::-webkit-scrollbar-thumb { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
  482. border:1px solid {color:scroll};
  483. background-color: {color:scroll}; }
  484.  
  485. {CustomCSS}
  486. </style>
  487. <link rel="shortcut icon" href="{Favicon}">
  488. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  489. <meta name="viewport" content="width=820" />
  490. </head>
  491. <body>
  492.  
  493.  
  494. <div id="side">
  495. <div class="title">{Title}</div>
  496. {block:IfSidebarImage}<img src="{image:sidebar}" width="160" style="margin-top: 10px;"/>{/block:IfSidebarImage}
  497. {block:Description}{block:ifCustomLinkOneTitle}
  498. <a href="{text:Custom Link One}"class="nav">{text:Custom Link One Title}</a>
  499. {/block:ifCustomLinkOneTitle}
  500. {block:ifCustomLinkTwoTitle}
  501. <a href="{text:Custom Link Two}"class="nav">{text:Custom Link Two Title}</a>
  502. {/block:ifCustomLinkTwoTitle}
  503. {block:ifCustomLinkThreeTitle}
  504. <a href="{text:Custom Link Three}"class="nav2">{text:Custom Link Three Title}</a>
  505. {/block:ifCustomLinkThreeTitle}
  506. {block:ifCustomLinkFourTitle}
  507. <a href="{text:Custom Link Four}"class="nav2">{text:Custom Link Four Title}</a>
  508. {/block:ifCustomLinkFourTitle}
  509. {block:ifCustomLinkFiveTitle}
  510. <a href="{text:Custom Link Five}"class="nav2">{text:Custom Link Five Title}</a>
  511. {/block:ifCustomLinkFiveTitle}
  512. {block:ifCustomLinkSixTitle}
  513. <a href="{text:Custom Link Six}"class="nav">{text:Custom Link Six Title}</a>
  514. {/block:ifCustomLinkSixTitle}
  515. {block:ifCustomLinkSevenTitle}
  516. <a href="{text:Custom Link Seven}"class="nav">{text:Custom Link Seven Title}</a>
  517. {/block:ifCustomLinkSevenTitle}
  518. <a href="http://amargedom.tumblr.com/" title="Amargedom"class="nav2">Credit</a>
  519.  
  520.  
  521. {block:IfInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfInfiniteScroll}
  522. </div>
  523. </div>
  524.  
  525. <div id="a">
  526.  
  527. <div id="content">
  528. {block:Posts}
  529. <div class="post">
  530.  
  531. {block:Text}
  532. <div class="text">
  533. {block:Title}<h3>{Title}</h3>{/block:Title}
  534. {Body}
  535. {block:IndexPage}
  536. <div class="photopermaholder2"><div class="photoperma">
  537. {NoteCount} /
  538. <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> / <a href="{Permalink}" title="Permalink"> permalink</a></a>
  539. {block:ifs}{SourceURL}{/block:ifs}
  540. </div>
  541. </div>
  542. {/block:IndexPage}
  543. </div>
  544. {/block:Text}
  545.  
  546. {block:Quote}
  547. <div class="text quote">
  548. <p class="words">&#8220;{Quote}&#8221;</p>
  549. {block:Source}<p class="source">{Source}</p>{/block:Source}
  550. {block:IndexPage}
  551. <div class="photopermaholder2"><div class="photoperma">
  552. {NoteCount} /
  553. <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> / <a href="{Permalink}" title="Permalink"> permalink</a></a>
  554. {block:ifs}{SourceURL}{/block:ifs}
  555. </div>
  556. </div>
  557. {/block:IndexPage}
  558. </div>
  559. {/block:Quote}
  560.  
  561. {block:Link}
  562. <div class="text link">
  563. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  564. {block:Description}{Description}{/block:Description}
  565. {block:IndexPage}
  566. <div class="photopermaholder2"><div class="photoperma">
  567. {NoteCount} /
  568. <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> / <a href="{Permalink}" title="Permalink"> permalink</a></a>
  569. {block:ifs}{SourceURL}{/block:ifs}
  570. </div>
  571. </div>
  572. {/block:IndexPage}
  573. </div>
  574. {/block:Link}
  575.  
  576. {block:Chat}
  577. <div class="text chat">
  578. <ul class="conversation">
  579. {block:Lines}
  580. <li class="line {Alt}">
  581. {block:Label}<span class="person">{Label}</span>{/block:Label}
  582. <span class="person-said">{Line}</span>
  583. </li>
  584. {/block:Lines}
  585. </ul>
  586. {block:IndexPage}
  587. <div class="photopermaholder2"><div class="photoperma">
  588. {NoteCount} /
  589. <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> / <a href="{Permalink}" title="Permalink"> permalink</a></a>
  590. {block:ifs}{SourceURL}{/block:ifs}
  591. </div>
  592. </div>
  593. {/block:IndexPage}
  594. </div>
  595. {/block:Chat}
  596.  
  597. {block:Audio}
  598. <div class="text audio">
  599. <p>{AudioPlayerBlack}</p>
  600. {block:IndexPage}{block:IfShowCaptions}
  601. {block:Caption}{Caption}{/block:Caption}
  602. {/block:IfShowCaptions}{/block:IndexPage}
  603. {block:IndexPage}
  604. <div class="photopermaholder2"><div class="photoperma">
  605. {NoteCount} /
  606. <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> / <a href="{Permalink}" title="Permalink"> permalink</a></a>
  607. {block:ifs}{SourceURL}{/block:ifs}
  608. </div>
  609. </div>
  610. {/block:IndexPage}
  611. </div>
  612. {/block:Audio}
  613.  
  614.  
  615.  
  616. {block:Answer}
  617.  
  618. <div style="background-color:#eee; color:#666; padding:3px; max-width:100%; margin-left:2px; font-size:12px; text-align:center; font-family:calibri; ">{Asker} said:</div>
  619. <div class="pergunta">{Question}</div>
  620. <div class="answer">{Answer}</div>
  621. {block:IndexPage}
  622. <div class="photopermaholder2"><div class="photoperma">
  623. {NoteCount} /
  624. <a href="{Permalink}" title="Permalink"> permalink</a></a>
  625. {block:ifs}{SourceURL}{/block:ifs}
  626. </div>
  627. </div>
  628. {/block:IndexPage}
  629. {/block:Answer}
  630.  
  631.  
  632. {block:if1coluna}
  633.  
  634. {block:Photoset}
  635. <div class="photoset">
  636. <div class="box">
  637. <!-- permalink --> {block:IndexPage}
  638. <div class="post-header-a">
  639. <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 this post" id="likeimage{PostID}"/></a>
  640. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  641. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  642. </div>
  643. <!-- /permalink --> {/block:IndexPage}
  644. {block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
  645.  
  646. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  647. </div>
  648. {block:IndexPage}{block:IfShowCaptions}
  649. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  650. {/block:IfShowCaptions}{/block:IndexPage}
  651. </div>
  652. {/block:Photoset}
  653.  
  654. {block:Video}
  655. <div class="video">
  656. <div class="box">
  657. <!-- permalink --> {block:IndexPage}
  658. <div class="post-header-a">
  659. <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 this post" id="likeimage{PostID}"/></a>
  660. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  661. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  662. </div>
  663. <!-- /permalink --> {/block:IndexPage}
  664. {block:IndexPage}<center>{Video-400}</center>{Block:if1Coluna}<center>{Video-400}</center>{/Block:if1Coluna}{/block:IndexPage}
  665. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  666. </div>
  667. {block:IndexPage}{block:IfShowCaptions}
  668. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  669. {/block:IfShowCaptions}{/block:IndexPage}
  670. </div>
  671. {/block:Video}
  672.  
  673. {block:Photo}
  674. <div class="photo">
  675. <div class="box">
  676. <!-- permalink --> {block:IndexPage}
  677. <div class="post-header-a">
  678. <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 this post" id="likeimage{PostID}"/></a>
  679. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  680. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  681. </div>
  682. <!-- /permalink --> {/block:IndexPage}
  683. {block:IndexPage}
  684. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  685. {/block:IndexPage}
  686. {block:PermalinkPage}
  687. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  688. {/block:PermalinkPage}
  689. </div>
  690. {block:IndexPage}{block:IfShowCaptions}
  691. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  692. {/block:IfShowCaptions}{/block:IndexPage}
  693. </div>
  694. {/block:Photo}
  695. {/block:if1coluna}
  696.  
  697.  
  698.  
  699.  
  700. {block:ifnot1coluna}
  701. {block:Photoset}
  702. <div class="photoset">
  703. <div class="box">
  704. <!-- permalink --> {block:IndexPage}
  705. <div class="post-header-a">
  706. <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 this post" id="likeimage{PostID}"/></a>
  707. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  708. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  709. </div>
  710. <!-- /permalink --> {/block:IndexPage}
  711. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  712.  
  713. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  714. </div>
  715. {block:IndexPage}{block:IfShowCaptions}
  716. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  717. {/block:IfShowCaptions}{/block:IndexPage}
  718. </div>
  719. {/block:Photoset}
  720.  
  721. {block:Video}
  722. <div class="video">
  723. <div class="box">
  724. <!-- permalink --> {block:IndexPage}
  725. <div class="post-header-a">
  726. <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 this post" id="likeimage{PostID}"/></a>
  727. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  728. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  729. </div>
  730. <!-- /permalink --> {/block:IndexPage}
  731. {block:IndexPage}<center>{Video-250}</center>{Block:if1Coluna}<center>{Video-400}</center>{/Block:if1Coluna}{/block:IndexPage}
  732. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  733. </div>
  734. {block:IndexPage}{block:IfShowCaptions}
  735. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  736. {/block:IfShowCaptions}{/block:IndexPage}
  737. </div>
  738. {/block:Video}
  739.  
  740. {block:Photo}
  741. <div class="photo">
  742. <div class="box">
  743. <!-- permalink --> {block:IndexPage}
  744. <div class="post-header-a">
  745. <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 this post" id="likeimage{PostID}"/></a>
  746. <a class="reblog-button" href="{reblogurl}" target="_blank"></a>
  747. <a class="note-perma" id="notes{PostID}" href="{Permalink}">{NoteCount}</a>
  748. </div>
  749. <!-- /permalink --> {/block:IndexPage}
  750. {block:IndexPage}
  751. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  752. {/block:IndexPage}
  753. {block:PermalinkPage}
  754. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  755. {/block:PermalinkPage}
  756. </div>
  757. {block:IndexPage}{block:IfShowCaptions}
  758. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  759. {/block:IfShowCaptions}{/block:IndexPage}
  760. </div>
  761. {/block:Photo}
  762.  
  763. {/block:ifnot1coluna}
  764.  
  765. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  766. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  767. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  768.  
  769. {block:PermalinkPage}
  770. <div id="post-info" class="text">
  771. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  772. {block:HasTags}
  773. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  774. {/block:HasTags}
  775. <p class="post-info-data">
  776. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  777. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  778. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  779. {block:PostNotes}
  780. {PostNotes}
  781. {/block:PostNotes}
  782. </div>
  783. {/block:PermalinkPage}
  784.  
  785. </div> <!-- end single post -->
  786. {block:ContentSource}
  787. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  788. {/block:ContentSource}
  789. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  790. {/block:Posts}
  791. </div> <!-- end content -->
  792. <div class="loading"></div>
  793. </div> <!-- end containing div -->
  794.  
  795. {block:Pagination}<ul id="pagination">
  796. {block:PreviousPage}
  797. <li><a href="{PreviousPage}"></a></li>
  798. {/block:PreviousPage}
  799. {block:JumpPagination length="5"}
  800. {block:CurrentPage}
  801. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  802. {/block:CurrentPage}
  803. {block:JumpPage}
  804. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  805. {/block:JumpPage}
  806. {/block:JumpPagination}
  807. {block:NextPage}
  808. <li><a id="nextPage" href="{NextPage}"></a></li>
  809. {/block:NextPage}
  810. </ul>{/block:Pagination}
  811.  
  812. {block:IndexPage}
  813. <script type="text/javascript">
  814. $(window).load(function () {
  815. $('#content').masonry(),
  816. $('.masonryWrap').infinitescroll({
  817. navSelector : '#pagination',
  818. nextSelector : '#pagination a#nextPage',
  819. itemSelector : ".post, .loading",
  820. bufferPx : 40,
  821. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  822. loadingText : "<em></em>",
  823. },
  824. function() { $('#content').masonry({ appendedContent: $(this) }); }
  825. );
  826. });
  827. </script>
  828. {/block:IndexPage}
  829. {block:IfToTopButton}
  830. <script type="text/javascript">
  831. $(document).ready(function() {
  832. /*
  833. var defaults = {
  834. containerID: 'toTop', // fading element id
  835. containerHoverID: 'toTopHover', // fading element hover id
  836. scrollSpeed: 1200,
  837. easingType: 'linear'
  838. };
  839. */
  840.  
  841. $().UItoTop({ easingType: 'easeOutQuart' });
  842.  
  843. });
  844. </script>
  845. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  846. {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/tpqedpr/R4Vmc9wcl/like.js"></script>
  847. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  848.  
  849.  
  850.  
  851. </div></div>
  852.  
  853. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!