Advertisement
sunrisen

leon theme

Jul 14th, 2013
12,764
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.09 KB | None | 0 0
  1. <!--
  2.  
  3. LEON THEME - RELEASED 14.07.13
  4. ----------------------------------------
  5. CREATED BY SUNRISEN - THEME BLOG: SUNRISENTHEMES
  6. ----------------------------------------
  7. THIS THEME AND ALL OTHER THEMES BY SUNRISEN
  8. ARE USED SUBJECT TO THE AGREEMENT OF THE TERMS
  9. FOR MORE INFORMATION, VISIT
  10. HTTP://THEMES.SUNRISEN.CO/TERMS
  11.  
  12. -->
  13. <html lang="en">
  14. <head>
  15.  
  16. </script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:hover" content="#cccccc"/>
  30. <meta name="color:blogtitle" content="#777777"/>
  31. <meta name="color:sidebar border" content="#efefef"/>
  32.  
  33. <meta name="if:three columns" content="1"/>
  34. <meta name="if:image fade" content="1"/>
  35. <meta name="if:multisized posts" content="1"/>
  36.  
  37. <meta name="text:link one" content=""/>
  38. <meta name="text:link one title" content=""/>
  39. <meta name="text:link two" content=""/>
  40. <meta name="text:link two title" content=""/>
  41. <meta name="text:link three" content=""/>
  42. <meta name="text:link three title" content=""/>
  43. <meta name="text:link four" content=""/>
  44. <meta name="text:link four title" content=""/>
  45. <meta name="text:link five" content=""/>
  46. <meta name="text:link five title" content=""/>
  47.  
  48. <style type="text/css">
  49.  
  50. #tumblr_controls{
  51. position:fixed !important;
  52. }
  53.  
  54. ::-webkit-scrollbar-thumb{
  55. background-color: {color:text};
  56. border: 2px solid {color:background};
  57. height:auto;
  58. -moz-border-radius: 10px;
  59. border-radius: 10px;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:auto;
  64. width:9px;
  65. background-color: #999999;
  66. border: 4px solid {color:background};
  67. }
  68.  
  69. .wrapper{{block:indexpage}{block:ifthreecolumns}width:795px;{/block:ifthreecolumns}{block:ifnotthreecolumns}width:1060px;{/block:ifnotthreecolumns}{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage}margin:0px auto;}
  70.  
  71. body{
  72. margin:0px;
  73. background-attachment: fixed;
  74. background-repeat: repeat;
  75. background-color:{color:background};
  76. background-attachment: fixed;
  77. background-repeat: repeat;
  78. font-size: 10px;
  79. font-family: consolas;
  80. letter-spacing:1px;
  81. line-height:11px;
  82. color: {color:text};
  83. }
  84.  
  85. a:link, a:active, a:visited{
  86. color: {color:link};
  87. text-decoration:none;
  88. -webkit-transition-duration:.3s;
  89. }
  90.  
  91. a:hover{
  92. color: {color:hover};
  93. }
  94.  
  95. #sidebar{
  96. padding: 8px;
  97. padding-top:0px;
  98. padding-bottom:0px;
  99. position:relative;
  100. width:100%;
  101. height:auto;
  102. line-height:10px;
  103. font-size:8px;
  104. text-transform:uppercase;
  105. font-family: consolas;
  106. letter-spacing:0px;
  107. background:none;
  108. z-index:100;
  109. opacity:1;
  110. margin-top:0px;
  111. border-radius:0px;
  112. padding-top:10px;
  113. padding-left:0px;
  114. padding-right:0px;
  115. -webkit-transition-duration:1s;
  116. }
  117.  
  118. .entry {
  119. margin:auto;padding:15px;float:left;overflow:hidden;padding-bottom:10px;
  120. }
  121. .entry img{max-width:100%;}
  122.  
  123. .photo{width:235px;}
  124. .photo img{width:235px;
  125. -webkit-transition: 0.2s ease-in;}
  126.  
  127. .photobig{{block:ifmultisizedposts}width:500px;{/block:ifmultisizedposts}
  128. {block:ifnotmultisizedposts}width:235px;{/block:ifnotmultisizedposts}}
  129. .photobig img{{block:ifmultisizedposts}width:500px;{/block:ifmultisizedposts}
  130. {block:ifnotmultisizedposts}width:235px;{/block:ifnotmultisizedposts}
  131. -webkit-transition: 0.2s ease-in;}
  132.  
  133. .pset {width:235px;
  134. padding-bottom:2px;
  135. -webkit-transition: 0.2s ease-in;}
  136.  
  137. .video {width:400px;}
  138.  
  139. .videos {width:235px;
  140. overflow:hidden;}
  141.  
  142. .text,
  143. .quote{width:235px;
  144. -webkit-transition: 0.2s ease-in;}
  145.  
  146. .textbig,
  147. .quotebig{{block:ifmultisizedposts}width:495px;{/block:ifmultisizedposts}
  148. {block:ifnotmultisizedposts}width:235px;{/block:ifnotmultisizedposts}
  149. -webkit-transition: 0.2s ease-in;}
  150.  
  151. .photocap a {text-decoration:none;}
  152.  
  153. .img{{block:indexpage}{block:ifimagefade}opacity:.8;{/block:ifimagefade}{/block:indexpage}{block:permalinkpage}opacity:1;{/block:permalinkpage}-webkit-transition-duration:.7s;} .img:hover, .entry:hover .img{opacity:1;}
  154.  
  155. #posts {
  156. width: 100%;
  157. background: none;
  158. margin-left:0px;
  159. padding-top:10px;
  160. margin-top:0px;
  161. padding-bottom:50px;
  162. float:center;
  163. }
  164.  
  165. #infscr-loading{
  166. bottom: 5px;
  167. position: absolute;
  168. left: 50%;
  169. margin-left:-8px;
  170. width:16px;
  171. height:20px;
  172. overflow:hidden;
  173. margin-bottom: 50px;
  174. }
  175.  
  176. blockquote{
  177. padding:0px 0px 2px 5px;
  178. margin:0px 0px 2px 10px;
  179. border-left: 1px dotted #555555;
  180. }
  181.  
  182. blockquote{
  183. padding:0px 0px 2px 5px;
  184. margin:2px 0px 2px 1px;
  185. border-left: 1px solid {color:Text};}
  186. blockquote p, ul{margin:0px; padding:0px;}
  187.  
  188. .p { padding-top: 5px; }
  189. .ol, ul { margin-left: 10px; padding: 5px; }
  190. .ul { list-style-type: square; }
  191. li, ul ol{list-style:none;}
  192. .notes img{width:15px;height:15px;border-radius:10000px; position:relative; top:3px;}
  193. .notes{font-size:9px;text-transform:uppercase;text-align:left;}
  194.  
  195. .blogtitle{
  196. font-family:'Cedarville Cursive';
  197. font-size:40px;
  198. color: {color:blogtitle};
  199. text-transform:lowercase;
  200. line-height: 30px;
  201. border-bottom:1px solid {color:sidebar border};
  202. padding-top:10px;
  203. height:auto;
  204. overflow:hidden;
  205. -webkit-transition-duration:.8s;
  206. }
  207.  
  208. .perm{margin-top:5px;font-family:consolas;font-size:9px;opacity:.6;text-transform:uppercase;text-align:right;letter-spacing:1px;border-top:1px solid #dddddd;-webkit-transition-duration:.3s;}.perm:hover, .entry:hover .perm{opacity:1;}
  209.  
  210. .nav{font-family:didact gothic;font-size:10px;text-transform:uppercase;text-align:center;margin-top:4px;z-index:99999999999;-webkit-transition-duration:.5s;}
  211. .nav a{padding:3px;margin:0px;padding-bottom:4px;border-bottom:1px solid {color:sidebar border};border-left:1px solid #efefef;border-right:1px solid #efefef;border-radius:0px 0px 2px 2px;-webkit-transition-duration:.2s;}
  212. .nav a:hover{background:{color:hover};color:white;opacity:1;border-bottom:1px solid {color:hover};border-left:1px solid {color:hover};border-right:1px solid {color:hover};}
  213. .nav:hover a{opacity:1;}
  214. .nav:hover a:hover{opacity:1;}
  215.  
  216. #audio{{block:indexpage}width:235px;{/block:indexpage}}#answer{{block:indexpage}width:235px;{/block:indexpage}}
  217.  
  218. .photoperma {-webkit-transition-duration:.7s;position:absolute; text-decoration:none; margin-top:-5px; margin-left:8px; padding:0px;background:none; opacity:0;z-index:10;font-size:10px;width:50px;height:10px;line-height:9px;color:black;}
  219. .entry:hover .photoperma {-webkit-transition-duration:.7s;z-index:1; position:absolute; opacity:.9;margin-top:5px;}
  220. .entry:hover .photoperma:hover{opacity:1;}
  221.  
  222. .photoperm {-webkit-transition-duration:.7s;z-index:1;position:absolute; text-decoration:none; margin-top:-5px; margin-left:41px; padding:0px; background:none; opacity:0; z-index:1;font-size:10px;width:30px;height:20px;line-height:9px;color:black;background:none;border-bottom-right-radius:10px;}
  223. .entry:hover .photoperm { -webkit-transition-duration:.7s;position:absolute;margin-top:5px; opacity:.9;}
  224. .entry:hover .photoperm:hover{opacity:1;}
  225.  
  226. </style>
  227. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  228. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  229. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  230. <script type="text/javascript">
  231. $(document).ready(function(){
  232. $(".links_body").hide();
  233. $(".links_head").click(function(){
  234. $(this).next(".links_body").slideToggle('medium');
  235. }); }); </script>
  236. <style type="text/css">
  237. .links_list { margin:0px; padding:0px; width:100%;padding-bottom:0px;z-index:1;height:auto;}
  238. .links_head { padding-top:0px; padding-bottom:0px; cursor:pointer; position:relative; margin:0px; text-align:center;}
  239. .links_body { padding:0px; text-align:right; display:none;padding-right:8px;text-transform:uppercase;font-size:8px;font-family:consolas;text-align:center;padding-right:8px;letter-spacing:1px;border-bottom:1px solid {color:sidebar border};}
  240. </style>
  241. {block:IndexPage}
  242. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  243. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  244.  
  245. <script type="text/javascript">
  246. $(window).load(function () {
  247. var $content = $('#posts');
  248. $content.masonry({itemSelector: '.entry'}),
  249. $content.infinitescroll({
  250. navSelector : 'div#pagination',
  251. nextSelector : 'div#pagination a#nextPage',
  252. itemSelector : '.entry',
  253. loading: {
  254. finishedMsg: '',
  255. img: 'http://static.tumblr.com/apahx90/gbVmpo84y/ajax-loader-1.gif'
  256. },
  257. bufferPx : 600,
  258. debug : false,
  259. },
  260. // call masonry as a callback.
  261. function( newElements ) {
  262. var $newElems = $( newElements );
  263. $newElems.hide();
  264. // ensure that images load before adding to masonry layout
  265. $newElems.imagesLoaded(function(){
  266. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  267. });
  268. });
  269. });
  270. </script>
  271. {/block:IndexPage}
  272. <meta name="viewport" content="width=800" />
  273. </head>
  274. <body>
  275. <div id="sidebar">
  276. <div class="links_list">
  277. <span class="links_head"><div class="blogtitle">{title}</div></span>
  278. <div class="links_body">{Description}</div>
  279. <div class="nav" style="padding-right:8px;">
  280. <a href="/">home</a>&nbsp;&nbsp;<a href="/ask">message</a>{block:iflinkonetitle}&nbsp;&nbsp;<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}{block:iflinktwotitle}&nbsp;&nbsp;<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}{block:iflinkthreetitle}&nbsp;&nbsp;<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}{block:iflinkfourtitle}&nbsp;&nbsp;<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}{block:iflinkfivetitle}&nbsp;&nbsp;<a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}&nbsp;&nbsp;<a href="http://sunrisen.tumblr.com">theme</a>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="wrapper">
  285. <div id="posts">
  286. {block:Posts}
  287. <div class="entry">
  288.  
  289. {block:Photo}
  290. <div class="img">
  291. {block:indexpage}
  292. <div class="photoperma"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/t98gn37/RA4mf7oly/reblawg.png" width=18 style="margin-left:-5px;margin-top:-2px;background:white;padding:5px;border-radius:3px;"/></a></div>
  293. <div class="photoperm">
  294. <a href="{permalink}"><img src="http://cdn5.iconfinder.com/data/icons/iconsweets2/40/link_seo.png" style="float:center;margin-left:-7px;margin-top:-2px;background:white;padding:2px;border-radius:3px;z-index:1;" width="24px;"/></a></div>
  295. {/block:indexpage}
  296. <a href="{permalink}">
  297. {block:Post1}
  298. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  299. {/block:Post1}
  300. {block:Post2}
  301. <div class="photobig"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  302. {/block:Post2}
  303. {block:Post3}
  304. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  305. {/block:Post3}
  306. {block:Post4}
  307. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  308. {/block:Post4}
  309. {block:Post5}
  310. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  311. {/block:Post5}
  312. {block:Post6}
  313. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  314. {/block:Post6}
  315. {block:Post7}
  316. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  317. {/block:Post7}
  318. {block:Post8}
  319. <div class="photobig"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  320. {/block:Post8}
  321. {block:Post9}
  322. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  323. {/block:Post9}
  324. {block:Post10}
  325. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  326. {/block:Post10}
  327. {block:Post11}
  328. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  329. {/block:Post11}
  330. {block:Post12}
  331. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  332. {/block:Post12}
  333. {block:Post13}
  334. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  335. {/block:Post13}
  336. {block:Post14}
  337. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  338. {/block:Post14}
  339. {block:Post15}
  340. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  341. {/block:Post15}</a><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}
  342. {block:permalinkpage}
  343. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="width:500px;"/>
  344. {/block:permalinkpage}
  345. </div>
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. {block:IndexPage}<a href="{permalink}"><div class="pset">{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="235px"/>{/block:Photos}</div> {block:ifshowsmallcaptions}<div class="photocap"><div style="width:185px; margin-top:10px;">{Caption}</div></div>{/block:ifshowsmallcaptions}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div></a>{/block:IndexPage}
  350. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  351. {/block:Photoset}
  352.  
  353. {block:Text}
  354. {block:IndexPage}
  355. {block:Post1}
  356. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  357. {/block:Post1}
  358. {block:Post2}
  359. <div class="textbig"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  360. {/block:Post2}
  361. {block:Post3}
  362. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  363. {/block:Post3}
  364. {block:Post4}
  365. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  366. {/block:Post4}
  367. {block:Post5}
  368. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  369. {/block:Post5}
  370. {block:Post6}
  371. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  372. {/block:Post6}
  373. {block:Post7}
  374. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  375. {/block:Post7}
  376. {block:Post8}
  377. <div class="textbig"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  378. {/block:Post8}
  379. {block:Post9}
  380. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  381. {/block:Post9}
  382. {block:Post10}
  383. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  384. {/block:Post10}
  385. {block:Post11}
  386. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  387. {/block:Post11}
  388. {block:Post12}
  389. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  390. {/block:Post12}
  391. {block:Post13}
  392. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  393. {/block:Post13}
  394. {block:Post14}
  395. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  396. {/block:Post14}
  397. {block:Post15}
  398. <div class="text"><div style="padding:10px;">{Title}{Body}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  399. {/block:Post15}
  400. <div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>
  401. {/block:IndexPage}
  402. {block:PermalinkPage}<div style="width:500px">{Title}{Body}</div>{/block:PermalinkPage}
  403. {/block:Text}
  404.  
  405. {block:Quote}
  406. {block:IndexPage}
  407. {block:Post1}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  408. {/block:Post1}
  409. {block:Post2}<div class="quotebig"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  410. {/block:Post2}
  411. {block:Post3}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  412. {/block:Post3}
  413. {block:Post4}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  414. {/block:Post4}
  415. {block:Post5}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  416. {/block:Post5}
  417. {block:Post6}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  418. {/block:Post6}
  419. {block:Post7}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  420. {/block:Post7}
  421. {block:Post8}<div class="quotebig"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  422. {/block:Post8}
  423. {block:Post9}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  424. {/block:Post9}
  425. {block:Post10}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  426. {/block:Post10}
  427. {block:Post11}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  428. {/block:Post11}
  429. {block:Post12}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  430. {/block:Post12}
  431. {block:Post13}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  432. {/block:Post13}
  433. {block:Post14}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  434. {/block:Post14}
  435. {block:Post15}<div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>
  436. {/block:Post15}
  437. <div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>
  438. {/block:IndexPage}
  439. {block:PermalinkPage}<div style="width:500px">{Quote} ―<i><b>{Source}</b></i></div>{/block:PermalinkPage}
  440. {/block:Quote}
  441.  
  442. {block:Link}
  443. {block:IndexPage}<div class="text"><div style="padding:10px;"><a href="{URL}" target="{Target}" style="font-family:Cedarville Cursive;font-size:20px;text-transform:lowercase;">{Name}</a>
  444. {block:Description}{Description}{/block:Description}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}
  445. {block:PermalinkPage}<div style="width:500px"><a href="{URL}" target="{Target}">{Name}</a>
  446. {block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}
  447. {/block:Link}
  448.  
  449. {block:Chat}
  450. {block:IndexPage}<div class="text"><div style="padding:10px;">{block:Title}<b>{Title}</b>{/block:Title}
  451. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<div class="perm"><a href="{Permalink}">{TimeAgo}</a></div></div></div>{/block:IndexPage}
  452. {block:PermalinkPage}<div style="width:500px">{block:Title}<b>{Title}</b>{/block:Title}
  453. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}</div>{/block:PermalinkPage}
  454. {/block:Chat}
  455.  
  456. {block:Video}
  457. {block:ifmultisizedposts}{block:IndexPage}<span class="perma"><a href="{Permalink}"><img src="http://static.tumblr.com/cb9ff5p/iRfm3b8n1/black_paperclip.png"width="20"></a></span><div class="video">{Video-400}</div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}{/block:ifmultisizedposts}
  458. {block:ifnotmultisizedposts}{block:IndexPage}<div class="videos">{Video-400}</div><div class="tperma"><a href="{Permalink}">View Full Video Here</a></div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}{/block:ifnotmultisizedposts}
  459. {block:PermalinkPage}<div style="width:500px">{Video-500}</div>{/block:PermalinkPage}
  460. {/block:Video}
  461.  
  462. {block:Audio}
  463. {block:indexpage}
  464. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:auto;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:235px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:0px;margin-bottom:5px;{block:albumart}margin-bottom:0px;margin-top:-51px;width:185px;{/block:albumart}float:right;overflow:hidden;background-color:#e3e3e3;">{AudioPlayerGrey}
  465. {block:ExternalAudio}{/block:ExternalAudio}</div>
  466. <div class="perm" style="border-top:0px;{block:albumart}border-top:1px solid #dddddd;{/block:albumart}">
  467. <a href="{permalink}">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</a>
  468. </div>
  469. {/block:indexpage}
  470. {block:permalinkpage}
  471. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:47px;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:405px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:-51px;float:right;background-color:#000000;">{AudioPlayerBlack}
  472. {block:ExternalAudio}{/block:ExternalAudio}</div>
  473. {/block:permalinkpage}
  474. {/block:Audio}
  475.  
  476. {block:Answer}
  477. <div id="answer">
  478. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>
  479. <b>{Asker}</b>: <b>{Question}</b>{Answer}
  480. {block:IndexPage}<div class="perm"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  481. {/block:IndexPage}</div>
  482. {/block:Answer}
  483.  
  484. {block:IndexPage}
  485. <div style="display:none;">
  486. {block:ContentSource}
  487. <a href="{SourceURL}">
  488. {lang:Source}:
  489. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  490. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  491. </a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>
  492. {/block:IndexPage}
  493.  
  494. {block:PermalinkPage}
  495. <center>
  496. {block:Date}
  497. <center>
  498. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  499. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  500. {/block:Date}
  501. {block:RebloggedFrom}
  502. <center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}
  503. </center>
  504. {/block:RebloggedFrom}
  505. {/block:PermalinkPage}
  506.  
  507. {block:PostNotes}<div class="notes">{PostNotes}</div>
  508. {/block:PostNotes}
  509. </div>
  510.  
  511.  
  512. {/block:Posts}
  513. </div>
  514. </div>
  515. <div class="right">
  516. </div>
  517. <div class="footer">
  518. <br>
  519. </div>
  520. </div>
  521. </body>
  522. </html>
  523. <div style="position:fixed;right:0px;bottom:-425px;">
  524. <---DONT REMOVE---->
  525. {block:IndexPage}
  526. {block:Pagination}
  527. <div id="pagination">
  528. {block:NextPage}
  529. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  530. {/block:NextPage}
  531. {block:PreviousPage}
  532. <a href="{PreviousPage}">&larr;&nbsp;</a>
  533. {/block:PreviousPage}
  534. </div>
  535. {/block:Pagination}
  536. {/block:IndexPage}</div>
  537. </div>
  538. </body>
  539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement