Advertisement
NIGGSEX

meu bb

Dec 27th, 2017
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.67 KB | None | 0 0
  1. <!--
  2.            • • • • • • • • • A NEW ERA • • • • • • • • •
  3.            Design by obsceny — [http://obsceny.tumblr.com]
  4.             don't remove my credits and don't copy © 2017
  5.             pxu photoset, resize video, infinite scroll by
  6.                            shythemes
  7.                     audio style by passohtml
  8. -->                  
  9.  
  10. <!DOCTYPE html>
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13. <meta charset="utf-8"/>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <meta name="color:Accents" content="#5d7979" />
  22. <meta name="color:Background" content="#f6f6f6"/>
  23. <meta name="color:Borders" content="##f3f1f1"/>
  24. <meta name="color:Links" content="#adadad"/>
  25. <meta name="color:Links Hover" content="#cccccc"/>
  26. <meta name="color:Posts" content="#ffffff"/>
  27. <meta name="color:Sidebar" content="#ffffff"/>
  28. <meta name="color:Texts" content="#adadad"/>
  29. <meta name="text:Link 1 Url" content="/" />
  30. <meta name="text:Link 1 Title" content="link" />
  31. <meta name="text:Link 2 Url" content="/" />
  32. <meta name="text:Link 2 Title" content="link" />
  33. <meta name="text:Link 3 Url" content="/" />
  34. <meta name="text:Link 3 Title" content="link" />
  35. <meta name="text:Link 4 Url" content="/" />
  36. <meta name="text:Link 4 Title" content="link" />
  37. <meta name="text:Link 5 Url" content="/" />
  38. <meta name="text:Link 5 Title" content="link" />
  39.  
  40. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  41. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  43. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  44. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Assistant|Fira+Sans|Hind|Muli|Oxygen|Poppins" rel="stylesheet">
  47. <script src="https://use.fontawesome.com/92822ad00c.js"></script>
  48. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  49. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  50. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css'
  51. rel='stylesheet' type='text/css'>
  52. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  53.  
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:20,
  62. tip_fade_speed:200,
  63. attribute:"title"
  64. });
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69. <style>
  70. iframe.tmblr-iframe {position:absolute!important; opacity:0.3; top:0px!important;right:0px!important; z-index:10; transition:0.5s;
  71. -webkit-filter:invert(100%); -moz-filter:invert(100%);-ms-filter:invert(100%);
  72. -o-filter:invert(100%); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
  73. iframe.tmblr-iframe:hover { -webkit-transform:scale(0.70); -moz-transform:scale(0.70); -ms-transform:scale(0.70); -o-transform:scale(0.70); transform:scale(0.70);opacity:0.5; transition:0.5s;}
  74.  
  75. .vignette, #vignette {opacity:0;}
  76. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important; border-radius:4px !important; max-width:none;}
  77. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({RGBcolor:Background},.9) !important;}
  78. .lightbox-image, #tumblr_lightbox img {border:5px solid {color:background}; !important;-moz-box-sizing:border-box; box-sizing:border-box;}
  79. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}    
  80.  
  81. .vsanna {display:none;}
  82.  
  83. #s-m-t-tooltip {position:relative; margin:15px; padding:5px; background:{color:Posts}; color:{color:texts}; font-size:9.5px; text-transform:uppercase; border:1px solid {color:borders}; z-index:999999999;}
  84.  
  85. a.credit {position:fixed; right:10px; bottom:30px; font-size:9px; color:{color:texts}; background:{color:Posts}; padding:5px; width:10px; height:10px; text-align:center; transition:2s; border:1px solid {color:Borders}; z-index:9;}
  86. a.credit:before {position:absolute; text-align:center; font-size:10px;
  87. margin-left:-3.2px; margin-top:-1px; content:'O'; color:{color:links};}
  88. a.credit:hover {border-radius:100%; opacity:0.5; transition:2s;}
  89.  
  90. .scrollToTop{width:10px; height:10px; padding:5px; text-align:center; font-weight:bold; color{color:Texts}; text-decoration:none; position:fixed; right:10px; bottom:55px; font-size:10px; background:{color:Posts}; display:none; transition:all 2s ease-out; border:1px solid {color:Borders}; z-index:9;}
  91. .scrollToTop:hover {border-radius:100%; opacity:0.8;}
  92.  
  93. ::selection { color:{color:Links Hover}; background:{color:Links};font-weight:bold;}
  94. ::-moz-selection {color:{color:Links Hover}; background:{color:Links}; font-weight:bold;}    
  95. ::-webkit-selection {color:{color:Links Hover}; background:{color:Links};    font-weight:bold;}    
  96. ::-webkit-scrollbar {width:5px; height:5px; background:{color:texts}; border:2px solid {color:Background};}
  97. ::-webkit-scrollbar-thumb {background:{color:Accents}; width:20px; border-radius:2px; border:2px solid {color:Background};}
  98.  
  99. body {background:{color:background}; color:{color:texts}; font-size:10px;
  100. font-family:'Fira Sans','Helvetica','Arial', sans-serif; line-height:14px;}
  101. a {text-decoration:none; color:{color:Links}; transition:0.5s;}
  102. a:hover {color:{color:Links Hover}; transition:0.5s;}
  103. h1, h5 {text-transform:uppercase; font-size:10px; text-align:center;}
  104. pre {display:block; text-align:justify; overflow-x:auto; padding:3px;}
  105. blockquote {padding:5px; margin-left:0px; border-left:1px solid {color:Borders};}
  106. center {text-align:center;}
  107. strong {font-weight:bold;}
  108. b {font-weight:bold;}
  109.  
  110. div.focus > #content{position:relative; width:1100px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} margin:0 auto; overflow:hidden; padding-top:25px; transition:2s;}  
  111. #content {padding-top:25px; width:1100px; margin-left:0px; margin-right:0px; padding-left:200px; transition:2s;}
  112. .container {overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; opacity:1; z-index:1; {block:indexpage} float:left; width:250px; padding:0px; background:{color:Posts}; margin:10px; z-index:-1; opacity:0;  {/block:indexpage}{block:permalinkpage} padding:10px; width:500px; display:block; background:{color:Posts}; margin:0 auto;{/block:permalinkpage}}
  113. .container img {width:100%; margin-bottom:-4px; {block:permalinkpage} width:100%; {/block:permalinkpage} transition:2s;}
  114. .border {padding:10px;}    
  115. .video {display:block; overflow:hidden; width:100%;}
  116. .video, .video iframe {display:block; overflow:hidden;}
  117. .quote {text-align:justify;}
  118. .source {text-align:center; font-size:9px;}
  119. .permalink {width:500px;background:{color:Posts}; overflow:auto; margin-top:10px; margin-left:-10px; padding-top:10px; border-top:5px solid {color:background};}
  120. .permalink ol, .permalink li {list-style-type: none;}
  121. ol.notes {padding: 0px; padding-left:10px; margin: 1px 0px; height:500px;   overflow:auto; list-style-type:none;}
  122. ol.notes li.note {padding:3px;}
  123. ol.notes li.note img.avatar {display:none;}  
  124. ol.notes::-webkit-selection {color:transparent; background:transparent;}    
  125. ol.notes::-webkit-scrollbar {width:5px; height:5px; background:transparent; border:2px solid transparent;}
  126. ol.notes::-webkit-scrollbar-thumb {background:transparent; width:20px; border-radius:2px; border:2px solid transparent;}
  127. .all {display:block; text-transform:uppercase; font-size:9.5px; height:18px; width:240px; border:1px solid {color:borders}; padding:5px; transition:.4s;}
  128. .right {float:right; text-align:right;}
  129. .left {float:left; text-align:left;}
  130. .custom-like-button {cursor:pointer!important;}
  131. .custom-like-button {position:relative; margin-top:0px; margin-left:3px;    width:16px; height:16px; display:inline-block; float:right; vertical-align:top; cursor:pointer; font-size:9.5px; color:{color:Links};}
  132. .like_button.liked + .our_button:after{content:'d';}
  133. .like_button iframe {width:100%!important; height:100%!important;}
  134. .like_button {z-index:10; opacity:0; transition:0.5s;}
  135. .our_button {z-index:1; transition:0.5s;}
  136. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  137. .asker {position:relative; text-align:right; text-transform:uppercase; margin-left:0px; margin-top:0px; margin-right:0px; z-index:9; background:{color:Posts};}
  138. .asker a {border:1px solid {color:borders}; text-align:center; padding:3px; z-index:9;}
  139. .answer {padding:20px 4px 4px 4px; border:1px solid {color:borders}; margin-left:0px; margin-right:0px;width:calc(100% - 10px); text-align:center; margin-top:-10px;}
  140. .portrait img {position:relative; float:left; padding:3px; border:1px solid {color:borders}; background:{color:Posts}; text-transform:uppercase; margin-left:0px; margin-top:-5px; margin-right:-10px; width:19px; height:19px;  z-index:999;}
  141. .links {text-align:right; transition:1.5s; padding:10px;}
  142. .links a {font-size:10px; text-align:right; color:{color:links}; text-transform:uppercase; text-align:center; letter-spacing:0.7px; transition: 0.5s ease;}
  143. .links:hover {color:{color:links hover}; background:{color:Borders};transition: 1s;}
  144. .linksi{position:absolute; text-align:left; font-size:15px; line-height:0px; padding:4px 10px 4px 0px; margin-top:-17px; margin-left:0px; border-right:1px solid {color:borders}; transition:2s;}
  145. .links:hover .linksi {transform:rotatex(360deg);  border-right:1px solid {color:Posts}; transition:2s;}
  146. .chat {line-height:13px;list-style:none;}
  147. .chat ul {list-style: none; padding:5px;}
  148. .person1 {color:{color:Texts}; padding:2px; text-transform:Uppercase; font-style:Italic; list-style:none;}
  149. .person1 .label {color:{color:Texts}; text-transform:Uppercase; font-style:Italic; font-weight:Bold;}
  150. .person2 {color:{color:Texts}; padding:2px; text-transform:Uppercase; font-style:Italic; list-style:none;}
  151. .person2 .label {color:{color:Texts}; text-transform:Uppercase; font-style:Italic; font-weight:Bold;}  
  152. .album {padding:5px; height:50px;}
  153. .player {width:7px; height:7px; overflow:hidden; padding:4px 21px 21px 4px; position:absolute; z-index:999; float:right; margin-top:10px; right:25px;   {block:PermalinkPage} right:175px; {/block:PermalinkPage} background:{color:background}; opacity:.8; border-radius:50px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  154. .player:hover {opacity:1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  155. .track {margin-right:10px; height:40px; letter-spacing:.3px; margin-top:3px; padding:5px; padding-right:10px; float:right; text-align:right; border-right:1px solid {color:borders};}
  156. .track b {font-size:9px; text-transform:uppercase; letter-spacing:0.5px;}
  157. .image img {width:50px; height:50px; float:right; border-radius:50px;}
  158. .spotify_audio_player {height:80px !important; padding:10px;}
  159. .soundcloud_audio_player {height:80px !important; padding:10px;}    
  160.  
  161. .sidebar {position:fixed; left:0; top:0; width:150px; height:150vh; background:{color:sidebar}; z-index:10; padding:10px; border-right:1px solid {color:borders};}    
  162. .avatar_image img {position:fixed; margin-top:25px; margin-left:50px; text-align:center; width:40px; border-radius:100%;}    
  163. .title {text-align:center; font-size:12px;color:{color:accents}; text-transform:uppercase; margin-top:80px; border-bottom:1px solid {color:Borders};}    
  164. .description {text-align:center; margin-top:5px; font-size:11px; color:{color:Texts};}
  165. .navigation {height:100%; width:160px; position:fixed; z-index:1; top:0; text-align:center; left:-200px; background:{color:Sidebar}; overflow-x:hidden;    transition:0.5s; padding-top:85px; z-index:9999999;}
  166. .navigation a {display:block; font-size:11px; margin-bottom:5px; line-height:25px; margin-top:10px; text-transform:uppercase; margin-left:10px; text-align:left;}
  167. .navigation a:hover {color:{color:accents}; letter-spacing:2px;}
  168. .naviga {background:{color:accents}; padding:2px; font-size:15px; text-align:right; float:right; width:15px; height:17px; right:10px; line-height:13px;   border-radius:2px; color:{color:sidebar};}
  169. .navigation a:hover .naviga {background{color:background};}
  170. .navigation .closebtn { border:none; position:absolute; margin-top:-75px;    right:25px; font-size: 15px; margin-left: 50px;}
  171. @media screen and (left:0px) {
  172. .navigation {padding-top: 15px;} .navigation a {font-size: 18px;}}    
  173. .navdex {cursor:pointer; text-align:center; font-size:15px; color:{color:accents}; text-transform:uppercase; margin-top:5px;}
  174.  
  175. </style>
  176. <script>
  177. $(document).ready(function(){
  178. //Check to see if the window is top if not then display button
  179. $(window).scroll(function(){
  180. if ($(this).scrollTop() > 20) {
  181. $('.scrollToTop').fadeIn();}
  182. else {$('.scrollToTop').fadeOut();}});
  183. //Click event to scroll to top
  184. $('.scrollToTop').click(function(){
  185. $('html, body').animate({scrollTop : 0},800);
  186. return false;});});
  187. </script>
  188. </head>
  189.  
  190. <body>
  191. <div class="focus">
  192. <div class="sidebar">
  193. <div class="avatar_image"><img src="{PortraitURL-64}"/></div>
  194. <div class="title">{Title}</div>
  195. <div class="description">{Description}</div>
  196.  
  197. <div class="navdex">
  198. <span onclick="openNav()">
  199. <span class="lnr lnr-menu"></span></span>
  200. </div></div>
  201. <div id="mySidenav" class="navigation">
  202.  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">
  203. <span class="lnr lnr-arrow-left"></span>
  204. </a>
  205. <div class="title">{title}<br></div>
  206. @{name}
  207. <a href="{text:Link 1 URL}" >
  208. <div class="naviga"><i class="pe-7s-home"></i></div>
  209. {text:Link 1 Title}</a>
  210. <a href="{text:Link 2 URL}" >
  211. <div class="naviga"><i class="pe-7s-help1"></i></div>
  212. {text:Link 2 Title}</a>
  213. <a href="{text:Link 3 URL}" >
  214. <div class="naviga"><i class="pe-7s-search"></i></div>
  215. {text:Link 3 Title}</a>
  216. <a href="{text:Link 4 URL}" >
  217. <div class="naviga"><i class="pe-7s-magic-wand"></i></div>
  218. {text:Link 4 Title}</a>
  219. <a href="{text:Link 5 URL}" >
  220. <div class="naviga"><i class="pe-7s-ribbon"></i></div>
  221. {text:Link 5 Title}</a>
  222. </div></div>
  223. <script>
  224. function openNav() {
  225. document.getElementById("mySidenav").style.left="0px"}
  226. function closeNav() {
  227. document.getElementById("mySidenav").style.left ="-200px";}
  228. </script>
  229.  
  230. <div id="content">
  231. {block:Posts}
  232. <div class="container" id="{PostID}">
  233. {block:Video}
  234. <div class="video">{Video-500}</div>
  235. {block:Indexpage}
  236. <div class="all">
  237. <div class="left">
  238. <a href="{ReblogURL}">reblog </a>
  239. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  240. </div>  
  241. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  242. </div>
  243. {/block:Indexpage}
  244. {/block:Video}
  245.  
  246. {block:Photo}
  247. <a href="#" onclick="Tumblr.Lightbox.init([{ width:{PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active');return false">
  248. <img src="{PhotoURL-HighRes}" style="cursor:zoom-in">
  249. </a>
  250. {block:Indexpage}
  251. <div class="all">
  252. <div class="left">
  253. <a href="{ReblogURL}">reblog </a>
  254. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  255. </div>  
  256. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  257. </div>
  258. {/block:Indexpage}
  259. {/block:Photo}
  260.  
  261. {block:Photoset}
  262. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  263. {block:Indexpage}
  264. <div class="all">
  265. <div class="left">
  266. <a href="{ReblogURL}">reblog </a>
  267. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  268. </div>  
  269. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  270. </div>
  271. {/block:Indexpage}
  272. {/block:Photoset}
  273.  
  274. {block:Text}
  275. <div class="border">
  276. {block:Title}<h5><a href="{Permalink}">{Title}</a></h5>{/block:Title}
  277. {Body}
  278. {block:Indexpage}
  279. <div class="all" style="margin-left:-11px; margin-bottom:-11px">
  280. <div class="left">
  281. <a href="{ReblogURL}">reblog </a>
  282. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  283. </div>  
  284. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  285. </div>
  286. {/block:Indexpage}
  287. </div>
  288. {/block:Text}
  289.  
  290. {block:Quote}
  291. <div class="border">
  292. <div class="quote">{Quote}</div>
  293. {block:Source}
  294. <div class="source">{Source}</div>
  295. {/block:Source}
  296. {block:Indexpage}
  297. <div class="all" style="margin-left:-11px; margin-bottom:-11px; margin-top:5px">
  298. <div class="left">
  299. <a href="{ReblogURL}">reblog </a>
  300. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  301. </div>  
  302. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  303. </div>
  304. {/block:Indexpage}    
  305. </div>
  306. {/block:Quote}
  307.  
  308. {block:Link}
  309. <div class="border">
  310. <div class="links">
  311. <a href="{URL}" {Target}>{Name}</a>
  312. <div class="linksi">
  313. <i class="oi-info"></i></div></div>
  314. {block:Description}{Description}{/block:Description}
  315. {block:indexpage}
  316. <div class="all" style="margin-left:-11px; margin-bottom:-11px; margin-top:10px">
  317. <div class="left">
  318. <a href="{ReblogURL}">reblog </a>
  319. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  320. </div>  
  321. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  322. </div>
  323. {/block:indexpage}
  324. </div>
  325. {/block:Link}
  326.  
  327.  
  328. {block:Chat}
  329. <div class="border">
  330. {block:Title} <h1> {Title} </h1> {/block:Title}
  331. <div class="chat">
  332. <ul>{block:Lines}
  333. <li class="person{UserNumber}">
  334. {block:Label}
  335. <span class="label">{Label}</span>
  336. {/block:Label}
  337. {Line}</li>{/block:Lines}</ul></div>
  338. {block:Indexpage}
  339. <div class="all" style="margin-left:-11px; margin-bottom:-11px">
  340. <div class="left">
  341. <a href="{ReblogURL}">reblog </a>
  342. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  343. </div>  
  344. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  345. </div>
  346. {/block:Indexpage}
  347. </div>
  348. {/block:Chat}
  349.  
  350. {block:Audio}
  351. <div class="border">
  352. <div class="album">
  353. {block:AlbumArt}
  354. <div class="image">
  355. <img src="{AlbumArtURL}"/></div>
  356. {/block:AlbumArt}
  357. {block:AudioPlayer}
  358. <div class="player">
  359. {AudioPlayer}</div>
  360. {/block:AudioPlayer}
  361. <div class="track">
  362. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  363. {block:Artist}{Artist}{/block:Artist}<br/>
  364. {formattedplaycount} players
  365. </div></div>
  366. {block:Indexpage}
  367. <div class="all" style="margin-left:-11px; margin-bottom:-11px">
  368. <div class="left">
  369. <a href="{ReblogURL}">reblog </a>
  370. <div class="custom-like-button">{LikeButton}<span class="our_button"> LIKE</span></div>
  371. </div>  
  372. <div class="right"><a href="{Permalink}">{NoteCount}</a></div>
  373. </div>
  374. {/block:Indexpage}
  375. </div>
  376. {/block:Audio}
  377.  
  378. {block:Answer}
  379. <div class="border">
  380. <div  class="portrait"><img src="{AskerPortraitURL-64}"/></div>
  381. <div class="asker"> {Asker} </div>
  382. <div class="answer">{Question}</div>
  383. {Answer}</center>    
  384. </div>
  385. {block:Indexpage}
  386. <div class="all" style="margin-left:-11px; margin-bottom:-5px; margin-top:5px; width:100%">
  387. <center>
  388. {DayOfWeek} ({TimeAgo}) at {24Hour}:{Minutes} {AmPm}
  389. </center>
  390. </div>
  391. {/block:Indexpage}    
  392. {/block:Answer}
  393.  
  394. <div class="vsanna">
  395. {block:RebloggedFrom}
  396. <a href="{ReblogParentURL}"></a>
  397. {/block:RebloggedFrom}
  398. {block:ContentSource}
  399. <a href="{SourceURL}"></a>
  400. {/block:ContentSource}
  401. </div>    
  402.  
  403. {block:PermalinkPage}
  404. <div class="permalink">
  405. <center>
  406. <i class="ion-ios-information-outline" style="font-size:11px;"></i>
  407. POST INFO:
  408. <i class="ion-ios-information-outline" style="font-size:11px;"></i><br>
  409. This post was posted at
  410. <b>{24Hour}:{Minutes} {AmPm} </b>
  411. on <b>{Month} {DayOfMonth} </b>
  412. of <b>{Year}</b>, <br> has
  413.  <b> {NoteCountWithLabel}. </b><br>
  414. Reblogged from:{block:RebloggedFrom}
  415. <a href="{ReblogParentURL}"> {ReblogParentName}</a>
  416. and posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  417. {/block:RebloggedFrom}
  418. <br>
  419. {block:PermalinkPagination}
  420. <div class="permagination">
  421. {block:PreviousPost}
  422. <a href="{PreviousPost}">Previous Post</a>
  423. {/block:PreviousPost}
  424. {block:NextPost}
  425. <a href="{NextPost}"> Next Post</a>
  426. {/block:NextPost} </div>
  427. {/block:PermalinkPagination}
  428. </center>
  429. <br><br>
  430. {block:PostNotes}
  431. {PostNotes}
  432. {/block:PostNotes}
  433. </div>
  434. {/block:PermalinkPage}
  435.  
  436. </div>
  437. {/block:Posts}
  438. </div>    
  439. </div>
  440.  
  441.  
  442.  
  443. {block:IndexPage}
  444.  
  445. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  446. <script src="http://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
  447.  
  448. {/block:IndexPage}
  449.  
  450. <script>
  451. $(document).ready(function(){
  452.    $('.photo-slideshow').pxuPhotoset({
  453.        lightbox: true,
  454.        rounded: false,
  455.        gutter: '1px',
  456.        photoset: '.photo-slideshow',
  457.        photoWrap: '.photo-data',
  458.        photo: '.pxu-photo'
  459.    });
  460.    
  461.  // minimal soundcloud player © shythemes.tumblr
  462. $(document).ready(function(){
  463.    var color = '{color:accents}'; // color of play button (hex)
  464.    $('.soundcloud_audio_player').each(function(){
  465.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '92%' });
  466.    });
  467. });
  468.  
  469.    {block:IndexPage}
  470.    var $container = $('#content');
  471.    $container.masonry({ itemSelector: '.container' });
  472.    $container.imagesLoaded(function(){
  473.        $container.masonry();
  474.        $container.find('.container').animate({ opacity: 1, zIndex: 1 });
  475.    });
  476.    
  477.    $container.infinitescroll({
  478.        itemSelector: '.container',
  479.        navSelector: '#pagination',
  480.        nextSelector: '#next',
  481.        loadingImg: '',
  482.        loadingText: '<em></em>',
  483.        bufferPx: 20000
  484.    },      
  485.    function( newElements ) {
  486.        var $newElems = $( newElements );
  487.        $newElems.find('.photo-slideshow').pxuPhotoset({
  488.            lightbox: true,
  489.            rounded: false,
  490.            gutter: '1px',
  491.            photoset: '.photo-slideshow',
  492.            photoWrap: '.photo-data',
  493.            photo: '.pxu-photo'
  494.        },
  495.        
  496.        function(){
  497.            $container.masonry();
  498.            var $newElems = $(newElements);
  499.    var $newElemsIDs = $newElems.map(function(){
  500.        return this.id;
  501.    }).get();
  502.    Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  503.        });
  504.        $newElems.imagesLoaded(function(){
  505.            $container.masonry( 'appended', $newElems );
  506.            $newElems.animate({ opacity: 1, zIndex: 1 });
  507.        resizeVideos();
  508.  
  509.        });
  510.    });
  511.    
  512.    
  513.    {/block:IndexPage}
  514. });
  515. </script>
  516.  
  517.                          
  518. {block:IndexPage}
  519. {block:Pagination}
  520. <div id="pagination">
  521. {block:NextPage}
  522. <a id="next" href="{NextPage}"></a>
  523. {/block:NextPage}
  524. {block:PreviousPage}
  525. <a href="{PreviousPage}">&larr;&nbsp;</a>
  526. {/block:PreviousPage}  
  527. </div>
  528. {/block:Pagination}
  529. {/block:IndexPage}
  530.  
  531. <a href="#" class="scrollToTop" title="scroll to top"><span class="lnr lnr-chevron-up"></span></a>
  532.  
  533. <a class="credit" href="http://obsceny.tumblr.com" title="theme by obsceny"/>
  534. </body>
  535.  
  536. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement