SHARE
TWEET

Theme Three

homemade Jan 12th, 2014 121,874 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3.  <!--
  4.        
  5.         theme three beta version 1.0
  6.         by homemade themes & themesbyjames, created january 2013.
  7.  
  8.         http://themesbyjames.tumblr.com
  9.         http://homemadethemes.tumblr.com
  10.        
  11.         for cover photo images go to
  12.         http://homemadethemes.tumblr.com/cover-images/
  13.        
  14.   -->
  15.  
  16. <html><head>
  17.  
  18. <title>{title}</title>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <meta http-equiv="X-UA-Compatiblebl" content="IE=edge,chrome=1">
  24. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  25. <meta name="viewport" content="width=1220" />
  26. <meta name="color:Background" content="#EBEBEB" />
  27. <meta name="color:Center Background" content="#FFFFFF" />
  28. <meta name="color:Social Icons Background" content="#CCCCCC" />
  29. <meta name="color:Feature Color" content="#000000" />
  30. <meta name="color:Text" content="#000000" />
  31. <meta name="color:Blog Title" content="#FFFFFF" />
  32. <meta name="color:Link" content="#333333"/>
  33. <meta name="color:Link Hover" content="#292929" />
  34. <meta name="image:Cover Photo" content="" />
  35. <meta name="image:Logo" content="" />
  36. <meta name="image:Background" content="" />
  37. <meta name="image:Sidebar" content="" />
  38.  <meta name="Body font" content="Helvetica Neue">
  39.  
  40. <meta name="if:Show Cover" content="1"/>
  41. <meta name="if:Show Sidebar" content="1"/>
  42. <meta name="if:Rounded Photos" content="0"/>
  43. <meta name="if:Show Blog Title" content="1"/>
  44. <meta name="if:Show Description" content="1"/>
  45. <meta name="if:Show Photo Permalinks" content="1"/>
  46. <meta name="if:Show Photo Captions" content="0"/>
  47. <meta name="if:Black Social Icons" content="0"/>
  48.  
  49. <meta name="if:Show Facebook Icon" content="0"/>
  50. <meta name="if:Show Twitter Icon" content="0"/>
  51. <meta name="if:Show Instagram Icon" content="0"/>
  52. <meta name="if:Show Google Plus Icon" content="0"/>
  53. <meta name="if:Show Pinterest Icon" content="0"/>
  54. <meta name="if:Show Skype Icon" content="0"/>
  55. <meta name="if:Show Youtube Icon" content="0"/>
  56. <meta name="if:Show Message Icon" content="0"/>
  57.  
  58. <meta name="text:Ask Title" content="Message" />
  59. <meta name="text:Facebook link" content="http://"/>
  60. <meta name="text:Twitter Link" content="http://"/>
  61. <meta name="text:Instagram Link"  content="http://"/>
  62. <meta name="text:Google Plus Link"  content="http://"/>
  63. <meta name="text:Pinterest Link"  content="http://"/>
  64. <meta name="text:Skype Link" content="http://"/>
  65. <meta name="text:Youtube Link"  content="http://"/>
  66. <meta name="text:Text Online User Counter" content="" />
  67. <meta name="text:Link One" content="" />
  68. <meta name="text:Link One Title" content="" />
  69. <meta name="text:Link Two" content=""/>
  70. <meta name="text:Link Two Title" content="" />
  71. <meta name="text:Link Three" content="" />
  72. <meta name="text:Link Three Title" content="" />
  73. <meta name="text:Link Four" content="" />
  74. <meta name="text:Link Four Title" content="" />
  75. <meta name="text:Link Five" content="" />
  76. <meta name="text:Link Five Title" content="" />
  77. <meta name="text:Link Six" content="" />
  78. <meta name="text:Link Six Title" content="" />
  79. <meta name="text:Text Online User Counter" content="" />
  80.  
  81. <link href="http://static.tumblr.com/ek9ly4s/dVwmzbmv7/homemadebyjames.css" rel="stylesheet">
  82.  
  83. <script type="text/javascript"
  84. src="http://static.tumblr.com/ek9ly4s/ZPLmx9glq/jquery-latest-homemadethemes.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/ts7mxbkbc/infinite-scroll.js"></script>
  86. <link href='http://fonts.googleapis.com/css?family=Lato:400,600|PT+Sans:400,700|Source+Sans+Pro' rel='stylesheet' type='text/css'>
  87.  
  88. <style type="text/css">
  89.  
  90. html{
  91.     height:103%;}
  92.  
  93. body, p {
  94.     font-family: {BodyFont},  Helvetica, Arial, sans-serif;
  95.     font-style: normal;
  96.         font-size: 14px;
  97.         padding: 0px;
  98.         margin: 0px;
  99.         color:{color:text};}
  100.  
  101. body {
  102.         background-color:{color:background};
  103.         background-image:url({image:Background});
  104.         background-attachment: fixed;
  105.         background-repeat: repeat;}
  106.  
  107. a {
  108.         text-decoration:none;
  109.         color:{color:text};
  110.         -webkit-transition: all 0.4s linear;
  111.         -moz-transition: all 0.4s linear;
  112.         transition: all 0.4s linear;}
  113.        
  114. a:link, a:active, a:visited{
  115.         color: {color:Link};
  116.         text-decoration: none;
  117.         -webkit-transition: all 0.6s ease-out;
  118.         -moz-transition: all 0.6s ease-out;
  119.         -o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;}
  120.  
  121. a:hover{
  122.         color:{color:link hover};}
  123.  
  124. #content{
  125.         margin:auto;position:relative;
  126.         padding-bottom:10px;
  127.         {block:IndexPage}width:1280px;{/block:IndexPage}
  128.         {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  129.  
  130. @media (max-width: 1340px) {
  131.         #content{width:940px;}}
  132.  
  133. @media (max-width:1000px) {
  134.         #content{width:630px;}}
  135.  
  136.  
  137. .entry{
  138.     {block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedPhotos}
  139.     background-color:{color:Center Background};
  140.         margin:25px;
  141.         margin-bottom:30px;    
  142.         padding:5px 5px 2px 5px;
  143.         float:left;
  144.         height:auto;
  145.         {block:IndexPage}overflow:hidden;width:250px;{/block:IndexPage}
  146.         {block:PermalinkPage}width:500px;height:auto;{/block:PermalinkPage}}
  147.  
  148. .entry img{
  149.     {block:ifRoundedPhotos}border-radius:3px;{/block:ifroundedPhotos}
  150.     {block:IndexPage}width:230px;{/block:IndexPage}}
  151.  
  152. {block:indexpage}
  153. .photo{
  154.     width:250px;
  155.     height:auto;}
  156. {/block:indexpage}
  157.  
  158. .photo img{
  159.         {block:indexpage}width:250px;{/block:indexpage}
  160.         -webkit-transition: 0.3s ease-in;}
  161.  
  162.  #chat li{
  163.      padding:7px 10px;
  164.      border-bottom:2px solid {color:feature color};}
  165.  
  166. blockquote{
  167.     margin:5px 0;
  168.     border-left:2px solid{color:Text};
  169.     padding-left:10px}
  170.        
  171.  
  172. #cover{
  173.     background:url("{image:cover photo}") no-repeat center;
  174.     background-size:cover;
  175.     background-color:{color:feature color};}
  176.  
  177. #cover #cover-overlay{background-color:{color:feature color};}
  178.  
  179. #cover{
  180.     position:relative;
  181.     width:100%;
  182.     height:300px;
  183.     text-align:center;
  184.     line-height:300px;
  185.     text-transform:uppercase;
  186.     font-weight:bold;
  187.     font-size:45px;
  188.     letter-spacing:3px;
  189.     color:{color:feature color};}
  190.  
  191. #cover a{
  192.     font-family: Helvetica Neue,  Helvetica, Arial, sans-serif;
  193.     border-radius:0px;
  194.     padding:10px;
  195.     {block:ifnotLogoImage}
  196.     border: 7px solid {color:blog title};
  197.     {/block:ifnotLogoImage}
  198.     color:{color:blog title};}
  199.  
  200. #navigation a:hover{
  201.     background:{color:feature color};
  202.     color: #ffffff;
  203.     -webkit-transition: all 0.2s linear;
  204.         -moz-transition: all 0.2s linear;
  205.         transition: all 0.2s linear;}
  206.        
  207. ::-webkit-input-placeholder{
  208.     color:#555555;font:15px "Source Sans Pro", san-serif}
  209. :-moz-placeholder{
  210.     color:#555555;font-size:15px "Source Sans Pro", san-serif}
  211. ::-moz-placeholder{
  212.     color:#555555;
  213.     font-size:15px "Source Sans Pro", san-serif}
  214.     :-ms-input-placeholder{
  215.     color:#555555;
  216.     font-size:15px "Source Sans Pro", san-serif}
  217.  
  218. #sidebar{
  219.     {block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedPhotos}
  220.     background-color:{color:Center Background};
  221.     width:250px;
  222.     float:left;
  223.         padding:5px 5px 5px 5px;
  224.         margin:25px 25px 20px 25px;
  225.         float:left;
  226.         {block:PermalinkPage}
  227.         display:none;
  228.         visibility:hidden;
  229.         {block:PermalinkPage}
  230.         height:auto;}
  231.  
  232. .sidebar img{
  233.     {block:ifRoundedPhotos}border-radius:3px;{/block:ifroundedPhotos}}
  234.  
  235. #social-icons img{
  236.     height:26px;
  237.     width:26px;
  238.     margin-right:5px;
  239.     margin-bottom:5px;
  240.     border-radius:32px;
  241.     border:4px solid {color:Social Icons Background};
  242.     background-color:{color:Social Icons Background};
  243.     -webkit-transition: all 0.3s linear;
  244.         -webkit-transition: all 0.3s linear;
  245.         -moz-transition: all 0.3s linear;
  246.         transition: all 0.3s linear}
  247.        
  248. .xpermanote a{
  249.     font-size:11px;
  250.     font-family:pt sans;
  251.     line-height:24px;
  252.     text-transform:uppercase;
  253.     color:white;
  254.     font-style:bold;}
  255.  
  256. .xlink{
  257.     margin-left:-5px;
  258.     margin-top:-5px;
  259.     padding:10px;
  260.     {block:indexpage}
  261.     width:240px;
  262.     border-top:13px solid {color:feature color};
  263.     {/block:indexpage}
  264.     font-size:20px;
  265.     margin-bottom:-5px;}
  266.    
  267. .xquote{
  268.     margin-left:-5px;
  269.     margin-top:-5px;
  270.     padding:10px;
  271.     {block:indexpage}
  272.     width:240px;
  273.     border-top:13px solid {color:feature color};
  274.     {/block:indexpage}
  275.     font-size:20px;
  276.     margin-bottom:-5px;}  
  277.  
  278. .xtext{
  279.     margin-left:-5px;
  280.     margin-top:-5px;
  281.     padding:10px;
  282.     {block:indexpage}
  283.     width:240px;
  284.     border-top:13px solid {color:feature color};
  285.     {/block:indexpage}
  286.     margin-bottom:-5px;}    
  287.    
  288. #description{
  289.     text-align:center;
  290.     margin-bottom:10px;
  291.     padding:10px 5px 0px 5px;}
  292.    
  293. {CustomCSS}
  294.  
  295. </style></head><body>
  296.  
  297. {block:ifShowCover}
  298. <div id="cover">
  299. <div id="cover-overlay"></div>
  300.    
  301. {block:ifnotLogoImage}
  302. {block:ifShowBlogTitle}<a href="/">{Title}</a>{/block:ifShowBlogTitle}
  303. {/block:ifnotLogoImage}
  304.  
  305. {block:ifLogoImage}
  306.     <a href="/"><img src="{image:Logo}" alt=""></a>
  307. </div>{block:ifLogoImage}
  308. </div>
  309. {/block:ifShowCover}
  310.  
  311. <div id="navigation">
  312.  
  313. {block:ifnotShowCover}
  314. {block:ifShowBlogTitle}<a href="/">{Title}</a>{/block:ifShowBlogTitle}
  315. {/block:ifnotShowCover}
  316. <a href="/" title="Aye Aye Captain!">Home</a>
  317. {block:AskEnabled} <a href="/ask" title="{AskLabel}">Message</a>{/block:AskEnabled}{block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a> {/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a> {/block:ifLinkThreeTitle}{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a> {/block:ifLinkFourTitle}{block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a> {/block:ifLinkFiveTitle}{block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title}</a> {/block:ifLinkSixTitle}
  318. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  319. {/block:HasPages}
  320. <a href="/archive" title="View my blogging history here." target="_blank">Archive</a>
  321. {text:Text Online User Counter}
  322. <a href="http://homemadethemes.tumblr.com" title="Theme Maker" target="_blank">Theme</a>
  323.  
  324. </div>
  325.  
  326.  
  327. <div id="content">
  328. {block:ifShowSidebar}
  329. {block:indexpage}
  330. <div id="sidebar">
  331. {block:ifSidebarimage}
  332. <img src="{image:Sidebar}" alt="{title}" style="width:100%; margin:0px 0px 10px 0px;"/>
  333. {/block:ifSidebarimage}
  334. {block:ifShowDescription}
  335. <div id="description">{description}</div>
  336. {block:ifShowDescription}
  337. <div id="social-icons"><center>
  338. {block:ifnotBlackSocialIcons}
  339. {block:ifShowFacebookIcon}
  340. <a href="{text:Facebook link}">
  341. <img src="http://static.tumblr.com/ek9ly4s/4OXmywly6/facebook-xxl.png" alt="" title="Facebook"/></a>
  342. {/block:ifShowFacebookIcon}
  343. {block:ifShowTwitterIcon}
  344. <a href="{text:Twitter link}">      
  345. <img src="http://static.tumblr.com/ek9ly4s/u8Kmywlyj/twitter-xxl.png" alt="" title="Twitter"/></a>
  346. {/block:ifShowTwitterIcon}
  347. {block:ifShowInstagramIcon}
  348. <a href="{text:Instagram link}">
  349. <img src="http://static.tumblr.com/ek9ly4s/TiYmywlyv/instagram-xxl.png" alt="" title="Instagram"/></a>
  350. {/block:ifShowInstagramIcon}
  351. {block:ifShowGooglePlusIcon}
  352. <a href="{text:Google Plus link}">        
  353. <img src="http://static.tumblr.com/ek9ly4s/L9Zmywlz7/google-plus-xxl.png" alt="" title="Google+"/></a>
  354. {/block:ifShowGooglePlusIcon}
  355. {block:ifShowPinterestIcon}
  356. <a href="{text:Pinterest link}">        
  357. <img src="http://static.tumblr.com/ek9ly4s/xrCmywlzi/pinterest-3-xxl.png" alt="" title="Pinterest"/></a>
  358. {/block:ifShowPinterestIcon}
  359. {block:ifShowSkypeIcon}
  360. <a href="{text:Skype link}">                  
  361. <img src="http://static.tumblr.com/ek9ly4s/N8smywlzv/skype-xxl.png" alt="" title="Skype"/></a>
  362. {block:ifShowSkypeIcon}
  363. {block:ifShowYoutubeIcon}
  364. <a href="{text:Youtube link}">                        
  365. <img src="http://static.tumblr.com/ek9ly4s/f7kmywm05/youtube-xxl.png" alt="" title="YouTube"/></a>
  366. {/block:ifShowYoutubeIcon}
  367. {block:ifShowMessageIcon}
  368. <a href="/ask">                      
  369. <img src="http://static.tumblr.com/ek9ly4s/4ismywm0h/email-xxl.png" alt="" title="{AskLabel}"/></a>
  370. {/block:ifShowMessageIcon}
  371. {/block:ifnotBlackSocialIcons}
  372. <!-- WHITE GOES BLACK  -->
  373. {block:ifBlackSocialIcons}  
  374. {block:ifShowFacebookIcon}
  375. <a href="{text:Facebook link}">
  376. <img src="http://static.tumblr.com/ek9ly4s/maWmywm6i/black-facebook.png" alt="" title="Facebook"/></a>
  377. {/block:ifShowFacebookIcon}
  378. {block:ifShowTwitterIcon}
  379. <a href="{text:Twitter link}">      
  380. <img src="http://static.tumblr.com/ek9ly4s/G9omywm6x/twitter-xxl.png" alt="" title="Twitter"/></a>
  381. {/block:ifShowTwitterIcon}
  382. {block:ifShowInstagramIcon}
  383. <a href="{text:Instagram link}">
  384. <img src="http://static.tumblr.com/ek9ly4s/aI5mywm7o/instagram-xxl.png" alt="" title="Instagram"/></a>
  385. {/block:ifShowInstagramIcon}
  386. {block:ifShowGooglePlusIcon}
  387. <a href="{text:Google Plus link}">        
  388. <img src="http://static.tumblr.com/ek9ly4s/03Dmywm88/black-google-plus-xxl.png" alt="" title="Google+"/></a>
  389. {/block:ifShowGooglePlusIcon}
  390. {block:ifShowPinterestIcon}
  391. <a href="{text:Pinterest link}">        
  392. <img src="http://static.tumblr.com/ek9ly4s/N8Qmywm8l/pinterest-3-xxl.png" alt="" title="Pinterest"/></a>
  393. {/block:ifShowPinterestIcon}
  394. {block:ifShowSkypeIcon}
  395. <a href="{text:Skype link}">                  
  396. <img src="http://static.tumblr.com/ek9ly4s/XMimywm90/skype-xxl.png" alt="" title="Skype"/></a>
  397. {block:ifShowSkypeIcon}
  398. {block:ifShowYoutubeIcon}
  399. <a href="{text:Youtube link}">                        
  400. <img src="http://static.tumblr.com/ek9ly4s/xZdmywm9p/youtube-xxl.png" alt="" title="YouTube"/></a>
  401. {/block:ifShowYoutubeIcon}
  402. {block:ifShowMessageIcon}
  403. <a href="/ask">                      
  404. <img src="http://static.tumblr.com/ek9ly4s/eL7mywma4/email-xxl.png" alt="" title="{AskLabel}"/></a>
  405. {/block:ifShowMessageIcon}
  406. {block:ifBlackSocialIcons}  
  407.  </div></center></div>
  408. {/block:indexpage}
  409. {/block:ifShowSidebar}
  410.  
  411.  
  412. {block:Posts}
  413. <div class = "autopagerize_page_element" >
  414. <div class="entry">
  415. {block:Photo}
  416. {block:IndexPage}
  417. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-250}" alt="{PhotoAlt}"/></a>{LinkCloseTag}</div>
  418. {block:ifShowPhotoCaptions}
  419. {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
  420. {/block:ifShowPhotoCaptions}
  421. {/block:IndexPage}
  422. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}
  423. {/block:PermalinkPage}
  424. {block:IndexPage}{block:ifshowphotopermalinks}
  425. <div class="gradient"></div>
  426. <div class="xpermanote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  427. <ul class="like_and_reblog_buttons">
  428. <li>{ReblogButton color="white" size=17}</li>
  429. <li>{LikeButton color="white" size=17}</li>
  430. </ul>{/block:ifshowphotopermalinks}
  431. {/block:IndexPage}
  432. {/block:Photo}
  433.  
  434. {block:Photoset}
  435. <center>
  436. <div class="photoset">
  437. {block:IndexPage}{Photoset-250}<a href="{Permalink}">
  438. {Block:ifshowphotocaptions}{block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}{/Block:ifshowphotocaptions}
  439. {block:IndexPage}
  440. {block:ifshowphotopermalinks}
  441. <div class="gradient"></div>
  442. <div class="xpermanote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  443. <ul class="like_and_reblog_buttons">
  444. <li>{ReblogButton color="white" size=17}</li>
  445. <li>{LikeButton color="white" size=17}</li>
  446. </ul>{/block:ifshowphotopermalinks}
  447. {block:ifnotshowphotopermalinks}
  448. <ul class="textbuttons">
  449. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  450. <li>{ReblogButton color="gray" size=17}</li>
  451. <li>{LikeButton color="gray" size=17}</li>
  452. </ul>{/block:ifnotshowphotopermalinks}{/block:IndexPage}
  453. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  454. </center>
  455. {/block:Photoset}
  456.  
  457. {block:Text}
  458. <div class="text"><div class="xtext">
  459. <span class="title">{Title}</span>
  460. {Body}
  461. {block:IndexPage}
  462. <ul class="textbuttons">
  463. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  464. <li>{ReblogButton color="gray" size=17}</li>
  465. <li>{LikeButton color="gray" size=17}</li>
  466. </ul><br>
  467. {/block:IndexPage}
  468. </div></div>
  469. {/block:Text}
  470.  
  471. {block:Link}
  472. <div class="text">
  473. <div class="xlink">
  474. <a href="{URL}"><span class="title">{Name} <b>&rarr;</b></span></a>
  475. {block:Description}
  476. <div style="margin-top:8px;">
  477. <div class="caption">{Description}</div>{/block:Description}
  478. </div></div>
  479. {block:IndexPage}
  480. <ul class="textbuttons">
  481. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  482. <li>{ReblogButton color="gray" size=17}</li>
  483. <li>{LikeButton color="gray" size=17}</li>
  484. </ul><br>
  485. {/block:IndexPage}
  486. </div>
  487. {block:Link}
  488.  
  489. {block:Quote}
  490. <div class="text">
  491. <div class="xquote">
  492. {Quote}</span></div>
  493. {block:Source}
  494. <div style="margin-top:5px;margin-left:3px;">
  495. <strong>- {Source}</strong></div>{/block:Source}
  496. {block:IndexPage}
  497. <ul class="textbuttons">
  498. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  499. <li>{ReblogButton color="gray" size=17}</li>
  500. <li>{LikeButton color="gray" size=17}</li>
  501. </ul><br>
  502. {/block:IndexPage}
  503.  
  504. </div>
  505. {/block:Quote}
  506.  
  507. {block:Chat}
  508. <div class="chat">
  509. {block:Title}
  510. <a href="{Permalink}">
  511. <div class="title">{Title}</div></a>
  512. {/block:Title}
  513. <ul id="chat">
  514. {block:Lines}
  515. <li class="{Alt} user_{UserNumber}">
  516. {block:Label}
  517. <span class="label">{Label}</span>
  518. {/block:Label}
  519. {Line}
  520. </li>
  521. {/block:Lines}
  522. </ul>
  523. </div>
  524. {block:IndexPage}
  525. <ul class="textbuttons">
  526. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  527. <li>{ReblogButton color="gray" size=17}</li>
  528. <li>{LikeButton color="gray" size=17}</li>
  529. </ul><br>
  530. {/block:IndexPage}
  531. {/block:Chat}
  532.  
  533. {block:Audio}
  534. <div class="audio">
  535. {block:AlbumArt}{block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{AlbumArtURL}" alt="{PhotoAlt}" style="{block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:500px;height:500px;{/block:permalinkpage}"/>{/block:AlbumArt}
  536. <center>
  537. <div style="padding:10px;">{AudioPlayerBlack}</div>
  538. {block:Caption}{Caption}{/block:Caption}
  539. </div></center>
  540. {block:IndexPage}
  541. <ul class="textbuttons">
  542. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  543. <li>{ReblogButton color="gray" size=17}</li>
  544. <li>{LikeButton color="gray" size=17}</li>
  545. </ul><br>
  546. {/block:IndexPage}
  547. {/block:Audio}
  548.  
  549. {block:Answer}
  550. <div class="text"><div class="xtext">
  551. <div style="display:block:"><b>{Question} </b></div>
  552. <div style="padding-top:10px;">{Answer} </div>
  553. <br><i>asked by {Asker}</i>
  554. {block:IndexPage}
  555. <ul class="textbuttons">
  556. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  557. <li>{ReblogButton color="gray" size=17}</li>
  558. <li>{LikeButton color="gray" size=17}</li>
  559. </ul><br>
  560. {/block:IndexPage}
  561. </div></div>{/block:Answer}
  562.  
  563. {block:Video}
  564. {block:IndexPage}
  565. <div class="video">
  566. <center>{Video-250}</center>
  567. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  568. <ul class="textbuttons">
  569. <li><a href="{Permalink}">{NoteCountwithLabel}</a></li>
  570. <li>{ReblogButton color="gray" size=17}</li>
  571. <li>{LikeButton color="gray" size=17}</li>
  572. </ul><br>
  573. {/block:IndexPage}
  574. {block:PermalinkPage}
  575. <center>{Video-500}</center>
  576. {/block:PermalinkPage}
  577. {block:Video}
  578.  
  579. {block:PermalinkPage}
  580. <div style="display:block;margin-top:10px;">
  581. {block:NoteCount}This {PostType}{block:Photoset}set{/block:Photoset} {block:Text}post {/block:Text}{block:chat}post {block:chat}{block:Audio}file {/block:Audio}with {NoteCountWithLabel}{/block:NoteCount}{block:Date}  was posted {TimeAgo} on the {DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year}. {/block:Date} </div>
  582. <div style="display:block;margin-top:10px;">
  583. {block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}" title="Check out {ReblogParentName}'s blog I reblogged this {PostType} {block:Text}post {/block:Text}{block:chat}post {block:chat}{block:Audio}file {/block:Audio}from them." target="_blank">{ReblogParentName}</a>
  584. <br>Posted by: <a href="{ReblogRootParentURL}" title="Just incase you were wondering {ReblogRootName} originally posted this {PostType}{block:Text} post{/block:Text}{block:chat} post{block:chat}{block:Audio} file{/block:Audio}." target="_blank">{ReblogRootName}</a><br>
  585. {/block:RebloggedFrom}
  586. {block:HasTags}
  587. Tags:{block:Tags} <a href="{TagURL}" title="View more posts on my blog tagged '{Tag}'.">#{Tag}</a>{/block:Tags}<br>{/block:hasTags}
  588. {block:Caption}<div style="margin-top:10px;">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  589.  
  590. {block:PostNotes}
  591. <div style="width:500px;height:250px;overflow-y:scroll;overflow-x:hidden;margin-left:-5px;margin-top:10px;">{PostNotes}</div>
  592. {/block:PostNotes}
  593. </div>
  594. </div>
  595. {/block:Posts}
  596.  
  597. </div></div>
  598.  
  599.  
  600. {block:IndexPage}
  601. <script type="text/javascript"
  602. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  603. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  604. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  605. <script type="text/javascript">
  606. $(window).load(function () {
  607. var $content = $('#content');
  608. $content.masonry({itemSelector: '.entry, .sidebar'}),
  609. $content.infinitescroll({
  610. navSelector : 'div#pagination',
  611. nextSelector : 'div#pagination a#nextPage',
  612. itemSelector : '.entry',
  613. loading: {
  614. finishedMsg: '',
  615. img: ''
  616. },
  617. bufferPx : 600,
  618. debug : false,
  619. },
  620. // call masonry as a callback.
  621. function( newElements ) {
  622. window.n = window.n || 0;
  623. Tumblr.LikeButton.get_status_by_page(++window.n);
  624. var $newElems = $( newElements );
  625. $newElems.hide();
  626. // ensure that images load before adding to masonry layout
  627. $newElems.imagesLoaded(function(){
  628. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  629. {/block:IndexPage}
  630.  
  631.  
  632. {block:IndexPage}
  633. {block:Pagination}
  634. <div id="pagination">
  635. {block:NextPage}
  636. <a id="nextPage" href="{NextPage}"></a>
  637. {/block:NextPage}
  638. {block:PreviousPage}
  639. <a href="{PreviousPage}"></a>
  640. {/block:PreviousPage}
  641. </div>
  642. {/block:Pagination}
  643. {/block:IndexPage}
  644.  
  645. <script type="text/javascript" src="http://static.tumblr.com/3zmswwt/Opemwnkmq/scripts.js"></script>
  646. <script type="text/javascript" src="http://static.tumblr.com/3zmswwt/HNCmwoa0e/addons.js"></script>
  647.  
  648. </body></html><!-- END OF THEME -->
RAW Paste Data
Top