API tools faq
paste
Advertisement
feiinho

tumblr / illustfolio2 / illustfolio2.html

feiinho
Oct 1st, 2013
299
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme: Illustfolio 2
  5. by @sanographix
  6. http://www.sanographix.net
  7. (c) 2013 Showkaku Sano [sanographix@gmail.com]
  8. Free to use under the MIT license.
  9. Please leave at least ONE credit link. Do not delete this comment.
  10. -->
  11.  
  12. <html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
  13. <head>
  14.  
  15. <!-- Variables -->
  16. <meta name="text:Google Analytics ID" content="UA-000000-00" />
  17.  
  18. <!-- User info -->
  19. <meta name="text:Your Name" content=""/>
  20. <meta name="text:Your Twitter Username" content=""/>
  21. <meta name="text:Your Facebook Username" content=""/>
  22. <meta name="text:Your Google Plus ID" content=""/>
  23. <meta name="text:Your Pixiv ID" content=""/>
  24. <meta name="text:Tumblr API Key" content="" />
  25. <meta name="text:Blog Domain" content="" />
  26. <meta name="text:Disqus Shortname" content="" />
  27.  
  28. <meta name="if:Show Exif" content="1" />
  29.  
  30. <meta name="image:Background" content="" />
  31. <meta name="font:Font" content="" />
  32.  
  33. <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  34.  
  35. <meta charset="UTF-8">
  36. <meta name="viewport" content="width=device-width">
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  40. <link rel="canonical" href="{Permalink}"/>
  41.  
  42. <!-- OGP -->
  43. <meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
  44. <meta property="og:type" content="article" />
  45. <meta property="og:url" content="{block:IndexPage}http://{text:Blog Domain}{/block:IndexPage}{block:PermalinkPage}{Permalink}{/block:PermalinkPage}" />
  46. <meta property="og:image" content="{PortraitURL-128}" />
  47. <!-- Twitter tags -->
  48. <meta name="twitter:image" content="{PortraitURL-128}" />
  49.  
  50. <!-- photo だったら og-image はphotoURLにする -->
  51. {block:PermalinkPage}
  52. {block:Posts}
  53. {block:Photo}
  54. <meta property="og:image" content="{PhotoURL-400}" />
  55. {/block:Photo}
  56. {block:Photoset}
  57. {block:Photos}
  58. <meta property="og:image" content="{PhotoURL-400}" />
  59. {/block:Photos}
  60. {/block:Photoset}
  61. {/block:Posts}
  62. {/block:PermalinkPage}
  63.  
  64. <meta property="og:site_name" content="{Title}" />
  65. <meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
  66. {block:IfYourGooglePlusID}
  67. <link rel="author" href="http://plus.google.com/{text:Your Google Plus ID}" />
  68. {/block:IfYourGooglePlusID}
  69.  
  70. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/style.css" charset="utf-8"/>
  71.  
  72. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  73. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" charset="utf-8"></script>
  74. <script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.0.1/jquery.fitvids.min.js" charset="utf-8"></script>
  75.  
  76. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/jquery.class.min.js" charset="utf-8"></script>
  77. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/tumblrposts.js" charset="utf-8"></script>
  78. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/jquery.skOuterClick.js" charset="utf-8"></script>
  79. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/jquery.flexslider-min.js" charset="utf-8"></script>
  80. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/jquery.tumblr_post_list.js"></script>
  81. <script src="//sanographix.github.io/public/tumblr/illustfolio2/js/options.js" charset="utf-8"></script>
  82.  
  83. <script type="text/javascript">
  84. // 最近の記事出す
  85. $(function(){
  86. $("#related").jq_tumblrPostList({
  87. api_key:"{text:Tumblr API Key}",
  88. domain: location.host, //取得先となるTumblrサイトのドメイン
  89. limit:3 //記事の数
  90. });
  91. });
  92. </script>
  93.  
  94. <script type="text/javascript">
  95. // タグリスト記事出す
  96. (function() {
  97. var posts = new TumblrPosts({
  98. // ドメインと取得する最大記事数
  99. domain: location.host,
  100. maxNum:300
  101. });
  102. posts.bind(posts.EVENT_COMPLETE, function(e) {
  103. var that = this;
  104. // getTags() でタグリストを取得
  105. $.each(this.getTags(), function(i, tag) {
  106. var html = '<li class="level' + (tag.count % 6 + 1) + '">'
  107. + '<span class="sharp">#</span><a href="/tagged/' + tag.name + '">' + tag.name + '</a></li>';
  108. $(html).appendTo($("ul#tags"));
  109. });
  110. });
  111. posts.run();
  112. })();
  113. </script>
  114.  
  115. <!--[if IE]>
  116. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  117. <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  118. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/fuck-ie.css" charset="utf-8">
  119. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/font-awesome-ie7.min.css" charset="utf-8">
  120. <![endif]-->
  121.  
  122. <!-- Google Analytics -->
  123. <script type="text/javascript">
  124. var _gaq = _gaq || [];
  125. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  126. _gaq.push(['_trackPageview']);
  127. (function() {
  128. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  129. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  130. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  131. })();
  132. </script>
  133. <!-- END Google Analytics -->
  134.  
  135. </head>
  136. <body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage} page-permalink page-id{PostID}{/block:PermalinkPage}">
  137.  
  138. <style>
  139. body {
  140. background-image: url('{image:Background}');
  141. font-family: {font:Font};
  142. }
  143. @media (-webkit-min-device-pixel-ratio: 2) {
  144. body {
  145. background-image: url('{image:Background}');
  146. }
  147. }
  148. {CustomCSS}
  149. </style>
  150.  
  151. <header id="header">
  152. <div class="header-inner">
  153. <ul class="header-nav nav-left">
  154. <li>
  155. <h1 class="blog-title">
  156. <a href="/">{Title}</a>
  157. </h1>
  158. </li>
  159. </ul>
  160. <!-- モバイル用 -->
  161. <div class="mobile-nav-panel">
  162. <i class="icon-reorder icon-large"></i>
  163. </div>
  164. <ul class="header-nav pull-right">
  165. {block:HasPages}
  166. {block:Pages}
  167. <li>
  168. <a href="{URL}">{Label}</a>
  169. </li>
  170. {/block:Pages}
  171. {/block:HasPages}
  172. <li><a href="/archive">Archive</a></li>
  173. <li class="header-tags"><a href="">Tags</a></li>
  174. </ul>
  175. </div>
  176. </header>
  177.  
  178. <!-- タグリスト -->
  179. <div class="tag-list">
  180. <div class="container">
  181. <h3>Tags</h3>
  182. <ul id="tags" class="tagCloud"></ul>
  183. </div>
  184. </div>
  185.  
  186. <div class="container">
  187.  
  188. <!-- Index ページ -->
  189. {block:IndexPage}
  190.  
  191. <!--スライドショー-->
  192. <div class="flexslider">
  193. <ul class="slides">
  194. {block:Posts}
  195. {block:Photo}
  196. <li>
  197. <a href="{Permalink}">
  198. <div class="slide-img" style="background-image: url('{PhotoURL-HighRes}');"></div>
  199. </a>
  200. </li>
  201. {/block:Photo}
  202. {/block:Posts}
  203. </ul>
  204. </div>
  205.  
  206. {block:TagPage}
  207. <h3 class="tagged">Posts tagged "{Tag}"</h3>
  208. {/block:TagPage}
  209.  
  210. <!-- 投稿 -->
  211. <div class="post-thumb-wrapper autopagerize_page_element">
  212. {block:Posts}
  213.  
  214. <article class="post {TagsAsClasses}
  215. {block:Text}text{/block:Text}
  216. {block:Photo}photo{/block:Photo}
  217. {block:Photoset}photoset{/block:Photoset}
  218. {block:Quote}quote{/block:Quote}
  219. {block:Link}link{/block:Link}
  220. {block:Chat}chat{/block:Chat}
  221. {block:Video}video{/block:Video}
  222. {block:Audio}audio{/block:Audio}
  223. {block:Answer}answer{/block:Answer}
  224. ">
  225.  
  226. <!-- post: テキスト -->
  227. {block:Text}
  228. <a href="{Permalink}">
  229. <div class="post-thumb">
  230. <i class="icon-file-alt"></i>
  231. {block:Title}
  232. <h1 class="entry-title">{Title}</h1>
  233. {/block:Title}
  234. </div>
  235. </a>
  236. {/block:Text}
  237.  
  238. <!-- post: 画像 -->
  239. {block:Photo}
  240. <a href="{Permalink}">
  241. <div class="photo-thumb" style="background-image:url({PhotoURL-400});">
  242. </div>
  243. </a>
  244. {/block:Photo}
  245.  
  246. <!-- post: フォトセット -->
  247. {block:Photoset}
  248. {block:Photos}
  249. <a href="{Permalink}">
  250. <div class="photo-thumb" style="background-image: url('{PhotoURL-400}');">
  251. </div>
  252. </a>
  253. {/block:Photos}
  254. {/block:Photoset}
  255.  
  256. <!-- post: 引用 -->
  257. {block:Quote}
  258. <a href="{Permalink}">
  259. <div class="post-thumb">
  260. <i class="icon-quote-left"></i>
  261. <h1 class="entry-title">
  262. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  263. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  264. Quote
  265. </h1>
  266. </div>
  267. </a>
  268. {/block:Quote}
  269.  
  270. <!-- post: リンク -->
  271. {block:Link}
  272. <a href="{Permalink}">
  273. <div class="post-thumb">
  274. <i class="icon-link"></i>
  275. <h1 class="entry-title">
  276. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  277. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  278. Link
  279. </h1>
  280. </div>
  281. </a>
  282. {/block:Link}
  283.  
  284. <!-- post: チャット -->
  285. {block:Chat}
  286. <a href="{Permalink}">
  287. <div class="post-thumb">
  288. <i class="icon-comments"></i>
  289. <h1 class="entry-title">
  290. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  291. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  292. Chat
  293. </h1>
  294. </div>
  295. </a>
  296. {/block:Chat}
  297.  
  298. <!-- post: ビデオ -->
  299. {block:Video}
  300. <a href="{Permalink}">
  301. <div class="post-thumb">
  302. <i class="icon-film"></i>
  303. <h1 class="entry-title">
  304. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  305. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  306. Video
  307. </h1>
  308. </div>
  309. </a>
  310. {/block:Video}
  311.  
  312. <!-- post: オーディオ -->
  313. {block:Audio}
  314. <a href="{Permalink}">
  315. <div class="post-thumb">
  316. <i class="icon-music"></i>
  317. <h1 class="entry-title">
  318. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  319. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  320. Audio
  321. </h1>
  322. </div>
  323. </a>
  324. {/block:Audio}
  325.  
  326. <!-- post: Answer -->
  327. {block:Answer}
  328. <a href="{Permalink}">
  329. <div class="post-thumb">
  330. <i class="icon-question-sign"></i>
  331. <h1 class="entry-title">
  332. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  333. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  334. Answer
  335. </h1>
  336. </div>
  337. </a>
  338. {/block:Answer}
  339. </article>
  340. {/block:Posts}
  341. </div>
  342.  
  343. <!-- indexページのページャ -->
  344. {block:Pagination}
  345. <div id="pager">
  346. {block:PreviousPage}
  347. <a href="{PreviousPage}" class="btn">Prev</a>
  348. {/block:PreviousPage}
  349. <span class="number">
  350. {CurrentPage}/{TotalPages}
  351. </span>
  352. {block:NextPage}
  353. <a href="{NextPage}" class="next btn" rel="next">Next</a>
  354. {/block:NextPage}
  355. </div>
  356. {/block:Pagination}
  357.  
  358.  
  359. {/block:IndexPage}
  360.  
  361.  
  362. <!-- パーマリンク -->
  363. {block:PermalinkPage}
  364.  
  365. <!-- pager -->
  366. <div id="pager">
  367. <div class="main">
  368. {block:PermalinkPagination}
  369. <div class="btn-group">
  370. {block:PreviousPost}
  371. <a href="{PreviousPost}" class="btn"><i class="icon-double-angle-left"></i> Prev</a>
  372. {/block:PreviousPost}
  373. {block:NextPost}
  374. <a href="{NextPost}" class="next btn" rel="next">Next <i class="icon-double-angle-right"></i></a>
  375. {/block:NextPost}
  376. </div>
  377. {/block:PermalinkPagination}
  378. </div>
  379. </div>
  380.  
  381. {block:Posts}
  382. <div class="main">
  383.  
  384. <article class="post {TagsAsClasses}
  385. {block:Text}text{/block:Text}
  386. {block:Photo}photo{/block:Photo}
  387. {block:Photoset}photoset{/block:Photoset}
  388. {block:Quote}quote{/block:Quote}
  389. {block:Link}link{/block:Link}
  390. {block:Chat}chat{/block:Chat}
  391. {block:Video}video{/block:Video}
  392. {block:Audio}audio{/block:Audio}
  393. {block:Answer}answer{/block:Answer}
  394. ">
  395.  
  396. <!-- post: 画像 -->
  397. {block:Photo}
  398. {block:HighRes}
  399. <a href="{PhotoURL-HighRes}" class="btn highres"><i class="icon-zoom-in"></i> View in High-Res</a>
  400. {/block:HighRes}
  401. <div class="photo-image">
  402. {LinkOpenTag}
  403. <img src="{PhotoURL-1280}" alt="{PhotoAlt}">
  404. {LinkCloseTag}
  405. </div>
  406. {block:Caption}
  407. <div class="card caption">
  408. <div class="card-section entry-content">
  409. {Caption}
  410. </div>
  411. </div>
  412. {/block:Caption}
  413. {/block:Photo}
  414.  
  415. <!-- post: フォトセット -->
  416. {block:Photoset}
  417. <div class="photo-image">
  418. {Photoset-700}
  419. </div>
  420. {block:Caption}
  421. <div class="card caption">
  422. <div class="card-section entry-content">
  423. {Caption}
  424. </div>
  425. </div>
  426. {/block:Caption}
  427. {/block:Photoset}
  428.  
  429. <!-- post: テキスト -->
  430. {block:Text}
  431. <div class="card">
  432. <div class="card-section">
  433. <header class="entry-header">
  434. {block:Title}
  435. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  436. {/block:Title}
  437. </header>
  438. <div class="entry-content">
  439. {Body}
  440. </div>
  441. </div>
  442. </div>
  443. {/block:Text}
  444.  
  445. <!-- post: 引用 -->
  446. {block:Quote}
  447. <div class="card">
  448. <div class="card-section">
  449. <div class="entry-content {Length}">
  450. <blockquote>“{Quote}”</blockquote>
  451. {block:Source}
  452. <div class="quote-source">
  453. {Source}
  454. </div>
  455. {/block:Source}
  456. </div>
  457. </div>
  458. </div>
  459. {/block:Quote}
  460.  
  461. <!-- post: リンク -->
  462. {block:Link}
  463. <div class="card">
  464. <div class="card-section">
  465. <header class="entry-header">
  466. <h1 class="entry-title">
  467. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  468. </h1>
  469. </header>
  470. <div class="entry-content">
  471. {block:Description}
  472. <div class="link-description">{Description}</div>
  473. {/block:Description}
  474. </div>
  475. </div>
  476. </div>
  477. {/block:Link}
  478.  
  479. <!-- post: チャット -->
  480. {block:Chat}
  481. <div class="card">
  482. <div class="card-section">
  483. <div class="entry-content">
  484. {block:Title}
  485. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  486. {/block:Title}
  487. <ul class="ul-chat">
  488. {block:Lines}
  489. <li class="{Alt} user_{UserNumber}">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}
  493. {Line}
  494. </li>
  495. {/block:Lines}
  496. </ul>
  497. </div>
  498. </div>
  499. </div>
  500. {/block:Chat}
  501.  
  502. <!-- post: ビデオ -->
  503. {block:Video}
  504. <div class="video-iframe">
  505. {Video-700}
  506. </div>
  507. {block:Caption}
  508. <div class="card">
  509. <div class="card-section caption">
  510. {Caption}
  511. </div>
  512. </div>
  513. {/block:Caption}
  514. {/block:Video}
  515.  
  516. <!-- post: オーディオ -->
  517. {block:Audio}
  518. <div class="card">
  519. <div class="card-section">
  520. <div class="entry-content">
  521. {AudioPlayerBlack}
  522. {block:Caption}
  523. <div class="caption">
  524. {Caption}
  525. </div>
  526. {/block:Caption}
  527. </div>
  528. </div>
  529. </div>
  530. {/block:Audio}
  531.  
  532. <!-- post: Answer -->
  533. {block:Answer}
  534. <div class="card">
  535. <div class="card-section">
  536. <div class="entry-content">
  537. <div class="question bubble">
  538. {Question}
  539. </div>
  540. <div class="asker-group">
  541. <img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
  542. </div>
  543. <hr/>
  544. <div class="answer cont">{Answer}</div>
  545. </div>
  546. </div>
  547. </div>
  548. {/block:Answer}
  549.  
  550. </article>
  551.  
  552. {block:IfDisqusShortname}
  553. <div class="card">
  554. <div class="card-section">
  555. <div id="disqus_thread"></div>
  556. </div>
  557. </div>
  558. <script type="text/javascript">
  559. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  560. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname
  561. /* * * DON'T EDIT BELOW THIS LINE * * */
  562. (function() {
  563. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  564. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  565. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  566. })();
  567. </script>
  568. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  569. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  570. {/block:IfDisqusShortname}
  571.  
  572. </div>
  573. <div class="sidebar">
  574.  
  575. <div class="card postedby">
  576. <img src="{PortraitURL-128}" class="user-icon">
  577. <div class="card-section">
  578. <h2 class="user-name">
  579. <a href="/">{text:Your Name}</a>
  580. </h2>
  581. <div class="user-findme">
  582. <ul>
  583. {block:IfYourTwitterUsername}
  584. <li>
  585. <a href="http://twitter.com/{text:Your Twitter Username}" target="_blank"><i class="icon-twitter"></i></a>
  586. </li>
  587. {/block:IfYourTwitterUsername}
  588. {block:IfYourFacebookUsername}
  589. <li>
  590. <a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank"><i class="icon-facebook-sign"></i></a>
  591. </li>
  592. {/block:IfYourFacebookUsername}
  593. {block:IfYourGooglePlusID}
  594. <li>
  595. <a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank"><i class="icon-google-plus-sign"></i></a>
  596. </li>
  597. {/block:IfYourGooglePlusID}
  598. {block:IfYourPixivID}
  599. <li><a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank"><i class="icon-pixiv"></i></a></li>
  600. {/block:IfYourPixivID}
  601. </ul>
  602. </div>
  603. </div>
  604. </div>
  605.  
  606. {block:RebloggedFrom}
  607. <div class="card reblog">
  608. <div class="card-section rebloggedfrom">
  609. <a href="{ReblogParentURL}">
  610. <img src="{ReblogParentPortraitURL-128}" class="user-icon" alt="{ReblogParentName}">
  611. </a>
  612. <span class="label">
  613. <i class="icon-retweet"></i> Reblogged from
  614. </span>
  615. <a href="{ReblogParentURL}" class="user-name">
  616. {ReblogParentName}
  617. </a>
  618. </div>
  619. <div class="card-section original">
  620. <a href="{ReblogRootURL}">
  621. <img src="{ReblogRootPortraitURL-128}" class="user-icon" alt="{ReblogRootName}">
  622. </a>
  623. <span class="label">
  624. Originally posted by
  625. </span>
  626. <a href="{ReblogRootURL}" class="user-name">
  627. {ReblogRootName}
  628. </a>
  629. </div>
  630. </div>
  631. {/block:RebloggedFrom}
  632.  
  633. <div class="card like-reblog-card">
  634. <div class="card-section">
  635. <ul class="like-reblog-buttons">
  636. <li class="reblog-button"><a href="{ReblogURL}" class="btn"><i class="icon-retweet"></i> Reblog</a></li>
  637. <li class="like-button btn">{LikeButton size="16"}</li>
  638. <li class="share-button"><span class="btn"><i class="icon-share"></i></span>
  639. <!-- シェアボタン押したときのプルダウン -->
  640. <div class="share-pulldown">
  641. <ul class="list">
  642. <li>
  643. <a href="http://twitter.com/intent/tweet?text={block:PostSummary}{PostSummary}{/block:PostSummary}&url={Permalink}"><i class="icon-twitter"></i> Tweet</a>
  644. </li>
  645. <li>
  646. <a href="http://www.facebook.com/sharer.php?u={Permalink}&t={block:PostSummary}{PostSummary}{/block:PostSummary}"><i class="icon-facebook-sign"></i> Facebook</a>
  647. </li>
  648. <li>
  649. <a href="mailto:?subject={Title}&amp;body={block:PostSummary}{PostSummary}{/block:PostSummary}%0D%0A{Permalink}" target="_blank"><i class="icon-envelope"></i> Email</a>
  650. </li>
  651. </ul>
  652. </div>
  653. </li>
  654. </ul>
  655. </div>
  656. </div>
  657.  
  658. <div class="card meta">
  659. <div class="card-section">
  660. <table><tbody>
  661. {block:ContentSource}
  662. <tr>
  663. <th>Source</th>
  664. <td>
  665. <a href="{SourceURL}">
  666. {block:SourceLogo}
  667. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  668. {/block:SourceLogo}
  669. {block:NoSourceLogo}
  670. {SourceTitle}
  671. {/block:NoSourceLogo}
  672. </a>
  673. </td>
  674. </tr>
  675. {/block:ContentSource}
  676. <tr>
  677. <th>Published</th>
  678. <td>
  679. {block:NewDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:NewDayDate}
  680. {block:SameDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:SameDayDate}
  681. </td>
  682. </tr>
  683. {block:HasTags}
  684. <tr>
  685. <th>Tag</th>
  686. <td>
  687. {block:Tags}
  688. <a href="{TagURL}">#{Tag}</a>
  689. {/block:Tags}
  690. </td>
  691. </tr>
  692. {/block:HasTags}
  693. </tbody></table>
  694. </div>
  695. </div>
  696.  
  697. <div id="related">
  698. </div>
  699.  
  700. {block:IfShowExif}
  701. {block:Exif}
  702. <div class="card meta exif">
  703. <div class="card-section">
  704. <table><tbody>
  705. {block:Camera}
  706. <tr>
  707. <th>Camera</th>
  708. <td>{Camera}</td>
  709. </tr>
  710. {/block:Camera}
  711. {block:Aperture}
  712. <tr>
  713. <th>Aperture</th>
  714. <td>{Aperture}</td>
  715. </tr>
  716. {block:Aperture}
  717. {block:Exposure}
  718. <tr>
  719. <th>Exposure</th>
  720. <td>{Exposure}</td>
  721. </tr>
  722. {/block:Exposure}
  723. {block:FocalLength}
  724. <tr>
  725. <th>Focal length</th>
  726. <td>{FocalLength}</td>
  727. </tr>
  728. {/block:FocalLength}
  729. </tbody></table>
  730. </div>
  731. </div>
  732. {/block:Exif}
  733. {/block:IfShowExif}
  734.  
  735. {block:NoteCount}
  736. <div class="card notecount">
  737. <h4>
  738. <strong>{NoteCount}</strong> Notes
  739. </h4>
  740. {block:PostNotes}
  741. <div class="card-section">
  742. <div class="notecontainer">{PostNotes}</div>
  743. </div>
  744. {/block:PostNotes}
  745. </div>
  746. {/block:NoteCount}
  747.  
  748. </div>
  749.  
  750. {/block:Posts}
  751.  
  752. {/block:PermalinkPage}
  753.  
  754. </div>
  755.  
  756. <!--フッタ-->
  757. <footer id="footer">
  758. <div class="container">
  759. <div class="copyright">
  760. ©{CopyrightYears} {Title}<br/>
  761. <!-- ↓ Please do not delete this anchor. -->
  762. <a href="http://sanographix.github.io/tumblr/illustfolio2/" target="_blank">Illustfolio 2</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
  763. </div>
  764. </div>
  765. </footer>
  766.  
  767. </body>
  768. </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!