Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 16th, 2012  |  syntax: None  |  size: 19.08 KB  |  hits: 81  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme by themesforya
  6. Basecode by: Hussy-Glamour
  7. - DO NOT REMOVE CREDIT!
  8.  
  9. -->
  10.  
  11.  
  12.  
  13. <head> <!-- DEFAULT VARIABLES -->
  14.  
  15.  
  16.  
  17. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  18.  
  19. <script type="text/javascript" src="jquery.magnifier.js">
  20.  
  21. /***********************************************
  22. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  23. * This notice MUST stay intact for legal use
  24. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  25. ***********************************************/
  26.  
  27. </script>
  28.  
  29. <!-- ENERGY SAVING MODE -->
  30. <script language="javaScript" type="text/javascrip" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
  31.  
  32.  
  33.  
  34.  
  35. <!-- CURSOR -->
  36. <style type="text/css">body, a, a:hover {cursor: url('{image:cursor}'), progress;}</style>
  37.  
  38.  
  39. <META name="image:cursor" content="http://media.tumblr.com/tumblr_lvkq9aS9Nh1qlbwf2.png" />
  40. <META name="image:favicon" content="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/203.gif" />
  41. <META name="color:Scrollbar" content="#000">
  42. <META name="color:Navi" content="#000">
  43. <META name="image:Navi hover" content="http://media.tumblr.com/tumblr_lvzhvoUd1V1r43b17.gif" />
  44. <META name="color:Navi hover" content="">
  45. <META name="color:Ask Border" content="#000">
  46. <META name="color:link" content="#898989">
  47. <META name="color:link hover" content="#fff">
  48. <META name="image:Background" content="http://media.tumblr.com/tumblr_lwniyda35p1r43b17.png" />
  49. <META name="color:Background" content="">
  50. <META name="color:sidebar background" content="#000">
  51. <META name="color:description background" content="#fff">
  52. <META name="image:sidebar image" content="http://s0.na-pc.cz/nahledy/h500-toni-garrn-1920x1200-40958.jpg" />
  53. <META name="color:Posts" content="#fff">
  54. <META name="text:Link 1 Title" content="" />
  55. <META name="text:Link 1" content="" />
  56. <META name="text:Link 2 Title" content="" />
  57. <META name="text:Link 2" content="" />
  58. <META name="text:Link 3 Title" content="" />
  59. <META name="text:Link 3" content="" />
  60. <META name="text:Link 4 Title" content="" />
  61. <META name="text:Link 4" content="" />
  62. <META name="text:Link 5 Title" content="" />
  63. <META name="text:Link 5" content="" />
  64. <META name="text:Link 6 Title" content="" />
  65. <META name="text:Link 6" content="" />
  66.  
  67. <title>{Title}</title>
  68. <!--favicon-->
  69. <link rel="shortcut icon" href="{image:favicon}">
  70.  
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. /***NAVIGATION BUTTON***/
  80. div.navigate a{
  81. background-color:{color:Navi}; color: #fff; display:block; width: 64px; height: 12px; text-align: center; padding-left:2px;padding-right:2px;padding-top:3px; padding-bottom:5px;margin-left:10px; margin-top:7px; position:relative; text-align: center; z-index:1; border-left:0px dotted #898989;font-weight: normal;display: inline-block;-webkit-transition: opacity 0.9s linear;
  82. -webkit-transition: all 0.9s ease-in-out;
  83. -moz-transition: all 0.9s ease-in-out;
  84. -o-transition: all 0.9s ease-in-out;font-family:segoe print; font-size:10px;
  85. }
  86. div.navigate a:hover{
  87. background-image:url({image:Navi hover});background-color:{color:Navi hover};
  88. -webkit-transition: all 0.9s ease-in-out;
  89. -moz-transition: all 0.9s ease-in-out;
  90. -o-transition: all 0.9s ease-in-out;
  91. }
  92.  
  93.  
  94. /*** COLOR SCROLL BAR ***/
  95. ::-webkit-scrollbar {width: 3px; height: 5px; background-color:#fff; }
  96.  
  97. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};}
  98.  
  99.  
  100.  
  101.  
  102. #asker{
  103. margin-top:1px;
  104. padding:10px 10px 10px 10px;
  105. border-bottom: 1px dashed {color:Ask Border};
  106. }
  107.  
  108. #answer{
  109. margin-top:1px;
  110. padding:10px 10px 10px 10px;
  111.  
  112. }
  113.  
  114.  
  115.  
  116. /*** THIS IS WHERE YOU CAHNGE THE BACKGROUND COLOR/ USE A BACKGROUND IMAGE ***/
  117. body{
  118. color:#000;
  119. background-color:{color:Background};
  120. background-image:url({image:Background});
  121. background-postition:center;
  122. background-attachment: fixed;
  123. background-repeat: yes-repeat;
  124. font-family: "segoe print";
  125. font-size: 11px;
  126. letter-spacing: 0px;
  127. line-height: 15px;
  128. text-align:justify;
  129. }
  130.  
  131.  
  132.  
  133.  
  134.  
  135. /*** FONTS USED ***/
  136.  
  137. @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
  138.  
  139. /*** COLOR OF THE LINK ***/
  140. a:link, a:active, a:visited{
  141. color:{color:link};
  142. text-decoration:none;
  143.  
  144. }
  145.  
  146.  
  147. /*** COLOR OF THE LINK, WHEN YOU HOVER IT ***/
  148. a:hover {
  149. color:{color:link hover};
  150. text-decoration: none;
  151. }
  152.  
  153.  
  154. /*** HEADER ***/
  155. h1, big{
  156. color: #8B8878;
  157. font-family: "paulpan";
  158. font-size:30px;
  159. line-height:30px;
  160. letter-spacing:1px;
  161. font-weight:normal;
  162. text-transform:;
  163. margin:10px;
  164. padding:0px;
  165. text-align:center;
  166. }
  167.  
  168.  
  169. h3{
  170. color: #8B8878;
  171. font-family: "paulpan";
  172. font-size:30px;
  173. line-height:14px;
  174. letter-spacing:1px;
  175. font-weight:normal;
  176. margin:10px;
  177. padding:0px;
  178. margin-bottom:-0px;
  179. text-align:left;
  180. }
  181.  
  182. h2{
  183. color: #8B8878;
  184. font-family: "paulpan";
  185. font-size:30px;
  186. line-height:27px;
  187. letter-spacing:1px;
  188. font-weight:normal;
  189. margin:10px;
  190. padding:0px;
  191. margin-bottom:-0px;
  192. text-align:center;
  193. }
  194.  
  195. h11{
  196. color: #b3b3b3;
  197. font-family: "paulpan";
  198. font-size:25px;
  199. line-height:15px;
  200. letter-spacing:0px;
  201. font-weight:normal;  
  202. text-align:center;
  203. }
  204.  
  205.  
  206.  
  207. h5{
  208. color: #8B8878;
  209. font-family: "paulpan";
  210. font-size:30px;
  211. line-height:25px;
  212. letter-spacing:1px;
  213. font-weight:bold;
  214. margin:10px;
  215. padding:0px;
  216. margin-bottom:-0px;
  217. text-align:center;
  218. }
  219.  
  220.  
  221. .title {
  222. color: #8B8878;
  223. font-family: "arr";
  224. font-size:32px;
  225. line-height:10px;
  226. letter-spacing:2px;
  227. font-weight:normal;
  228. text-align:;
  229. text-transform:;
  230. padding-left:10px;
  231. border-bottom:0px solid ;
  232. }
  233.  
  234.  
  235.  
  236. #bottominfo{
  237. border-top:1px solid #ffffff;
  238. padding:2px 0px 0px 0px;
  239. display:block;
  240. }
  241.  
  242. #info{
  243. float:left;
  244.  
  245. width:600px;
  246. padding:3px;
  247. margin:5px;
  248. margin-right:23px;
  249. }
  250.  
  251.  
  252. /**SIDEBAR**/
  253.  
  254.  
  255. #sidebar2{
  256. position:fixed !important;
  257. margin-top:160px;
  258. margin-left:50px;
  259. text-align:center;
  260. height:auto;
  261. width:258px;
  262. overflow:hidden;
  263. background:{color:sidebar background};
  264. z-index:999;
  265. padding-top:8px;
  266. padding-bottom:8px;
  267. -webkit-transition: opacity 0.9s linear;
  268. -webkit-transition: all 0.9s ease-in-out;
  269. -moz-transition: all 0.9s ease-in-out;
  270. -o-transition: all 0.9s ease-in-out;}
  271.  
  272.  
  273. #sidebar10{
  274. position:fixed !important;
  275. margin-top:-10px;
  276. margin-left:-8px;
  277. text-align:left;
  278. height:30px;
  279. width:1500px;
  280. overflow:hidden;
  281. background-image:url(http://media.tumblr.com/tumblr_lvzhvoUd1V1r43b17.gif);
  282. z-index:999;
  283. padding:5px;
  284. }
  285.  
  286. #sidebar9{
  287. position:fixed !important;
  288. margin-top:135px;
  289. margin-left:50px;
  290. text-align:center;
  291. height:22px;
  292. width:250px;
  293. overflow:hidden;
  294. background-color:;
  295. font-family: "paulpan";
  296. font-size:20px;
  297. z-index:999;
  298. padding:3px;
  299. }
  300. /**END OF SIDEBAR**/
  301.  
  302. /*** POSTS ***/
  303. #center{
  304. -moz-box-shadow: 0 0 0px {color:shadow};
  305. -webkit-box-shadow: 0 0 0px {color:shadow};
  306. width:530px;
  307. margin-left:450px;
  308. height:auto;
  309. {block:PermalinkPage}
  310. width:630px;
  311. height:auto;
  312. {/block:PermalinkPage}
  313. position:absolute;
  314. margin-top:60px;
  315. background-color:;
  316. background-image:url();
  317.  
  318.  
  319. }
  320.  
  321. #entry {
  322. border:2px solid #000;
  323. background-image: url();
  324. background-color:{color:Posts};
  325. float:left;
  326. {block:IndexPage}
  327. width: 500px;
  328. height: 100%;
  329. {/block:IndexPage}
  330. {block:PermalinkPage}
  331. width:600px;
  332. padding:0px;
  333. font color: #000;
  334. {/block:PermalinkPage}
  335. overflow:hidden;
  336. padding:5px;
  337. padding-top:5px;
  338. margin:0px;
  339. margin-top:9px;
  340. margin-left:3px;
  341.  
  342. }
  343.  
  344.  
  345. #entry .perma a{color:{link};}
  346.  
  347. #entry .perma{width:0px; position: absolute; line-height: 10px; overflow:hidden; opacity: 0.0; background-color:; color: {color:link} ;margin-top:0px;margin-left:-100px;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;margin-top:-100px;}
  348.  
  349. #entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
  350. -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; margin-left:0px;margin-top:0px;width:auto;}
  351.  
  352. #permal {
  353. width: 50px;
  354. height:15px;
  355. display: inline-block;
  356. margin-left: 2px;
  357. margin-top:3px;
  358. padding: 2px;
  359. background-color:#000;
  360. line-height:13px;
  361. font-size: 11px;
  362. font-family: segoe print;
  363. color: #fff;
  364. text-align:center;
  365. -webkit-border-radius: 5px 5px 5px 5px;
  366. -moz-border-radius: 5px 5px 5px 5px;
  367. border-radius: 5px 5px 5px 5px;
  368. }
  369.  
  370.  
  371.  
  372. #bottominfo{
  373. border-top:0px solid #ffffff;
  374. padding:2px 0px 0px 0px;
  375. display:block;
  376. }
  377.  
  378.  
  379.  
  380. #question{
  381. border-bottom:1px solid #ffffff;
  382. overflow:SHOW;
  383. padding-bottom:3px;
  384. margin-bottom:3px;}
  385.  
  386.  
  387.  
  388. <style type="text/css">{CustomCSS]</style>
  389.  
  390.  
  391.  
  392. <script>
  393. /* jQuery Image Magnify script v1.1
  394. * This notice must stay intact for usage
  395. * Author: Dynamic Drive at http://www.dynamicdrive.com/
  396. * Visit http://www.dynamicdrive.com/ for full source code
  397.  
  398. * Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
  399. * Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
  400. */
  401.  
  402. jQuery.noConflict()
  403.  
  404. jQuery.imageMagnify={
  405.     dsettings: {
  406.         magnifyby: 3, //default increase factor of enlarged image
  407.                 duration: 500, //default duration of animation, in millisec
  408.                 imgopacity: 0.2 //opacify of original image when enlarged image overlays it
  409.         },
  410.         cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
  411.         zIndexcounter: 100,
  412.  
  413.         refreshoffsets:function($window, $target, warpshell){
  414.                 var $offsets=$target.offset()
  415.                 var winattrs={x:$window.scrollLeft(), y:$window.scrollTop(), w:$window.width(), h:$window.height()}
  416.                 warpshell.attrs.x=$offsets.left //update x position of original image relative to page
  417.                 warpshell.attrs.y=$offsets.top
  418.                 warpshell.newattrs.x=winattrs.x+winattrs.w/2-warpshell.newattrs.w/2
  419.                 warpshell.newattrs.y=winattrs.y+winattrs.h/2-warpshell.newattrs.h/2
  420.                 if (warpshell.newattrs.x<winattrs.x+5){ //no space to the left?
  421.                         warpshell.newattrs.x=winattrs.x+5      
  422.                 }
  423.                 else if (warpshell.newattrs.x+warpshell.newattrs.w > winattrs.x+winattrs.w){//no space to the right?
  424.                         warpshell.newattrs.x=winattrs.x+5
  425.                 }
  426.                 if (warpshell.newattrs.y<winattrs.y+5){ //no space at the top?
  427.                         warpshell.newattrs.y=winattrs.y+5
  428.                 }
  429.         },
  430.  
  431.         magnify:function($, $target, options){
  432.                 var setting={} //create blank object to store combined settings
  433.                 var setting=jQuery.extend(setting, this.dsettings, options)
  434.                 var attrs=(options.thumbdimensions)? {w:options.thumbdimensions[0], h:options.thumbdimensions[1]} : {w:$target.outerWidth(), h:$target.outerHeight()}
  435.                 var newattrs={}
  436.                 newattrs.w=(setting.magnifyto)? setting.magnifyto : Math.round(attrs.w*setting.magnifyby)
  437.                 newattrs.h=(setting.magnifyto)? Math.round(attrs.h*newattrs.w/attrs.w) : Math.round(attrs.h*setting.magnifyby)
  438.                 $target.css('cursor', jQuery.imageMagnify.cursorcss)
  439.                 if ($target.data('imgshell')){
  440.                         $target.data('imgshell').$clone.remove()
  441.                         $target.css({opacity:1}).unbind('click.magnify')
  442.                 }      
  443.                 var $clone=$target.clone().css({position:'absolute', left:0, top:0, visibility:'hidden', border:'1px solid gray', cursor:'pointer'}).appendTo(document.body)
  444.                 $clone.data('$relatedtarget', $target) //save $target image this enlarged image is associated with
  445.                 $target.data('imgshell', {$clone:$clone, attrs:attrs, newattrs:newattrs})
  446.                 $target.bind('click.magnify', function(e){ //action when original image is clicked on
  447.                         var $this=$(this).css({opacity:setting.imgopacity})
  448.                         var imageinfo=$this.data('imgshell')
  449.                         jQuery.imageMagnify.refreshoffsets($(window), $this, imageinfo) //refresh offset positions of original and warped images
  450.                         var $clone=imageinfo.$clone
  451.                         $clone.stop().css({zIndex:++jQuery.imageMagnify.zIndexcounter, left:imageinfo.attrs.x, top:imageinfo.attrs.y, width:imageinfo.attrs.w, height:imageinfo.attrs.h, opacity:0, visibility:'visible', display:'block'})
  452.                         .animate({opacity:1, left:imageinfo.newattrs.x, top:imageinfo.newattrs.y, width:imageinfo.newattrs.w, height:imageinfo.newattrs.h}, setting.duration,
  453.                         function(){ //callback function after warping is complete
  454.                                 //none added           
  455.                         }) //end animate
  456.                 }) //end click
  457.                 $clone.click(function(e){ //action when magnified image is clicked on
  458.                         var $this=$(this)
  459.                         var imageinfo=$this.data('$relatedtarget').data('imgshell')
  460.                         jQuery.imageMagnify.refreshoffsets($(window), $this.data('$relatedtarget'), imageinfo) //refresh offset positions of original and warped images
  461.                         $this.stop().animate({opacity:0, left:imageinfo.attrs.x, top:imageinfo.attrs.y, width:imageinfo.attrs.w, height:imageinfo.attrs.h},  setting.duration,
  462.                         function(){
  463.                                 $this.hide()
  464.                                 $this.data('$relatedtarget').css({opacity:1}) //reveal original image
  465.                         }) //end animate
  466.                 }) //end click
  467.         }
  468. };
  469.  
  470. jQuery.fn.imageMagnify=function(options){
  471.         var $=jQuery
  472.         return this.each(function(){ //return jQuery obj
  473.                 var $imgref=$(this)
  474.                 if (this.tagName!="IMG")
  475.                         return true //skip to next matched element
  476.                 if (parseInt($imgref.css('width'))>0 && parseInt($imgref.css('height'))>0 || options.thumbdimensions){ //if image has explicit width/height attrs defined
  477.                         jQuery.imageMagnify.magnify($, $imgref, options)
  478.                 }
  479.                 else if (this.complete){ //account for IE not firing image.onload
  480.                         jQuery.imageMagnify.magnify($, $imgref, options)
  481.                 }
  482.                 else{
  483.                         $(this).bind('load', function(){
  484.                                 jQuery.imageMagnify.magnify($, $imgref, options)
  485.                         })
  486.                 }
  487.         })
  488. };
  489.  
  490. jQuery.fn.applyMagnifier=function(options){ //dynamic version of imageMagnify() to apply magnify effect to an image dynamically
  491.         var $=jQuery
  492.         return this.each(function(){ //return jQuery obj
  493.                 var $imgref=$(this)
  494.                 if (this.tagName!="IMG")
  495.                         return true //skip to next matched element
  496.                
  497.         })     
  498.  
  499. };
  500.  
  501.  
  502. //** The following applies the magnify effect to images with class="magnify" and optional "data-magnifyby" and "data-magnifyduration" attrs
  503. //** It also looks for links with attr rel="magnify[targetimageid]" and makes them togglers for that image
  504.  
  505. jQuery(document).ready(function($){
  506.         var $targets=$('.magnify')
  507.         $targets.each(function(i){
  508.                 var $target=$(this)
  509.                 var options={}
  510.                 if ($target.attr('data-magnifyto'))
  511.                         options.magnifyto=parseFloat($target.attr('data-magnifyto'))
  512.                 if ($target.attr('data-magnifyby'))
  513.                         options.magnifyby=parseFloat($target.attr('data-magnifyby'))
  514.                 if ($target.attr('data-magnifyduration'))
  515.                         options.duration=parseInt($target.attr('data-magnifyduration'))
  516.                 $target.imageMagnify(options)
  517.         })
  518.         var $triggers=$('a[rel^="magnify["]')
  519.         $triggers.each(function(i){
  520.                 var $trigger=$(this)
  521.                 var targetid=$trigger.attr('rel').match(/\[.+\]/)[0].replace(/[\[\]']/g, '') //parse 'id' from rel='magnify[id]'
  522.                 $trigger.data('magnifyimageid', targetid)
  523.                 $trigger.click(function(e){
  524.                         $('#'+$(this).data('magnifyimageid')).trigger('click.magnify')
  525.                         e.preventDefault()
  526.                 })
  527.         })
  528. })
  529.  
  530. </script>
  531.  
  532.  
  533. </head>
  534.  
  535.  
  536. <body>
  537.  
  538. <div id="sidebar9">
  539. {block:PreviousPage}
  540. <a href="{PreviousPage}">←</a>
  541. {/block:PreviousPage}
  542.  
  543. {block:NextPage}
  544. <a href="{NextPage}">→</a>
  545. {/block:NextPage}
  546. </div>
  547.  
  548. <div id="sidebar10">
  549. <div class="navigate">
  550. <a href="/">Home </a>
  551. <a href="/archive">Archive</a>
  552. <a href="/ask">Ask</a>
  553. <a href="/submit">Submit</a>
  554. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  555. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  556. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  557. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  558. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  559. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  560. <a href="http://themesforya.tumblr.com/">Credit</a>
  561. </div>
  562.  
  563. </div>
  564.  
  565.  
  566. <div id="sidebar2">
  567.  
  568. <h11>{title}</h11>
  569. <img src="{image:sidebar image}" width="250px" style="padding-top:5px;padding-bottom:8px; margin-top:5px;">
  570. <div style="background-color:{color:description background};padding-bottom:8px;padding-top:3px;">
  571. {description}
  572. </div>
  573. </div>
  574.  
  575.  
  576. {/block:Pagination}
  577.  
  578. <div id="center">
  579. <div class = "autopagerize_page_element" >
  580. {block:Posts}<div id="entry">
  581. {block:IndexPage}
  582. <div class="perma">
  583. <div id="permal">
  584. <a href="{permalink}" target="_blank">{NoteCount} </div>
  585.  
  586. <div id="permal"><a href="{ReblogURL}" target="_blank">Reblog</a></span></div></div>
  587.  
  588. {/block:IndexPage}
  589.  
  590. {block:Text}{block:Title}<center></center><h2>{Title}</h2>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}
  591. <h2>{block:Link}{/block:Link}</h2>
  592.  
  593. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}
  594. {block:Text}{Body}{/block:Text}
  595.  
  596. {block:Photo}<center>{block:IndexPage}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" class="magnify"/></a>
  597. {/block:IndexPage}
  598.  
  599. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="600px" class="magnify"/>
  600.  
  601.  
  602. {LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  603. {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  604. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  605. {block:Link}<a href="{URL}" class="links2" {Target}><center></center><br><h2>{Name}</h2></a><BR>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
  606. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  607. {block:Video}<center>{block:IndexPage}<div id="video">{Video-400}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video}
  608. {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  609. {block:Answer}<div id="asker">{Asker} Asked: <br><br>{Question}</div><div id="answer">I answered: {Answer}</div>{/block:Answer}</div>
  610. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  611.  
  612.  
  613. <div id="bottominfo">
  614. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}&middot;{DayofMonth}&middot;{NoteCount} Notes{/block:Date}&hearts; {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  615.  
  616.  
  617. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  618. </div></div> {/block:Date}{/block:PermalinkPage}
  619. {/block:Posts}
  620. </div>
  621. {block:PostNotes}{PostNotes}{/block:PostNotes}
  622. <p id="footer">
  623.  
  624.  
  625. </div>
  626. </body>
  627.  
  628.  
  629.  
  630.  
  631. </html>