API tools faq
paste
Advertisement
feiinho

Reblographix 2 by @sanographix http://www.sanographix.net

feiinho
Jun 20th, 2013
211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme: Reblographix 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. -->
  10.  
  11. <html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
  12. <head>
  13.  
  14. <!-- Variables -->
  15. <meta name="text:Google Analytics ID" content="" />
  16. <meta name="text:Blog Domain" content="foo.tumblr.com" />
  17. <meta name="if:Hide Tumblr Controls" content="1" />
  18.  
  19. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  20.  
  21. <meta charset="UTF-8">
  22. <meta name="viewport" content="width = device-width, initial-scale = 1, user-scalable = no">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  26. <link rel="canonical" href="{Permalink}"/>
  27.  
  28. <!-- OGP -->
  29. <meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
  30. <meta property="og:type" content="article" />
  31. <meta property="og:image" content="{PortraitURL-128}" />
  32. <!-- Twitter tags -->
  33. <meta name="twitter:image" content="{PortraitURL-128}" />
  34. <!-- photo だったら og-image はphotoURLにする -->
  35. {block:PermalinkPage}
  36. {block:Posts}
  37. {block:Photo}
  38. <meta property="og:image" content="{PhotoURL-400}" />
  39. {/block:Photo}
  40. {block:Photoset}
  41. {block:Photos}
  42. <meta property="og:image" content="{PhotoURL-400}" />
  43. {/block:Photos}
  44. {/block:Photoset}
  45. {/block:Posts}
  46. {/block:PermalinkPage}
  47. <meta property="og:site_name" content="{Title}" />
  48. <meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
  49.  
  50. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/reblographix2/css/style.css" />
  51.  
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  53. <script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.0.1/jquery.fitvids.min.js"></script>
  54. <script src="//sanographix.github.io/public/tumblr/reblographix2/js/options.min.js"></script>
  55. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.nanoscroller/0.6.8/jquery.nanoscroller.min.js"></script>
  56. <script src="//sanographix.github.io/public/tumblr/reblographix2/js/jquery.infinitescroll.js"></script>
  57. {block:IndexPage}
  58. <script src="//sanographix.github.io/public/tumblr/reblographix2/js/tinybox.js"></script>
  59. {/block:IndexPage}
  60.  
  61. <!--[if IE]>
  62. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  63. <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  64. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/reblographix2/css/fuck-ie.css" charset="utf-8"/>
  65. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/reblographix2/css/font-awesome-ie7.min.css" charset="utf-8"/>
  66. <![endif]-->
  67.  
  68. <!-- Google Analytics -->
  69. <script type="text/javascript">
  70. var _gaq = _gaq || [];
  71. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  72. _gaq.push(['_trackPageview']);
  73. (function() {
  74. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  75. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  76. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  77. })();
  78. </script>
  79. <!-- END Google Analytics -->
  80.  
  81. </head>
  82. <body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink nano" id="scrollbar{/block:PermalinkPage}">
  83.  
  84. <style>
  85. {CustomCSS}
  86.  
  87. {block:IfHideTumblrControls}
  88. #tumblr_controls {
  89. display: none;
  90. }
  91. {/block:IfHideTumblrControls}
  92.  
  93. </style>
  94.  
  95. <!-- ここから index page -->
  96. {block:IndexPage}
  97.  
  98. <div class="header-wrapper">
  99. <header id="header">
  100. <a id="nav" href="#sidr" class="first btn btn-dark"><i class="icon-reorder icon-large"></i></a>
  101. <h1 class="blog-title">
  102. <a href="/">{Title}</a>
  103. </h1>
  104. </header>
  105. </div>
  106.  
  107. <!-- iOSっぽい横から出てくるメニュー -->
  108. <nav id="sidr">
  109.  
  110. <div id="cse">
  111. <form id="search" method="get" action="http://www.google.co.jp/search" target="_blank">
  112. <input type="submit" id="searchBtn" value="Search" />
  113. <input type="text" id="stext" name="q" value="" placeholder="Search">
  114. <input name="domains" type="hidden" value="{text:Blog Domain}">
  115. <input name="sitesearch" type="hidden" value="{text:Blog Domain}">
  116. </form>
  117. </div>
  118.  
  119. <ul class="list blog-title">
  120. <li>
  121. <img src="{PortraitURL-48}" class="portrait-image">{Title}
  122. {block:Description}
  123. <div class="blog-description">{Description}</div>
  124. {/block:Description}
  125. </li>
  126. </ul>
  127. <h3>MENU</h3>
  128. <ul class="list">
  129. {block:HasPages}
  130. {block:Pages}
  131. <li>
  132. <a href="{URL}"><i class="icon-info-sign"></i> {Label}</a>
  133. </li>
  134. {/block:Pages}
  135. {/block:HasPages}
  136. <li>
  137. <a href="/archive"><i class="icon-calendar"></i> Archive</a>
  138. </li>
  139. <li>
  140. <a href="{RSS}"><i class="icon-rss"></i> RSS</a>
  141. </li>
  142. <li>
  143. <a href="http://www.tumblr.com/dashboard"><i class="icon-dashboard"></i> Dashboard</a>
  144. </li>
  145. </ul>
  146. <footer id="footer">
  147. <span class="copyright">
  148. ©{CopyrightYears} {Title}
  149. </span>
  150. <a href="http://sanographix.github.io/tumblr/reblographix2/" target="_blank">Reblographix 2</a> designed by <a href="http://www.sanographix.net/" target="_blank">@sanographix</a>
  151. </footer>
  152. </nav>
  153.  
  154. <div id="container">
  155.  
  156. {block:TagPage}
  157. <h3 class="tagged">Posts tagged "{Tag}"</h3>
  158. {/block:TagPage}
  159.  
  160. <!-- 投稿 -->
  161. {block:Posts}
  162. <article class="post {TagsAsClasses}
  163. {block:Text}text{/block:Text}
  164. {block:Photo}photo{/block:Photo}
  165. {block:Photoset}photoset{/block:Photoset}
  166. {block:Quote}quote{/block:Quote}
  167. {block:Link}link{/block:Link}
  168. {block:Chat}chat{/block:Chat}
  169. {block:Video}video{/block:Video}
  170. {block:Audio}audio{/block:Audio}
  171. {block:Answer}answer{/block:Answer}
  172. "
  173. onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:100,animate:false,closejs:function(){closeJS()}})">
  174.  
  175.  
  176. <!-- post: テキスト -->
  177. {block:Text}
  178. <div class="post-thumb">
  179. {block:Title}
  180. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  181. {/block:Title}
  182. <div class="entry-content">
  183. {Body}
  184. </div>
  185. </div>
  186. {/block:Text}
  187.  
  188. <!-- post: 画像 -->
  189. {block:Photo}
  190. <div class="photo-thumb" style="background-image:url({PhotoURL-250});">
  191. </div>
  192. {/block:Photo}
  193.  
  194. <!-- post: フォトセット -->
  195. {block:Photoset}
  196. {block:Photos}
  197. <div class="photo-thumb" style="background-image: url('{PhotoURL-250}');">
  198. </div>
  199. {/block:Photos}
  200. {/block:Photoset}
  201.  
  202. <!-- post: 引用 -->
  203. {block:Quote}
  204. <div class="post-thumb">
  205. <blockquote>“{Quote}”</blockquote>
  206. </div>
  207. {/block:Quote}
  208.  
  209. <!-- post: リンク -->
  210. {block:Link}
  211. <div class="post-thumb">
  212. <h1 class="entry-title">
  213. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  214. </h1>
  215. <div class="entry-content">
  216. {block:Description}
  217. <div class="link-description">{Description}</div>
  218. {/block:Description}
  219. </div>
  220. </div>
  221. {/block:Link}
  222.  
  223. <!-- post: チャット -->
  224. {block:Chat}
  225. <div class="post-thumb">
  226. <div class="entry-content">
  227. {block:Title}
  228. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  229. {/block:Title}
  230. <ul class="ul-chat">
  231. {block:Lines}
  232. <li class="{Alt} user_{UserNumber}">
  233. {block:Label}
  234. <span class="label">{Label}</span>
  235. {/block:Label}
  236. {Line}
  237. </li>
  238. {/block:Lines}
  239. </ul>
  240. </div>
  241. </div>
  242. {/block:Chat}
  243.  
  244. <!-- post: ビデオ -->
  245. {block:Video}
  246. <i class="icon-film"></i>
  247. {block:Caption}
  248. <div class="post-thumb">
  249. <div class="caption">
  250. {Caption}
  251. </div>
  252. </div>
  253. {/block:Caption}
  254. {/block:Video}
  255.  
  256. <!-- post: オーディオ -->
  257. {block:Audio}
  258. <i class="icon-music"></i>
  259. {block:Caption}
  260. <div class="post-thumb">
  261. <div class="caption">
  262. {Caption}
  263. </div>
  264. </div>
  265. {/block:Caption}
  266. {/block:Audio}
  267.  
  268. <!-- post: Answer -->
  269. {block:Answer}
  270. <div class="post-thumb">
  271. <div class="entry-content">
  272. <div class="question bubble">
  273. {Question}
  274. </div>
  275. <div class="asker-group">
  276. <img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
  277. </div>
  278. <hr/>
  279. <div class="answer cont">{Answer}</div>
  280. </div>
  281. </div>
  282. {/block:Answer}
  283.  
  284. </article>
  285. {/block:Posts}
  286.  
  287. </div><!-- container -->
  288.  
  289. <!-- ページャ -->
  290. {block:Pagination}
  291. <div id="pager">
  292. {block:PreviousPage}
  293. <a href="{PreviousPage}">Prev</a>
  294. {/block:PreviousPage}
  295. {block:NextPage}
  296. <a href="{NextPage}" class="next" rel="next">Next</a>
  297. {/block:NextPage}
  298. </div>
  299. {/block:Pagination}
  300.  
  301. <!-- iOSっぽいサイドバーメニュー -->
  302. <script src="http://static.tumblr.com/xlsgtjb/kCemks9ds/jquery.pageslide.min.js"></script>
  303. <script>
  304. $("a.first").pageslide({ direction: "left" });
  305. </script>
  306.  
  307. {/block:IndexPage}
  308. <!-- ここまで index page -->
  309.  
  310. <!-- ここからパーマリンクページ -->
  311. {block:PermalinkPage}
  312. <div class="content"><!-- nanoscroller 用 -->
  313. <div id="container">
  314.  
  315. <!-- 投稿 -->
  316. {block:Posts}
  317. <article class="post {TagsAsClasses}
  318. {block:Text}text{/block:Text}
  319. {block:Photo}photo{/block:Photo}
  320. {block:Photoset}photoset{/block:Photoset}
  321. {block:Quote}quote{/block:Quote}
  322. {block:Link}link{/block:Link}
  323. {block:Chat}chat{/block:Chat}
  324. {block:Video}video{/block:Video}
  325. {block:Audio}audio{/block:Audio}
  326. {block:Answer}answer{/block:Answer}
  327. ">
  328.  
  329. <!-- post: テキスト -->
  330. {block:Text}
  331. <header class="entry-header">
  332. {block:Title}
  333. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  334. {/block:Title}
  335. </header>
  336. <div class="entry-content">
  337. {Body}
  338. </div>
  339. {/block:Text}
  340.  
  341. <!-- post: 画像 -->
  342. {block:Photo}
  343. <div class="entry-content">
  344. <div class="photo-image">
  345. {LinkOpenTag}
  346. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  347. {LinkCloseTag}
  348. </div>
  349. {block:Caption}
  350. <div class="caption">
  351. {Caption}
  352. </div>
  353. {/block:Caption}
  354. </div>
  355. {/block:Photo}
  356.  
  357. <!-- post: フォトセット -->
  358. {block:Photoset}
  359. <div class="entry-content">
  360. <div class="photo-image">
  361. {Photoset-500}
  362. </div>
  363. {block:Caption}
  364. <div class="caption">
  365. {Caption}
  366. </div>
  367. {/block:Caption}
  368. </div>
  369. {/block:Photoset}
  370.  
  371. <!-- post: 引用 -->
  372. {block:Quote}
  373. <div class="entry-content {Length}">
  374. <blockquote>“{Quote}”</blockquote>
  375. {block:Source}
  376. <div class="quote-source">
  377. {Source}
  378. </div>
  379. {/block:Source}
  380. </div>
  381. {/block:Quote}
  382.  
  383. <!-- post: リンク -->
  384. {block:Link}
  385. <header class="entry-header">
  386. <h1 class="entry-title">
  387. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  388. </h1>
  389. </header>
  390. <div class="entry-content">
  391. {block:Description}
  392. <div class="link-description">{Description}</div>
  393. {/block:Description}
  394. </div>
  395. {/block:Link}
  396.  
  397. <!-- post: チャット -->
  398. {block:Chat}
  399. <div class="entry-content">
  400. {block:Title}
  401. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  402. {/block:Title}
  403. <ul class="ul-chat">
  404. {block:Lines}
  405. <li class="{Alt} user_{UserNumber}">
  406. {block:Label}
  407. <span class="label">{Label}</span>
  408. {/block:Label}
  409. {Line}
  410. </li>
  411. {/block:Lines}
  412. </ul>
  413. </div>
  414. {/block:Chat}
  415.  
  416. <!-- post: ビデオ -->
  417. {block:Video}
  418. <div class="entry-content video-iframe">
  419. {Video-700}
  420. {block:Caption}
  421. <div class="caption">
  422. {Caption}
  423. </div>
  424. {/block:Caption}
  425. </div>
  426. {/block:Video}
  427.  
  428. <!-- post: オーディオ -->
  429. {block:Audio}
  430. <div class="entry-content">
  431. {AudioPlayerBlack}
  432. {block:Caption}
  433. <div class="caption">
  434. {Caption}
  435. </div>
  436. {/block:Caption}
  437. </div>
  438. {/block:Audio}
  439.  
  440. <!-- post: Answer -->
  441. {block:Answer}
  442. <div class="entry-content">
  443. <div class="question bubble">
  444. {Question}
  445. </div>
  446. <div class="asker-group">
  447. <img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
  448. </div>
  449. <hr/>
  450. <div class="answer cont">{Answer}</div>
  451. </div>
  452. {/block:Answer}
  453.  
  454. <!-- 記事フッタ -->
  455. <footer class="entry-footer">
  456.  
  457. <!-- Content Source -->
  458. {block:ContentSource}
  459. <div class="meta content-source">
  460. <a href="{SourceURL}">
  461. {lang:Source}:
  462. {block:SourceLogo}
  463. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  464. {/block:SourceLogo}
  465. {block:NoSourceLogo}
  466. {SourceTitle}
  467. {/block:NoSourceLogo}
  468. </a>
  469. </div>
  470. {/block:ContentSource}
  471.  
  472. <div class="meta buttons">
  473. <div class="btn-group">
  474. <span class="btn">
  475. {LikeButton}
  476. </span>
  477. <span class="btn">
  478. {ReblogButton}
  479. </span>
  480. </div>
  481. </div>
  482.  
  483. <div class="meta timeago">
  484. {TimeAgo}
  485. <span class="date">
  486. {block:NewDayDate} ({Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}){/block:NewDayDate}
  487. {block:SameDayDate} ({Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}){/block:SameDayDate}
  488. </span>
  489. </div>
  490.  
  491. {block:RebloggedFrom}
  492. <div class="meta reblog">
  493. <div class="meta-from">
  494. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-64}" class="favicon"/></a>
  495. <span class="label"><i class="icon-retweet"></i> Reblogged from</span>
  496. <a href="{ReblogParentURL}" class="reblog-user-name">{ReblogParentName}</a>
  497. </div>
  498. <div class="meta-originally">
  499. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}" class="favicon"/></a>
  500. <span class="label">Originally posted by</span>
  501. <a href="{ReblogRootURL}" class="reblog-user-name">{ReblogRootName}</a>
  502. </div>
  503. </div>
  504. {/block:RebloggedFrom}
  505.  
  506. {block:HasTags}
  507. <div class="meta hastags">
  508. <i class="icon-tag icon-large"></i>
  509. {block:Tags}
  510. <a href="{TagURL}">#{Tag}</a>
  511. {/block:Tags}
  512. </div>
  513. {/block:HasTags}
  514.  
  515. {block:NoteCount}
  516. <div class="meta notecount">
  517. <strong>{NoteCount}</strong> Notes
  518. </div>
  519. {/block:NoteCount}
  520. {block:PostNotes}
  521. <div class="notecontainer">{PostNotes}</div>
  522. {/block:PostNotes}
  523.  
  524. <div class="meta home">
  525. <a href="/" class="btn"><i class="icon-home"></i> Home</a>
  526. </div>
  527.  
  528. <div class="meta credit">
  529. <a href="http://sanographix.github.io/tumblr/reblographix2/" target="_blank">Reblographix 2</a> designed by <a href="http://www.sanographix.net/" target="_blank">@sanographix</a>
  530. </div>
  531.  
  532. </footer>
  533. </article>
  534. {/block:Posts}
  535.  
  536. </div>
  537. </div>
  538. {/block:PermalinkPage}
  539. <!-- ここまでパーマリンクページ -->
  540.  
  541. </body>
  542. </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!