API tools faq
paste
xmisa0923

jpn bw

xmisa0923
Nov 6th, 2013
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-------------------------------------------------------------------------
  6.  
  7. theme 004. R E G R E T S by juunhong.tumblr.com
  8.  
  9. hello there
  10. don't you dare rip off the codes / this theme or i'll summon kaiju after your ass
  11.  
  12. & go ahead tweak the hell out of it, JUST MAKE SURE THE CREDITS ARE VISIBLE.
  13.  
  14.  
  15. ___________________________________________________________________________
  16.  
  17.  
  18. I will help with fixing coding errors and basic customizations, but nothing more.
  19.  
  20. Thank you for reading and I hope you enjoy this one! ♡
  21.  
  22.  
  23.  
  24. -------------------------------------------------------------------------->
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Body links" content="#b6b5b5" />
  28. <meta name="color:Links hover" content="#ffffff" />
  29. <meta name="color:Body text" content="#1d1818" />
  30. <meta name="color:Header background" content="#ffffff" />
  31. <meta name="color:Header links" content="#b6b5b5" />
  32. <meta name="color:Header text" content="#868484" />
  33. <meta name="color:Post color" content="#f7f7f7" />
  34. <meta name="color:Post Borders" content="#eeeeee"/>
  35. <meta name="color:Text highlight" content="#73e6ec" />
  36. <meta name="color:Desc BG" content="#ffffff"/>
  37. <meta name="color:scrollbar face" content="#000000"/>
  38. <meta name="color:scrollbar track" content="#ffffff"/>
  39. <meta name="color:blockquote bg" content="#eeeeee"/>
  40. <meta name="color:perma bg" content="#f1f1f1"/>
  41. <meta name="color:title" content="#ffffff"/>
  42. <meta name="color:title bg" content="#000"/>
  43. <meta name="color:quote bg" content="#fff"/>
  44. <meta name="color:nav link bg" content="#f7f7f7"/>
  45. <meta name="color:topbar" content="#eeeeee"/>
  46. <meta name="color:topbar border" content="#eeeeee"/>
  47. <meta name="if:Borders" content="1"/>
  48. <meta name="if:Infinite scroll" content="1"/>
  49. <meta name="if:180px" content="1"/>
  50. <meta name="if:200px" content=""/>
  51. <meta name="if:250px" content=""/>
  52. <meta name="if:double" content="0"/>
  53. <meta name="if:triple" content="1"/>
  54. <meta name="if:quadruple" content="0"/>
  55. <meta name="if:Plain Black TopBorder" content="0">
  56. <meta name="if:Full Page Border" content="1">
  57. <meta name="if:TopBorder v2" content="">
  58. <meta name="text:Font" content="cambria"/>
  59. <meta name="text:Custom Link 1 URL" content=""/>
  60. <meta name="text:Custom Link 2 URL" content=""/>
  61. <meta name="text:Custom Link 3 URL" content=""/>
  62. <meta name="text:Custom Link 4 URL" content=""/>
  63. <meta name="text:Custom Link 1" content=""/>
  64. <meta name="text:Custom Link 2" content=""/>
  65. <meta name="text:Custom Link 3" content=""/>
  66. <meta name="text:Custom Link 4" content=""/>
  67. <meta name="text:Font size" content='9px'/>
  68. <meta name="text:Top Margin" content='85px'/>
  69. <meta name="text:Header top Margin" content='35px'/>
  70. {block:Description}
  71. <meta name="description" content="{MetaDescription}" />
  72. {/block:Description}
  73. <meta charset="utf-8">
  74. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  75. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  79.  
  80.  
  81. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83.  
  84. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  85.  
  86. (function($){
  87.  
  88. $(document).ready(function(){
  89.  
  90. $("[title]").style_my_tooltips({
  91.  
  92. tip_follows_cursor:true,
  93.  
  94. tip_delay_time:20,
  95.  
  96. tip_fade_speed:400,
  97.  
  98. attribute:"title"
  99.  
  100. });
  101.  
  102. });
  103.  
  104. })(jQuery);
  105.  
  106. </script>
  107.  
  108.  
  109. <style type="text/css">
  110. /*Basic styles*/
  111. ::-moz-selection {
  112. background: {color:Text highlight};
  113. color: #fff;
  114. }
  115. ::selection {
  116. background: {color:Text highlight};
  117. color: #fff;
  118. }
  119.  
  120. iframe#tumblr_controls {!important; position: fixed !important;-webkit-filter: invert(100%);-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  121.  
  122. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  123.  
  124.  
  125. ::-webkit-scrollbar {
  126. width: 3px;
  127. }
  128.  
  129. ::-webkit-scrollbar-track-piece{
  130. background-color: {color:scrollbar track};
  131.  
  132. }
  133.  
  134. ::-webkit-scrollbar-thumb:vertical{
  135. background-color:{color:scrollbar face};
  136. }
  137.  
  138. html {
  139. cursor: crosshair; }
  140.  
  141.  
  142. #content {
  143.  
  144.  
  145.  
  146. float: left;
  147. padding-top:100px;
  148. margin-top:{text:Top Margin};
  149.  
  150. {block:indexpage}
  151. {block:ifdouble}
  152.  
  153.  
  154. {block:if180px}
  155. width: 490px;
  156. margin-left:400px;
  157. {block:if180px}
  158.  
  159.  
  160. {block:if200px}
  161. width: 600px;
  162. margin-left:383px;{block:if200px}
  163.  
  164. {block:if250px}
  165. width: 650px;
  166. margin-left:330px;{block:if250px}
  167.  
  168.  
  169. {/block:ifdouble}
  170.  
  171.  
  172. {block:iftriple}
  173. {block:ifnot250px}
  174. {block:if180px}width: 750px;
  175. margin-left:283px; {/block:if180px}
  176. {block:if200px}
  177. width: 800px;
  178. margin-left:255px; {/block:if200px}
  179. {/block:ifnot250px}
  180.  
  181. {block:if250px}width: 950px;
  182. margin-left:170px;
  183. {/block:if250px}
  184.  
  185. {/block:iftriple}
  186. {block:ifquadruple}
  187. width: 990px;
  188. {block:if200px}margin-left: 145px;{/block:if200px}
  189. {block:if180px}margin-left: 185px;{/block:if180px}
  190. {/block:ifquadruple}
  191. {/block:indexpage}
  192.  
  193.  
  194. {block:permalinkpage}
  195. width:500px; margin-left:435px;
  196. {/block:permalinkpage}
  197.  
  198.  
  199.  
  200. z-index:9999;
  201. position:absolute;
  202. display:inline-block;
  203.  
  204. }
  205. body {
  206. background: {color:Background} url('{image:Background}');
  207. color: {color:Body text};
  208. font-family: {text:font};
  209. line-height:12px;
  210. font-size: {text:Font size};
  211. margin: 0;
  212. padding: 0;
  213. text-align:justify;
  214. }
  215. a {
  216. color: {color:Body links};
  217. text-decoration: none;
  218. -webkit-transition: all 0.7s ease-out;
  219. -moz-transition: all 0.7s ease-out;
  220. -o-transition: all 0.7s ease-out;
  221. }
  222.  
  223. a:hover {
  224. color: {color:links hover};
  225.  
  226. }
  227.  
  228. blockquote {
  229. background: {color:blockquote bg};
  230. border-left: 5px solid rgba(0, 0, 0, 0.2);
  231. margin: 0;
  232. padding: 2%;
  233. }
  234. iframe, img, embed, object, video {
  235. max-width: 100%;
  236. }
  237. img {
  238. height: auto;
  239. width: auto;
  240. {block:indexpage}opacity:.9;{/block:indexpage}
  241. -webkit-transition: all 0.7s ease-out;
  242. -moz-transition: all 0.7s ease-out;
  243. -o-transition: all 0.7s ease-out;
  244. }
  245.  
  246. img:hover {
  247. opacity:1;
  248. }
  249.  
  250. li {list-style-type:hiragana;
  251.  
  252. }
  253.  
  254.  
  255.  
  256. /*Sidebar*/
  257. #Sidebar {
  258. background: {color:header background} url('{image:header}');
  259. padding: 20px;
  260. color: {color:header text};
  261. width: 500px;
  262. height:105px;
  263. float: left;
  264.  
  265. margin-top:{text:header top margin};
  266. margin-left:370px;
  267. position:absolute;
  268. z-index:99999;
  269.  
  270. }
  271. #Sidebar a {
  272. color: {color:header links};
  273. }
  274. #Sidebar img {opacity:1; float:right;width:90px;
  275. }
  276. #header {
  277. font-family:consolas;border-bottom:1px solid #eee;font-size:10px;
  278. margin-top:10px; background:#fff; padding:10px;
  279. }
  280.  
  281. #title { width:auto;padding:2px 2px 2px 2px;
  282. margin-top:0px; margin-right:10px;
  283. margin-bottom:0px; float:left; height:12px;
  284. font-size:10px; font-family:arial;letter-spacing:2px;
  285. background:{color:title bg};text-transform:lowercase;
  286. }
  287.  
  288.  
  289.  
  290.  
  291. #title a {
  292. color:{color:title};
  293.  
  294. -webkit-transition: all 0.4s ease-out;
  295. -moz-transition: all 0.4s ease-out;
  296. -o-transition: all 0.4s ease-out;
  297. }
  298.  
  299.  
  300.  
  301.  
  302.  
  303. /*Sidebar Links*/
  304.  
  305. #navlinks { padding-top:5px; font-family:consolas; text-transform:lowercase; margin-top:5px; font-size:10px; background:#f7f7f7; height:18px; letter-spacing:1px; border:1px solid #eee;
  306. }
  307.  
  308.  
  309. .nvl { float:left; margin-right:7px; background:{color:nav link bg}; padding:5px; padding-bottom:5px; margin-top:-4px; -webkit-transition: all 0.7s ease-out;
  310. -moz-transition: all 0.7s ease-out;
  311. -o-transition: all 0.7s ease-out;
  312. }
  313.  
  314.  
  315. .nvl:hover {
  316. background:#000;
  317. }
  318.  
  319. #navlinks a { color:#000;
  320.  
  321. }
  322. #navlinks a:hover {
  323. color:{color:links hover};
  324. background:#000;
  325. }
  326.  
  327. nav li {
  328. display: inline;
  329. }
  330.  
  331. /*Article*/
  332. article {
  333. background: {color:Post color};
  334. padding:7px;
  335.  
  336.  
  337. {block:indexpage}
  338.  
  339. {block:ifnotquadruple}
  340.  
  341. margin: 20px;
  342.  
  343. {/block:ifnotquadruple}
  344.  
  345. {block:ifquadruple}
  346.  
  347. margin: 15px;
  348. {/block:ifquadruple}
  349.  
  350.  
  351.  
  352. {block:ifdouble}
  353. {block:if180px}
  354. width:180px ;
  355. {/block:if180px}
  356. {block:if200px}
  357. width:200px ;
  358. {/block:if200px}
  359. {block:if250px}
  360. width:250px ;
  361. {/block:if250px}
  362. {/block:ifdouble}
  363.  
  364.  
  365.  
  366. {block:iftriple}{block:if180px}
  367. width: 180px;
  368. {/block:if180px}
  369. {block:if200px}
  370. width: 200px;
  371. {/block:if200px}
  372. {block:if250px}
  373. width: 250px;
  374. {/block:if250px}
  375.  
  376. {/block:iftriple}
  377.  
  378. {block:ifquadruple}{block:if180px}
  379. width: 180px;
  380. {/block:if180px}
  381. {block:if200px}
  382. width:200px ;
  383. {/block:if200px}
  384.  
  385.  
  386. {/block:ifquadruple}
  387.  
  388. {/block:indexpage}
  389.  
  390.  
  391.  
  392. {block:ifborders}border:1px solid {color:Post Borders};
  393. {/block:ifborders}
  394. {block:PermalinkPage}
  395. width:400px;
  396. {/block:permalinkpage}
  397. }
  398.  
  399. .t { font-family:consolas; border-left:5px solid #eee; padding-left:5px; padding-bottom:2px;
  400. border-bottom:1px solid #eee; font-size:10px;
  401. letter-spacing:2px;
  402. }
  403.  
  404.  
  405.  
  406. .photoset { overflow:hidden;
  407. }
  408.  
  409.  
  410. .quote {
  411. font-family:times;
  412. font-size:10px;
  413.  
  414. padding:5px;
  415. background:#fff;
  416. font-style:italic;
  417. }
  418.  
  419.  
  420. .source {
  421. border-top:1px solid#eee;
  422. margin-top:10px;
  423. padding-top:5px;
  424. font-style:normal;
  425. text-align:center;
  426. }
  427.  
  428. .video {
  429. overflow:hidden;
  430. }
  431.  
  432. .audio {
  433. height:70px; border:1px solid #f7f7f7;
  434.  
  435. }
  436. .albumart { max-width:70px; float:left;
  437.  
  438. }
  439.  
  440. .player {
  441. position:absolute; z-index:2; width:30px; margin-left:20px;margin-top:20px; opacity:.6;
  442. }
  443.  
  444. .ainfo {letter-spacing:1px;
  445. font-family:consolas; font-size:8px; text-transform:uppercase; margin-left:10px; float:center; margin-top:10px; background:#f7f7f7; text-align:center; line-height:16px; overflow:auto; height:50px;
  446. }
  447.  
  448.  
  449. .ask { letter-spacing:1px;
  450.  
  451. }
  452.  
  453. .user {float:left;
  454.  
  455. }
  456.  
  457. .chat span {
  458. float: left;
  459. margin-right: 1%;
  460. }
  461.  
  462.  
  463.  
  464.  
  465. /*Permalink*/
  466.  
  467. #per {
  468. background:#fff;
  469.  
  470. width:100%;
  471. height:100%;
  472. opacity:0;
  473. -webkit-transition: all 0.7s ease-out;
  474. -moz-transition: all 0.7s ease-out;
  475. -o-transition: all 0.7s ease-out;
  476.  
  477.  
  478. position:absolute;
  479. top:0;
  480. left:0;
  481.  
  482.  
  483.  
  484. }
  485.  
  486. #per a {
  487. color:#000;
  488.  
  489. }
  490. article:hover #per {
  491. opacity:.7;
  492. width:100%;height:100%;
  493. }
  494.  
  495. .oh {
  496. text-align:center;
  497.  
  498. padding:15px; font-family:courier new; font-size:12px; text-transform:uppercase; margin-top:45px;
  499.  
  500. }
  501.  
  502. #tper {
  503. width:40px;
  504. opacity:0;
  505. -webkit-transition: all 0.7s ease-out;
  506. -moz-transition: all 0.7s ease-out;
  507. -o-transition: all 0.7s ease-out;
  508. text-align:center;
  509. font-family:consolas;
  510. font-size:8px;
  511. line-height:10px;
  512. font-style:normal;
  513. line-height:12px;
  514. text-transform:uppercase;
  515. letter-spacing:1px;
  516. height:10%;
  517. padding:5px;
  518. position:absolute;
  519. background:{color:perma bg};
  520. right:0;
  521. top:0;
  522. -moz-border-radius: 35px;
  523.  
  524. }
  525.  
  526. article:hover #tper {
  527. opacity:1;
  528. height:100%;
  529.  
  530.  
  531. }
  532.  
  533. #tper:hover {
  534. background:#000;
  535. }
  536.  
  537. /*Tags and notes*/
  538. #tags, nav ul, .chat ul {
  539. list-style: none;
  540. list-style-image: none;
  541. margin: 0;
  542. padding: 0;
  543. }
  544. #tags li {
  545. float: left;
  546. margin-right: 1%;
  547. }
  548. #notes {
  549. margin-left:-20px;
  550. margin-top: 10px;
  551.  
  552. display:block;
  553. line-height:20px;
  554. }
  555.  
  556. #notes img { max-width:16px;
  557. }
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. #jello {
  565. position:fixed;
  566. bottom:10px;
  567. right:10px;
  568. height: 30px;
  569. width: 15px;
  570. text-align:center;
  571. line-height:13px;
  572.  
  573. background:#Fff;
  574. font-family:courier;
  575. text-decoration:underline;
  576. font-size:11px;
  577. text-transform:lowercase;
  578. -webkit-transition: all 0.7s ease-out;
  579. -moz-transition: all 0.7s ease-out;
  580. -o-transition: all 0.7s ease-out;
  581. padding:5px;
  582.  
  583. }
  584. #jello:hover {
  585. background:#000;
  586.  
  587. }
  588.  
  589. #s-m-t-tooltip{
  590.  
  591. background:#fff;
  592.  
  593. color:#000;
  594.  
  595. font-family:consolas;
  596.  
  597. font-size:8px;
  598.  
  599. letter-spacing:1px;
  600.  
  601. text-transform:uppercase;
  602.  
  603. max-width:300px;
  604.  
  605. padding:2px;
  606.  
  607. margin-top:25px;
  608.  
  609. margin-left:15px;
  610.  
  611. padding-left:4px;
  612.  
  613. padding-right:4px;
  614.  
  615. z-index:9999;
  616.  
  617. -moz-border-radius:5px;
  618.  
  619. -khtml-border-radius:5px;
  620.  
  621. -webkit-border-radius:5px;
  622.  
  623. border-radius:5px;
  624.  
  625. }
  626.  
  627.  
  628. #badman {
  629. width:100%;
  630. height:15px;
  631. margin-top:-5px;
  632. background:#000;
  633. z-index:99999;
  634. position:fixed;
  635.  
  636. }
  637.  
  638. #bowwow {
  639. width:15px;
  640. height:100%;
  641. margin-left:-5px;
  642. background:#000;
  643. z-index:999;
  644. position:fixed;
  645.  
  646. }
  647.  
  648. #excuseme {
  649. width:100%;
  650. height:15px;
  651. bottom:-5px;
  652. background:#000;
  653. z-index:999999;
  654. position:fixed;
  655.  
  656. }
  657. #bap {
  658. width:15px;
  659. height:100%;
  660. right:-5px;
  661. background:#000;
  662. z-index:999999;
  663. position:fixed;
  664.  
  665. }
  666.  
  667.  
  668. #noir {
  669. width:100%;
  670. height:30px;
  671. margin-top:-5px;
  672. background:#000;
  673. z-index:999999;
  674. position:absolute;
  675.  
  676. }
  677.  
  678.  
  679.  
  680.  
  681. #himup {
  682. width:100%;
  683. height:15px;
  684. margin-top:-5px;
  685. background:#222222;
  686. z-index:99;
  687. position:absolute;
  688.  
  689. }
  690.  
  691.  
  692.  
  693. #jongup {
  694. width:100%;
  695. height:25px;
  696. margin-top:-5px;
  697. background:#E8E8E8;
  698. z-index:999;
  699. position:absolute;
  700.  
  701.  
  702. }
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709. #himchan {
  710. width:100%;
  711. height:35px;
  712. margin-top:-5px;
  713. background:#F4FFF9;
  714. z-index:999;
  715. position:absolute;
  716.  
  717. }
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724. /*Custom CSS*/
  725. {CustomCSS}
  726.  
  727.  
  728.  
  729. </style>
  730.  
  731.  
  732. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  733. </head>
  734. <body>
  735.  
  736.  
  737.  
  738. <div id="jello"><a href="http://juunhong.tumblr.com/" title="theme by juunhong">債権</a></div>
  739.  
  740. {block:iffullpageborder}
  741. <div id="bap"></div><div id="badman"></div><div id="bowwow"></div><div id="excuseme"></div>
  742. {/block:iffullpageborder}
  743.  
  744.  
  745. {block:iftopborderv2}
  746. <div id="himchan"></div><div id="jongup"></div><div id="himup"></div>
  747. {/block:iftopborderv2}
  748.  
  749. {block:ifplainblacktopborder}
  750. <div id="noir"></div>{/block:ifplainblacktopborder}
  751.  
  752. <!--Sidebar-->
  753. <header id="Sidebar">
  754. <!--Details: portrait (optional), title and description-->
  755. <div id="header">
  756.  
  757. <div id="title"><a href="/" title="{lang:Home}">{Title}</a></div>
  758. {block:Description}
  759. <span style="background:{color:desc bg}">{Description}</span>
  760. {block:Description}
  761. </div>
  762. <!--Navigation-->
  763. <div id="navlinks">
  764.  
  765. <div class="nvl"><a href="http://miraemei.tumblr.com/">一</a></div>
  766. <div class="nvl"><a href="{text:Custom Link 1 URL}">{text:Custom Link 1}</a></div>
  767. <div class="nvl"><a href="{text:Custom Link 2 URL}">{text:Custom Link 2}</a></div>
  768. <div class="nvl"><a href="{text:Custom Link 3 URL}">{text:Custom Link 3}</a></div>
  769. <div class="nvl"><a href="{text:Custom Link 4 URL}">{text:Custom Link 4}</a></div>
  770. <div class="nvl"><a href="http://juunhong.tumblr.com/">credit</a></div>
  771.  
  772. </div>
  773.  
  774. </header>
  775. <!--Content holder-->
  776. <div id="content">
  777. {block:Posts}
  778.  
  779.  
  780.  
  781. <article>
  782.  
  783. <!--Unique code for each post type-->
  784. {block:Text}
  785. <div class="text">
  786. {block:Title}<div class="t"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  787. {Body}
  788.  
  789. {block:indexpage}
  790. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  791. {/block:indexpage}
  792.  
  793. {/block:Text}
  794.  
  795. {block:Photo}
  796. <div class="photo">
  797. <a href="{Permalink}"><img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"/></a>
  798. {block:PermalinkPage}<br> {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  799.  
  800. {block:indexpage}
  801. <div id="per">
  802.  
  803. <div class="oh"><a href="{permalink}">{shortyear}/{shortmonth}/{dayofmonthwithzero} ; {12hour} {ampm}</a></div>
  804.  
  805.  
  806. </div>
  807.  
  808. {/block:indexpage}
  809.  
  810. {/block:Photo}
  811.  
  812. {block:Photoset}
  813. <div class="photoset">
  814. {block:IndexPage}
  815.  
  816.  
  817. {Photoset-250}
  818.  
  819.  
  820. {/block:IndexPage}
  821.  
  822.  
  823.  
  824. {block:indexpage}
  825. <div id="per">
  826.  
  827. <div class="oh"><a href="{permalink}" >{shortyear}/{shortmonth}/{dayofmonthwithzero} ; {12hour} {ampm}</a></div></div>
  828.  
  829. {/block:indexpage}
  830.  
  831. {block:PermalinkPage}{Photoset-400}<br>
  832. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  833.  
  834. {/block:Photoset}
  835.  
  836. {block:Quote}
  837. <div class="quote">
  838. <span style="background: {color:quote bg};"> {Quote}</span><br>
  839. {block:Permalinkpage} {block:Source} <div class="source">{Source} </div>{/block:Source}{block:PermalinkPage}
  840.  
  841. {block:indexpage}
  842. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  843. {/block:indexpage}
  844. {/block:Quote}
  845.  
  846. {block:Link}
  847. <div class="link">
  848. <div class="t"><a href="{URL}">{Name}</a></div>
  849. {block:Description}{Description}{/block:Description}
  850. {block:indexpage}
  851. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  852. {/block:indexpage}
  853.  
  854. {/block:Link}
  855.  
  856. {block:Chat}
  857. <div class="chat">
  858. <ul>
  859. {block:Lines}{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p>{/block:Lines}
  860. </ul>
  861. {block:indexpage}
  862. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  863. {/block:indexpage}
  864.  
  865. {/block:Chat}
  866.  
  867. {block:Audio}
  868. <div class="audio">
  869.  
  870. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}</div>
  871. <div class="player">{AudioPlayerWhite}</div>
  872.  
  873. <div class="ainfo">
  874. {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}<br>{Artist}{/block:Artist} <br>{FormattedPlayCountWithLabel}
  875.  
  876. </div>
  877.  
  878. {block:permalinkpage}<Br>{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  879. {block:indexpage}
  880. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  881. {/block:indexpage}
  882.  
  883. {/block:Audio}
  884.  
  885. {block:Video}
  886. <div class="video">
  887. <div class="video-player">
  888. {block:IndexPage}
  889.  
  890. {Video-250}
  891.  
  892. {/block:IndexPage}
  893.  
  894. </div>
  895. {block:PermalinkPage} {Video-400}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  896.  
  897. {block:indexpage}
  898. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  899. {/block:indexpage}
  900.  
  901. {/block:Video}
  902.  
  903. {block:Answer}
  904.  
  905. <div class="answer">
  906. <div style="padding:5px; background:#eee;text-align:center;">
  907. {Question} </div>
  908. <div style="padding:5px; text-align:right;">from {Asker} </div>
  909.  
  910.  
  911.  
  912. {Answer}
  913.  
  914. {block:indexpage}
  915. <div id="tper"><a href="{permalink}">{24hour}:{minutes} {PostType}</a></div>
  916. {/block:indexpage}
  917.  
  918. {/block:Answer}
  919.  
  920.  
  921.  
  922.  
  923. <footer class="details">
  924. {block:ContentSource}
  925.  
  926. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  927.  
  928. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  929.  
  930. {/block:SourceLogo}
  931.  
  932. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  933.  
  934. {/block:ContentSource}
  935.  
  936. <!-- {block:NoRebloggedFrom} {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom} {/block:NoRebloggedFrom} -->
  937. {block:Permalink}
  938. <!--Tags and notes on displayed on permalink pages-->
  939. <div style="text-transform:uppercase; font-family:consolas; font-size:8px; margin-top:10px; font-style:normal; letter-spacing:1px; text-align:center;">
  940. {block:Date} {Year} {Month} {DayofMonth}{DayOfMonthSuffix} {/block:Date}
  941. {block:NoteCount} || {NoteCountWithLabel}{/block:NoteCount}
  942. <br>
  943. {block:RebloggedFrom}
  944. from: <a href="{ReblogParentUrl}" title="{ReblogParentName}">{ReblogParentName}</a>
  945. original: <a href="{ReblogRootUrl}" title="{ReblogRootName}">{ReblogRootName}</a>
  946. {/block:RebloggedFrom}<br>
  947. {block:HasTags}
  948. <ul id="tags">tagged as:
  949. {block:Tags} <a href="{TagURL}">{Tag}.</a> {/block:Tags}
  950. </ul>
  951. {/block:HasTags}</div>
  952. {block:PostNotes}
  953. <div id="notes" style="overflow:auto; height:100px; text-transform:uppercase; font-family:consolas; font-size:8px; margin-top:10px; font-style:normal; letter-spacing:1px; ">
  954. {PostNotes}
  955. </div>
  956. {/block:PostNotes}
  957. {/block:Permalink}
  958. </footer>
  959. </article>
  960. {/block:Posts}
  961. <!--Close of article-->
  962. </div>
  963. <!--Pagination: previous/next page links-->
  964. {block:Pagination}
  965. <div class="pagination" style="position:fixed; margin-left:50px;bottom:30px; z-index:9999; font-family:consolas; font-size:8px; text-transform:uppercase;">
  966. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  967. {CurrentPage} of {TotalPages}
  968. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  969. </div>
  970. {/block:Pagination}
  971. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  972. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  973. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  974. {block:IfInfiniteScroll}
  975. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  976. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  977. {/block:IfInfiniteScroll}
  978. <!--Code for infinite scroll and grid layout-->
  979. <script>
  980. (function() {
  981. var $tumblelog = $('#content');
  982. {block:IfInfiniteScroll}
  983. $tumblelog.infinitescroll({
  984. navSelector : ".pagination",
  985. nextSelector : ".pagination a:first",
  986. itemSelector : "article",
  987. bufferPx : 50,
  988. done : "",
  989. loading: {
  990. img : "",
  991. msgText: ""
  992. },
  993. },
  994. function( newElements ) {
  995. var $newElems = $( newElements ).css({ opacity: 0 });
  996. $newElems.imagesLoaded(function(){
  997. $newElems.animate({ opacity: 1 });
  998. $tumblelog.masonry( 'appended', $newElems);
  999. });
  1000. }
  1001. );
  1002. {/block:IfInfiniteScroll}
  1003. $tumblelog.imagesLoaded( function(){
  1004. $tumblelog.masonry({
  1005. columnWidth: function( containerWidth ) {
  1006. return containerWidth / 100;
  1007. }
  1008. });
  1009. });
  1010. })();
  1011. </script>
  1012.  
  1013. </body>
  1014. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!