Advertisement
rasperries

lavender

Mar 13th, 2015
287
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9. violet theme by eoxk
  10. http://eoxk.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:background" content="http://static.tumblr.com/81b2be1e47b17e2ca239f97f324687dd/qudkd6d/2QZnkim4q/tumblr_static_e9zacz1pelko40c4sco4o8o0k.png"/>
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:nav bg" content="#f2fcfe"/>
  25. <meta name="color:nav icon" content="#404040"/>
  26. <meta name="color:text" content="#8f8f8f"/>
  27. <meta name="color:post border" content="#f3f3f3"/>
  28. <meta name="color:post bg" content="#ffffff"/>
  29. <meta name="color:caption bg" content="#fafafa"/>
  30. <meta name="color:title" content="#4f4f4f"/>
  31. <meta name="color:bold" content="#6a6a6a"/>
  32. <meta name="color:link" content="#90aac1"/>
  33. <meta name="color:link hover" content="#a3c5d7"/>
  34. <meta name="color:post info" content="#bfbfbf"/>
  35. <meta name="color:accent" content="#bfbfbf"/>
  36. <meta name="color:accent border" content="#dddddd"/>
  37. <meta name="color:blockquote border" content="#e9e9e9"/>
  38. <meta name="color:scrollbar" content="#dcdcdc"/>
  39. <meta name="select:post width" content="208" title="200"/>
  40. <meta name="select:post width" content="258" title="250"/>
  41. <meta name="select:post width" content="308" title="300"/>
  42. <meta name="select:post width" content="358" title="350"/>
  43. <meta name="select:post width" content="408" title="400"/>
  44. <meta name="select:post width" content="458" title="450"/>
  45. <meta name="select:post width" content="492" title="500"/>
  46. <meta name="if:sidebar" content="0"/>
  47. <meta name="if:one column" content="0"/>
  48. <meta name="if:hover info" content="0"/>
  49. <meta name="if:post borders" 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:tile background" content="1"/>
  57. <meta name="if:infinite scroll" content="1"/>
  58. <meta name="text:body font" content=""/>
  59. <meta name="text:home link" content="home"/>
  60. <meta name="text:archive link" content="archive"/>
  61. <meta name="text:ask link" content="ask"/>
  62. <meta name="text:link 1" content=""/>
  63. <meta name="text:link 1 url" content=""/>
  64. <meta name="text:link 2" content=""/>
  65. <meta name="text:link 2 url" content=""/>
  66. <meta name="text:link 3" content=""/>
  67. <meta name="text:link 3 url" content=""/>
  68. <meta name="text:link 4" content=""/>
  69. <meta name="text:link 4 url" content=""/>
  70. <meta name="text:link 5" content=""/>
  71. <meta name="text:link 5 url" content=""/>
  72. <meta name="text:link 6" content=""/>
  73. <meta name="text:link 6 url" content=""/>
  74.  
  75.  
  76. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic' rel='stylesheet' type='text/css'>
  77.  
  78. <style type="text/css">
  79.  
  80. /* basic styles */
  81.  
  82. ::-webkit-scrollbar {
  83. width:6px;
  84. height:6px;
  85. }
  86. ::-webkit-scrollbar,
  87. ::-webkit-scrollbar-track {
  88. background-color:{color:background};
  89. }
  90. ::-webkit-scrollbar-thumb {
  91. background-color:{color:scrollbar};
  92. border:1px solid {color:background};
  93. }
  94. body {
  95. margin:0px;
  96. font-family:'open sans', arial, sans-serif;
  97. letter-spacing:0px;
  98. font-size:9px;
  99. line-height:1.5em;
  100. word-wrap:break-word;
  101. overflow-x:hidden;
  102. background-attachment:fixed;
  103. -moz-font-smoothing:subpixel-antialiased;
  104. -webkit-font-smoothing:subpixel-antialiased;
  105. font-smoothing:subpixel-antialiased;
  106. color:{color:text};
  107. background-color:{color:background};
  108. {block:ifBodyFont}font-family:{text:body font}, 'open sans', arial, sans-serif;{/block:ifBodyFont}
  109. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  110. {block:ifBackgroundImage}background-image:url({image:background});{/block:ifBackgroundImage}
  111. }
  112. blockquote, ol, ul, p, pre {
  113. margin-top:.6em;
  114. margin-bottom:.6em;
  115. }
  116. blockquote {
  117. margin-left:0;
  118. margin-right:0;
  119. padding-left:.9em;
  120. border-left:1px solid {color:blockquote border};
  121. }
  122. pre {
  123. white-space:normal;
  124. font-family:consolas, monospace;
  125. }
  126. img {
  127. border:0px;
  128. }
  129. a {
  130. color:inherit;
  131. text-decoration:none;
  132. -webkit-transition:all .15s linear;
  133. transition:all .15s linear;
  134. }
  135. a:hover {
  136. color:{color:text};
  137. }
  138. ol, ul {
  139. padding-left:1em;
  140. list-style-type:none;
  141. }
  142. li ol, li ul {
  143. margin:0;
  144. }
  145. article ol li {
  146. counter-increment:olist;
  147. position:relative;
  148. padding-left:3em;
  149. }
  150. article ol li::before {
  151. content:counter(olist);
  152. display:inline-block;
  153. position:absolute;
  154. left:0;
  155. width:2.75em;
  156. overflow:hidden;
  157. vertical-align:middle;
  158. margin:0 6px 0 0;
  159. color:{color:accent border};
  160. }
  161. small, sub {
  162. font-size:9px;
  163. vertical-align:baseline;
  164. }
  165. b, strong {
  166. font-weight:normal;
  167. color:{color:bold}!important;
  168. }
  169. h1, h2, h3, h4, h5, h6 {
  170. font-size:1em;
  171. font-weight:normal;
  172. }
  173. hr {
  174. border:0;
  175. margin:0;
  176. }
  177.  
  178. a.tumblr_blog {
  179. font-size:7px;
  180. font-style:italic;
  181. font-family:'open sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  182. text-transform:uppercase;
  183. letter-spacing:1px;
  184. vertical-align:middle;
  185. color:{color:accent};
  186. }
  187.  
  188. /* accents */
  189.  
  190. .accent,
  191. ol, ul,
  192. #s-m-t-tooltip {
  193. font-size:7px;
  194. font-style:italic;
  195. font-family:'open sans', 'trebuchet ms', 'helvetica neue', sans-serif;
  196. text-transform:uppercase;
  197. letter-spacing:1px;
  198. vertical-align:middle;
  199. color:{color:accent};
  200. }
  201. .title {
  202. font-style:italic;
  203. font-family:'open sans', 'helvetica neue', sans-serif;
  204. line-height:1.2em;
  205. text-transform:uppercase;
  206. letter-spacing:1px;
  207. margin-top:10px;
  208. color:{color:title};
  209. }
  210. nav a,
  211. nav .search,
  212. ul li,
  213. .quote .source,
  214. .question i,
  215. .tags {
  216. position:relative;
  217. display:block;
  218. line-height:13px!important;
  219. padding-left:18px;
  220. }
  221. nav a::before,
  222. nav .search::before,
  223. ul li::before,
  224. .quote .source::before,
  225. .question i::before,
  226. .tags::before {
  227. content:" ";
  228. display:inline-block;
  229. position:absolute;
  230. left:0;
  231. top:6px;
  232. vertical-align:middle;
  233. margin:0 6px 0 0;
  234. width:12px;
  235. height:1px;
  236. background-color:#dddddd;
  237. -webkit-transition:all .3s ease-out;
  238. transition:all .3s ease-out;
  239. }
  240.  
  241.  
  242.  
  243. /* navigation */
  244.  
  245. nav ol {
  246. list-style-type:none;
  247. padding:0;
  248. margin:0;
  249. }
  250. nav ol li {
  251. margin:3px 0;
  252. }
  253. nav #navi ol {
  254. display:none;
  255. padding-left:18px;
  256. }
  257. nav a,
  258. nav .search {
  259. display:block;
  260. padding:0px 6px 0px 18px;
  261. -webkit-transition:all .3s ease-out;
  262. transition:all .3s ease-out;
  263. }
  264. nav a:hover,
  265. nav .search:hover {
  266. padding-left:24px;
  267. }
  268. nav a:hover::before,
  269. nav .search:hover::before {
  270. width:18px!important;
  271. }
  272. nav .search .query {
  273. width:100%;
  274. border:0;
  275. outline:0;
  276. padding:0;
  277. color:#adadad;
  278. background-color:transparent;
  279. font-family:inherit;
  280. font-size:inherit;
  281. }
  282. ::-webkit-input-placeholder {color:#adadad;}
  283. :-moz-placeholder {color:#adadad; opacity:1;}
  284. ::-moz-placeholder {color:#adadad; opacity:1;}
  285. :-ms-input-placeholder {color:#adadad;}
  286. input:focus::-webkit-input-placeholder {color:transparent;}
  287. input:focus:-moz-placeholder {color:transparent;}
  288. input:focus::-moz-placeholder {color:transparent; }
  289. input:focus:-ms-input-placeholder { color:transparent;}
  290.  
  291.  
  292. /* container */
  293.  
  294. #main {
  295. margin:35px auto 40px;
  296. padding:0 40px;
  297. }
  298. .top #main {
  299. text-align:center;
  300. }
  301. .left #main {
  302. padding-left:260px;
  303. }
  304.  
  305. /* sidebar/header */
  306.  
  307. aside {
  308. text-align:left;
  309. }
  310. .top aside {
  311. margin:115px 0 40px;
  312. }
  313. .left aside {
  314. position:fixed;
  315. margin-left:-180px;
  316. top:20%;
  317. -webkit-transform:translateY(-50%);
  318. transform:translateY(-50%);
  319. width:140px;
  320. }
  321. aside .title a {
  322. color:{color:title};
  323. letter-spacing:5px;
  324. padding:0 0 0 0px;
  325. font-size:1.2em;
  326. display:block;
  327. text-shadow:1px 1px 0 {color:post bg};
  328. }
  329. aside .desc {
  330. display:inline-block;
  331. padding:0px 0px 5px;
  332. border-radius:3px;
  333. -moz-box-sizing:border-box;
  334. box-sizing:border-box;
  335. max-width:{select:post width}px;
  336. background-color:{color:post bg};
  337. }
  338. aside .desc:nth-child(2) {
  339. margin-top:12px;
  340. }
  341. aside .desc a {
  342. color:{color:title};
  343. }
  344.  
  345. /* posts */
  346.  
  347. #content {
  348. margin:0 auto;
  349. font-size:0;
  350. display:inline-block;
  351. }
  352. .left #content {
  353. margin:40px 0;
  354. }
  355. .entry {
  356. position:relative;
  357. overflow:hidden;
  358. text-align:left;
  359. -moz-box-sizing:border-box;
  360. box-sizing:border-box;
  361. font-size:9px;
  362. margin:40px 40px 60px;
  363. width:{select:post width}px;
  364. padding:3px;
  365. background-color:{color:post bg};
  366. {block:ifPostBorders}
  367. border-radius:4px;
  368. border:1px solid {color:post border};
  369. {/block:ifPostBorders}
  370. {block:ifNotPostBorders}
  371. border-radius:3px;
  372. {/block:ifNotPostBorders}
  373. {block:IndexPage}{block:ifNotOneColumn}
  374. display:inline-block;
  375. vertical-align:top;
  376. margin-top:25px!important;
  377. opacity:0;
  378. z-index:-1;
  379. {/block:ifNotOneColumn}{/block:IndexPage}
  380. {block:PermalinkPage}width:486px!important;{/block:PermalinkPage}
  381. }
  382. .top .entry {
  383. margin:40px auto 80px;
  384. }
  385. .left .entry:last-of-type {
  386. margin-bottom:0;
  387.  
  388. }
  389. .post {
  390. position:relative;
  391. }
  392. .post img {
  393. max-width:100%;
  394. height:auto;
  395. border:0px solid {color:post border};
  396. }
  397.  
  398. /* info */
  399.  
  400. .date {
  401. padding:7px 7px 4px;
  402. margin-top:3px;
  403. border-top:1px solid {color:post border};
  404. color:{color:post info};
  405.  
  406. {block:IndexPage}
  407. {block:ifHoverInfo}
  408. position:absolute;
  409. bottom:6px;
  410. right:6px;
  411. z-index:1;
  412. margin-left:6px;
  413. opacity:0;
  414. border:0;
  415. margin:0;
  416. padding:0;
  417. overflow:hidden;
  418. text-align:right;
  419. display:inline-block;
  420. text-align:left;
  421. margin:0 1px 1px 0;
  422. padding:5px 6px;
  423. border-radius:2px;
  424. background-color:{color:post bg};
  425. border-right:1px solid {color:post border};
  426. border-bottom:1px solid {color:post border};
  427. -webkit-transition:opacity .2s linear;
  428. transition:opacity .2s linear;
  429. }
  430. .entry:hover .date {
  431. opacity:1;
  432. {/block:ifHoverInfo}
  433. {/block:IndexPage}
  434. }
  435. .date a {
  436. margin:0 0 0 1px;
  437. }
  438. .date .reblog::before,
  439. .date .rf::before {
  440. content:"/ ";
  441. margin:0 1px;
  442. }
  443. .tags {
  444. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  445. }
  446.  
  447. /* post titles */
  448.  
  449. .post > h1 {
  450. margin:0;
  451. font-size:1.1em;
  452. padding:9px 12px 12px;
  453. margin-bottom:3px;
  454. border-bottom:1px solid {color:post border};
  455. }
  456. .quote {
  457. font-style:italic;
  458. }
  459. .quote,
  460. .question {
  461. position:relative;
  462. margin-bottom:3px;
  463. border-radius:3px;
  464. padding:12px;
  465. color:{color:post accent};
  466. background-color:{color:caption bg};
  467. line-height:1.7em;
  468. }
  469. .quote .source,
  470. .question i {
  471. position:absolute;
  472. bottom:12px;
  473. right:12px;
  474. font-style:inherit;
  475. display:inline-block;
  476. }
  477. .quote .source p {
  478. margin:0;
  479. }
  480. .quote .source p::before {
  481. content:" ";
  482. }
  483. .quote .fix,
  484. .question .fix {
  485. position:static;
  486. opacity:0;
  487. }
  488.  
  489. /* text and captions */
  490.  
  491. .text {
  492. padding:12px;
  493. background-color:{color:caption bg};
  494. text-align:left;
  495. border-radius:3px;
  496. }
  497. .text a {
  498. font-style:italic;
  499. color:{color:link};
  500. }
  501. .text a:hover {
  502. color:{color:link hover};
  503. }
  504. .text *:first-child {
  505. margin-top:0px;
  506. }
  507. .text *:last-child {
  508. margin-bottom:0px;
  509. }
  510. .caption {
  511. margin-top:3px;
  512. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  513. }
  514. {block:ifInlineCaptions}
  515. .caption {
  516. text-transform:lowercase;
  517. }
  518. .caption * {
  519. margin:0;
  520. padding:0;
  521. border:0;
  522. display:inline;
  523. list-style-type:none;
  524. }
  525. .caption blockquote::before, .caption li::before, .caption p::before, .caption pre::before, .caption div::before {
  526. content:" ";
  527. }{/block:ifInlineCaptions}
  528.  
  529. /* photos and videos */
  530.  
  531. .media {
  532. border-radius:3px;
  533. overflow:hidden;
  534. }
  535. .media img,
  536. .media .photoset {
  537. display:block;
  538. max-width:100%;
  539. margin:0px auto;
  540. }
  541. .video #youtube_iframe {
  542. display:block;
  543. max-width:100%;
  544. max-height:calc({select:post width}px * 0.67);
  545. }
  546. .video iframe,
  547. .tumblr_video_container {
  548. display:block;
  549. max-width:100%;
  550. max-height:{select:post width}px;
  551. }
  552.  
  553. /* chat posts */
  554.  
  555. .chat {
  556. text-align:left;
  557. display:table;
  558. border-spacing:0;
  559. -moz-box-sizing:border-box;
  560. box-sizing:border-box;
  561. width:100%;
  562. }
  563. .chat .line {
  564. display:table-row;
  565. }
  566. .chat .label {
  567. display:table-cell;
  568. padding-right:5px;
  569. }
  570.  
  571. /* audio posts */
  572.  
  573. .audiowrap {
  574. position:relative;
  575. height:51px;
  576. overflow:hidden;
  577. line-height:0;
  578. text-align:left;
  579. }
  580. .albumart {
  581. position:relative;
  582. display:inline-block;
  583. width:51px;
  584. height:51px;
  585. border-radius:3px;
  586. background-size:cover;
  587. }
  588. .audio {
  589. position:absolute;
  590. display:inline-block;
  591. left:0px;
  592. top:0px;
  593. right:0px;
  594. bottom:0px;
  595. text-align:left;
  596. }
  597. .audio .player {
  598. width:27px;
  599. height:27px;
  600. left:12px;
  601. top:12px;
  602. opacity:.9;
  603. overflow:hidden;
  604. position:absolute;
  605. }
  606. .audio .track {
  607. overflow:hidden;
  608. position:absolute;
  609. top:0px;
  610. left:54px;
  611. right:0px;
  612. bottom:0px;
  613. padding:12px;
  614. border-radius:3px;
  615. line-height:14px!important;
  616. background-color:{color:caption bg};
  617. }
  618. .audio .track i {
  619. font-style:inherit;
  620. display:block;
  621. position:relative;
  622. width:100%;
  623. height:14px;
  624. overflow:hidden;
  625. }
  626.  
  627.  
  628. /* pagination */
  629.  
  630. .pagination {
  631. position:fixed;
  632. left:0;
  633. right:0;
  634. bottom:0;
  635. color:#000 !important;
  636. text-align:center;
  637. line-height:13px!important;
  638. padding:9px;
  639. background-color:transparent;
  640. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  641. }
  642. .pagination ol {
  643. color:#000 !important;
  644. margin:0;
  645. padding:0;
  646. list-style-type:none;
  647. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  648. }
  649. .pagination li {
  650. color:#000 !important;
  651. display:inline;
  652. margin:0;
  653. }
  654. .pagination hr {
  655. color:#000 !important;
  656. display:inline-block;
  657. vertical-align:2px;
  658. margin:0 6px;
  659. width:12px;
  660. height:1px;
  661. background-color:{color:accent border};
  662. }
  663.  
  664.  
  665. /* post notes */
  666.  
  667. #notes {
  668. text-align:left;
  669. }
  670. .notes {
  671. list-style-type:none;
  672. padding:6px;
  673. margin:0;
  674. }
  675. .notes a {
  676. border:0;
  677. text-decoration:none;
  678. color:inherit;
  679. }
  680. .notes img {
  681. display:none;
  682. }
  683. .notes li blockquote {
  684. margin-bottom:.5em!important;
  685. }
  686.  
  687. #infscr-loading {
  688. display:none!important;
  689. }
  690. #tumblr_controls {
  691. -webkit-filter:invert(100%);
  692. -webkit-backface-visibility:hidden;
  693. opacity:.67!important;
  694. padding:4px;
  695. }
  696. #tumblr_lightbox {
  697. background-color:transparent!important;
  698. }
  699. #tumblr_lightbox > div:nth-child(2) {
  700. opacity:.9;
  701. background-color:{color:nav bg};
  702. }
  703. #vignette,
  704. #tumblr_lightbox_left_image,
  705. #tumblr_lightbox_right_image {
  706. visibility:hidden;
  707. }
  708. #tumblr_lightbox img {
  709. box-shadow:none!important;
  710. }
  711. #theme {
  712. position:fixed;
  713. bottom:10px;
  714. right:10px;
  715. display:inline-block;
  716. padding:5px 4px 5px 5px;
  717. border-radius:3px;
  718. font-size:7px;
  719. font-family:'open sans', 'trebuchet ms', arial, sans-serif;
  720. text-transform:uppercase;
  721. letter-spacing:1px;
  722. line-height:1em;
  723. background-color:{color:post bg};
  724. color:{color:post info};
  725. }
  726. #s-m-t-tooltip {
  727. max-width:300px;
  728. z-index:9999;
  729. margin:20px 12px 5px 10px;
  730. padding:4px;
  731. border-radius:2px;
  732. line-height:1em;
  733. background:{color:title};
  734. color:{color:background};
  735. }
  736.  
  737. .spi a:hover{background:transparent;}
  738. .spi img{width:50px;margin-bottom:10px;}
  739.  
  740. </style>
  741. <link href="http://static.tumblr.com/qudkd6d/wHJnkfyua/style.css" rel="stylesheet" type="text/css"/>
  742. </head>
  743. <body class="{block:ifNotSidebar}top{/block:ifNotSidebar}{block:ifSidebar}left{/block:ifSidebar}">
  744. <div id="main">
  745. <aside><!-- s i d e b a r -->{block:ifShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ifShowTitle}
  746. {block:ifShowDescription}<div class="desc accent">Bring me warm rain and dried lavender and you. I want you most of all.</div>{/block:ifShowDescription}
  747. <nav><!-- n a v i g a t i o n --><ol class="accent"><li><a href="/">index</a></li><li><a href="/faq">message</a></li>
  748. <li><a href="/info">profile</a></li>
  749. <li><a href="/n">links</a></li>
  750. <li><form action="/search" method="get" class="search"><input type="text" name="q" value="" class="accent query" placeholder="search"/></form></li></ol></nav>
  751. </aside>
  752. <div id="content"><!-- p o s t s -->
  753. {block:Posts}
  754. <article class="entry">
  755. <div class="post">
  756. {block:Answer}<!-- a n s w e r --><div class="question accent">{Question}<i>{Asker}</i><i class="fix">{Asker}</i></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- a u d i o --><div class="audiowrap"><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="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- p h o t o s e t --><div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}{block:Quote}<!-- q u o t e --><div class="quote">{Quote}{block:Source}<div class="source accent">{Source}</div><div class="source fix accent">{Source}</div>{/block:Source}</div>{/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}
  757. {block:Caption}<!-- c a p t i o n --><div class="caption text">{Caption}</div>{/block:Caption}
  758. </div>
  759. {block:Date}<!-- d a t e --><div class="date accent"><span><a href="{Permalink}">{Month} {DayOfMonth}</a> {block:IndexPage}{block:NoteCount} / <a href="{permalink}">{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" class="reblog">reblog</a> {/block:IndexPage}{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" class="rf">via {ReblogParentName}</a> {block:ContentSource}<a href="{ReblogRootURL}" class="rf">source: {ReblogRootName}</a> {/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}{block:HasTags}<!-- t a g s --><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</span></div>{/block:Date}
  760. </article>
  761. {block:PostNotes}<!-- p o s t n o t e s --><br/><article id="notes" class="entry"><div class="post"><h1 class="title">Notes ({NoteCount})</h1><div class="accent" style="padding:0 3px;">{PostNotes}</div></div></article>{/block:PostNotes}
  762. {/block:Posts}
  763. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  764. </div><!-- end #content -->
  765. {block:Pagination}<!-- p a g i n a t i o n --><div class="pagination accent"><ol>{block:PreviousPage}<li><a class="back" href="{PreviousPage}">{lang:Newer}</a></li>{block:NextPage}<hr/>{/block:NextPage}{/block:PreviousPage}{block:NextPage}<li><a class="next" href="{NextPage}">{lang:Older}</a></li>{/block:NextPage}</ol></div>{/block:Pagination}
  766. </div><!-- end #main -->
  767. <div id="theme"><script language="JavaScript">
  768. var ref = (''+document.referrer+'');
  769. var w_h = window.screen.width + " x " + window.screen.height;
  770. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4786349&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  771. </script> / <a href="http://eoxk.tumblr.com">K.</a></div>
  772. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://static.tumblr.com/qudkd6d/QGdnk057h/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  773. <script>
  774. $(document).ready(function(){
  775. $('.photo-slideshow').pxuPhotoset({
  776. lightbox: true,
  777. rounded: 'corners',
  778. borderRadius: '3px',
  779. gutter: '3px',
  780. photoset: '.photo-slideshow',
  781. photoWrap: '.photo-data',
  782. photo: '.pxu-photo'
  783. });
  784. $('#button, .bg').click(function(){
  785. $('body').toggleClass('open');
  786. return false
  787. });
  788. $('[title]').style_my_tooltips({
  789. tip_follows_cursor: false,
  790. tip_delay_time: 150,
  791. tip_fade_speed: 150,
  792. attribute: "title"
  793. });
  794. });
  795. </script>
  796. {block:IndexPage}
  797. {block:ifNotOneColumn}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:ifNotOneColumn}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  798. <script>
  799. $(document).ready(function(){
  800. var $container = $('#content');
  801. {block:ifNotOneColumn}
  802. $container.imagesLoaded(function(){
  803. $container.masonry({
  804. itemSelector: '.entry',
  805. columnWidth: {select:post width} + 80,
  806. isFitWidth: true
  807. });
  808. });
  809. $('.entry').animate({ opacity: 1, zIndex: 0 });
  810. {/block:ifNotOneColumn}
  811. {block:ifInfiniteScroll}
  812. $container.infinitescroll({
  813. itemSelector: '.entry',
  814. navSelector: '.pagination',
  815. nextSelector: '.next',
  816. loadingImg: '',
  817. loadingText: '<em></em>',
  818. bufferPx: 2000
  819. },
  820. function( newElements ) {
  821. var $newElems = $( newElements );
  822. {block:ifNotOneColumn}
  823. $newElems.css({ opacity: 0, zIndex: -1 });
  824. {/block:ifNotOneColumn}
  825. $newElems.find('.photo-slideshow').pxuPhotoset({
  826. lightbox: true,
  827. rounded: 'corners',
  828. borderRadius: '3px',
  829. gutter: '3px',
  830. photoset: '.photo-slideshow',
  831. photoWrap: '.photo-data',
  832. photo: '.pxu-photo'
  833. {block:ifNotOneColumn}
  834. },
  835. function(){
  836. $container.masonry();
  837. });
  838. $newElems.imagesLoaded(function(){
  839. $container.masonry( 'appended', $newElems );
  840. $newElems.animate({ opacity: 1, zIndex: 1 });
  841. {/block:ifNotOneColumn}
  842. });
  843. });
  844. {/block:ifInfiniteScroll}
  845. });
  846. </script>
  847. {/block:IndexPage}
  848. </body>
  849. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement