API tools faq
paste
Advertisement
hellmouths

theme #14: kraften

hellmouths
Dec 11th, 2013
2,078
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme 014 "kraften"
  4. by hellmouths
  5.  
  6. -->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  14.  
  15.  
  16. <meta name="color:Background" content="#FFFFFF" />
  17. <meta name="color:Text" content="#000000" />
  18. <meta name="color:Link" content="#000000" />
  19. <meta name="color:Link Hover" content="#58323e" />
  20. <meta name="color:Scrollbar" content="#666666" />
  21. <meta name="color:Scrollbar Bg" content="#FFFFFF" />
  22. <meta name="color:Sidebar" content="#F4F4F4" />
  23. <meta name="color:Post Bg" content="#F4F4F4" />
  24. <meta name="color:Top Button" content="#F4F4F4" />
  25. <meta name="color:Notes" content="#F4F4F4" />
  26. <meta name="color:Audio Bg" content="#FFFFFF" />
  27.  
  28. <meta name="text:Link 1 Title" content="Home" />
  29. <meta name="text:Link 2 Title" content="Ask" />
  30. <meta name="text:Link 3 Title" content="Archive" />
  31. <meta name="text:Link 4 Title" content="Random" />
  32. <meta name="text:Link 1 URL" content="/" />
  33. <meta name="text:Link 2 URL" content="/ask" />
  34. <meta name="text:Link 3 URL" content="/archive" />
  35. <meta name="text:Link 4 URL" content="/random" />
  36.  
  37. <meta name="if:Show Description Border" content="1" />
  38. <meta name="if:Show Regular Links" content="0" />
  39. <meta name="if:Show Masonry" content="0" />
  40.  
  41. <!-- SCRIPT CODES -->
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title],a[title],img[title]").style_my_tooltips({
  50. tip_follows_cursor:"true",
  51. tip_delay_time:100,
  52. tip_fade_speed:100,
  53. attribute:"title"
  54. });
  55. });
  56. })(jQuery);
  57. </script>
  58.  
  59. </head>
  60. <style>
  61.  
  62.  
  63. ::-webkit-scrollbar-thumb:vertical { background-color: {color:Scrollbar}; border: 5px solid {color:Scrollbar Bg}; height: 10px;}
  64. ::-webkit-scrollbar-thumb:horizontal { background-color: {color:Scrollbar}; border: 5px solid {color:Scrollbar Bg}; height: 10px; }
  65. ::-webkit-scrollbar {background-color: {color:Scrollbar Bg}; height:10px; width:11px;}
  66.  
  67.  
  68.  
  69. body {
  70. background-color: {color:Background};
  71. font-family: Helvetica;
  72. font-size:11px;
  73. color: {color:Text};
  74. line-height:150%; }
  75.  
  76. blockquote { border-left:1px solid #fff; padding:0 10px; margin:10px; }
  77.  
  78.  
  79. a { text-decoration: none; color: {color:Link};
  80. transition-duration: 0.6s;
  81. -moz-transition-duration: 0.6s;
  82. -webkit-transition-duration: 0.6s;
  83. -o-transition-duration: 0.6s; }
  84.  
  85. a:hover { color: {color:Link Hover};
  86. transition-duration: 0.6s;
  87. -moz-transition-duration: 0.6s;
  88. -webkit-transition-duration: 0.6s;
  89. -o-transition-duration: 0.6s; }
  90.  
  91.  
  92. #content {
  93. width:100%;
  94. height:100%;
  95. padding:0; }
  96.  
  97. .sidebar {
  98. display:block;
  99. width:auto;
  100. height:auto;
  101. padding:30px;
  102. background-color: {color:Sidebar}; }
  103.  
  104. .blogtitle {
  105. font-size:21px;
  106. font-weight: bold; }
  107.  
  108. .blogblurb {
  109. display:block;
  110. text-align:left;
  111. height:auto;
  112. margin:7px 0; }
  113.  
  114.  
  115. {block:ifShowDescriptionBorder}
  116. .blogblurb:before {
  117. content: "";
  118. height:1px;
  119. width:10px;
  120. display:inline-block;
  121. margin-right:5px;
  122. margin-bottom:2px;
  123. background-color:{color:Text}; }
  124. {/block:ifShowDescriptionBorder}
  125.  
  126. .links {
  127. display:block;
  128. width:100%;
  129. text-align: center;
  130. padding:5px 0 0 0;
  131. margin-bottom: 15px; }
  132.  
  133.  
  134. .links a {
  135. display: inline-block;
  136. {block:ifShowRegularLinks}
  137. font-size:9px;
  138. margin:0 4px;
  139. text-transform:lowercase;
  140. border-bottom:1px solid transparent;
  141. {/block:ifShowRegularLinks}
  142. {block:ifNotShowRegularLinks}
  143. background-color:#ddd;
  144. width:5px;
  145. height:5px;
  146. margin-left:2px;
  147. border-radius:1px;
  148. {block:ifNotShowRegularLinks}
  149. letter-spacing: 0.05em;
  150. cursor:default;
  151. -webkit-transition:all .8s;
  152. -moz-transition:all .8s;
  153. -ms-transition:all .8s;
  154. -o-transition:all .8s;
  155. transition:all .8s;
  156. }
  157. .links a:hover {
  158. {block:ifShowRegularLinks}
  159. border-bottom:1px solid {color:Link Hover};
  160. {/block:ifShowRegularLinks}
  161. {block:ifNotShowRegularLinks}
  162. background-color: {color:Text};
  163. {block:ifNotShowRegularLinks}
  164. -webkit-transition:all .8s;
  165. -moz-transition:all .8s;
  166. -ms-transition:all .8s;
  167. -o-transition:all .8s;
  168. transition:all .8s; }
  169.  
  170. #entries {
  171. position: relative;
  172. padding:10px;
  173. margin: 80px auto;
  174. width:900px;}
  175.  
  176. .post {
  177. {block:IndexPage}
  178. width:400px;
  179. margin:60px auto;
  180. {/block:IndexPage}
  181. {block:ifShowMasonry}
  182. float:left;
  183. margin:20px 25px;
  184. {/block:ifShowMasonry}
  185. {/block:IndexPage}
  186. {block:PermalinkPage}
  187. display:block;
  188. margin:20px auto;
  189. width:500px;
  190. {/block:PermalinkPage}
  191. height:auto;
  192. text-align: justify; }
  193.  
  194. .post img {
  195. max-width:100%; }
  196.  
  197. .post-in {
  198. background-color: {color:Post Bg}; padding:20px 30px; }
  199.  
  200. .caption {
  201. background-color: {color:Post Bg}; padding:5px 10px; margin-top:5px; }
  202.  
  203. .post-info { font-size:8px;
  204. padding:0px 10px;
  205. background: {color:Background};
  206. letter-spacing:1px;
  207. margin-top:5px;
  208. text-align:center;
  209. {block:IndexPage}
  210. opacity:0;
  211. {/block:IndexPage}
  212. {block:PermalinkPage}
  213. opacity:1;
  214. {/block:PermalinkPage}
  215. -webkit-transition:all .5s;
  216. -moz-transition:all .5s;
  217. -ms-transition:all .5s;
  218. -o-transition:all .5s;
  219. transition:all .5s;}
  220.  
  221.  
  222. .post:hover .post-info { opacity:1;
  223. -webkit-transition:all .5s;
  224. -moz-transition:all .5s;
  225. -ms-transition:all .5s;
  226. -o-transition:all .5s;
  227. transition:all .5s;}
  228.  
  229. .post-info a { border-bottom:1px solid transparent; }
  230. .post-info a:hover { border-bottom:1px solid {color:Text}; }
  231.  
  232.  
  233. .date {
  234. display:inline;
  235. margin:1px 10px; }
  236.  
  237. .title {
  238. font-size:15px;
  239. font-weight:bold;
  240. padding-top:10px; }
  241.  
  242. .title:before {
  243. content: "";
  244. height:1px;
  245. width:15px;
  246. display:inline-block;
  247. margin-right:7px;
  248. margin-bottom:4px;
  249. background-color:{color:Text}; }
  250.  
  251.  
  252. .linktitle {
  253. font-size:15px;
  254. font-weight:bold;
  255. padding-top:10px; }
  256.  
  257. .quote {
  258. display: block;
  259. padding:20px;
  260. font-size: 12px;
  261. line-height: 160%;
  262. background-color: {color:Post Bg}; }
  263.  
  264. .source {
  265. display:block;
  266. background-color: {color:Background};
  267. padding:10px 0;
  268. text-align:right;
  269. letter-spacing: 1px;
  270. font-family: courier;
  271. text-transform: lowercase;
  272. font-size: 12px; }
  273.  
  274.  
  275.  
  276. .aud {
  277. width:110px;
  278. height:110px;
  279. margin:5px 0;
  280. background-color: {color:Audio Bg};
  281. display:inline-block;
  282. background-attachment:repeat; }
  283.  
  284. .aud2{
  285. height:26px;
  286. width:20px;
  287. margin-left: 41%;
  288. padding:40px 0;
  289. overflow:hidden;
  290. opacity:1;}
  291.  
  292.  
  293.  
  294. .ask { background-color: {color:Post Bg}; padding:10px; }
  295. .asker { display:inline; font-weight:bold; }
  296.  
  297.  
  298. .post-notes {
  299. display:block;
  300. width:460px;
  301. margin:auto;
  302. height:300px;
  303. overflow-y:auto;
  304. overflow-x:hidden;
  305. font-size:9px;
  306. padding:20px;
  307. background-color: {color:Notes}; }
  308.  
  309. .notes img { display:none; }
  310. ol.notes, .notes li { width:500px; list-style:none; margin:0px 0 10px 5px; padding:0px; }
  311.  
  312.  
  313. .tags a { display:inline-block; padding:0 3px; }
  314. .tags a:after {
  315. content: ","; }
  316. .tags a:last-child:after { content:""; }
  317.  
  318.  
  319. #nan {
  320. width:100%;
  321. font-size:11px;
  322. text-transform:lowercase;
  323. text-align:center;
  324. padding-top:20px;
  325. padding-bottom:22%;
  326. }
  327.  
  328.  
  329.  
  330. #toTop {
  331. width:50px;
  332. height:auto;
  333. text-align:center;
  334. padding:5px;
  335. position:fixed; /* this is the magic */
  336. bottom:40px; /* together with this to put the div at the bottom*/
  337. right:10px;
  338. cursor:pointer;
  339. display:none;
  340. text-transform: uppercase;
  341. font-size:25px;
  342. letter-spacing: 1px; }
  343.  
  344.  
  345.  
  346. #s-m-t-tooltip{
  347. font-size:7px;
  348. text-align:center;
  349. letter-spacing: 1px;
  350. width:auto;
  351. padding:3px 7px;
  352. text-transform: uppercase;
  353. margin-top:10px;
  354. margin-left:10px;
  355. background-color: transparent;
  356. position:absolute;
  357. z-index:1000;
  358. display:none;
  359. }
  360.  
  361. </style>
  362.  
  363.  
  364. <body>
  365.  
  366. <!-- CREDIT -->
  367. <div style="position:fixed; text-align:right; bottom:0; right:0; padding:10px; font-size:9px; font-weight:400; letter-spacing:1px; text-transform:uppercase;"><a href="http://hmthemes.tumblr.com">hmthemes</a></div>
  368. <!-- END CREDIT -->
  369.  
  370. <div id="content">
  371.  
  372. <div id="toTop">&uarr;</div>
  373.  
  374.  
  375. <div id="entries">
  376.  
  377.  
  378. <div class="post">
  379. <div class="sidebar">
  380. <div class="blogtitle">{Title}</div>
  381. <div class="blogblurb">{Description}</div>
  382. </div>
  383.  
  384. <div class="links">
  385.  
  386. {block:ifShowRegularLinks}
  387. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  388. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  389. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  390. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  391. {/block:ifShowRegularLinks}
  392.  
  393. {block:ifNotShowRegularLinks}
  394. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}"></a>
  395. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"></a>
  396. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}"></a>
  397. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}"></a>
  398. {/block:ifNotShowRegularLinks}
  399.  
  400. </div>
  401. </div>
  402.  
  403.  
  404. {block:Posts}
  405.  
  406.  
  407. <!-- TEXT -->
  408.  
  409. {block:Text}
  410. <div class="post">
  411. <div class="post-in">
  412. {block:Title}
  413. <div class="title"><a href="{Permalink}">{Title}</a></div>
  414. {/block:Title}
  415. {Body}
  416.  
  417. </div>
  418. {block:IndexPage}
  419. <div class="post-info">
  420. <div class="post-info">
  421. <div class="post-date">
  422. {block:Date}
  423. <span class="date">
  424. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  425. {block:NoteCount}
  426. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  427. {/block:NoteCount}
  428. {/block:Date}
  429. </div>
  430. </div>
  431. </div>
  432. {/block:IndexPage}
  433.  
  434. {block:PermalinkPage}
  435. <div class="post-info">
  436. <div class="post-info">
  437. <div class="post-date">
  438. {block:Date}
  439. <span class="date">
  440. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  441. {block:NoteCount}
  442. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  443. {/block:NoteCount}
  444. {/block:Date}
  445. {block:ContentSource}<br>
  446. by: <a href="{SourceURL}">{SourceTitle}</a>
  447. {/block:ContentSource}
  448. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  449. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  450. </div>
  451. </div>
  452. </div>
  453. {/block:PermalinkPage}
  454.  
  455. </div>
  456. {/block:Text}
  457.  
  458.  
  459.  
  460. <!-- PHOTO -->
  461.  
  462.  
  463. {block:Photo}
  464. <div class="post">
  465. <center>
  466. {block:IndexPage}
  467. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  471. {/block:PermalinkPage}
  472. </center>
  473. {block:Caption}
  474. <div class="caption">{Caption}</div>
  475. {/block:Caption}
  476. {block:IndexPage}
  477. <div class="post-info">
  478. <div class="post-info">
  479. <div class="post-date">
  480. {block:Date}
  481. <span class="date">
  482. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  483. {block:NoteCount}
  484. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  485. {/block:NoteCount}
  486. {/block:Date}
  487. </div>
  488. </div>
  489. </div>
  490. {/block:IndexPage}
  491.  
  492. {block:PermalinkPage}
  493. <div class="post-info">
  494. <div class="post-info">
  495. <div class="post-date">
  496. {block:Date}
  497. <span class="date">
  498. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  499. {block:NoteCount}
  500. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  501. {/block:NoteCount}
  502. {/block:Date}
  503. {block:ContentSource}<br>
  504. by: <a href="{SourceURL}">{SourceTitle}</a>
  505. {/block:ContentSource}
  506. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  507. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  508. </div>
  509. </div>
  510. </div>
  511. {/block:PermalinkPage}
  512. </div>
  513. {/block:Photo}
  514.  
  515.  
  516.  
  517. <!-- PHOTOSET -->
  518.  
  519.  
  520. {block:Photoset}
  521. <div class="post">
  522. <center>
  523. {block:IndexPage}
  524. {Photoset-400}
  525. {/block:IndexPage}
  526. {block:PermalinkPage}
  527. {Photoset-500}
  528. {/block:PermalinkPage}
  529. </center>
  530. {block:Caption}
  531. <div class="caption">{Caption}</div>
  532. {/block:Caption}
  533.  
  534. {block:IndexPage}
  535. <div class="post-info">
  536. <div class="post-info">
  537. <div class="post-date">
  538. {block:Date}
  539. <span class="date">
  540. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  541. {block:NoteCount}
  542. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  543. {/block:NoteCount}
  544. {/block:Date}
  545. </div>
  546. </div>
  547. </div>
  548. {/block:IndexPage}
  549.  
  550. {block:PermalinkPage}
  551. <div class="post-info">
  552. <div class="post-info">
  553. <div class="post-date">
  554. {block:Date}
  555. <span class="date">
  556. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  557. {block:NoteCount}
  558. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  559. {/block:NoteCount}
  560. {/block:Date}
  561. {block:ContentSource}<br>
  562. by: <a href="{SourceURL}">{SourceTitle}</a>
  563. {/block:ContentSource}
  564. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  565. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  566. </div>
  567. </div>
  568. </div>
  569. {/block:PermalinkPage}
  570.  
  571. </div>
  572. {/block:Photoset}
  573.  
  574.  
  575.  
  576. <!-- QUOTE -->
  577.  
  578.  
  579. {block:Quote}
  580. <div class="post">
  581. <div class="quote">{Quote}</div>
  582. {block:Source}
  583. <div class="source">{Source}</div>
  584. {/block:Source}
  585. {block:IndexPage}
  586. <div class="post-info">
  587. <div class="post-info">
  588. <div class="post-date">
  589. {block:Date}
  590. <span class="date">
  591. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  592. {block:NoteCount}
  593. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  594. {/block:NoteCount}
  595. {/block:Date}
  596. </div>
  597. </div>
  598. </div>
  599. {/block:IndexPage}
  600.  
  601. {block:PermalinkPage}
  602. <div class="post-info">
  603. <div class="post-info">
  604. <div class="post-date">
  605. {block:Date}
  606. <span class="date">
  607. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  608. {block:NoteCount}
  609. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  610. {/block:NoteCount}
  611. {/block:Date}
  612. {block:ContentSource}<br>
  613. by: <a href="{SourceURL}">{SourceTitle}</a>
  614. {/block:ContentSource}
  615. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  616. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  617. </div>
  618. </div>
  619. </div>
  620. {/block:PermalinkPage}
  621. </div>
  622. {/block:Quote}
  623.  
  624.  
  625.  
  626. <!-- LINK -->
  627.  
  628.  
  629. {block:Link}
  630. <div class="post">
  631. <center><div class="linktitle"><a href="{URL}" class="link" {Target}>{Name}</a></div></center><br>
  632. {block:Description}
  633. <div class="post-in">
  634. {Description}
  635. </div>
  636. {/block:Description}
  637.  
  638. {block:IndexPage}
  639. <div class="post-info">
  640. <div class="post-info">
  641. <div class="post-date">
  642. {block:Date}
  643. <span class="date">
  644. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  645. {block:NoteCount}
  646. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  647. {/block:NoteCount}
  648. {/block:Date}
  649. </div>
  650. </div>
  651. </div>
  652. {/block:IndexPage}
  653.  
  654. {block:PermalinkPage}
  655. <div class="post-info">
  656. <div class="post-info">
  657. <div class="post-date">
  658. {block:Date}
  659. <span class="date">
  660. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  661. {block:NoteCount}
  662. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  663. {/block:NoteCount}
  664. {/block:Date}
  665. {block:ContentSource}<br>
  666. by: <a href="{SourceURL}">{SourceTitle}</a>
  667. {/block:ContentSource}
  668. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  669. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  670. </div>
  671. </div>
  672. </div>
  673. {/block:PermalinkPage}
  674. </div>
  675. {/block:Link}
  676.  
  677.  
  678.  
  679. <!-- CHAT -->
  680.  
  681.  
  682. {block:Chat}
  683. <div class="post">
  684. <div class="post-in">
  685. {block:Title}<div class="title">{Title}</div>{/block:Title}<p>
  686. <div style="margin:-10px 0px;">
  687. {block:Lines}<div style="padding:7px 3px; border-bottom: 1px solid white;text-align:left; ">{block:Label}<span style="text-transform: uppercase; letter-spacing: 1px;"><b>{Label}</b></span>{/block:Label}<span style="font-family:courier; padding-left:5px; font-size:12px;">{Line}</span><br></div>{/block:Lines}</div><br /><br>
  688.  
  689. </div>
  690.  
  691. {block:IndexPage}
  692. <div class="post-info">
  693. <div class="post-info">
  694. <div class="post-date">
  695. {block:Date}
  696. <span class="date">
  697. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  698. {block:NoteCount}
  699. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  700. {/block:NoteCount}
  701. {/block:Date}
  702. </div>
  703. </div>
  704. </div>
  705. {/block:IndexPage}
  706.  
  707. {block:PermalinkPage}
  708. <div class="post-info">
  709. <div class="post-info">
  710. <div class="post-date">
  711. {block:Date}
  712. <span class="date">
  713. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  714. {block:NoteCount}
  715. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  716. {/block:NoteCount}
  717. {/block:Date}
  718. {block:ContentSource}<br>
  719. by: <a href="{SourceURL}">{SourceTitle}</a>
  720. {/block:ContentSource}
  721. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  722. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  723. </div>
  724. </div>
  725. </div>
  726. {/block:PermalinkPage}
  727. </div>
  728. {/block:Chat}
  729.  
  730.  
  731.  
  732. <!-- VIDEO -->
  733.  
  734.  
  735. {block:Video}
  736. <div class="post">
  737. <center>
  738. {block:IndexPage}
  739. {Video-400}
  740. {/block:IndexPage}
  741. {block:PermalinkPage}
  742. {Video-500}
  743. {/block:PermalinkPage}
  744. </center>
  745. {block:Caption}
  746. {Caption}
  747. {/block:Caption}
  748.  
  749. {block:IndexPage}
  750. <div class="post-info">
  751. <div class="post-info">
  752. <div class="post-date">
  753. {block:Date}
  754. <span class="date">
  755. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  756. {block:NoteCount}
  757. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  758. {/block:NoteCount}
  759. {/block:Date}
  760. </div>
  761. </div>
  762. </div>
  763. {/block:IndexPage}
  764.  
  765. {block:PermalinkPage}
  766. <div class="post-info">
  767. <div class="post-info">
  768. <div class="post-date">
  769. {block:Date}
  770. <span class="date">
  771. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  772. {block:NoteCount}
  773. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  774. {/block:NoteCount}
  775. {/block:Date}
  776. {block:ContentSource}<br>
  777. by: <a href="{SourceURL}">{SourceTitle}</a>
  778. {/block:ContentSource}
  779. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  780. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  781. </div>
  782. </div>
  783. </div>
  784. {/block:PermalinkPage}
  785. </div>
  786. {/block:Video}
  787.  
  788.  
  789.  
  790. <!-- ASK POST -->
  791.  
  792.  
  793. {block:Answer}
  794. <div class="post">
  795. <div class="ask"><div class="asker">{Asker}</div>: {Question}</div>
  796.  
  797.  
  798. <div class="answer">{Answer}</div>
  799.  
  800. {block:IndexPage}
  801. <div class="post-info">
  802. <div class="post-info">
  803. <div class="post-date">
  804. {block:Date}
  805. <span class="date">
  806. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  807. {block:NoteCount}
  808. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  809. {/block:NoteCount}
  810. {/block:Date}
  811. </div>
  812. </div>
  813. </div>
  814. {/block:IndexPage}
  815.  
  816. {block:PermalinkPage}
  817. <div class="post-info">
  818. <div class="post-info">
  819. <div class="post-date">
  820. {block:Date}
  821. <span class="date">
  822. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  823. {block:NoteCount}
  824. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  825. {/block:NoteCount}
  826. {/block:Date}
  827. {block:ContentSource}<br>
  828. by: <a href="{SourceURL}">{SourceTitle}</a>
  829. {/block:ContentSource}
  830. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  831. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  832. </div>
  833. </div>
  834. </div>
  835. {/block:PermalinkPage}
  836. </div>
  837. {/block:Answer}
  838.  
  839.  
  840.  
  841. <!-- AUDIO -->
  842.  
  843.  
  844. {block:Audio}
  845. <div class="post">
  846. <div class="post-in">
  847. <div class="aud"><div class="aud2"><center>{AudioPlayerWhite}</center></div></div>
  848. <span style="font-size:15px; font-weight:bold; display:inline-block; vertical-align:top; padding:5px 10px;">
  849. {block:Artist}{Artist}{/block:Artist}
  850. <br><span style="font-weight:normal; padding-bottom:4px; font-size:12px; border-bottom:1px solid black;">
  851. {block:TrackName}
  852. {TrackName}
  853. {/block:TrackName}
  854. </span><br><br><br><br><br><span style="display:block; font-weight:normal; font-size:10px; ">{block:PlayCount} {PlayCount} plays{/block:PlayCount}</span>
  855. </span>
  856.  
  857. </div>
  858. {block:IndexPage}
  859. <div class="post-info">
  860. <div class="post-info">
  861. <div class="post-date">
  862. {block:Date}
  863. <span class="date">
  864. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  865. {block:NoteCount}
  866. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  867. {/block:NoteCount}
  868. {/block:Date}
  869. </div>
  870. </div>
  871. </div>
  872. {/block:IndexPage}
  873.  
  874. {block:PermalinkPage}
  875. <div class="post-info">
  876. <div class="post-info">
  877. <div class="post-date">
  878. {block:Date}
  879. <span class="date">
  880. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a></span>
  881. {block:NoteCount}
  882. <span class="date"><a href="{Permalink}">+{NoteCount}</a></span>
  883. {/block:NoteCount}
  884. {/block:Date}
  885. {block:ContentSource}<br>
  886. by: <a href="{SourceURL}">{SourceTitle}</a>
  887. {/block:ContentSource}
  888. {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  889. {/block:RebloggedFrom} {block:HasTags}<br> <div class="tags"> {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} </div> {/block:HasTags}
  890. {block:HasTags}<br>
  891. <div class="tags">
  892. {block:Tags}
  893. <a href="{TagURL}">{Tag}</a>
  894. {/block:Tags}
  895. </div>
  896. {/block:HasTags}
  897. </div>
  898. </div>
  899. </div>
  900. {/block:PermalinkPage}
  901. </div>
  902. {/block:Audio}
  903.  
  904.  
  905. {block:PostNotes}
  906. <div class="post-notes">
  907. {PostNotes}
  908. </div>
  909. {/block:PostNotes}
  910.  
  911. {/block:Posts}
  912.  
  913.  
  914. </div>
  915.  
  916.  
  917.  
  918. <div id="nan">
  919. {block:indexpage}
  920. {block:PreviousPage}
  921. <a href="{PreviousPage}">⇠</a>&nbsp;
  922. {/block:PreviousPage}{CurrentPage} of {TotalPages}
  923. {block:NextPage}
  924. &nbsp;<a href="{NextPage}">⇢</a>
  925. {/block:NextPage}
  926. {/block:Pagination}
  927. {/block:indexpage}
  928. </div>
  929.  
  930.  
  931. </div>
  932.  
  933.  
  934.  
  935.  
  936. </body>
  937.  
  938. {block:ifShowMasonry}
  939. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  940.  
  941. {block:IndexPage}
  942. <script>
  943. $(function(){
  944. var $container = $('#entries');
  945. $container.imagesLoaded(function(){
  946. $container.masonry({
  947. itemSelector: '.post',
  948. });
  949. });
  950. });
  951. </script>
  952. {/block:IndexPage}
  953. {/block:ifShowMasonry}
  954.  
  955. <script src="http://static.tumblr.com/747hq6z/UECmpnu4l/jquery.scrollto-1.4.3.1-min.js"></script>
  956. <script src="http://static.tumblr.com/747hq6z/58Qmpnv3a/jquery.localscroll-1.2.7-min.js"></script>
  957.  
  958. <script>
  959. $(document).ready(function () {
  960. $.localScroll();
  961. });
  962. </script>
  963.  
  964.  
  965. <script type="text/javascript">
  966. $(function() {
  967. $(window).scroll(function() {
  968. if($(this).scrollTop() != 0) {
  969. $('#toTop').fadeIn();
  970. }
  971. else {
  972. $('#toTop').fadeOut();
  973. }
  974. });
  975. $('#toTop').click(function() {
  976. $('body,html').animate({scrollTop:0},800);
  977. });
  978. });
  979. </script>
  980.  
  981.  
  982. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!