kthms

märchen theme

Feb 13th, 2015 (edited)
6,345
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.70 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. märchen theme by shythemes
  10. http://shythemes.tumblr.com
  11.  
  12.  
  13.  
  14.  
  15. -->
  16. <title>{Title}</title>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  18. <link rel="shortcut icon" href="{Favicon}"/>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:border" content="#f0f0f0"/>
  25. <meta name="color:text" content="#9a9a9a"/>
  26. <meta name="color:bold" content="#4f4f4f"/>
  27. <meta name="color:title" content="#4f4f4f"/>
  28. <meta name="color:link" content="#91a6d1"/>
  29. <meta name="color:link hover" content="#8a97b3"/>
  30. <meta name="color:post info" content="#bdbdbd"/>
  31. <meta name="color:blockquote border" content="#e9e9e9"/>
  32. <meta name="color:caption bg" content="#fbfbfb"/>
  33. <meta name="color:popup bg" content="#fbfbfb"/>
  34. <meta name="color:scrollbar" content="#dcdcdc"/>
  35. <meta name="select:post width" content="250" title="250"/>
  36. <meta name="select:post width" content="300" title="300"/>
  37. <meta name="select:post width" content="350" title="350"/>
  38. <meta name="select:post width" content="400" title="400"/>
  39. <meta name="select:post width" content="450" title="450"/>
  40. <meta name="select:post width" content="494" title="500"/>
  41. <meta name="select:post width" content="536" title="540"/>
  42. <meta name="select:sidebar" content="left top" title="left top"/>
  43. <meta name="select:sidebar" content="left middle" title="left middle"/>
  44. <meta name="select:sidebar" content="left bottom" title="left bottom"/>
  45. <meta name="select:sidebar" content="right top" title="right top"/>
  46. <meta name="select:sidebar" content="right middle" title="right middle"/>
  47. <meta name="select:sidebar" content="right bottom" title="right bottom"/>
  48. <meta name="if:centered" content="1"/>
  49. <meta name="if:popup nav" content="1"/>
  50. <meta name="if:search bar" content="1"/>
  51. <meta name="if:show title" content="1"/>
  52. <meta name="if:show description" content="1"/>
  53. <meta name="if:show captions" content="1"/>
  54. <meta name="if:inline captions" content="0"/>
  55. <meta name="if:show tags" content="1"/>
  56. <meta name="if:show reblog info" content="1"/>
  57. <meta name="if:letter spacing" content="0"/>
  58. <meta name="if:infinite scroll" content="0"/>
  59. <meta name="text:font size" content=""/>
  60. <meta name="text:font family" content=""/>
  61. <meta name="text:home link" content="home"/>
  62. <meta name="text:archive link" content="archive"/>
  63. <meta name="text:ask link" content="ask"/>
  64. <meta name="text:link 1" content=""/>
  65. <meta name="text:link 1 url" content=""/>
  66. <meta name="text:link 2" content=""/>
  67. <meta name="text:link 2 url" content=""/>
  68. <meta name="text:link 3" content=""/>
  69. <meta name="text:link 3 url" content=""/>
  70. <meta name="text:link 4" content=""/>
  71. <meta name="text:link 4 url" content=""/>
  72. <meta name="text:link 5" content=""/>
  73. <meta name="text:link 5 url" content=""/>
  74. <meta name="text:link 6" content=""/>
  75. <meta name="text:link 6 url" content=""/>
  76.  
  77. <link href='//fonts.googleapis.com/css?family=Lora:400,400italic|PT+Sans:400' rel='stylesheet' type='text/css'>
  78.  
  79. <style type="text/css">
  80.  
  81. /* basic styles */
  82.  
  83. ::-webkit-scrollbar {
  84. width:3px;
  85. height:3px;
  86. }
  87. ::-webkit-scrollbar,
  88. ::-webkit-scrollbar-track {
  89. background-color:{color:background};
  90. }
  91. ::-webkit-scrollbar-thumb {
  92. background-color:{color:scrollbar};
  93. }
  94. body {
  95. margin:0px;
  96. font-family:'helvetica neue', arial, sans-serif;
  97. font-family:{text:font family}, 'helvetica neue', arial, sans-serif;
  98. letter-spacing:0px;
  99. font-size:10px;
  100. font-size:{text:font size}px;
  101. line-height:1.5em;
  102. word-wrap:break-word;
  103. overflow-x:hidden;
  104. -moz-font-smoothing:subpixel-antialiased;
  105. -webkit-font-smoothing:subpixel-antialiased;
  106. font-smoothing:subpixel-antialiased;
  107. color:{color:text};
  108. background-color:{color:background};
  109. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  110. }
  111. blockquote, ol, ul, p, pre {
  112. margin-top:.6em;
  113. margin-bottom:.6em;
  114. }
  115. blockquote {
  116. margin-left:1.2em;
  117. margin-right:0;
  118. padding-left:1.2em;
  119. border-left:1px solid {color:blockquote border};
  120. }
  121. pre {
  122. white-space:normal;
  123. font-family:consolas, monospace;
  124. }
  125. img {
  126. border:0px;
  127. }
  128. a {
  129. color:inherit;
  130. text-decoration:none;
  131. }
  132. a:hover {
  133. color:{color:text};
  134. }
  135. ol, ul {
  136. padding-left:2.5em;
  137. }
  138. li ol, li ul {
  139. margin:0;
  140. }
  141. small, sub {
  142. font-size:1em;
  143. vertical-align:baseline;
  144. }
  145. b, strong {
  146. font-weight:normal;
  147. color:{color:bold};
  148. }
  149. h1, h2, h3, h4, h5, h6 {
  150. font-size:1em;
  151. font-weight:normal;
  152. }
  153. hr {
  154. border:0;
  155. margin:0;
  156. }
  157.  
  158. /* accents */
  159.  
  160. .accent {
  161. font-size:8px;
  162. font-weight:normal;
  163. font-style:normal;
  164. font-family:calibri, 'pt sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  165. line-height:1.5em;
  166. text-transform:uppercase;
  167. letter-spacing:1px;
  168. color:{color:post info};
  169. }
  170. .title {
  171. font-size:15px;
  172. font-family:lora, times, serif;
  173. letter-spacing:0;
  174. line-height:1.2em;
  175. color:{color:title};
  176. }
  177.  
  178. /* container */
  179.  
  180. #main {
  181. margin:100px{block:ifCentered} auto{/block:ifCentered};
  182. width:{select:post width}px;
  183. text-align:center;
  184. }
  185. .left #main {
  186. padding-left:270px;
  187. }
  188. .right #main {
  189. padding-right:270px;
  190. }
  191.  
  192. /* sidebar/header */
  193.  
  194. aside {
  195. position:fixed;
  196. width:170px;
  197. }
  198. .top aside {
  199. top:100px;
  200. }
  201. .middle aside {
  202. top:100px;
  203. bottom:100px;
  204. }
  205. .middle .nest {
  206. display:table;
  207. height:100%;
  208. }
  209. .middle .inside {
  210. display:table-cell;
  211. vertical-align:middle;
  212. }
  213. .bottom aside {
  214. bottom:100px;
  215. }
  216. .left aside {
  217. margin-left:-270px;
  218. }
  219. .right aside {
  220. margin-left:calc({select:post width}px + 100px);
  221. }
  222. aside .im {
  223. display:block;
  224. position:relative;
  225. margin-bottom:5px;
  226. border-bottom:1px solid {color:border};
  227. }
  228. aside .im img {
  229. display:block;
  230. max-width:100%;
  231. height:auto;
  232. }
  233. aside .title a {
  234. display:block;
  235. padding:0 5px 10px;
  236. margin-bottom:5px;
  237. color:{color:title};
  238. border-bottom:1px solid {color:border};
  239. }
  240. aside ol {
  241. list-style-type:none;
  242. text-align:left;
  243. padding:0;
  244. margin:0px -10px 0 0;
  245. }
  246. aside ol li {
  247. display:inline;
  248. text-align:center;
  249. margin:0 10px 0 0;
  250. }
  251. aside #button,
  252. aside nav a,
  253. aside .search {
  254. display:inline-block;
  255. padding:6px 5px 5px;
  256. width:70px;
  257. border-bottom:1px solid {color:border};
  258. }
  259. aside #button,
  260. aside ol li:nth-child(2n+1) .search,
  261. aside ol li:nth-child(2n+1) .query {
  262. width:160px;
  263. max-width:160px;
  264. }
  265. aside .search .query {
  266. max-width:70px;
  267. border:0;
  268. outline:0;
  269. padding:0;
  270. color:{color:post info};
  271. text-align:center;
  272. background-color:transparent;
  273. }
  274. ::-webkit-input-placeholder {color:{color:post info};}
  275. :-moz-placeholder {color:{color:post info}; opacity:1;}
  276. ::-moz-placeholder {color:{color:post info}; opacity:1;}
  277. :-ms-input-placeholder {color:{color:post info};}
  278. input:focus::-webkit-input-placeholder {color:transparent;}
  279. input:focus:-moz-placeholder {color:transparent;}
  280. input:focus::-moz-placeholder {color:transparent; }
  281. input:focus:-ms-input-placeholder { color:transparent;}
  282. aside .desc {
  283. margin:5px 0;
  284. padding:10px;
  285. background-color:{color:caption bg};
  286. }
  287.  
  288. {block:ifPopupNav}
  289. /* pop-up navigation */
  290.  
  291. aside #button {
  292. padding:6px 5px 10px;
  293. }
  294. aside nav {
  295. position:fixed;
  296. top:50%;
  297. left:50%;
  298. z-index:1;
  299. width:170px;
  300. padding:30px;
  301. background-color:{color:background};
  302. -webkit-transform:translate(-50%,-50%);
  303. transform:translate(-50%,-50%);
  304. }
  305. aside nav,
  306. aside .bg {
  307. visibility:hidden;
  308. opacity:0;
  309. -webkit-transition:opacity .15s linear, visibility 0s linear .15s;
  310. transition:opacity .15s linear, visibility 0s linear .15s;
  311. }
  312. aside .bg {
  313. position:fixed;
  314. top:0;
  315. right:0;
  316. bottom:0;
  317. left:0;
  318. background-color:{color:popup bg};
  319. }
  320. .open aside .bg,
  321. .open aside nav {
  322. visibility:visible;
  323. opacity:1;
  324. -webkit-transition-delay:0s;
  325. transition-delay:0s;
  326. }
  327. .open aside .bg {
  328. opacity:.9;
  329. }
  330. aside li:nth-child(1) a,
  331. aside li:nth-child(2) a {
  332. border-top:1px solid {color:border};
  333. }
  334. {/block:ifPopupNav}
  335.  
  336. /* pagination */
  337.  
  338. .pagination {
  339. padding:50px 0 0;
  340. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  341. }
  342. .pagination .pages {
  343. display:inline-block;
  344. padding:0 5px 5px;
  345. margin:0 0 -1px;
  346. border-bottom:1px solid {color:border};
  347. }
  348. .pagination ol {
  349. display:inline-block;
  350. margin:0;
  351. padding:0;
  352. border-top:1px solid {color:border};
  353. list-style-type:none;
  354. text-align:center;
  355. border-top:1px solid {color:border};
  356. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  357. }
  358. .pagination a {
  359. border:0!important;
  360. display:inline-block;
  361. padding:6px 5px 5px 6px;
  362. }
  363. .pagination li {
  364. display:inline;
  365. margin:0;
  366. }
  367.  
  368. /* posts */
  369.  
  370. .entry {
  371. margin:0 0 100px;
  372. position:relative;
  373. }
  374. .post {
  375. position:relative;
  376. }
  377. .post a:hover {
  378. color:{color:link hover};
  379. }
  380. .post img {
  381. max-width:100%;
  382. height:auto;
  383. }
  384.  
  385. /* info */
  386.  
  387. .info, .tags {
  388. padding:5px;
  389. display:inline-block;
  390. }
  391. .info a {
  392. margin:0 3px;
  393. }
  394. .info {
  395. padding-top:6px;
  396. border-top:1px solid {color:border};
  397. }
  398. .tags {
  399. margin:0 0 -1px;
  400. border-bottom:1px solid {color:border};
  401. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  402. }
  403. .tags a {
  404. margin-left:1px;
  405. }
  406. .tags a:hover {
  407. color:{color:text};
  408. }
  409. .comma:last-child {
  410. display:none;
  411. }
  412.  
  413. /* post titles */
  414.  
  415. .post > h1,
  416. .quote {
  417. margin:0;
  418. text-align:left;
  419. font-size:13px;
  420. padding:0 5px 10px;
  421. line-height:1.5em;
  422. border-bottom:1px solid {color:border};
  423. }
  424. .quote {
  425. font-style:italic;
  426. text-align:center;
  427. }
  428. .question {
  429. text-align:center;
  430. padding:0 5px 10px;
  431. line-height:1.5em;
  432. }
  433. .question i {
  434. font-style:inherit;
  435. display:inline-block;
  436. text-align:right;
  437. margin:0 0 5px;
  438. padding:0 5px 5px;
  439. border-bottom:1px solid {color:border};
  440. }
  441.  
  442. /* text and captions */
  443.  
  444. .text {
  445. margin:0 0 5px;
  446. padding:15px;
  447. background-color:{color:caption bg};
  448. text-align:left;
  449. }
  450. .text a {
  451. color:{color:link};
  452. }
  453. .text a:hover {
  454. color:{color:link hover};
  455. text-decoration:underline;
  456. }
  457. .text *:first-child {
  458. margin-top:0px;
  459. }
  460. .text *:last-child {
  461. margin-bottom:0px;
  462. }
  463. .caption {
  464. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  465. }
  466. {block:ifInlineCaptions}
  467. .caption {
  468. text-align:center;
  469. }
  470. .caption * {
  471. margin:0;
  472. padding:0;
  473. border:0;
  474. display:inline;
  475. list-style-type:none;
  476. }
  477. .caption blockquote:before, .caption li:before, .caption p:before, .caption pre:before, .caption div:before {
  478. content:" ";
  479. }{/block:ifInlineCaptions}
  480. .source {
  481. text-align:center;
  482. }
  483.  
  484. /* photos and videos */
  485.  
  486. .media {
  487. margin-bottom:5px;
  488. }
  489. .media img,
  490. .media .photoset {
  491. display:block;
  492. max-width:100%;
  493. margin:0px auto;
  494. }
  495. .video iframe,
  496. .tumblr_video_container {
  497. display:block;
  498. max-width:100%;
  499. max-height:{select:post width}px;
  500. }
  501. .video #youtube_iframe {
  502. max-height:calc({select:post width}px * 0.667);
  503. }
  504. .video .instagram-media {
  505. max-height:none!important;
  506. box-shadow:none!important;
  507. }
  508.  
  509. /* chat posts */
  510.  
  511. .chat .label {
  512. padding-right:5px;
  513. }
  514.  
  515. /* audio posts */
  516.  
  517. .audiowrap {
  518. position:relative;
  519. height:73px;
  520. overflow:hidden;
  521. line-height:0;
  522. margin-bottom:5px;
  523. text-align:left;
  524. }
  525. .albumart {
  526. position:relative;
  527. display:inline-block;
  528. width:73px;
  529. height:73px;
  530. background-size:cover;
  531. }
  532. .audio {
  533. position:absolute;
  534. display:inline-block;
  535. left:0px;
  536. top:0px;
  537. right:0px;
  538. bottom:0px;
  539. text-align:left;
  540. }
  541. .audio .player {
  542. width:27px;
  543. height:27px;
  544. left:23px;
  545. top:23px;
  546. overflow:hidden;
  547. position:absolute;
  548. }
  549. .audio .track {
  550. position:absolute;
  551. top:0px;
  552. left:78px;
  553. right:0px;
  554. bottom:0px;
  555. padding:23px;
  556. overflow:hidden;
  557. line-height:14px!important;
  558. background-color:{color:caption bg};
  559. }
  560. .audio .track i {
  561. font-style:normal;
  562. display:block;
  563. position:relative;
  564. width:100%;
  565. height:14px;
  566. overflow:hidden;
  567. }
  568.  
  569. /* post notes */
  570.  
  571. #notes {
  572. text-align:left;
  573. }
  574. .notes {
  575. list-style-type:none;
  576. padding:0;
  577. margin:0;
  578. }
  579. .notes a {
  580. border:0;
  581. text-decoration:none;
  582. color:inherit;
  583. }
  584. .notes li {
  585. padding:6px 5px 5px;
  586. border-bottom:1px solid {color:border};
  587. }
  588. .notes img {
  589. display:none;
  590. }
  591. .notes li blockquote {
  592. margin-bottom:.5em!important;
  593. }
  594.  
  595. #infscr-loading {
  596. display:none!important;
  597. }
  598. #tumblr_controls {
  599. -webkit-filter:invert(90%);
  600. -webkit-backface-visibility:hidden;
  601. opacity:.67!important;
  602. padding:5px;
  603. }
  604. #tumblr_lightbox {
  605. background-color:transparent!important;
  606. }
  607. #tumblr_lightbox > div:nth-child(2) {
  608. opacity:.9;
  609. background-color:{color:popup bg};
  610. }
  611. #vignette,
  612. #tumblr_lightbox_left_image,
  613. #tumblr_lightbox_right_image {
  614. visibility:hidden;
  615. }
  616. #tumblr_lightbox img {
  617. border-radius:0!important;
  618. box-shadow:none!important;
  619. }
  620. #theme {
  621. position:fixed;
  622. bottom:10px;
  623. right:10px;
  624. display:inline-block;
  625. padding:5px;
  626. font:8px/5px 'helvetica neue', arial, sans-serif;
  627. letter-spacing:0;
  628. text-transform:none;
  629. background-color:white;
  630. color:#4f4f4f;
  631. }
  632. </style>
  633. </head>
  634. <body class="{select:sidebar}">
  635. <div id="main">
  636. <div id="content"><!-- p o s t s -->
  637. {block:Posts}
  638. <article class="entry">
  639. <div class="post">
  640. {block:Answer}<!-- a n s w e r --><div class="ask"><div class="question accent"><i>{Asker} asked</i><br/>{Question}</div></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- a u d i o --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track accent">{block:TrackName}<i>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- c h a t -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="chat text accent">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- l i n k --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- p h o t o --><div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- p h o t o s e t --><div class="media">{Photoset}</div>{/block:Photoset}{block:Quote}<!-- q u o t e --><div class="quote title">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- t e x t -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}{block:Video}<!-- v i d e o --><div class="media video">{Video-500}</div>{/block:Video}
  641. {block:Caption}<!-- c a p t i o n --><div class="caption text">{Caption}</div>{/block:Caption}
  642. {block:HasTags}<!-- t a g s --><div class="tags accent">tagged {block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">,</i> {/block:Tags}</div>{/block:HasTags}
  643. </div>
  644. {block:Date}<!-- d a t e --><div class="info accent {block:HasTags}t{/block:HasTags}"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth}</a> {block:NoteCount}<a href="{Permalink}">+{NoteCount}</a> {/block:NoteCount}{block:ifShowReblogInfo}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {block:ContentSource}<a href="{ReblogRootURL}">source</a> {/block:ContentSource}{/block:RebloggedFrom}{/block:ifShowReblogInfo}<a href="{ReblogURL}">reblog</a> </div>{/block:Date}
  645. </article>
  646. {block:PostNotes}<!-- p o s t n o t e s --><article id="notes" class="entry"><div class="post"><h1 class="title">Notes</h1><div class="accent">{PostNotes}</div></div></article>{/block:PostNotes}
  647. {/block:Posts}
  648. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  649. </div><!-- end #content -->
  650. <aside><!-- s i d e b a r -->
  651. <div class="nest"><div class="inside">
  652. {block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  653. {block:ifSidebarImage}<a href="/" class="im"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}
  654. {block:ifShowDescription}<div class="desc">{Description}</div>{/block:ifShowDescription}
  655. {block:ifPopupNav}<a id="button" class="accent" href="#">Navigation</a><div class="bg"></div>{/block:ifPopupNav}
  656. <nav><!-- n a v i g a t i o n --><ol class="accent">{block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}{block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}{block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}{block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}{block:ifSearchBar}<li><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="accent query" placeholder="search"/></form></li>{/block:ifSearchBar}</ol></nav>
  657. {block:Pagination}<!-- p a g i n a t i o n --><div class="pagination accent"><span class="pages">Page {CurrentPage} of {TotalPages}</span><br/><ol>{block:PreviousPage}<li><a class="back" href="{PreviousPage}">{lang:Back}</a></li>{/block:PreviousPage}{block:NextPage}<li><a class="next" href="{NextPage}">{lang:Next}</a></li>{/block:NextPage}</ol></div>{/block:Pagination}
  658. </div></div></aside>
  659. </div><!-- end #main -->
  660. <a href="http://shythemes.tumblr.com" target="_blank" id="theme">ㅅ</a>
  661. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  662. <script>
  663. $(document).ready(function(){
  664. $('#button').bind('click', function(){
  665. $('body').toggleClass('open');
  666. return false
  667. });
  668. $('.bg').bind('click', function(){
  669. $('body').toggleClass('open');
  670. });
  671. });
  672. </script>
  673. {block:IndexPage}
  674. {block:ifInfiniteScroll}
  675. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  676. <script>
  677. $(document).ready(function(){
  678. $('#content').infinitescroll({
  679. itemSelector : ".entry",
  680. navSelector : ".pagination",
  681. nextSelector : ".next",
  682. loadingImg : "",
  683. loadingText : "<em></em>",
  684. bufferPx: 2000
  685. });
  686. });
  687. </script>{/block:ifInfiniteScroll}
  688. {/block:IndexPage}
  689. </body>
  690. </html>
Add Comment
Please, Sign In to add comment