Guest User

Untitled

a guest
Aug 1st, 2013
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.02 KB | None | 0 0
  1. <!-------------------------------------------------------------------------
  2.  
  3. THEME EDITED BY DAANII.COM
  4.  
  5. -------------------------------------------------------------------------->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><html><head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#FFFFFF" />
  12. <meta name="color:Center" content="#FFFFFF" />
  13. <meta name="color:Blog Title" content="#000000" />
  14. <meta name="color:Text" content="#000000" />
  15. <meta name="color:Link" content="#7e817e"/>
  16. <meta name="color:Link Hover" content="#999" />
  17. <meta name="image:Background" content="" />
  18. <meta name="image:Banner" content="" />
  19. <meta name="if:Larger 7th photo" content="1" />
  20. <meta name="if:Larger 14th photo" content="0" />
  21. <meta name="if:Photo Permalinks White or Black" content="1" />
  22. <meta name="if:Rounded Photos" content="0"/>
  23. <meta name="if:Show Blog Title" content="1"/>
  24. <meta name="if:Show Photo Permalinks" content="1"/>
  25. <meta name="text:Ask Title" content="Message" />
  26. <meta name="text:Link One" content="" />
  27. <meta name="text:Link One Title" content="" />
  28. <meta name="text:Link Two" content="" />
  29. <meta name="text:Link Two Title" content="" />
  30. <meta name="text:Link Three" content="" />
  31. <meta name="text:Link Three Title" content="" />
  32. <meta name="text:Link Four" content="" />
  33. <meta name="text:link Four Title" content="" />
  34. <meta name="text:link Five" content="" />
  35. <meta name="text:link Five Title" content="" />
  36. <!--- STYLESHEETS & STATIC UPLOADS --->
  37.  
  38. <link href="http://static.tumblr.com/ek9ly4s/do1mow8kk/style.css" rel="stylesheet">
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <link href='http://fonts.googleapis.com/css?family=Lekton|Pacifico|Permanent+Marker|Amatic+SC' rel='stylesheet' type='text/css'>
  42.  
  43. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  44. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  45.  
  46. <style type="text/css">
  47. html{
  48. height:103%;}
  49.  
  50. body, p {
  51. font-family: 'Lekton';
  52. font-style: normal;
  53. font-size: 12px;
  54. line-height:12px;
  55. padding: 0px;
  56. margin: 0px;
  57. color:{color:text};}
  58.  
  59. body {
  60. background-color:{color:background};
  61. background-image:url({image:Background});
  62. background-attachment: fixed;
  63. background-repeat: repeat;}
  64.  
  65. a {
  66. text-decoration:none;
  67. color:{color:text};
  68. -webkit-transition: all 0.4s linear;
  69. -moz-transition: all 0.4s linear;
  70. transition: all 0.4s linear;}
  71.  
  72. a:link, a:active, a:visited{
  73. color: {color:Link};
  74. text-decoration: none;
  75. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  76.  
  77. a:hover{
  78. color:{color:link hover};}
  79.  
  80. img {{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}
  81. img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  82.  
  83. #wrapper {
  84. padding-left:46px;
  85. position: relative;
  86. width: 100%;}
  87.  
  88. .clear {
  89. text-align:left;clear: both;}
  90.  
  91. #entry.masonry-brick {
  92. top: 0 !important;
  93. left: 0 !important;}
  94.  
  95. #infscr-loading {
  96. position: absolute!important;
  97. width: 16px!important;
  98. height: 11px!important;
  99. bottom: 0px!important;
  100. left: 48.5%!important;
  101. margin-top: 10px!important;
  102. margin-bottom: 5px!important;}
  103.  
  104. .title{
  105. text-align:center;
  106. font-size:14px;
  107. line-height:16px;}
  108.  
  109. blockquote{
  110. padding:0px 0px 2px 1px;
  111. margin:0px 0px 2px 1px;
  112. border-left: 1px dotted #555555;}
  113.  
  114. #container{width:100%;height:auto;top:20px;text-align:center;padding-top:28px;
  115. }
  116.  
  117.  
  118. .blogtitle
  119. {font-size:36px;
  120. line-height:36px;
  121. letter-spacing: 5px;
  122. text-transform: uppercase;
  123. text-align:center;}
  124. .blogtitle a{color:{color:Blog Title};text-transfrom:uppercase;}
  125. .description{
  126. margin-top:7px;margin-bottom:7px;
  127. font-size:14px;display:block;padding:0px 120px 0px 120px;}
  128.  
  129. .description a{display:inline;}
  130.  
  131. #content{margin:auto;position:relative;
  132. {block:IndexPage}width:1320px;{/block:IndexPage}
  133. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  134.  
  135. .entry{
  136. padding:7px 8px 8px 8px;
  137. {block:IndexPage}
  138. overflow:hidden;
  139. {/block:IndexPage}
  140. {block:PermalinkPage}
  141. width:450px;
  142. height:auto;
  143. {/block:PermalinkPage}}
  144.  
  145. .photo{width:200px;height:auto;}
  146. .photo img{width:200px; -webkit-transition: 0.3s ease-in;{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedPhotos}}
  147. .photo img:hover{-webkit-transition: 0.3s ease-in;}
  148. .photobig{width:420px;}
  149. .photobig img{width:420px;}
  150. .text{width:200px;background-color:{color:center};{block:indexpage}border: 1px solid #ccc;{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage}}
  151. .photoset{width:200px;overflow:hidden;}{block:permalinkpage}width:400px;{/block:permalinkpage}}
  152. .video{width:415px;overflow:hidden;border:1px solid #ccc;background-color:{color:center};}
  153. .supreme{text-align:right;margin-top:8px;}
  154.  
  155. {CustomCSS}
  156. </style>
  157.  
  158. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  159. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  160. <script type="text/javascript">
  161. $(window).load(function () {
  162. var $content = $('#content');
  163. $content.masonry({itemSelector: '.entry', columnWidth:220
  164.  
  165. });
  166. $content.infinitescroll({
  167. navSelector : 'div#pagination',
  168. nextSelector : 'div#pagination a#nextPage',
  169. itemSelector : '.entry',
  170. loading: {/*Loading...*/
  171. finishedMsg: '',
  172. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  173. },
  174. bufferPx :200,
  175. extraScrollPx: 550,
  176. debug : false,
  177. },
  178. // call masonry as a callback.
  179. function( newElements ) {
  180. window.n = window.n || 0;
  181. Tumblr.LikeButton.get_status_by_page(++window.n);
  182. var $newElems = $( newElements );
  183. $newElems.hide();
  184. // ensure that images load before adding to masonry layout
  185. $newElems.imagesLoaded(function(){
  186. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
  187. });
  188. });
  189. });
  190. </script>
  191.  
  192. {block:IndexPage}
  193. {block:Pagination}
  194. <div id="pagination">
  195. {block:NextPage}
  196. <a id="nextPage" href="{NextPage}"></a>
  197. {/block:NextPage}
  198. {block:PreviousPage}
  199. <a href="{PreviousPage}"></a>
  200. {/block:PreviousPage}
  201. </div>
  202. {/block:Pagination}
  203. {/block:IndexPage}
  204.  
  205.  
  206.  
  207. <title>{title}</title>
  208. <meta name="description" content="{MetaDescription}" />
  209. <link rel="shortcut icon" href="{Favicon}">
  210. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  211. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  212. <meta name="viewport" content="width=1220" />
  213. </head><body>
  214.  
  215. <div id="container">
  216.  
  217. {block:ifshowblogtitle}
  218. <div class="blogtitle"><a href="/">{title}</a></div>
  219. {/block:ifshowblogtitle}
  220.  
  221. {block:ifbannerimage}
  222. {block:ifshowblogtitle}<div style="padding-top:5px;"></div>{/block:ifshowblogtitle}
  223. <a href="/"><img src="{image:banner}" alt="" width="50%"></a>{/block:ifbannerimage}
  224.  
  225. <div class="description">{description}</div>
  226.  
  227. <div id="kk">
  228. <div id="ag">
  229. <a href="#">basics</a></a>
  230. <div id="vv">
  231. <a href="/">home<a>
  232. {block:AskEnabled}<a href="/ask">{text:Ask Title}</a>{/block:AskEnabled}
  233. {block:SubmitEnabled}<a href="/submit">submit</a>{/block:SubmitEnabled}
  234. <a href="/archive">archive</a>
  235. <a href="{RSS}">rss feed</a>
  236. </div></div>
  237. <div id="ag"><a href="#">links</a></a>
  238. <div id="vv">
  239. {block:ifLinkOneTitle}
  240. <a href="{text:Link One}" class="link">{text:Link One Title}</a>
  241. {/block:ifLinkOneTitle}
  242. {block:ifLinkTwoTitle}
  243. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>
  244. {/block:ifLinkTwoTitle}
  245. {block:ifLinkThreeTitle}
  246. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
  247. {/block:ifLinkThreeTitle}
  248. {block:ifLinkFourTitle}
  249. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
  250. {/block:ifLinkFourTitle}
  251. {block:ifLinkFiveTitle}
  252. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>
  253. {/block:ifLinkFiveTitle}
  254. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{block:Pages}{/block:HasPages}
  255. </div></div>
  256. <div id="ag"><a href="http://final-stand.tumblr.com/" target="_blank">theme</a></a>
  257. </div>
  258. </div>
  259. <div style="padding-top:30px;"></div>
  260.  
  261. {block:Posts}
  262. <div id="content" class="infinite-scroll">
  263. <div class = "autopagerize_page_element" >
  264. <div class="entry">
  265.  
  266. {block:Photo}
  267. {block:IndexPage}
  268. {block:Post1}
  269. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  270. {/block:Post1}
  271. {block:Post2}
  272. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  273. {/block:Post2}
  274. {block:Post3}
  275. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  276. {/block:Post3}
  277. {block:Post4}
  278. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  279. {/block:Post4}
  280. {block:Post5}
  281. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  282. {/block:Post5}
  283. {block:Post6}
  284. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  285. {/block:Post6}
  286. {block:Post7}
  287. {block:ifLarger7thphoto}<div class="photobig">{/block:ifLarger7thphoto}
  288. {block:ifnotLarger7thphoto}<div class="photo">{/block:ifnotLarger7thphoto}
  289. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  290. {/block:Post7}
  291. {block:Post8}
  292. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  293. {/block:Post8}
  294. {block:Post9}
  295. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  296. {/block:Post9}
  297. {block:Post10}
  298. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  299. {/block:Post10}
  300. {block:Post11}
  301. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  302. {/block:Post11}
  303. {block:Post12}
  304. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  305. {/block:Post12}
  306. {block:Post13}
  307. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  308. {/block:Post13}
  309. {block:Post14}
  310. {block:ifLarger14thphoto}<div class="photobig">{/block:ifLarger14thphoto}
  311. {block:ifnotLarger14thphoto}<div class="photo">{/block:ifnotLarger14thphoto}
  312. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  313. {/block:Post14}
  314. {block:Post15}
  315. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  316. {/block:Post15}
  317. {block:ifshowphotopermalinks}
  318. <div class="permalinks">
  319. <ul class="buttons">
  320. <li>{ReblogButton color="gray" size="16"}</li>
  321. <li>{LikeButton color="gray" size="16"}</li>
  322. <div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>
  323. </ul>
  324. </div>{/block:ifshowphotopermalinks}
  325. {/block:IndexPage}
  326. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  327.  
  328. {block:ifshowphotopermalinks}{block:indexpage}
  329. <div class="permalink">
  330. <a href="{ReblogUrl}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png"></a>
  331. <div class="my-like" data-reblog="{ReblogUrl}" data-id="{PostID}"></div>
  332. </div>{/block:indexpage}{/block:ifshowphotopermalinks}
  333. {/block:Photo}
  334.  
  335. {block:Photoset}
  336. <center>
  337. <div class="photoset">
  338. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  339. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  340. </center>
  341. {block:ifshowphotopermalinks}{block:indexpage}
  342. <div class="permalinks">
  343. <ul class="buttons">
  344. <li>{ReblogButton color="gray" size="16"}</li>
  345. <li>{LikeButton color="gray" size="16"}</li>
  346. <div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>
  347. </ul>
  348. </div>{/block:ifshowphotopermalinks}
  349. {/block:indexpage}{/block:ifshowphotopermalinks}
  350. </div>
  351. {/block:Photoset}
  352.  
  353. {block:Text}
  354. <div class="text"><div style="padding:10px;">
  355. <span class="title">{Title}</span>
  356. {Body}
  357. {block:IndexPage}
  358. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  359. {/block:IndexPage}
  360. {/block:Text}
  361.  
  362. {block:Link}
  363. <div class="text"><div style="padding:10px;">
  364. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  365. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  366. {block:IndexPage}
  367. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  368. {/block:IndexPage}
  369. {block:Link}
  370.  
  371. {block:Quote}
  372. <div class="text"><div style="padding:10px;">
  373. <div style="margin-left:3px;">
  374. {Quote}</span>
  375. {block:Source}<strong>{Source}</strong>{/block:Source}
  376. </div>
  377. {block:IndexPage}
  378. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  379. {/block:IndexPage}
  380. {/block:Quote}
  381.  
  382. {block:Chat}
  383. <div class="text"><div style="padding:10px;">
  384. <div style="margin-left:3px;">
  385. {block:Title}<span class="title">{title}</span>{/block:Title}
  386. <ul class="chat">
  387. {block:Lines}
  388. <li class="user_{UserNumber}">
  389. {block:Label}
  390. <span class="label">{Label}</span>
  391. {/block:Label}
  392. {Line}
  393. </li>
  394. {/block:Lines}
  395. </ul>
  396. </div>
  397. {block:IndexPage}
  398. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  399. {/block:IndexPage}
  400. {/block:Chat}
  401.  
  402. {block:Audio}
  403. <div class="text"><div style="padding:10px;">
  404. <div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  405. <center>{AudioPlayerBlack}
  406. <p><br>
  407. {block:Caption}{Caption}{/block:Caption}</center>
  408. {block:IndexPage}
  409. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  410. {/block:IndexPage}
  411. {/block:Audio}
  412.  
  413. {block:Answer}
  414. <div class="text"><div style="padding:10px;">
  415. <b><div align="left">{Asker} asked: {Question}</div></b>
  416. {Answer}
  417. {block:IndexPage}
  418. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a>
  419. {/block:IndexPage}</div></div>{/block:Answer}
  420.  
  421. {block:Video}
  422. {block:IndexPage}
  423. <div class="video">
  424. <center>
  425. {Video-400}</center>
  426. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div>
  427. {/block:IndexPage}
  428. {block:PermalinkPage}
  429. <center>
  430. {Video-500}</center>
  431. {/block:PermalinkPage}
  432. {block:Video}
  433.  
  434. {block:PermalinkPage}
  435. {block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  436. {/block:PermalinkPage}
  437.  
  438. {block:PostNotes}
  439. <div class="notess">{block:Caption}{Caption}{/block:Caption}
  440. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  441. <br>{PostNotes}</div>
  442. {/block:PostNotes}
  443. </div>
  444. </div>
  445. {/block:Posts}
  446.  
  447. {block:Pagination}
  448. <div id="pagination">
  449. {block:NextPage}
  450. <a id="nextPage" href="{NextPage}"></a>
  451. {/block:NextPage}
  452. {block:PreviousPage}
  453. <a href="{PreviousPage}"></a>
  454. {/block:PreviousPage}
  455. </div>
  456. {/block:Pagination}
  457. {/block:IndexPage}
  458. </div>
  459.  
  460. <script>
  461. window.onload = function () {
  462. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  463. document.addEventListener( 'click', function ( event ) {
  464. var myLikeLink = event.target;
  465. if( myLikeLink.className.indexOf( 'my-like' ) > -1 ) {
  466. var myLikeFrame = document.getElementById( 'my-like-frame' ),
  467. liked = ( myLikeLink.className == 'my-liked' ),
  468. command = liked ? 'unlike' : 'like',
  469. reblog = myLikeLink.getAttribute( 'data-reblog' ),
  470. postId = myLikeLink.getAttribute( 'data-id' ),
  471. oauth = reblog.slice( -8 ),
  472. likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + postId;
  473. myLikeFrame.src = likeUrl;
  474. liked ? myLikeLink.className = 'my-like'
  475. : myLikeLink.className = 'my-liked';
  476. };
  477. }, false );
  478. };
  479. </script>
  480.  
  481. </body></html><!-- END OF THEME -->
Advertisement
Add Comment
Please, Sign In to add comment