Advertisement
heydani

Untitled

Jul 4th, 2012
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.71 KB | None | 0 0
  1. <a href="https://twitter.com/heydani" class="twitter-follow-button" data-show-count="false">Follow @heydani</a>
  2. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--
  6. Sleepless Theme by http://venoms.tumblr.com
  7. Please do not remove the theme credit (:
  8.  
  9.  
  10. -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head>
  15.  
  16. <title>{title}</title>
  17.  
  18. <meta name="color:text" content="#3F3F3F"/>
  19. <meta name="color:background" content="#fffff"/>
  20. <meta name="color:link" content="#4B4B4B" />
  21. <meta name="color:link hover" content="#F7F7F7" />
  22. <meta name="color:Header Background" content="#FFFFFF"/>
  23. <meta name="color:Navigation Link Color" content="#00000"/>
  24. <meta name="color:ScrollBar" content="#000000"/>
  25. <meta name="color:Description Background Hover" content="#E4E4E4"/>
  26. <meta name="color:Perma Background" content="#00000"/>
  27. <meta name="color:Center Background" content="#FFFFFF"/>
  28. <meta name="color:Entry Background" content="#F2F2F2"/>
  29. <meta name="color:Title Shadow" content="#E4E4E4"/>
  30. <meta name="color:Header Text" content="#000000"/>
  31. <meta name="font:Body" content="Arial" />
  32. <meta name="font:Header" content="Arial"/>
  33. <meta name="text:Custom Link One" content="" />
  34. <meta name="text:Custom Link One Title" content="" />
  35. <meta name="text:Custom Link Two" content="" />
  36. <meta name="text:Custom Link Two Title" content="" />
  37. <meta name="text:Custom Link Three" content="" />
  38. <meta name="text:Custom Link Three Title" content="" />
  39. <meta name="text:Custom Link Four" content="" />
  40. <meta name="text:Custom Link Four Title" content="" />
  41. <meta name="if:Image Pop" content="1"/>
  42. <meta name="if:Rounded Photo Edges Hover" content="0" />
  43. <meta name="if:Infinite Scrolling" content="0"/>
  44. <meta name="if:Rounded Header Edges" content="0"/>
  45. <meta name="if:Shadows On Posts" content="0"/>
  46. <meta name="if:Transition Hover" content="1"/>
  47.  
  48.  
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Raleway:100&v1' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53.  
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  60.  
  61.  
  62.  
  63.  
  64.  
  65. {block:IndexPage}
  66. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  67. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script>
  68.  
  69. {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScrolling}
  70.  
  71.  
  72. <script type="text/javascript">
  73.  
  74. $(window).load(function () {
  75.  
  76. $('#posts').masonry(),
  77.  
  78. $('.masonryWrap').infinitescroll({
  79.  
  80. navSelector : "#pagination",
  81.  
  82. nextSelector : "#pagination a#next",
  83.  
  84. itemSelector : ".entry",
  85.  
  86. bufferPx : 10000,
  87.  
  88. extraScrollPx: 11000,
  89.  
  90. loadingImg : "http://www.phonebook.com.pk/images/loading3.gif",
  91.  
  92. loadingText : "<em></em>",
  93.  
  94. },
  95.  
  96. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  97.  
  98. );
  99.  
  100. });
  101.  
  102. </script>
  103.  
  104.  
  105.  
  106.  
  107.  
  108. {/block:IndexPage}
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116. {block:IndexPage}{block:IfTransitionHover}
  117.  
  118. img:hover {
  119.  
  120. opacity:0.6;
  121.  
  122. -moz-transition: 0.2s ease-in;
  123.  
  124. -webkit-transition: 0.2s ease-in;
  125.  
  126. -o-transition: 0.2s ease-in;
  127.  
  128. transition: 0.2s ease-in;
  129. }
  130.  
  131. img {
  132. -webkit-transition: opacity 0.7s linear;
  133. opacity: 1;
  134. }{/block:IndexPage}{/block:IfTransitionHover}
  135.  
  136. {block:IndexPage}{block:ifImagePop}img, img a {border: none; -webkit-transition-duration: .4s;}
  137.  
  138. img:hover {-webkit-transform: scale(1.05);}{/block:ifImagePop}{/block:IndexPage}
  139.  
  140. {block:IfRoundedPhotoEdgesHover}img:hover {border-radius:15px; -moz-border-radius:15px; -webkit-transition-duration: .4s;}{/block:IfRoundedPhotoEdgesHover}
  141.  
  142. body {font-family:{font:body}; font-size: 9px; color: {color:text}; background-color: {color:background};}
  143.  
  144. {block:IndexPage}#center {margin:auto; width: 960px; background-color:{color:Center Background}; margin-top:30px; margin-bottom: -8px;}{/block:IndexPage}
  145.  
  146. {block:PermalinkPage}#center {margin:auto; width: 960px; background-color:{color:center background}; margin-top: 30px; margin-bottom: -8px;}{/block:PermalinkPage}
  147.  
  148. .entry { padding:10px; float:left; position: relative; margin:10px; width: 270px; float: left; background-color:{color:Entry Background};}
  149.  
  150. .entry img {width: 270px; height: auto;}
  151.  
  152. .navigations{
  153. margin-top:1px;
  154. margin-bottom:20px;
  155. text-align: center;
  156. text-transform: uppercase;
  157. margin-left:1px;
  158. }
  159. .navigations a{
  160. color: {color:Navigation Link Color};
  161. padding: 3px;
  162. }
  163. .navigations a:hover{
  164. color: #fff;
  165. background-color: #000;
  166. }
  167.  
  168.  
  169.  
  170. .description{
  171. margin-top:20px;
  172. width: 500px;
  173. text-align: center;
  174. margin:auto;
  175. }
  176.  
  177. .description:hover {background-color:{color:Description Background Hover}; width:500px; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in; }
  178.  
  179. .posttitle{
  180. color:{font:color};
  181. font-family:{font:body};
  182. font-size:10px;
  183. line-height:19px;
  184. letter-spacing:1px;
  185. border-bottom:1px solid #000000;
  186. font-weight:bold;
  187. text-transform:Uppercase;
  188. margin:0px;
  189. padding:0px;
  190. text-align:;
  191. }
  192.  
  193. .permalink {opacity:1; text-align:left; font-family:{font:body}; font-size:10px; text-transform:Uppercase; padding:3px; }
  194.  
  195. .permalink:hover {background-color:{color:Perma Background}; font-weight:bold; opacity:1; -moz-transition: 0.9s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in; padding:3px; width:70px;}
  196.  
  197. a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -moz-transition: 0.9s ease-in; -webkit-transition: 0.9s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in;}
  198.  
  199. a:hover{ color:{color:link hover}; -moz-transition: 0.9s ease-in; -webkit-transition: 0.9s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in;}
  200.  
  201. .label {font-weight: bold; margin-right: 10px;}
  202.  
  203. #posts {padding: 10px;}
  204.  
  205.  
  206.  
  207. .notes img{width:10px; position:relative; top:1px;}
  208. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  209. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  210.  
  211. .permacap {text-transform:uppercase; font-size:11px; font-weight:bold;}
  212.  
  213.  
  214. #pagination{
  215. margin-right:-20%;
  216. text-align: center;
  217. position:fixed;
  218. bottom:5px;
  219. {block:IfInfiniteScrolling}display: none;{/block:IfInfiniteScrolling}
  220. }
  221. #pagination a{
  222. background-color: #000;
  223. padding: 3px;
  224. color: #fff;
  225. {block:IfInfiniteScrolling}display: none;{/block:IfInfiniteScrolling}
  226. }
  227.  
  228.  
  229. ::-webkit-scrollbar-thumb:vertical { border-radius:15px; -moz-border-radius:15px; background-color: {color:scrollbar}; height:100px; padding:5px;}
  230.  
  231. ::-webkit-scrollbar-thumb:horizontal { padding:5px; border-radius:15px; -moz-border-radius:15px; background-color: {color:Scrollbar}; height:10px !important;}
  232.  
  233. ::-webkit-scrollbar { padding:5px; border-radius:15px; -moz-border-radius:15px; height:10px; width:7px; background-color: {color:background};}
  234.  
  235. {block:PermalinkPage}
  236.  
  237.  
  238. div.video embed,
  239. div.post div.video object {
  240. width:500px;
  241. height:auto;
  242. }
  243.  
  244.  
  245. .entry {margin: 10px; width: 500px; float: left;}
  246.  
  247. .entry img {width: 500px; height: auto;}
  248.  
  249. .audio {width: 500px; background-color:#000000; padding:0px;}
  250.  
  251. {/block:PermalinkPage}
  252.  
  253. {block:indexpage} .photoset{width:270px; heigh:auto;}{/block:Indexpage}
  254.  
  255. {block:Indexpage}.album img{width:270px; height:auto;}
  256. .audio {width: 270px; background-color:#000000; padding:0px;}{/block:Indexpage}
  257.  
  258. {block:Permalinkpage}.album img{width:500px; height:auto;}
  259. .audio {width: 500px; background-color:#000000; padding:0px;}{/block:Permalinkpage}
  260.  
  261.  
  262. .toplinks {z-index:1000; font-size:30px; margin-top:30px; font-family:Raleway; text-transform:uppercase; background:{Color:Background}; text-align:center;}
  263.  
  264. .customlinks {letter-spacing:3px; font-size:10px; font-family:{font:body}; text-transform:uppercase;}
  265.  
  266. {block:IfShadowsOnPosts}
  267. img {-webkit-box-shadow: #444 0px 0px 6px;
  268. -moz-box-shadow:#444 0px 0px 6px;}{/block:IfShadowsOnPosts}
  269.  
  270. {customcss}
  271.  
  272.  
  273.  
  274. </style>
  275.  
  276.  
  277.  
  278. </head>
  279.  
  280. <body>
  281.  
  282. <div class="toplinks">
  283. <a href="/">Home</a> <a href="/">Archive</a>
  284. <a href="/ask">Ask</a> {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} <a href="http://venoms.tumblr.com">©</a></div>
  285.  
  286. <br><center><div class="customlinks">
  287. {block:IfCustomLinkOneTitle}
  288.  
  289. <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a>
  290.  
  291. {/block:ifCustomLinkOneTitle}
  292.  
  293.  
  294.  
  295. {block:ifCustomLinkTwoTitle}
  296.  
  297. <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a>
  298.  
  299. {/block:ifCustomLinkTwoTitle}
  300.  
  301.  
  302. {block:ifCustomLinkThreeTitle}
  303.  
  304. <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle}
  305.  
  306.  
  307.  
  308. {block:ifCustomLinkFourTitle}
  309.  
  310. <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</div>
  311.  
  312.  
  313. </center>
  314.  
  315. <div class="description">
  316. {block:Description}{Description}{/block:Description}
  317. </div>
  318.  
  319. <div id="center">
  320.  
  321.  
  322.  
  323.  
  324.  
  325. <br>
  326.  
  327. <div id="posts">
  328.  
  329. {block:Posts}
  330.  
  331. {block:Text}
  332. <div class="entry">
  333. {block:Title}<a href="{Permalink}"><div class="posttitle">{Title}</a></div>{/block:Title}<div class="bod">{Body}</div>
  334. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:Permalinkpage}<b>{timeago} | This post has {NoteCountWithLabel}</b><br><br>{/block:Permalinkpage}
  335. </div>
  336. {/block:Text}
  337.  
  338. {block:Photo}
  339.  
  340. <div class="entry">
  341. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  342. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  343. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:PermalinkPage}width="200px"{/block:PermalinkPage}/>
  344. {block:IndexPage}</a>{/block:IndexPage}
  345. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
  346. {block:Permalinkpage}{block:Caption}{Caption}{/block:Caption}<div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:Permalinkpage}
  347.  
  348. {/block:Photo}
  349.  
  350.  
  351.  
  352. {block:Photoset}
  353. <div class="entry">
  354. <div class="photoset">{block:Indexpage}{Photoset-250}{/block:Indexpage}</div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  355. <a href="{Permalink}"><div class="permalink">Photoset</div></a>
  356. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>
  357. {/block:Caption}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  358. </div>
  359. {/block:Photoset}
  360.  
  361.  
  362.  
  363.  
  364. {block:Answer}
  365. <div class="entry" id="answer">
  366. <div style="padding-bottom:15px"><span style="font-weight: bold; margin-right: 10px;">{Asker}:</span> "{Question}"</div>
  367. <div style="border-top: 1px solid #0000">{Answer}</div>
  368. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  369. </div>
  370. {/block:Answer}
  371.  
  372. {block:Quote}
  373. <div class="entry" id="quote">
  374. <span style="margin-left: 13px;">{Quote}</span>
  375. {block:Source}<div style="font-size: 10px;">— {Source}</div>{/block:Source}
  376. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}<br>{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  377. </div>
  378. {/block:Quote}
  379.  
  380. {block:Link}
  381. <div class="entry">
  382. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name}</div></a>
  383. {block:Description}{Description}{/block:Description}
  384. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  385. </div>
  386. {/block:Link}
  387.  
  388. {block:Chat}
  389. <div class="entry" id="chat">
  390. {block:Title}<a href="{Permalink}"><div class="posttitle">{Title}</div></a>{/block:Title}
  391. {block:Lines}<span style="align:left"><div class="{Alt} user_{UserNumber}">{block:Label}
  392. <span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</span>
  393. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}
  394. {block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  395. </div>
  396. {/block:Chat}
  397.  
  398. {block:Video}
  399. <div class="entry">
  400. <div class="video">{Video-250}</div>
  401. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  402. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}</div>
  403. {/block:Video}
  404.  
  405. {block:Audio}
  406. <div class="entry">
  407. <div class="album">{block:AlbumArt}
  408. <img src="{AlbumArtURL}">
  409. {/block:AlbumArt}</div>
  410. <div class="audio">{AudioPlayerBlack}</div>
  411. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  412. {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
  413. </div>
  414. {/block:Audio}
  415.  
  416. {block:PostNotes}
  417. {PostNotes}
  418. {/block:PostNotes}
  419.  
  420. {/block:posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  421.  
  422.  
  423. </div>
  424.  
  425. <div id="pagination">
  426. {block:IndexPage}
  427. {block:Pagination}
  428. {block:PreviousPage}
  429. <a href="{PreviousPage}"id="previous">P R E V P A G E</a>
  430. {/block:PreviousPage}
  431. <br><br>
  432.  
  433. {block:NextPage}
  434. <a href="{NextPage}"id="next">N E X T P A G E</a>
  435. {/block:NextPage}
  436. {/block:Pagination}
  437. {/block:IndexPage}
  438. <br><br></div>
  439. </div>
  440.  
  441.  
  442.  
  443. </body>
  444.  
  445. </html>
  446. <!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
  447. <script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
  448. <script type="text/javascript">
  449. SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'false','shuffle':'true','volume':'100'},'playlist':[{'title':'pyramids','url':'http://www.youtube.com/watch?v=VyCglfjMOa0'},{'title':'your love','url':'http://www.youtube.com/watch?v=pSFyrrhKj1Q'},{'title':'crave you','url':'http://www.youtube.com/watch?v=ZeaIvjoH1FY'},{'title':'no church in the wild','url':'http://www.youtube.com/watch?v=FJt7gNi3Nr4'},{'title':'i can be more','url':'http://www.youtube.com/watch?v=ri2Lta9O0hQ'},{'title':'find your love','url':'http://www.youtube.com/watch?v=qIKD7bpcRC8'},{'title':'summertime sadness','url':'http://www.youtube.com/watch?v=L_ydd_NCCs4&feature=related'},{'title':'rescue you','url':'http://www.youtube.com/watch?v=MBHToKAcEi4'},{'title':'sucka for love','url':'http://www.youtube.com/watch?v=wqTI2eF1bjo'},{'title':'rescue you','url':'http://www.youtube.com/watch?v=MBHToKAcEi4'},{'title':'i follow you','url':'http://www.youtube.com/watch?v=A4Ksuk_TCUs'},{'title':'mango tree','url':'http://www.youtube.com/watch?v=IUpPzVLBEbg'},{'title':'headlines','url':'http://www.youtube.com/watch?v=cimoNqiulUE'},{'title':'can i get with ya?','url':'http://www.youtube.com/watch?v=1R0k9vcJbEU'},{'title':'the birds 1','url':'http://www.youtube.com/watch?v=t2_YyRBYZjM&feature=relmfu'},{'title':'silk','url':'http://www.youtube.com/watch?v=Opu_7O_taHM'},{'title':'the fear','url':'http://www.youtube.com/watch?v=yjcn_eOAQRg'},{'title':'watch n learn','url':'http://www.youtube.com/watch?v=-GViZjqDwx4'},{'title':'dare','url':'http://www.youtube.com/watch?v=mzrGWbLQwSU'},{'title':'lean','url':'http://www.youtube.com/watch?v=OL5jGIam_Ww'},{'title':'nature feels','url':'http://www.youtube.com/watch?v=xTIaZSWZxtM'},{'title':'trust issues','url':'http://www.youtube.com/watch?v=gHohlAP08wc'},{'title':'cocaine','url':'http://www.youtube.com/watch?v=fiSwTDlgty0'},{'title':'snow white','url':'http://www.youtube.com/watch?v=J9aGlkZJM0w'},{'title':'the question','url':'http://www.youtube.com/watch?v=bxGR4aI5U5w'},{'title':'sweet love','url':'http://www.youtube.com/watch?v=CJ6Po7fivdk'},{'title':'ya man ain%27t me','url':'http://www.youtube.com/watch?v=lkez_cBhX7I'}],'placement':'bottom','showplaylist':'false'}");
  450. </script>
  451. <!--End of SCM Music Player script-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement