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

When it Rains

By: namunamoo on May 13th, 2012  |  syntax: None  |  size: 22.77 KB  |  hits: 2,871  |  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. <!--
  2. THEME MADE BY NAMUNAMOO (http://namunamoo.tumblr.com)
  3. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  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.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <html>
  11. <head>
  12.  
  13. <title>{title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17.     <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <!--LOOK AT ALL THESE FREAKIN' OPTIONS. ^^"-->
  21.  
  22.    <meta name="color:Background" content=""/>
  23.    <meta name="color:Body Font" content="#363636"/>
  24.    <meta name="color:Posts" content="#FFFFFF"/>
  25.    <meta name="color:title" content="#000000"/>
  26.    <meta name="color:Links" content="#ff0078"/>
  27.    <meta name="color:Links hover" content="#FFFFFF"/>
  28.    <meta name="color:Nav links" content="#ffffff"/>
  29.    <meta name="color:Navigation" content="#898989"/>
  30.  
  31.    <meta name="color:Post Title" content="#000000"/>
  32.    <meta name="color:Quote" content="#363636"/>
  33.    <meta name="color:Answer Background" content="#F5F5F5"/>
  34.    <meta name="color:ScrollBar" content="#484848"/>
  35.    <meta name="color:ScrollBar Background" content="#e8e8e8"/>
  36.  
  37.    <meta name="image:Sidebar" content="http://25.media.tumblr.com/tumblr_m1codxKQQK1qegcl7o1_1280.jpg"/>
  38.    <meta name="image:Background" content="http://static.tumblr.com/dillszt/NPZm3zjgc/tumblr_lpwovn6xpc1qcn2vb.png"/>
  39.    <meta name="image:Post Box Background" content=""/>
  40.  
  41.    <meta name="if:Clear Nav" content="0" />
  42.    <meta name="if:Title on Pic" content="1" />
  43.    <meta name="if:Infinite Scrolling" content="1"/>
  44.  
  45. <meta name="text:Link 1" content=""/>
  46. <meta name="text:Link 1 name" content=""/>
  47. <meta name="text:Link 2a" content=""/>
  48. <meta name="text:Link 2a name" content=""/>
  49. <meta name="text:Link 2b" content=""/>
  50. <meta name="text:Link 2b name" content=""/>
  51. <meta name="text:Link 3a" content=""/>
  52. <meta name="text:Link 3a name" content=""/>
  53. <meta name="text:Link 3b" content=""/>
  54. <meta name="text:Link 3b name" content=""/>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet' type='text/css'>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. body {
  62.         background-color: {color:Background};
  63.         font-family: Century Gothic;
  64.         font-size: 9px;
  65.         color: {color:Body Font};
  66.         text-align: justify;
  67.         background-image: url('{image:Background}');
  68.         background-attachment: fixed;
  69.     }
  70.    
  71. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/bmdsqsc/KdRlu9tpm/slkscr.ttf');}
  72.  
  73. @font-face {
  74.     font-family: 'loremipsumBold';
  75.     src: url('loremipsum-webfont.eot');
  76.     src: url('loremipsum-webfont.eot?#iefix') format('embedded-opentype'),
  77.          url('loremipsum-webfont.woff') format('woff'),
  78.          url('loremipsum-webfont.ttf') format('truetype'),
  79.          url('loremipsum-webfont.svg#loremipsumBold') format('svg');
  80.     font-weight: normal;
  81.     font-style: normal;
  82.  
  83. }
  84.    
  85.    
  86.     #posts {
  87.         position: absolute;
  88.         left: 25px;
  89.         top: 25px;
  90.     }
  91.    
  92.     #lineup {
  93.         background-image: url('{image:Post Box Background}');
  94.         position: relative;
  95.         margin-left: 200px;
  96.         top:5px;
  97.         width: 500px;
  98.         background-color:{color:Posts};
  99.        
  100.         margin-bottom: 5px;
  101.         padding: 5px;
  102.         z-index:500;
  103.     }
  104.  
  105.  #permalink {
  106.         font-family: 'Cedarville Cursive';
  107.         font-size: 12px;
  108.         opacity: 0;
  109.         margin-left:-80px;
  110.         filter: alpha (opacity=0);
  111.         position: absolute;
  112.         top: 0px;
  113.         text-align: center;
  114.         padding-right: 5px;
  115.         width: 350px;
  116.         background-image: url('{image:Post Box Background}');
  117.         background-color: #transp;
  118.         color: #387dcc;
  119.         -webkit-transition: all 0.5s ease;
  120.         -moz-transition: all 0.5s ease;
  121.         -o-transition: all 0.5s ease;
  122.        
  123.     }
  124.    
  125.     #lineup:hover #permalink {
  126.         background-color: #transp;
  127.         opacity: 8;
  128.         color:{color:description};
  129.         filter: alpha (opacity=8);
  130.         width: 80px;
  131.         border-radius: 0px 0px 0px 100px;
  132.     }
  133.    
  134.  
  135.     .answer {
  136.         background-color: {color:Answer Background};
  137.         padding-top: 1px;
  138.         padding-bottom: 1px;
  139.         padding-left: 10px;
  140.        
  141.      }
  142.  
  143.     #header {
  144.         text-align: center;
  145.         font-family: "loremipsum", serif;
  146.         font-size: 30px;
  147.         letter-spacing: {text:Title letter spacing};
  148.         background-color: {color:Title Background};
  149.         color: {color:Title};
  150.         text-shadow: 1px 1px 1px #C4C4C4;
  151.         font-weight: lighter;
  152.        
  153.     }
  154.      
  155.  
  156.     a.perma {
  157.         color: {color:links};
  158.        
  159.     }
  160.  
  161.     a.perma:hover {
  162.         color: {color:Links hover};
  163.     }
  164.    
  165.     .story {
  166.         font-family: 'Cedarville Cursive';
  167.         font-size: 18px;
  168.         color: {color:Post Title};
  169.         text-align: center;
  170.         text-shadow: 1px 1px 1px #C4C4C4;
  171.     }
  172.    
  173.  
  174.     #lineup img {max-width: 100%;}
  175.    
  176.     .quote {
  177.         font-family: 'Cedarville Cursive';
  178.         font-size: 14px;
  179.         font-style: italic;
  180.         color: {color:Quote}
  181.     }
  182.    
  183.     blockquote {
  184.         padding: 1px 1px 1px 1px;
  185.         background-color: #eee;
  186.     }
  187.    
  188.     .tags {
  189.         padding: 3px;
  190.     }
  191.    
  192.     a {
  193.         color:{color:Links};
  194.         -webkit-transition: all 0.5s ease;
  195.         -moz-transition: all 0.5s ease;
  196.         -o-transition: all 0.5s ease;
  197.         text-decoration: none;
  198.     }
  199.        
  200.     a:hover {
  201.         color:{color:Links hover};
  202.         -webkit-transition: all 0.5s ease;
  203.         -moz-transition: all 0.5s ease;
  204.         -o-transition: all 0.5s ease;
  205.         text-decoration: none;
  206.     }
  207.  
  208. ::-webkit-scrollbar-thumb:vertical {
  209.     background-color:{color:ScrollBar};
  210.     border-top:2px solid {color:ScrollBar};
  211.     border-bottom:2px solid {color:ScrollBar};
  212.     height:auto;
  213. }
  214.    
  215. ::-webkit-scrollbar-thumb:vertical:hover{
  216.     background-color:{color:ScrollBar};
  217. }
  218.    
  219.    
  220.    
  221. ::-webkit-scrollbar-thumb:horizontal{
  222.     background-color:{color:ScrollBar};
  223.     height:auto;
  224. }
  225.    
  226. ::-webkit-scrollbar-thumb:horizontal:hover{
  227.     background-color:{color:ScrollBar};
  228. }
  229.    
  230.    
  231.    
  232. ::-webkit-scrollbar{
  233.     height:6px;
  234.     width:6px;
  235.     background-color: {color:ScrollBar Background};
  236. }
  237.  
  238. .topp {
  239. font-family: consolas;
  240. font-size: 10px;
  241. }
  242.  
  243. #scrollToTop:link,
  244. #scrollToTop:visited {
  245.   color: #000000;
  246.   background-color: transparent;
  247.   display: none;
  248.   position: fixed;
  249.   bottom: 10px;
  250.   right: 10px;
  251. }
  252.  
  253.  
  254. .b1a4{
  255. margin-left: 795px;
  256. top: 100px;
  257. font-family:'Cedarville Cursive';
  258. position: fixed;
  259. font-size: 20px;
  260. color: {color:Title};
  261. text-shadow: 1px 1px 1px #C4C4C4;
  262. width: 200px;  
  263. z-index:999;
  264. text-align:right;
  265. }
  266.  
  267. .exo{
  268. margin-left: 765px;
  269. top:100px;
  270. font-family:tinytots;
  271. position: fixed;
  272. font-size: 8px;
  273. background-color: #ffffff;
  274. width: 250px;  
  275. -webkit-border-bottom-left-radius:50px;
  276. -webkit-border-bottom-right-radius:50px;
  277. -webkit-border-top-left-radius:50px;
  278. -webkit-border-top-right-radius:50px;
  279. text-align: center;
  280. }
  281.  
  282.  
  283. #whee{
  284. -webkit-border-top-left-radius:50px;
  285. -webkit-border-top-right-radius:50px;
  286. }
  287.  
  288.  
  289.  
  290. #home{
  291. text-align:center;
  292. padding-top:2px;
  293. padding-bottom:2px;
  294. {Block:IfClearNav}margin-top:130px;{/Block:IfClearNav}
  295. {Block:IfNotClearNav}margin-top:135px;{/Block:IfNotClearNav}
  296. margin-left:765px;
  297. width:20px;
  298. position:fixed;
  299. z-index:999;
  300. overflow:Hidden;
  301. padding-left:4px;
  302. padding-right:4px;
  303. {Block:IfClearNav}background-color:#transp;{/Block:IfClearNav}
  304. {Block:IfNotClearNav}background-color:{color:navigation}; opacity: 0.7;{/Block:IfNotClearNav}
  305. -webkit-transition: all 0.5s ease-in-out;
  306. -moz-transition: all 0.5s ease-in-out;
  307. -o-transition: all 0.5s ease-in-out;
  308. -ms-transition: all 0.5s ease-in-out;
  309. transition: all 0.5s ease-in-out;}
  310.  
  311. #home:hover{
  312. border-radius: 0px 10px 10px 0px;
  313. opacity: 1;
  314. width:20px;}
  315.  
  316. #home:hover #inside{
  317.     opacity:1;}
  318.  
  319. #inside{
  320.     position:absolute;
  321.     width:20px;
  322.     overflow:hidden;
  323.     padding-right:20px;
  324.     opacity:0;
  325.     -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out;}
  330.    
  331. #gf{
  332.     padding-left:0px;
  333.     text-align:right;}
  334.  
  335. #ask{
  336. text-align:center;
  337. padding-top:2px;
  338. padding-bottom:2px;
  339. {Block:IfClearNav}margin-top:150px;{/Block:IfClearNav}
  340. {Block:IfNotClearNav}margin-top:160px;{/Block:IfNotClearNav}
  341. margin-left:765px;
  342. width:20px;
  343. position:fixed;
  344. z-index:999;
  345. overflow:Hidden;
  346. padding-left:4px;
  347. padding-right:4px;
  348. {Block:IfClearNav}background-color:#transp;{/Block:IfClearNav}
  349. {Block:IfNotClearNav}background-color:{color:navigation}; opacity: 0.7;{/Block:IfNotClearNav}
  350. -webkit-transition: all 0.5s ease-in-out;
  351. -moz-transition: all 0.5s ease-in-out;
  352. -o-transition: all 0.5s ease-in-out;
  353. -ms-transition: all 0.5s ease-in-out;
  354. transition: all 0.5s ease-in-out;}
  355.  
  356. #ask:hover{
  357. border-radius: 0px 10px 10px 0px;
  358. opacity: 1;
  359. width:20px;}
  360.  
  361. #ask:hover #insidez{
  362.     opacity:1;}
  363.  
  364. #insidez{
  365.     position:absolute;
  366.     width:20px;
  367.     overflow:hidden;
  368.     padding-right:20px;
  369.     opacity:0;
  370.     -webkit-transition: all 0.5s ease-in-out;
  371. -moz-transition: all 0.5s ease-in-out;
  372. -o-transition: all 0.5s ease-in-out;
  373. -ms-transition: all 0.5s ease-in-out;
  374. transition: all 0.5s ease-in-out;}
  375.    
  376. #gfz{
  377.     padding-left:0px;
  378.     text-align:right;}
  379.  
  380. #drama{
  381. text-align:center;
  382. padding-top:2px;
  383. padding-bottom:2px;
  384. {Block:IfClearNav}margin-top:170px;{/Block:IfClearNav}
  385. {Block:IfNotClearNav}margin-top:185px;{/Block:IfNotClearNav}
  386. margin-left:765px;
  387. width:20px;
  388. position:fixed;
  389. z-index:999;
  390. overflow:Hidden;
  391. padding-left:4px;
  392. padding-right:4px;
  393. {Block:IfClearNav}background-color:#transp;{/Block:IfClearNav}
  394. {Block:IfNotClearNav}background-color:{color:navigation}; opacity: 0.7;{/Block:IfNotClearNav}
  395. -webkit-transition: all 0.5s ease-in-out;
  396. -moz-transition: all 0.5s ease-in-out;
  397. -o-transition: all 0.5s ease-in-out;
  398. -ms-transition: all 0.5s ease-in-out;
  399. transition: all 0.5s ease-in-out;}
  400.  
  401. #drama:hover{
  402. border-radius: 0px 10px 10px 0px;
  403. opacity: 1;
  404. width:100px;}
  405.  
  406. #drama:hover #insidezz{
  407.     opacity:1;}
  408.  
  409. #insidezz{
  410.     position:absolute;
  411.     width:100px;
  412.     overflow:hidden;
  413.     padding-right:20px;
  414.     opacity:0;
  415.     -webkit-transition: all 0.5s ease-in-out;
  416. -moz-transition: all 0.5s ease-in-out;
  417. -o-transition: all 0.5s ease-in-out;
  418. -ms-transition: all 0.5s ease-in-out;
  419. transition: all 0.5s ease-in-out;}
  420.    
  421. #gfzz{
  422.     padding-left:0px;
  423.     text-align:right;}
  424.  
  425. #aboutlink{
  426. text-align:center;
  427. padding-top:2px;
  428. padding-bottom:2px;
  429. {Block:IfClearNav}margin-top:190px;{/Block:IfClearNav}
  430. {Block:IfNotClearNav}margin-top:210px;{/Block:IfNotClearNav}
  431. margin-left:765px;
  432. width:20px;
  433. position:fixed;
  434. z-index:999;
  435. overflow:Hidden;
  436. padding-left:4px;
  437. padding-right:4px;
  438. {Block:IfClearNav}background-color:#transp;{/Block:IfClearNav}
  439. {Block:IfNotClearNav}background-color:{color:navigation}; opacity: 0.7;{/Block:IfNotClearNav}
  440. -webkit-transition: all 0.5s ease-in-out;
  441. -moz-transition: all 0.5s ease-in-out;
  442. -o-transition: all 0.5s ease-in-out;
  443. -ms-transition: all 0.5s ease-in-out;
  444. transition: all 0.5s ease-in-out;}
  445.  
  446. #aboutlink:hover{
  447. border-radius: 0px 10px 10px 0px;
  448. opacity: 1;
  449. width:100px;
  450. }
  451.  
  452. #aboutlink:hover #insidezzz{
  453.     opacity:1;}
  454.  
  455. #insidezzz{
  456.     position:absolute;
  457.     width:100px;
  458.     overflow:hidden;
  459.     padding-right:20px;
  460.     opacity:0;
  461.     -webkit-transition: all 0.5s ease-in-out;
  462. -moz-transition: all 0.5s ease-in-out;
  463. -o-transition: all 0.5s ease-in-out;
  464. -ms-transition: all 0.5s ease-in-out;
  465. transition: all 0.5s ease-in-out;}
  466.    
  467. #gfzzz{
  468.     padding-left:0px;
  469.     text-align:right;}
  470.  
  471. #help{
  472. text-align:center;
  473. padding-top:2px;
  474. padding-bottom:2px;
  475. {Block:IfClearNav}margin-top:210px;{/Block:IfClearNav}
  476. {Block:IfNotClearNav}margin-top:235px;{/Block:IfNotClearNav}
  477. margin-left:765px;
  478. width:20px;
  479. position:fixed;
  480. z-index:999;
  481. overflow:Hidden;
  482. padding-left:4px;
  483. padding-right:4px;
  484. {Block:IfClearNav}background-color:#transp;{/Block:IfClearNav}
  485. {Block:IfNotClearNav}background-color:{color:navigation}; opacity: 0.7;{/Block:IfNotClearNav}
  486. -webkit-transition: all 0.5s ease-in-out;
  487. -moz-transition: all 0.5s ease-in-out;
  488. -o-transition: all 0.5s ease-in-out;
  489. -ms-transition: all 0.5s ease-in-out;
  490. transition: all 0.5s ease-in-out;}
  491.  
  492. #help:hover{
  493. border-radius: 0px 10px 10px 0px;
  494. opacity: 1;
  495. width:100px;}
  496.  
  497. #help:hover #insidezzzz{
  498.  
  499.     opacity:1;}
  500.  
  501. #insidezzzz{
  502.     position:absolute;
  503.     width:100px;
  504.     overflow:hidden;
  505.     padding-right:20px;
  506.     opacity:0;
  507.     -webkit-transition: all 0.5s ease-in-out;
  508. -moz-transition: all 0.5s ease-in-out;
  509. -o-transition: all 0.5s ease-in-out;
  510. -ms-transition: all 0.5s ease-in-out;
  511. transition: all 0.5s ease-in-out;}
  512.    
  513. #gfzzzz{
  514.     padding-left:0px;
  515.     text-align:right;}
  516.  
  517.  
  518.  
  519. iframe#tumblr_controls {
  520. top: 0% !important;
  521. right:0% !important;
  522. position: fixed !important;}
  523.  
  524.  
  525. {CustomCSS}
  526.  
  527. </style>
  528.  
  529. {Block:IfInfiniteScrolling}
  530. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  531. {/Block:IfInfiniteScrolling}
  532.  
  533. </head>
  534.  
  535. <body>
  536. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  537. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  538.  
  539.     <div class="topp">
  540.         <a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_lrc2jmMG3W1qzuf77.gif"></a>
  541.     </div>
  542.  
  543. {Block:IfTitleOnPic}<div class="b1a4">- {title}</div>{/Block:IfTitleOnPic}
  544.  
  545. <div class="exo"><img src="{image:Sidebar}" id="whee" width="250">{Block:IfNotTitleOnPic}<br><div style="font-family:'Cedarville Cursive'; font-size: 20px; color: {color:Title};">{title}</div>{/Block:IfNotTitleOnPic}{Block:IfTitleOnPic}<br><br>{/Block:IfTitleOnPic}{description}<br><br><br><br><br>{Block:IfNotInfiniteScrolling}
  546. {block:PreviousPage}
  547. <a href="{PreviousPage}" title="next">Rewind</a> //
  548. {/block:PreviousPage}
  549. {block:NextPage}
  550. <a href="{NextPage}" title="next">Fast Foward</a>
  551. {/block:NextPage}<br><br>
  552. {/Block:IfNotInfiniteScrolling}
  553. </div>
  554.  
  555. <div id="home">
  556. <div id="inside">
  557. </div>
  558. <div id="gf">
  559. <a href="/"><img src="http://static.tumblr.com/bmdsqsc/nXWlu3gh8/home.png"></a>
  560. </div>
  561. </div>
  562.  
  563. <div id="ask">
  564. <div id="insidez"></div>
  565. <div id="gfz">
  566. <a href="/ask"><img src="http://static.tumblr.com/bmdsqsc/gAElu3h82/mail.png"></a>
  567. </div>
  568. </div>
  569.  
  570. {block:IfLink1}<div id="drama">
  571. <div id="insidezz"><a href="{text:link 1}"><div style="font:8px tinytots;"><font color="{color:nav links}">
  572. {text:link 1 name}</font>
  573. </a></div></div>
  574. <div id="gfzz">
  575. <a href="{text:link 1}"><img src="http://static.tumblr.com/bmdsqsc/fw6lu3hc3/edit.png"></a>
  576. </div>
  577. </div>{/block:IfLink1}
  578.  
  579. {block:IfLink2a}<div id="aboutlink">
  580. <div id="insidezzz"><a href="{text:link 2a}"><div style="font:8px tinytots;"><font color="{color:nav links}">{text:link 2a name}</font>
  581. </a> <br>
  582. </a> <a href="{text:link 2b}"><font color="{color:nav links}">{text:link 2b name}</font>
  583. </a></div></div>
  584. <div id="gfzzz">
  585. <img src="http://static.tumblr.com/bmdsqsc/WvJlu3vgh/heart.png">
  586. </div>
  587. </div>{/block:IfLink2a}
  588.  
  589. {block:IfLink3a}<div id="help">
  590. <div id="insidezzzz"><a href="{text:link 3a}"><div style="font:8px tinytots;"><font color="{color:nav links}">
  591. {text:link 3a name}</font>
  592. </a><br><a href="{text:link 3b}"><font color="{color:nav links}">
  593. {text:link 3b name}</font>
  594. </a></div></div>
  595. <div id="gfzzzz">
  596. <img src="http://static.tumblr.com/bmdsqsc/cvClurwf6/alert.png">
  597. </div>
  598. </div>{/block:IfLink3a}
  599.  
  600. <div style="font-size:8px; text-transform:uppercase; color:#000000; position:fixed; bottom:9px; right:10px;"><a href="http://namunamoo.tumblr.com" style="color:#000000;">{★}</a></div>
  601.  
  602.  
  603. {Block:IfInfiniteScrolling}
  604. <div class = "autopagerize_page_element" >
  605. {/Block:IfInfiniteScrolling}
  606.  
  607. {block:Posts}
  608.  
  609. <div id="lineup">
  610.  
  611.  
  612.  
  613.     {block:Text}
  614.    
  615.         {block:Title}
  616.                         <div class="story">
  617.                 {Title}
  618.             </div>
  619.                 {/block:Title}
  620.                
  621.                 {Body}
  622.        
  623.         {Block:PermalinkPage}
  624.  
  625. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  626.             {block:HasTags}    
  627.                 <div class="tags">
  628.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  629.                 </div>
  630.             {/block:HasTags}
  631.            
  632.             {block:PostNotes}
  633.                 {PostNotes}
  634.             {/block:PostNotes}
  635.            
  636.         {/Block:PermalinkPage}
  637.        
  638.         {/block:Text}
  639.  
  640.  
  641.  
  642.         {block:Photo}
  643.  
  644.                 {LinkOpenTag}
  645.                         <img src="{PhotoURL-HighRes}" width="500px" alt="{PhotoAlt}">
  646.                 {LinkCloseTag}
  647.        
  648.         {Block:PermalinkPage}
  649.                     {block:Caption}
  650.                             {Caption}
  651.                     {/block:Caption}
  652.            
  653. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  654.  
  655.         {block:HasTags}    
  656.             <div class="tags">
  657.                 tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  658.             </div>
  659.          {/block:HasTags}
  660.          
  661.             {block:PostNotes}
  662.            <div style="height:200px; text-align:left;overflow:auto;border-top:1px {color:links};">    
  663.            {PostNotes}</div>
  664.              {/block:PostNotes}
  665.          
  666.          
  667.         {/Block:PermalinkPage}
  668.  
  669.         {/block:Photo}
  670.  
  671.  
  672.  
  673.         {block:Photoset}
  674.  
  675.                 {Photoset-500}
  676.  
  677. {Block:PermalinkPage}
  678.     {block:Caption}
  679.             {Caption}
  680.     {/block:Caption}
  681.    
  682. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  683.  
  684. {block:HasTags}    
  685.     <div class="tags">
  686.         tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  687.     </div>
  688.  {/block:HasTags}
  689.  
  690.  {block:PostNotes}
  691.      {PostNotes}
  692.  {/block:PostNotes}
  693.  
  694. {/Block:PermalinkPage}
  695.        
  696.         {/block:Photoset}
  697.  
  698.  
  699.  
  700.         {block:Quote}
  701.  
  702.                 <div class="quote">
  703.             <div style="font-size: 30px; display: inline-block; line-height: 0px; margin-bottom: -3px; margin-right: 3px;">❝</div>{Quote}
  704.         </div>
  705.  
  706.                 {block:Source}
  707.                         <div style="text-align:right">—{Source}</div>
  708.                 {/block:Source}
  709.        
  710.                 {Block:PermalinkPage}
  711. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  712.             {block:HasTags}    
  713.                 <div class="tags">
  714.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  715.                 </div>
  716.             {/block:HasTags}
  717.            
  718.             {block:PostNotes}
  719.                 {PostNotes}
  720.             {/block:PostNotes}
  721.            
  722.         {/Block:PermalinkPage}
  723.  
  724.         {/block:Quote}
  725.  
  726.  
  727.  
  728.         {block:Link}
  729.  
  730.                 <a href="{URL}" {Target}>
  731.                        
  732.                 <div class="story"><div style="margin-left:0px">{Name}</div></div>
  733.                 </a>
  734.  
  735.                 {block:Description}
  736.                         {Description}
  737.                 {/block:Description}
  738.        
  739.                 {Block:PermalinkPage}
  740. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  741.             {block:HasTags}    
  742.                 <div class="tags">
  743.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  744.                 </div>
  745.             {/block:HasTags}
  746.            
  747.             {block:PostNotes}
  748.                 {PostNotes}
  749.             {/block:PostNotes}
  750.            
  751.         {/Block:PermalinkPage}
  752.  
  753.         {/block:Link}
  754.  
  755.  
  756.  
  757.         {block:Chat}
  758.  
  759.                 {block:Title}
  760.                         <div class="story">
  761.                 {Title}
  762.             </div>
  763.                 {/block:Title}
  764.  
  765.                 {block:Lines}
  766.                         {block:Label}
  767.                                 <b><font color="{color:Quote}">{Label}</font></b>
  768.                         {/block:Label}
  769.  
  770.                         {Line}<br>
  771.                 {/block:Lines}
  772.        
  773.                 {Block:PermalinkPage}
  774. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  775.             {block:HasTags}    
  776.                 <div class="tags">
  777.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  778.                 </div>
  779.             {/block:HasTags}
  780.            
  781.             {block:PostNotes}
  782.                 {PostNotes}
  783.             {/block:PostNotes}
  784.            
  785.         {/Block:PermalinkPage}
  786.  
  787.         {/block:Chat}
  788.  
  789.  
  790.  
  791.         {block:Audio}
  792.  
  793.                 {block:AlbumArt}
  794. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;margin-bottom:5px;"/>
  795. {/block:AlbumArt}
  796. <div class="audio">{AudioPlayerWhite}</div>
  797. {block:Caption}{Caption}{/block:Caption}
  798.  
  799. <p>{PlayCountWithLabel}</p>
  800. <br clear="all">
  801.            
  802.   {Block:PermalinkPage}
  803. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  804.             {block:HasTags}    
  805.                 <div class="tags">
  806.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  807.                 </div>
  808.             {/block:HasTags}
  809.            
  810.             {block:PostNotes}
  811.                 {PostNotes}
  812.             {/block:PostNotes}
  813.            
  814.         {/Block:PermalinkPage}
  815.          
  816.  
  817.         {/block:Audio}
  818.  
  819.  
  820.  
  821.         {block:Video}
  822.  
  823.                 {Video-500}
  824.                 {Block:PermalinkPage}
  825.         {block:Caption}
  826.                         {Caption}
  827.                 {/block:Caption}
  828.        
  829.                 Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  830.             {block:HasTags}    
  831.                 <div class="tags">
  832.                     tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  833.                 </div>
  834.             {/block:HasTags}
  835.            
  836.             {block:PostNotes}
  837.                 {PostNotes}
  838.             {/block:PostNotes}
  839.            
  840.         {/Block:PermalinkPage}
  841.  
  842.         {/block:Video}
  843.  
  844.  
  845.  
  846.         {block:Answer}
  847.                
  848.                     <div style="float:left; font-size: 28px; margin-top: -10px;">❝</div><b>{Asker}</b>: {Question}<div class="answer">{Answer}</div>
  849.  
  850.         {Block:PermalinkPage}
  851. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  852.     {block:HasTags}    
  853.         <div class="tags">
  854.             tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  855.         </div>
  856.     {/block:HasTags}
  857.    
  858.     {block:PostNotes}
  859.         {PostNotes}
  860.     {/block:PostNotes}
  861.    
  862. {/Block:PermalinkPage}
  863.  
  864.         {/block:Answer}
  865.  
  866. {Block:IndexPage}<div id="permalink">
  867.     <a href="{Permalink}"><img src="http://media.tumblr.com/tumblr_lkqydtP2W81qi6qow.gif"> <font color="#387dcc">{NoteCount}</font></a><br>
  868. <a href="{ReblogURL}" target="_blank"><font color="#387dcc">Reblog</font></a>
  869.  
  870. </div>
  871. </div>{/Block:IndexPage}
  872.  
  873.  
  874. {/block:Posts}{Block:IfInfiniteScrolling}</div>{/Block:IfInfiniteScrolling}
  875. </body>
  876. </html>